.copa-auth-gate{background:#1a1a2e;flex-direction:column;height:100%;display:flex;overflow:hidden}.copa-auth-gate__header{border-bottom:1px solid #2a2a4a;justify-content:space-between;align-items:center;padding:16px;display:flex}.copa-auth-gate__title{color:#fff;font-size:16px;font-weight:600}.copa-auth-gate__close{color:#8b8ba7;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.copa-auth-gate__close:hover{color:#ff6b6b;background:#ff00001a;border-color:#ff00004d}.copa-auth-gate__content{flex-direction:column;flex:1;align-items:center;gap:24px;padding:24px 16px;display:flex;overflow-y:auto}.copa-auth-gate__cell-preview{flex-direction:column;align-items:center;gap:8px;display:flex}.copa-auth-gate__cell-circle{opacity:.5;animation:3s ease-in-out infinite copa-auth-gate-pulse}@keyframes copa-auth-gate-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.35;transform:scale(.95)}}.copa-auth-gate__cell-label{color:#6a6a8a;font-size:13px;font-style:italic}.copa-auth-gate__copa-card{background:#0f0f23;border:1px solid #4a90e233;border-radius:12px;gap:12px;width:100%;padding:16px;display:flex}.copa-auth-gate__copa-avatar{flex-shrink:0;width:32px;height:32px;margin-top:2px}.copa-auth-gate__copa-content{flex:1;min-width:0}.copa-auth-gate__copa-name{color:#4a90e2;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.copa-auth-gate__copa-message{color:#8b8ba7;margin:0;font-size:14px;line-height:1.5}.copa-auth-gate__auth-section{flex-direction:column;gap:10px;width:100%;display:flex;position:relative}.copa-auth-gate__loading-overlay{z-index:2;background:#1a1a2ecc;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.copa-auth-gate__spinner{border:3px solid #4a90e233;border-top-color:#4a90e2;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite copa-auth-gate-spin}@keyframes copa-auth-gate-spin{to{transform:rotate(360deg)}}.copa-auth-gate__error{color:#ff6b6b;background:#ff4b4b1a;border:1px solid #ff4b4b40;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.copa-auth-gate__error svg{flex-shrink:0}.copa-auth-gate__auth-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s;display:flex;position:relative}.copa-auth-gate__auth-btn:disabled{opacity:.5;cursor:not-allowed}.copa-auth-gate__auth-icon{flex-shrink:0;width:20px;height:20px}.copa-auth-gate__auth-btn--google{color:#1a1a2e;background:#fff}.copa-auth-gate__auth-btn--google:not(:disabled):hover{background:#f0f0f0;box-shadow:0 2px 8px #ffffff26}.copa-auth-gate__auth-btn--apple{color:#fff;background:#000}.copa-auth-gate__auth-btn--apple:not(:disabled):hover{background:#1a1a1a;box-shadow:0 2px 8px #0006}.copa-auth-gate__auth-btn--whatsapp{color:#6a8a6a;background:#1a2e1a;border:1px solid #25d36626}.copa-auth-gate__coming-soon{color:#6a6a8a;text-transform:uppercase;letter-spacing:.5px;background:#ffffff0d;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:400}.copa-auth-gate__privacy{align-items:flex-start;gap:8px;padding:0 4px;display:flex}.copa-auth-gate__privacy-icon{color:#6a6a8a;flex-shrink:0;margin-top:1px}.copa-auth-gate__privacy span{color:#6a6a8a;font-size:12px;line-height:1.4}@media (prefers-reduced-motion:reduce){.copa-auth-gate__cell-circle{opacity:.5;animation:none}.copa-auth-gate__spinner{animation:none}}.profile-hub{background:#1a1a2e;flex-direction:column;flex:1;min-height:0;display:flex}.profile-hub__header{color:#fff;border-bottom:1px solid #2a2a4a;align-items:center;gap:12px;padding:16px;font-weight:600;display:flex}.profile-hub__back{color:#8b8ba7;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.profile-hub__back:hover{color:#fff;background:#ffffff0d}.profile-hub__content{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex;overflow-y:auto}.profile-hub__hero{flex-direction:column;align-items:center;padding:16px 0 20px;display:flex}.profile-hub__summary{color:#8b8ba7;letter-spacing:.2px;margin-top:8px;font-size:13px}.profile-hub__menu-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.profile-hub__menu-divider{background:#ffffff0f;height:1px;margin:0 16px}.profile-hub__menu-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:background-color .2s;display:flex}.profile-hub__menu-item:hover{background:#ffffff08}.profile-hub__menu-item:active{background:#ffffff0d}.profile-hub__menu-icon{color:#4a90e2;background:#4a90e21f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.profile-hub__menu-content{flex:1;min-width:0}.profile-hub__menu-title{color:#fff;font-size:15px;font-weight:500;line-height:1.3;display:block}.profile-hub__menu-subtitle{color:#8b8ba7;margin-top:1px;font-size:13px;line-height:1.3;display:block}.profile-hub__menu-badge{color:#4a90e2;white-space:nowrap;background:#4a90e226;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:600}.profile-hub__menu-chevron{color:#6a6a8a;flex-shrink:0}.profile-hub__invite-card{cursor:pointer;text-align:left;background:linear-gradient(135deg,#1a2a3e,#1a1a3e);border:1px solid #2a3a5e;border-radius:12px;align-items:center;gap:12px;width:100%;padding:16px;transition:all .2s;display:flex}.profile-hub__invite-card:hover{background:linear-gradient(135deg,#1e2e42,#1e1e42);border-color:#3a4a6e}.profile-hub__invite-card:active{background:linear-gradient(135deg,#222e44,#221e44)}.profile-hub__invite-icon{color:#4a90e2;background:#4a90e226;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.profile-hub__invite-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-hub__invite-title{color:#fff;font-size:15px;font-weight:500;line-height:1.3}.profile-hub__invite-code{color:#6a8ab0;letter-spacing:.5px;font-family:monospace;font-size:12px}.profile-hub__invite-count{color:#4a90e2;font-size:12px;font-weight:600}@media (width<=400px){.profile-hub__content{gap:12px;padding:12px}.profile-hub__menu-item{padding:12px 14px}.profile-hub__invite-card{padding:14px}}@media (prefers-reduced-motion:reduce){.profile-hub__menu-item,.profile-hub__invite-card,.profile-hub__back{transition:none}}.cell-customization{background:#1a1a2e;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.cell-customization__header{border-bottom:1px solid #2a2a4a;align-items:center;gap:12px;padding:16px;display:flex}.cell-customization__back{color:#4a90e2;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px 4px 4px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.cell-customization__back:hover{background:#4a90e21a}.cell-customization__back svg{flex-shrink:0}.cell-customization__title{color:#fff;flex:1;margin:0;font-size:17px;font-weight:600}.cell-customization__content{flex-direction:column;flex:1;gap:24px;min-height:0;padding:16px;display:flex;overflow-y:auto}.cell-customization__preview{background:#0000004d;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;display:flex}.cell-customization__preview-label{color:#fff9;font-size:13px;font-weight:500}.cell-customization__section{flex-direction:column;gap:10px;display:flex}.cell-customization__section-title{color:#fff;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.cell-customization__section-value{color:#4a90e2;font-family:monospace;font-size:13px;font-weight:400}.cell-customization__color-palette{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cell-customization__color-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;min-height:36px;transition:all .2s;display:flex;position:relative}.cell-customization__color-swatch:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.cell-customization__color-swatch--selected{border-color:#fff;transform:scale(1.05);box-shadow:0 0 16px #ffffff40}.cell-customization__check-mark{filter:drop-shadow(0 1px 2px #00000080)}.cell-customization__shape-grid{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cell-customization__shape-option{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px;transition:all .2s;display:flex}.cell-customization__shape-option:hover{background:#ffffff1a;border-color:#fff3}.cell-customization__shape-option--selected{background:#4a90e21a;border-color:#4a90e2}.cell-customization__shape-option canvas{width:64px;height:64px;display:block}.cell-customization__shape-label{color:#fff9;font-size:11px}.cell-customization__shape-option--selected .cell-customization__shape-label{color:#4a90e2}.cell-customization__slider{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}.cell-customization__slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#4a90e2;border-radius:50%;width:18px;height:18px;transition:transform .2s}.cell-customization__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.cell-customization__slider::-moz-range-thumb{cursor:pointer;background:#4a90e2;border:none;border-radius:50%;width:18px;height:18px}.cell-customization__slider--heartbeat::-webkit-slider-thumb{background:#ff6b8a}.cell-customization__slider--heartbeat::-moz-range-thumb{background:#ff6b8a}.cell-customization__slider-labels{color:#fff6;justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.cell-customization__saving{text-align:center;color:#4a90e2;padding:8px;font-size:13px;font-weight:500;animation:.2s ease-out cell-customization-fade-in}.cell-customization__error{color:#ff4136;text-align:center;background:#ff41361a;border-radius:6px;padding:8px 12px;font-size:13px}@keyframes cell-customization-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cell-customization-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cell-customization__confirm-overlay{z-index:1001;background:#000c;justify-content:center;align-items:center;animation:.2s ease-out cell-customization-fade-in;display:flex;position:fixed;inset:0}.cell-customization__confirm-modal{text-align:center;background:linear-gradient(145deg,#2d1b4e 0%,#1a1a2e 100%);border:1px solid #ffb3404d;border-radius:10px;max-width:320px;padding:24px;animation:.3s ease-out cell-customization-slide-up}.cell-customization__confirm-icon{color:#ffb340;margin-bottom:12px}.cell-customization__confirm-icon svg{filter:drop-shadow(0 2px 4px #ffb34066)}.cell-customization__confirm-modal h3{color:#fff;margin:0 0 12px;font-size:1.1rem;font-weight:600}.cell-customization__confirm-message{color:#fffc;margin:0 0 12px;font-size:.85rem;line-height:1.5}.cell-customization__confirm-warning{color:#ffb340;background:#ffb3401a;border-left:3px solid #ffb340;border-radius:6px;margin:0 0 18px;padding:10px;font-size:.8rem;line-height:1.4}.cell-customization__confirm-actions{justify-content:center;gap:10px;display:flex}.cell-customization__btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px 18px;font-size:.85rem;font-weight:500;transition:all .2s}.cell-customization__btn--secondary{color:#fff;background:#ffffff1a}.cell-customization__btn--secondary:hover{background:#ffffff26}.cell-customization__btn--warning{color:#fff;background:linear-gradient(135deg,#ff6b8a 0%,#ff4136 100%)}.cell-customization__btn--warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff413666}.cell-customization__btn--warning:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.cell-customization__color-palette{gap:6px}.cell-customization__color-swatch{min-height:30px}.cell-customization__shape-grid{gap:6px}.cell-customization__shape-option canvas{width:52px;height:52px}}@media (prefers-reduced-motion:reduce){.cell-customization__confirm-overlay,.cell-customization__confirm-modal,.cell-customization__saving{animation:none}.cell-customization__color-swatch,.cell-customization__shape-option,.cell-customization__back,.cell-customization__btn{transition:none}.cell-customization__slider::-webkit-slider-thumb{transition:none}}.topic-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.topic-icon__svg{display:block}.topic-icon--flat{color:currentColor}.topic-icon--glow{color:#c8d4ff}.topic-icon--glow:before{content:"";pointer-events:none;background:radial-gradient(circle,#96b4ff4d 0%,#96b4ff1a 40%,#0000 70%);border-radius:50%;position:absolute;inset:-4px}.topic-icon--cyan{color:#64c8ff}.topic-icon--cyan:before{content:"";pointer-events:none;background:radial-gradient(circle,#64c8ff59 0%,#64c8ff26 40%,#0000 70%);border-radius:50%;position:absolute;inset:-4px}.topic-icon--gold{color:gold}.topic-icon--gold:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd70066 0%,#ffd70026 40%,#0000 70%);border-radius:50%;position:absolute;inset:-4px}.topic-icon--animate{animation:3s ease-in-out infinite icon-breathe}.topic-icon--animate:before{animation:3s ease-in-out infinite halo-breathe}@keyframes icon-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes halo-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@media (width<=480px){.topic-icon--glow:before,.topic-icon--cyan:before,.topic-icon--gold:before{inset:-2px}}@media (prefers-reduced-motion:reduce){.topic-icon--animate,.topic-icon--animate:before{animation:none}}@media (prefers-contrast:high){.topic-icon--glow,.topic-icon--cyan,.topic-icon--gold{color:#fff}.topic-icon--glow:before,.topic-icon--cyan:before,.topic-icon--gold:before{display:none}}.shareable-attributes-section{background:#1a1a2e;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.shareable-attributes-section__loading,.shareable-attributes-section__error{color:var(--profile-text-muted,#ffffff80);align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.shareable-attributes-section__error{color:var(--profile-accent-red,#ff6b6b);flex-direction:column;align-items:flex-start}.shareable-attributes-section__error-detail{color:#f88;opacity:.8;margin-top:4px;font-size:12px}.shareable-attributes-section__header{border-bottom:1px solid #2a2a4a;flex-direction:column;padding:16px 16px 12px;display:flex}.shareable-attributes-section__back{color:#4a90e2;cursor:pointer;background:0 0;border:none;border-radius:6px;align-self:flex-start;align-items:center;gap:4px;margin-bottom:8px;padding:4px 8px 4px 4px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.shareable-attributes-section__back:hover{background:#4a90e21a}.shareable-attributes-section__back svg{flex-shrink:0}.shareable-attributes-section__header-row{align-items:center;gap:12px;display:flex}.shareable-attributes-section__title{color:#fff;flex:1;margin:0;font-size:17px;font-weight:600}.shareable-attributes-section__count-badge{color:var(--profile-accent-green,#67b26f);white-space:nowrap;background:#67b26f33;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:500}.shareable-attributes-section__content{flex:1;min-height:0;padding:16px;animation:.2s shareableSectionFadeIn;overflow-y:auto}@keyframes shareableSectionFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.shareable-attributes-section__content{animation:none}}.shareable-attributes-category{margin-bottom:20px}.shareable-attributes-category__header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 4px;display:flex}.shareable-attributes-category__title{color:#8b8ba7;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:600}.shareable-attributes-category__chapter-label{color:#4a90e2;opacity:.8;align-items:center;gap:4px;font-size:.7rem;font-weight:500;display:flex}.shareable-attributes-category__chapter-label svg{opacity:.7}.shareable-attributes-list{flex-direction:column;gap:4px;display:flex}.shareable-attribute-item{cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex}.shareable-attribute-item:hover{background:#ffffff0d;border-color:#ffffff1a}.shareable-attribute-item.filled{border-color:#67b26f33}.shareable-attribute-item__icon{color:#8b8ba7;flex-shrink:0;width:32px;height:32px}.shareable-attribute-item.filled .shareable-attribute-item__icon{color:#67b26f}.shareable-attribute-item__content{flex:1;min-width:0}.shareable-attribute-item__name{color:#fff;margin-bottom:2px;font-size:.9rem;font-weight:500;display:block}.shareable-attribute-item__value{color:#67b26f;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}.shareable-attribute-item__value--cell{align-items:center;gap:6px;display:flex}.shareable-attribute-item__color-swatch{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.shareable-attribute-item__placeholder{color:#6b6b8a;font-size:.8rem;font-style:italic;display:block}.shareable-attribute-item__chapter{color:#6b6b8a;white-space:nowrap;background:#ffffff08;border-radius:4px;padding:4px 8px;font-size:.75rem}.shareable-attribute-item__arrow{color:#6b6b8a;flex-shrink:0}.shareable-attribute-item.derived{cursor:default;opacity:.85}.shareable-attribute-item__derived-label{color:#6b6b8a;white-space:nowrap;flex-shrink:0;font-size:.7rem;font-style:italic}.shareable-attribute-modal-overlay{z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.shareable-attribute-modal{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:16px;flex-direction:column;width:100%;max-width:400px;max-height:80vh;display:flex;box-shadow:0 20px 40px #0006}.shareable-attribute-modal__header{border-bottom:1px solid #2a2a4a;align-items:center;gap:12px;padding:20px;display:flex}.shareable-attribute-modal__header h3{color:#fff;flex:1;margin:0;font-size:1.1rem;font-weight:600}.shareable-attribute-modal__icon{color:#4a90e2;width:28px;height:28px}.shareable-attribute-modal__close{color:#8b8ba7;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.shareable-attribute-modal__close:hover{color:#fff;background:#ffffff1a}.shareable-attribute-modal__body{flex:1;padding:20px;overflow-y:auto}.shareable-attribute-modal__text-input{position:relative}.shareable-attribute-modal__text-input textarea{color:#fff;resize:none;box-sizing:border-box;background:#ffffff0d;border:1px solid #3a3a5a;border-radius:8px;width:100%;padding:14px;font-family:inherit;font-size:.95rem;line-height:1.5}.shareable-attribute-modal__text-input textarea:focus{border-color:#4a90e2;outline:none}.shareable-attribute-modal__text-input textarea::placeholder{color:#6b6b8a}.shareable-attribute-modal__text-input .char-count{color:#6b6b8a;font-size:.75rem;position:absolute;bottom:12px;right:12px}.shareable-attribute-modal__date-input{position:relative}.shareable-attribute-modal__date-input input[type=date]{color:#e0e0f0;box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0d;border:1px solid #3a3a5a;border-radius:8px;width:100%;padding:14px;font-family:inherit;font-size:1rem}.shareable-attribute-modal__date-input input[type=date]:focus{border-color:#4a90e2;outline:none}.shareable-attribute-modal__options{flex-direction:column;gap:8px;display:flex}.shareable-attribute-modal__options.multi-select{gap:6px}.shareable-attribute-modal__selection-limit{text-align:center;color:#4a90e2;background:#4a90e21a;border-radius:6px;margin-bottom:8px;padding:8px 12px;font-size:.8rem}.shareable-attribute-modal__option{color:#fff;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #3a3a5a;border-radius:8px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:.95rem;transition:all .2s;display:flex}.shareable-attribute-modal__option:hover{background:#ffffff0f;border-color:#4a90e2}.shareable-attribute-modal__option.selected{background:#4a90e226;border-color:#4a90e2}.shareable-attribute-modal__option:disabled,.shareable-attribute-modal__option.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.shareable-attribute-modal__option.disabled:hover{background:#ffffff08;border-color:#3a3a5a}.shareable-attribute-modal__option .checkbox{border:2px solid #4a4a6a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.shareable-attribute-modal__option.selected .checkbox{color:#fff;background:#4a90e2;border-color:#4a90e2}.shareable-attribute-modal__actions{border-top:1px solid #2a2a4a;gap:12px;padding:16px 20px;display:flex}.shareable-attribute-modal__cancel{color:#8b8ba7;cursor:pointer;background:#ffffff0d;border:1px solid #3a3a5a;border-radius:8px;flex:1;padding:12px 16px;font-size:.95rem;transition:all .2s}.shareable-attribute-modal__cancel:hover{color:#fff;background:#ffffff1a}.shareable-attribute-modal__save{color:#fff;cursor:pointer;background:#4a90e2;border:none;border-radius:8px;flex:1;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.shareable-attribute-modal__save:hover:not(:disabled){background:#5a9ff0}.shareable-attribute-modal__save:disabled{opacity:.5;cursor:not-allowed}.shareable-attribute-modal__unlock-info{color:#4a90e2;background:#4a90e21a;border-radius:0 0 16px 16px;align-items:center;gap:8px;padding:12px 20px;font-size:.8rem;display:flex}.loading-spinner.small{border:2px solid #3a3a5a;border-top-color:#4a90e2;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner.small{border-top-color:#4a90e2;animation:none}}.shareable-attributes-category--photos{border-top:1px solid #ffffff14;padding-top:16px}.shareable-attributes-photos__description{color:#8b8ba7;margin:0 0 12px;padding:0 4px;font-size:.8rem;line-height:1.4}.shareable-attributes-photos__grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.shareable-photo-item{aspect-ratio:1;cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.shareable-photo-item:hover{background:#ffffff0d;border-color:#ffffff26}.shareable-photo-item.filled{border-color:#67b26f4d}.shareable-photo-item__thumbnail{object-fit:cover;width:100%;height:100%}.shareable-photo-item__placeholder{color:#6b6b8a;opacity:.6;justify-content:center;align-items:center;display:flex}.shareable-photo-item__placeholder svg{width:24px;height:24px}.shareable-photo-item__info{background:linear-gradient(#0000,#000c);flex-direction:column;gap:1px;padding:4px 6px;display:flex;position:absolute;bottom:0;left:0;right:0}.shareable-photo-item__category{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;font-weight:500;overflow:hidden}.shareable-photo-item__chapter{color:#8b8ba7;font-size:.55rem}.shareable-photo-item__add-icon{color:#fff;background:#4a90e2cc;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;right:4px}.shareable-photo-item__add-icon svg{width:14px;height:14px}.shareable-photo-modal__icon{color:#4a90e2;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.shareable-photo-modal__icon svg{width:24px;height:24px}.shareable-photo-modal__description{color:#8b8ba7;margin:0 0 16px;font-size:.9rem;line-height:1.5}.shareable-photo-modal__preview{aspect-ratio:4/3;background:#ffffff08;border:1px solid #3a3a5a;border-radius:8px;width:100%;margin-bottom:12px;overflow:hidden}.shareable-photo-modal__preview-img{object-fit:contain;background:#0000004d;width:100%;height:100%}.shareable-photo-modal__preview-placeholder{color:#6b6b8a;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.shareable-photo-modal__preview-placeholder svg{opacity:.5;width:40px;height:40px}.shareable-photo-modal__preview-placeholder span{font-size:.85rem}.shareable-photo-modal__file-input{text-align:center;margin-bottom:16px;display:block}.shareable-photo-modal__file-input input[type=file]{display:none}.shareable-photo-modal__explanation{margin-bottom:8px;position:relative}.shareable-photo-modal__explanation label{color:#b0b0c8;margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.shareable-photo-modal__explanation textarea{color:#fff;resize:none;box-sizing:border-box;background:#ffffff0d;border:1px solid #3a3a5a;border-radius:8px;width:100%;padding:12px 14px;font-family:inherit;font-size:.95rem;line-height:1.5}.shareable-photo-modal__explanation textarea:focus{border-color:#4a90e2;outline:none}.shareable-photo-modal__explanation textarea::placeholder{color:#6b6b8a}.shareable-photo-modal__explanation .char-count{color:#6b6b8a;font-size:.75rem;position:absolute;bottom:12px;right:12px}.shareable-photo-modal__error{color:#ff6b6b;background:#ff4d4d26;border:1px solid #ff4d4d;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:.85rem}.shareable-photo-modal__progress{background:#ffffff0d;border-radius:8px;margin-top:12px;padding:8px 12px;overflow:hidden}.shareable-photo-modal__progress-bar{background:#4a90e2;border-radius:2px;height:4px;margin-bottom:6px;transition:width .2s}.shareable-photo-modal__progress span{color:#8b8ba7;font-size:.8rem}.shareable-attribute-modal__cell-preview{flex-direction:column;align-items:center;padding:24px 16px;display:flex}.shareable-attribute-modal__cell-circle{border-radius:50%;width:80px;height:80px;margin-bottom:16px;animation:2s ease-in-out infinite cellPreviewPulse}@keyframes cellPreviewPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.shareable-attribute-modal__cell-circle{animation:none}}.shareable-attribute-modal__cell-label{text-align:center;color:#8b8ba7;max-width:280px;margin:0;font-size:.85rem;line-height:1.5}@media (width<=320px){.shareable-attributes-photos__grid{grid-template-columns:repeat(2,1fr)}}.referral-section{background:#1a1a2e;flex-direction:column;height:100%;display:flex;overflow:hidden}.referral-section__header{border-bottom:1px solid #2a2a4a;align-items:center;gap:12px;padding:16px;display:flex}.referral-section__back{color:#4a90e2;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px 4px 4px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.referral-section__back:hover{background:#4a90e21a}.referral-section__back svg{flex-shrink:0}.referral-section__title{color:#fff;flex:1;margin:0;font-size:17px;font-weight:600}.referral-section__content{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.referral-section__hero{align-items:flex-start;gap:12px;display:flex}.referral-section__icon{width:40px;height:40px;color:var(--profile-accent-blue,#4a90e2);background:#4a90e21a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.referral-section__icon svg{width:20px;height:20px}.referral-section__description{color:var(--profile-text-muted,#ffffff80);margin:0;font-size:13px;line-height:1.5}.referral-section__badges{align-items:center;gap:6px;display:flex}.referral-section__badge{color:var(--profile-accent-green,#67b26f);background:#67b26f33;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500}.referral-section__referred-badge{color:var(--profile-accent-blue,#4a90e2);background:#4a90e233;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500}.referral-section__loading{color:#fff9;align-items:center;gap:10px;padding:12px 0;font-size:13px;display:flex}.referral-section__spinner{border:2px solid #fff3;border-top-color:#4a90e2cc;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite referral-spin}@keyframes referral-spin{to{transform:rotate(360deg)}}.referral-section__error{color:#ff9696;background:#ff64641a;border:1px solid #ff64644d;border-radius:6px;padding:10px 12px;font-size:13px}.referral-section__code-container{gap:8px;display:flex}.referral-section__code-input{color:#ffffffe6;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;outline:none;flex:1;min-width:0;padding:10px 12px;font-family:monospace;font-size:12px;transition:border-color .2s}.referral-section__code-input:focus{border-color:#4a90e280}.referral-section__copy-btn{color:#4a90e2;cursor:pointer;white-space:nowrap;background:#4a90e233;border:1px solid #4a90e266;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.referral-section__copy-btn:hover{background:#4a90e24d;border-color:#4a90e299}.referral-section__copy-btn.success{color:#64c864;background:#64c86433;border-color:#64c86466}.referral-section__share-btn{color:#4a90e2;cursor:pointer;background:#4a90e226;border:1px solid #4a90e24d;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.referral-section__share-btn:hover{background:#4a90e240;border-color:#4a90e280}.referral-section__share-btn svg{width:16px;height:16px}@media (width<=768px){.referral-section__code-container{flex-direction:column}.referral-section__copy-btn{width:100%}}@media (prefers-reduced-motion:reduce){.referral-section__spinner{animation:none}.referral-section__back,.referral-section__copy-btn,.referral-section__share-btn,.referral-section__code-input{transition:none}}.notification-settings{background:var(--profile-section-bg,#ffffff08);border:1px solid var(--profile-section-border,#ffffff14);border-radius:var(--profile-section-radius,12px);padding:var(--profile-section-padding,16px);margin-top:var(--profile-section-gap,16px)}.notification-settings--unsupported{opacity:.5;align-items:center;gap:12px;display:flex}.notification-settings--unsupported .notification-settings__icon{color:var(--profile-text-placeholder,#6a6a8a)}.notification-settings--unsupported .notification-settings__text{color:var(--profile-text-muted,#ffffff80);font-size:13px}.notification-settings--private{background:#a78bfa1a;border-color:#a78bfa33;align-items:flex-start;gap:12px;display:flex}.notification-settings--private .notification-settings__icon{color:var(--profile-accent-purple,#a78bfa);background:#a78bfa26}.notification-settings__private-info{flex:1;min-width:0}.notification-settings--private .notification-settings__text{color:var(--profile-accent-purple,#a78bfa);margin-bottom:4px;font-size:14px;font-weight:500;display:block}.notification-settings__hint{color:var(--profile-text-muted,#ffffff80);margin:0;font-size:12px;line-height:1.5}.notification-settings__header{align-items:center;gap:12px;display:flex}.notification-settings__icon{width:40px;height:40px;color:var(--profile-accent-blue,#4a90e2);background:#4a90e21a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-settings__info{flex:1;min-width:0}.notification-settings__info h4{color:var(--profile-text-primary,#fff);margin:0;font-size:14px;font-weight:600}.notification-settings__info p{color:var(--profile-text-muted,#ffffff80);margin:4px 0 0;font-size:12px;line-height:1.4}.notification-settings__switch{flex-shrink:0;width:48px;height:26px;position:relative}.notification-settings__switch input{opacity:0;width:0;height:0}.notification-settings__slider{cursor:pointer;background-color:#ffffff1a;border-radius:13px;transition:all .3s;position:absolute;inset:0}.notification-settings__slider:before{content:"";background-color:#ffffffb3;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.notification-settings__slider.loading{opacity:.5;cursor:wait}.notification-settings__switch input:checked+.notification-settings__slider{background-color:var(--profile-accent-blue,#4a90e2)}.notification-settings__switch input:checked+.notification-settings__slider:before{background-color:#fff;transform:translate(22px)}.notification-settings__switch input:disabled+.notification-settings__slider{cursor:not-allowed;opacity:.5}.notification-settings__error{color:var(--profile-accent-red,#ff6b6b);background:#ff4d4d1a;border:1px solid #ff4d4d40;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:13px;display:flex}.notification-settings__error svg{flex-shrink:0}.notification-settings__error span{flex:1}.notification-settings__error-dismiss{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 4px;font-size:18px;transition:opacity .2s}.notification-settings__error-dismiss:hover{opacity:1}.notification-settings__blocked{color:var(--profile-text-secondary,#ffffffb3);background:#ffc1071a;border:1px solid #ffc10733;border-radius:8px;margin-top:12px;padding:12px;font-size:12px}.notification-settings__blocked p{color:#ffc107;margin:0 0 8px;font-weight:500}.notification-settings__blocked ol{margin:0;padding-left:20px}.notification-settings__blocked li{margin:4px 0;line-height:1.4}.notification-settings__status{color:var(--profile-text-muted,#ffffff80);align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.notification-settings__status-dot{background:var(--profile-accent-green,#67b26f);border-radius:50%;width:8px;height:8px;animation:2s infinite notificationStatusPulse}@keyframes notificationStatusPulse{0%,to{opacity:1}50%{opacity:.5}}.notification-settings-toggle{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.notification-settings-toggle:hover{color:#fffc;background:#ffffff1a}.notification-settings-toggle.active{color:#4a90e2;background:#4a90e233;border-color:#4a90e266}.notification-settings-toggle.loading{cursor:wait;opacity:.7}.notification-settings-toggle:disabled{cursor:not-allowed;opacity:.5}.notification-settings-toggle__spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;position:absolute}.bugreport-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out bugreportFadeIn;display:flex;position:fixed;inset:0}@keyframes bugreportFadeIn{0%{opacity:0}to{opacity:1}}.bugreport-modal{background:#1a1a2e;border-radius:16px;width:100%;max-width:480px;max-height:90vh;padding:24px;animation:.3s ease-out bugreportSlideUp;overflow-y:auto;box-shadow:0 8px 32px #0006}@keyframes bugreportSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bugreport-modal-header{text-align:center;margin-bottom:20px}.bugreport-modal-header h2{color:#fff;margin:0 0 8px;font-size:1.5rem}.bugreport-subtitle{color:#888;margin:0;font-size:.9rem}.bugreport-type-selector{gap:8px;margin-bottom:8px;display:flex}.bugreport-type-option{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px 8px;transition:all .2s;display:flex}.bugreport-type-option:hover{background:#ffffff1a;border-color:#4a90e24d}.bugreport-type-option.selected{background:#4a90e226;border-color:#4a90e2}.bugreport-type-option:disabled{opacity:.5;cursor:not-allowed}.bugreport-type-icon{color:#8b8ba7;justify-content:center;align-items:center;margin-bottom:4px;transition:all .2s;display:flex}.bugreport-type-icon svg{width:24px;height:24px}.bugreport-type-option.selected .bugreport-type-icon{color:#96b4ff;filter:drop-shadow(0 0 4px #96b4ff80)drop-shadow(0 0 8px #96b4ff4d)}.bugreport-type-option:hover:not(.selected) .bugreport-type-icon{color:#c8d4ff}.bugreport-type-label{color:#fff;font-size:.8rem;font-weight:500}.bugreport-type-description{color:#666;text-align:center;min-height:1.2em;margin-bottom:20px;font-size:.8rem}.bugreport-form{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}.bugreport-field{flex-direction:column;display:flex}.bugreport-field label{color:#aaa;margin-bottom:6px;font-size:.85rem}.bugreport-field .required{color:#e74c3c}.bugreport-field input[type=text]{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:.95rem}.bugreport-field input[type=text]:focus{border-color:#4a90e2;outline:none}.bugreport-field input[type=text]:disabled{opacity:.5}.bugreport-field textarea{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;min-height:120px;padding:12px;font-family:inherit;font-size:.95rem}.bugreport-field textarea:focus{border-color:#4a90e2;outline:none}.bugreport-field textarea:disabled{opacity:.5}.bugreport-counter{color:#666;align-self:flex-end;margin-top:4px;font-size:.75rem}.bugreport-checkbox{background:#ffffff08;border-radius:8px;padding:12px}.bugreport-checkbox label{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.bugreport-checkbox input[type=checkbox]{cursor:pointer;accent-color:#4a90e2;width:18px;height:18px;margin-top:2px}.bugreport-checkbox-label{color:#ddd;font-size:.9rem}.bugreport-checkbox-hint{color:#666;margin:8px 0 0 28px;font-size:.8rem}.bugreport-error{color:#f44336;background:#f443361a;border:1px solid #f443364d;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:.85rem}.bugreport-modal-actions{justify-content:flex-end;gap:12px;display:flex}.bugreport-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.bugreport-btn:disabled{opacity:.5;cursor:not-allowed}.bugreport-btn-cancel{color:#888;background:0 0;border:1px solid #ffffff1a}.bugreport-btn-cancel:hover:not(:disabled){color:#fff;background:#ffffff0d}.bugreport-btn-submit{color:#fff;background:#4a90e2}.bugreport-btn-submit:hover:not(:disabled){background:#357abd}.bugreport-modal-success{text-align:center;padding:40px 24px}.bugreport-success-icon{color:#fff;background:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;font-size:2rem;display:flex}.bugreport-modal-success h2{color:#fff;margin:0 0 8px;font-size:1.3rem}.bugreport-modal-success p{color:#aaa;margin:0;font-size:.95rem}@media (width<=480px){.bugreport-modal{max-height:95vh;padding:16px}.bugreport-type-selector{flex-direction:column}.bugreport-type-option{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 16px}.bugreport-type-icon{margin-bottom:0}.bugreport-modal-actions{flex-direction:column-reverse}.bugreport-btn{width:100%}}.settings-page{background:#1a1a2e;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.settings-page__header{border-bottom:1px solid #2a2a4a;align-items:center;gap:12px;padding:16px;display:flex}.settings-page__back{color:#4a90e2;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px 4px 4px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.settings-page__back:hover{background:#4a90e21a}.settings-page__back svg{flex-shrink:0}.settings-page__title{color:#fff;flex:1;margin:0;font-size:17px;font-weight:600}.settings-page__content{flex-direction:column;flex:1;gap:24px;min-height:0;padding:16px;display:flex;overflow-y:auto}.settings-page__group{flex-direction:column;gap:0;display:flex}.settings-page__group-header{color:#8b8ba7;text-transform:uppercase;letter-spacing:.8px;margin:0 0 8px 4px;font-size:13px;font-weight:600}.settings-page__group-content{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.settings-page__toggle{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:background-color .2s;display:flex}.settings-page__toggle:hover{background:#ffffff08}.settings-page__toggle-icon{color:#8b8ba7;background:#4a90e226;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings-page__toggle.active .settings-page__toggle-icon{color:#67b26f;background:#67b26f26}.settings-page__toggle-content{flex:1;min-width:0}.settings-page__toggle-label{color:#fff;font-size:15px;font-weight:500;line-height:1.3;display:block}.settings-page__toggle-hint{color:#8b8ba7;margin-top:1px;font-size:13px;line-height:1.3;display:block}.settings-page__toggle-switch{background:#3a3a5c;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background-color .2s;position:relative}.settings-page__toggle-switch.on{background:#67b26f}.settings-page__toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.settings-page__toggle-switch.on .settings-page__toggle-thumb{transform:translate(20px)}.settings-page__action-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:background-color .2s;display:flex}.settings-page__action-item:hover{background:#ffffff08}.settings-page__action-item:active{background:#ffffff0d}.settings-page__action-icon{color:#4a90e2;background:#4a90e21f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings-page__action-content{flex:1;min-width:0}.settings-page__action-label{color:#fff;font-size:15px;font-weight:500;line-height:1.3;display:block}.settings-page__action-hint{color:#8b8ba7;margin-top:1px;font-size:13px;line-height:1.3;display:block}.settings-page__action-chevron{color:#6a6a8a;flex-shrink:0}.settings-page__slider-row{align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.settings-page__slider-icon{color:#4a90e2;background:#4a90e226;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;display:flex}.settings-page__slider-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.settings-page__slider-header{justify-content:space-between;align-items:baseline;display:flex}.settings-page__slider-label{color:#fff;font-size:15px;font-weight:500;line-height:1.3}.settings-page__slider-value{color:#4a90e2;text-align:right;font-variant-numeric:tabular-nums;min-width:36px;font-size:13px;font-weight:500}.settings-page__slider-hint{color:#8b8ba7;font-size:13px;line-height:1.3}.settings-page__slider{appearance:none;cursor:pointer;background:#3a3a5c;border-radius:2px;outline:none;width:100%;height:4px;margin-top:4px}.settings-page__slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4a90e2;border:none;border-radius:50%;width:18px;height:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 4px #0000004d}.settings-page__slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 8px #4a90e266}.settings-page__slider::-moz-range-thumb{cursor:pointer;background:#4a90e2;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0000004d}.settings-page__slider::-moz-range-track{background:#3a3a5c;border:none;border-radius:2px;height:4px}.settings-page__divider{background:#ffffff0f;height:1px;margin:0 16px}.settings-page__account-info{align-items:center;gap:12px;padding:14px 16px;display:flex}.settings-page__provider-icon{background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings-page__account-details{flex:1;min-width:0}.settings-page__provider-label{color:#fff;font-size:14px;font-weight:500;line-height:1.3;display:block}.settings-page__account-email{color:#8b8ba7;margin-top:1px;font-size:13px;display:block}.settings-page__sign-out{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:background-color .2s;display:flex}.settings-page__sign-out:hover{background:#ef535014}.settings-page__sign-out:active{background:#ef53501f}.settings-page__sign-out:disabled{opacity:.5;cursor:not-allowed}.settings-page__sign-out-icon{color:#ef5350;background:#ef53501f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings-page__sign-out-label{color:#ef5350;font-size:15px;font-weight:500}@media (width<=400px){.settings-page__content{gap:16px;padding:12px}}@media (prefers-reduced-motion:reduce){.settings-page__toggle,.settings-page__action-item,.settings-page__sign-out,.settings-page__back,.settings-page__toggle-switch,.settings-page__toggle-thumb{transition:none}.settings-page__slider::-webkit-slider-thumb{transition:none}}.dating-modal-overlay{z-index:1001;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dating-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:500px;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 8px 32px #0009}.dating-modal-header{text-align:center;margin-bottom:24px}.dating-modal-header h2{color:#fff;margin:0 0 10px;font-size:1.5rem}.dating-subtitle{color:#fff9;margin:0;font-size:.9rem;line-height:1.5}.dating-identity-options{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.dating-identity-option{cursor:pointer;text-align:left;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.dating-identity-option:hover{background:#ffffff1a;border-color:#ffffff4d}.dating-identity-option.selected{background:#96b4ff26;border-color:#96b4ff;box-shadow:0 0 15px #96b4ff4d}.identity-label{color:#fff;font-size:.95rem;font-weight:500}.dating-custom-input{margin-bottom:20px}.dating-custom-input label{color:#ffffffb3;margin-bottom:8px;font-size:.9rem;display:block}.dating-custom-input input{color:#fff;background:#ffffff14;border:2px solid #ffffff26;border-radius:10px;width:100%;padding:12px 16px;font-size:1rem;transition:all .2s}.dating-custom-input input:focus{background:#ffffff1a;border-color:#96b4ff;outline:none}.dating-custom-input input::placeholder{color:#fff6}.dating-preferences-section{margin-bottom:24px}.dating-preferences-section h3{color:#fff;margin:0 0 6px;font-size:1.1rem}.section-hint{color:#ffffff80;margin:0 0 14px;font-size:.85rem}.dating-category-options{flex-wrap:wrap;gap:10px;display:flex}.dating-category-option{cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:25px;flex:1;justify-content:center;align-items:center;gap:10px;min-width:140px;padding:14px 20px;transition:all .2s;display:flex}.dating-category-option:hover{background:#ffffff1a;border-color:#ffffff4d}.dating-category-option.selected{background:#96b4ff26;border-color:#96b4ff;box-shadow:0 0 12px #96b4ff4d}.category-label{color:#fff;font-size:.95rem;font-weight:500}.dating-privacy-notice{background:#64c8ff14;border:1px solid #64c8ff33;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;display:flex}.privacy-icon{color:#64c8ff;flex-shrink:0;margin-top:2px}.dating-privacy-notice p{color:#fffc;margin:0;font-size:.85rem;line-height:1.5}.dating-error{color:#f44336;background:#f4433633;border:1px solid #f4433666;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.9rem}.dating-modal-actions{justify-content:flex-end;gap:12px;display:flex}.dating-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-size:1rem;font-weight:500;transition:all .2s}.dating-btn-cancel{color:#fffc;background:#ffffff1a}.dating-btn-cancel:hover{background:#fff3}.dating-btn-primary{color:#fff;background:linear-gradient(135deg,#96b4ff,#6a8cff)}.dating-btn-primary:hover{background:linear-gradient(135deg,#a8c2ff,#7d9dff);transform:translateY(-1px);box-shadow:0 4px 12px #96b4ff4d}.dating-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dating-inline{width:100%;max-width:none;max-height:none;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;overflow-y:visible}.dating-inline .dating-modal-header{margin-bottom:16px}.dating-inline .dating-modal-header h2{font-size:1.25rem}.dating-inline .dating-identity-options{grid-template-columns:1fr}.dating-inline .dating-modal-actions{justify-content:center}@media (width<=520px){.dating-modal{max-width:95%;padding:18px}.dating-identity-options{grid-template-columns:1fr}.dating-category-options{flex-direction:column}.dating-category-option{min-width:100%}}.profile-panel{background:#1a1a2e;flex-direction:column;flex:1;min-height:0;display:flex}.profile-panel__view{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.profile-panel__view--slide-forward{animation:.2s ease-out profileSlideIn}.profile-panel__view--slide-back{animation:.2s ease-out profileSlideOut}@keyframes profileSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes profileSlideOut{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.profile-panel__view--slide-forward,.profile-panel__view--slide-back{animation:none}}.profile-panel__header{color:#fff;border-bottom:1px solid #2a2a4a;align-items:center;gap:12px;padding:16px;font-weight:600;display:flex}.profile-panel__back{color:#8b8ba7;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.profile-panel__back:hover{color:#fff;background:#ffffff0d}.profile-panel__edit-btn{color:#4a90e2;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:6px;transition:all .2s;display:flex}.profile-panel__edit-btn:hover{background:#4a90e21a}.profile-panel__error{cursor:pointer;color:#ff6b6b;background:#ff4d4d26;border:1px solid #ff4d4d;border-radius:8px;justify-content:space-between;align-items:center;margin:16px;padding:12px 16px;font-size:.9rem;display:flex}.profile-panel__error-dismiss{color:#ff6b6b;cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0;font-size:1.2rem}.profile-panel__content{flex:1;padding:16px;overflow-y:auto}.profile-panel__anonymous{text-align:center;color:#8b8ba7;padding:32px 16px}.profile-panel__avatar-section{border-bottom:1px solid #2a2a4a;flex-direction:column;align-items:center;margin-bottom:24px;padding-bottom:24px;display:flex}.profile-panel__avatar-label{color:#6a6a8a;text-transform:uppercase;letter-spacing:.5px;margin-top:8px;font-size:.8rem}.profile-panel__customize-btn{align-items:center;gap:6px;margin-top:12px;display:flex}.profile-panel__customize-btn svg{opacity:.8}.profile-panel__details{flex-direction:column;gap:0;display:flex}.profile-panel__fields{background:var(--profile-section-bg,#ffffff08);border:1px solid var(--profile-section-border,#ffffff14);border-radius:var(--profile-section-radius,12px);padding:var(--profile-section-padding,16px);flex-direction:column;gap:16px;display:flex}.profile-panel__field{flex-direction:column;gap:4px;display:flex}.profile-panel__field label{color:var(--profile-text-placeholder,#6a6a8a);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.profile-panel__field span{color:var(--profile-text-primary,#fff);font-size:15px;line-height:1.5}.profile-panel__field span.empty{color:var(--profile-text-placeholder,#6a6a8a);font-style:italic}.profile-panel__field-row{gap:16px;display:flex}.profile-panel__field-row .profile-panel__field{flex:1}.profile-panel__history-btn{margin-top:var(--profile-section-gap,16px);justify-content:center;align-items:center;gap:8px;display:flex}.profile-panel__history-btn svg{color:var(--profile-accent-blue,#4a90e2)}.profile-panel__form{flex-direction:column;gap:20px;display:flex}.profile-panel__form-group{flex-direction:column;gap:6px;display:flex;position:relative}.profile-panel__form-group label{color:#b0b0c8;font-size:.85rem;font-weight:500}.profile-panel__form-group input,.profile-panel__form-group textarea,.profile-panel__form-group select{color:#fff;box-sizing:border-box;background:#0f0f23;border:1px solid #3a3a5a;border-radius:8px;width:100%;padding:12px 14px;font-size:.95rem;transition:border-color .2s}.profile-panel__form-group input:focus,.profile-panel__form-group textarea:focus,.profile-panel__form-group select:focus{border-color:#4a90e2;outline:none}.profile-panel__form-group input::placeholder,.profile-panel__form-group textarea::placeholder{color:#5a5a7a}.profile-panel__form-group textarea{resize:vertical;min-height:80px}.profile-panel__form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b8ba7' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.profile-panel__form-group .char-count{color:#5a5a7a;font-size:.7rem;position:absolute;bottom:-18px;right:12px}.profile-panel__form-group .form-hint{color:#6a6a8a;margin-top:2px;font-size:.75rem}.profile-panel__form-row{gap:12px;display:flex}.profile-panel__form-row .profile-panel__form-group{flex:1}.profile-panel__form-actions{border-top:1px solid #2a2a4a;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:16px;display:flex}.profile-panel__account-settings{background:var(--profile-section-bg,#ffffff08);border:1px solid var(--profile-section-border,#ffffff14);border-radius:var(--profile-section-radius,12px);margin-top:var(--profile-section-gap,16px);overflow:hidden}.profile-panel__account-settings-header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:16px;transition:background-color .2s;display:flex}.profile-panel__account-settings-header:hover{background:#ffffff05}.profile-panel__account-settings-icon{color:#4a90e2;background:#4a90e226;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.profile-panel__account-settings-info{flex:1;min-width:0}.profile-panel__account-settings-title{color:#fff;margin:0;font-size:15px;font-weight:600}.profile-panel__account-settings-subtitle{color:#8b8ba7;margin:2px 0 0;font-size:13px}.profile-panel__account-settings-chevron{color:#6a6a8a;flex-shrink:0;transition:transform .3s}.profile-panel__account-settings-chevron.expanded{transform:rotate(180deg)}.profile-panel__account-settings-content{flex-direction:column;gap:16px;padding:0 16px 16px;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-panel__account-settings-content .profile-panel__fields{background:#0003;border:1px solid #ffffff0d}.profile-panel__settings-list{flex-direction:column;gap:4px;display:flex}.profile-panel__settings-item{cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex}.profile-panel__settings-item:hover{background:#ffffff0d;border-color:#ffffff1a}.profile-panel__settings-item.filled{border-color:#67b26f33}.profile-panel__settings-item.readonly{cursor:default;opacity:.7}.profile-panel__settings-item.readonly:hover{background:#ffffff05;border-color:#0000}.profile-panel__settings-item-icon{color:#8b8ba7;background:#4a90e21a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.profile-panel__settings-item.filled .profile-panel__settings-item-icon{color:#67b26f;background:#67b26f1a}.profile-panel__settings-item-content{flex:1;min-width:0}.profile-panel__settings-item-label{color:#fff;margin-bottom:2px;font-size:.9rem;font-weight:500;display:block}.profile-panel__settings-item-value{color:#67b26f;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}.profile-panel__settings-item-value.empty{color:#6b6b8a;font-style:italic}.profile-panel__settings-item-arrow{color:#6b6b8a;flex-shrink:0}.profile-panel__edit-modal-overlay{z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.profile-panel__edit-modal{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:16px;flex-direction:column;width:100%;max-width:400px;max-height:80vh;display:flex;box-shadow:0 20px 40px #0006}.profile-panel__edit-modal-header{border-bottom:1px solid #2a2a4a;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.profile-panel__edit-modal-header h3{color:#fff;flex:1;margin:0;font-size:1.1rem;font-weight:600}.profile-panel__edit-modal-close{color:#8b8ba7;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.profile-panel__edit-modal-close:hover{color:#fff;background:#ffffff1a}.profile-panel__edit-modal-body{flex:1;padding:20px;overflow-y:auto}.profile-panel__edit-modal-text-input{position:relative}.profile-panel__edit-modal-text-input input,.profile-panel__edit-modal-text-input textarea{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #3a3a5a;border-radius:8px;width:100%;padding:14px;font-family:inherit;font-size:.95rem;line-height:1.5}.profile-panel__edit-modal-text-input textarea{resize:none}.profile-panel__edit-modal-text-input input:focus,.profile-panel__edit-modal-text-input textarea:focus{border-color:#4a90e2;outline:none}.profile-panel__edit-modal-text-input input::placeholder,.profile-panel__edit-modal-text-input textarea::placeholder{color:#6b6b8a}.profile-panel__edit-modal-text-input .char-count{color:#6b6b8a;font-size:.75rem;position:absolute;bottom:12px;right:12px}.profile-panel__edit-modal-date-input input{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #3a3a5a;border-radius:8px;width:100%;padding:14px;font-family:inherit;font-size:.95rem}.profile-panel__edit-modal-date-input input:focus{border-color:#4a90e2;outline:none}.profile-panel__edit-modal-hint{color:#6b6b8a;margin-top:8px;font-size:.8rem;display:block}.profile-panel__edit-modal-options{flex-direction:column;gap:8px;display:flex}.profile-panel__edit-modal-option{color:#fff;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #3a3a5a;border-radius:8px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:.95rem;transition:all .2s;display:flex}.profile-panel__edit-modal-option:hover{background:#ffffff0f;border-color:#4a90e2}.profile-panel__edit-modal-option.selected{background:#4a90e226;border-color:#4a90e2}.profile-panel__edit-modal-option:disabled{opacity:.5;cursor:not-allowed}.profile-panel__edit-modal-actions{border-top:1px solid #2a2a4a;gap:12px;padding:16px 20px;display:flex}.profile-panel__edit-modal-cancel{color:#8b8ba7;cursor:pointer;background:#ffffff0d;border:1px solid #3a3a5a;border-radius:8px;flex:1;padding:12px 16px;font-size:.95rem;transition:all .2s}.profile-panel__edit-modal-cancel:hover{color:#fff;background:#ffffff1a}.profile-panel__edit-modal-save{color:#fff;cursor:pointer;background:#4a90e2;border:none;border-radius:8px;flex:1;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.profile-panel__edit-modal-save:hover:not(:disabled){background:#5a9ff0}.profile-panel__edit-modal-save:disabled{opacity:.5;cursor:not-allowed}.profile-panel__accessibility-section{border-top:1px solid #ffffff14;margin-top:16px;padding-top:16px}.profile-panel__accessibility-title{color:#8b8ba7;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.profile-panel__accessibility-toggle{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:all .2s;display:flex}.profile-panel__accessibility-toggle:hover{background:#4a90e21a;border-color:#4a90e24d}.profile-panel__accessibility-toggle.active{border-color:#67b26f4d}.profile-panel__accessibility-toggle-icon{color:#8b8ba7;background:#4a90e226;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.profile-panel__accessibility-toggle.active .profile-panel__accessibility-toggle-icon{color:#67b26f;background:#67b26f26}.profile-panel__accessibility-toggle-content{flex:1;min-width:0}.profile-panel__accessibility-toggle-label{color:#fff;margin-bottom:2px;font-size:.95rem;font-weight:500;display:block}.profile-panel__accessibility-toggle-hint{color:#8b8ba7;font-size:.8rem;display:block}.profile-panel__accessibility-toggle-switch{background:#ffffff26;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background-color .2s;position:relative}.profile-panel__accessibility-toggle-switch.on{background:#67b26f}.profile-panel__accessibility-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.profile-panel__accessibility-toggle-switch.on .profile-panel__accessibility-toggle-thumb{transform:translate(20px)}.profile-panel__feedback-section{border-top:1px solid #ffffff14;margin-top:16px;padding-top:16px}.profile-panel__feedback-button{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:all .2s;display:flex}.profile-panel__feedback-button:hover{background:#4a90e21a;border-color:#4a90e24d}.profile-panel__feedback-icon{color:#4a90e2;background:#4a90e226;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.profile-panel__feedback-content{flex:1;min-width:0}.profile-panel__feedback-label{color:#fff;margin-bottom:2px;font-size:.95rem;font-weight:500;display:block}.profile-panel__feedback-hint{color:#8b8ba7;font-size:.8rem;display:block}.profile-panel__feedback-arrow{color:#6b6b8a;flex-shrink:0}@media (width<=400px){.profile-panel__form-row{flex-direction:column}}:root{--depth-echo-color:#4ecdc4;--depth-harmony-color:gold;--depth-sync-color:#e91e63}.resonance-summary-card{background:#ffffff08;border-radius:10px;margin:0 16px;overflow:hidden}.resonance-summary-card__header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;transition:background .2s;display:flex}.resonance-summary-card__header:hover{background:#ffffff05}.resonance-summary-card__title{color:#fff;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.resonance-summary-card__icon{color:#e91e63}.resonance-summary-card__quick-stats{align-items:center;gap:8px;display:flex}.resonance-summary-card__bond{color:gold;align-items:center;gap:3px;font-size:.8rem;font-weight:700;display:flex}.bond-fire-icon{animation:2s ease-in-out infinite bond-pulse}@keyframes bond-pulse{0%,to{opacity:.8}50%{opacity:1}}.resonance-summary-card__level{text-transform:uppercase;letter-spacing:.05em;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:600}.resonance-summary-card__level--none{color:#6a6a8a;background:#6a6a8a33}.resonance-summary-card__level--low{color:#4ecdc4;background:#4ecdc426}.resonance-summary-card__level--medium{color:gold;background:#ffd70026}.resonance-summary-card__level--high{color:#e91e63;background:#e91e6326}.resonance-summary-card__chevron{color:#6a6a8a;transition:transform .2s}.resonance-summary-card__chevron--expanded{transform:rotate(180deg)}.resonance-summary-card__body{flex-direction:column;gap:12px;padding:0 14px 14px;animation:.2s ease-out resonance-card-expand;display:flex}@keyframes resonance-card-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.resonance-summary-card__depths{flex-direction:column;gap:6px;display:flex}.depth-bar{align-items:center;gap:8px;display:flex}.depth-bar__label{color:#8b8ba7;cursor:help;flex-shrink:0;width:52px;font-size:.7rem;font-weight:500}.depth-bar__track{background:#ffffff0f;border-radius:3px;flex:1;height:6px;overflow:hidden}.depth-bar__fill{border-radius:3px;min-width:0;height:100%;transition:width .5s ease-out}.depth-bar__count{color:#6a6a8a;text-align:right;flex-shrink:0;width:20px;font-size:.7rem;font-weight:600}.resonance-summary-card__milestones{flex-direction:column;gap:6px;display:flex}.resonance-summary-card__milestones-label{color:#6a6a8a;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.resonance-summary-card__milestones-list{flex-wrap:wrap;gap:6px;display:flex}.resonance-summary-card__milestone{color:#fff;background:#ffffff0a;border:1px solid;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:600}.resonance-summary-card__total{color:#6a6a8a;align-items:center;gap:8px;font-size:.7rem;display:flex}.resonance-summary-card__separator{background:#4a4a6a;border-radius:50%;width:3px;height:3px}.sharing-prompt-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sharing-prompt-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:400px;max-height:80vh;padding:24px;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.sharing-prompt-header{text-align:center;margin-bottom:16px}.sharing-prompt-chapter{color:#4ade80;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}.sharing-prompt-message{text-align:center;color:#e0e0e0;margin-bottom:24px;font-size:18px;line-height:1.5}.sharing-prompt-options{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.sharing-prompt-empty{text-align:center;color:#888;padding:20px;font-size:14px}.sharing-option-button{cursor:pointer;text-align:left;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:all .2s;display:flex}.sharing-option-button:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.sharing-option-button:disabled{opacity:.6;cursor:not-allowed}.sharing-option-button.filled{border-color:#4ade804d}.sharing-option-button.filled:hover:not(:disabled){background:#4ade801a;border-color:#4ade8080}.sharing-option-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sharing-option-icon svg{width:100%;height:100%}.sharing-option-content{flex-direction:column;flex:1;gap:4px;display:flex}.sharing-option-name{font-size:15px;font-weight:500}.sharing-option-value{color:#4ade80;font-size:13px}.sharing-option-empty-hint{color:#888;font-size:12px;font-style:italic}.sharing-prompt-skip{color:#888;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:12px;width:100%;padding:14px;font-size:15px;transition:all .2s;display:block}.sharing-prompt-skip:hover:not(:disabled){color:#aaa;border-color:#ffffff4d}.sharing-prompt-skip:disabled{opacity:.5;cursor:not-allowed}.sharing-prompt-modal.value-picker{max-width:360px}.value-picker-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.value-picker-icon{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.value-picker-icon svg{width:100%;height:100%}.value-picker-loading{text-align:center;color:#888;padding:40px 20px;font-size:14px}.value-picker-header h3{color:#fff;margin:0;font-size:18px;font-weight:600}.value-picker-options{flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.value-picker-selection-limit{text-align:center;color:#4ade80;background:#4ade801a;border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:13px}.value-picker-option{color:#fff;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:14px;transition:all .15s;display:flex}.value-picker-option.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.value-picker-option.disabled:hover{background:#ffffff0d;border-color:#ffffff1a}.value-picker-checkbox{color:#4ade80;border:1px solid #ffffff4d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex}.value-picker-option.selected .value-picker-checkbox{background:#4ade8033;border-color:#4ade80}.value-picker-cancel{color:#888;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:10px;flex:1;padding:12px;font-size:14px;transition:all .2s}.value-picker-cancel:hover{color:#aaa;border-color:#ffffff4d}.value-picker-cancel.standalone{margin-top:16px}.value-picker-submit:hover:not(:disabled){background:#22c55e}.value-picker-submit:disabled{color:#888;cursor:not-allowed;background:#444}.partner-shared-notification{z-index:1001;background:#1a1a2e;border:1px solid #4ade804d;border-radius:12px;max-width:320px;padding:16px;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 10px 40px #0006}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.partner-shared-header{color:#4ade80;margin-bottom:8px;font-size:13px;font-weight:500}.partner-shared-content{align-items:center;gap:10px;display:flex}.partner-shared-icon{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.partner-shared-icon svg{width:100%;height:100%}.partner-shared-info{flex:1}.partner-shared-attribute{color:#fff;font-size:14px;font-weight:500}.partner-shared-value{color:#aaa;margin-top:2px;font-size:13px}.partner-shared-dismiss{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;display:flex;position:absolute;top:8px;right:8px}.partner-shared-dismiss:hover{color:#888}.shared-profile-card{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:12px;padding:16px}.shared-profile-header{color:#888;margin-bottom:12px;font-size:14px;font-weight:500}.shared-profile-items{flex-direction:column;gap:10px;display:flex}.shared-profile-item{align-items:flex-start;gap:10px;display:flex}.shared-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.shared-item-icon svg{width:100%;height:100%}.shared-item-content{flex:1}.shared-item-label{color:#666;margin-bottom:2px;font-size:12px}.shared-item-value{color:#e0e0e0;font-size:14px}.shared-profile-empty{text-align:center;color:#666;padding:20px;font-size:13px}.shared-interests-card{background:linear-gradient(135deg,#1a1a2e 0%,#16162a 100%);border:1px solid #ffd70033;border-radius:12px;margin-bottom:12px;padding:16px;position:relative;overflow:hidden}.shared-interests-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#ffd7000d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffd7000d 0%,#0000 50%);position:absolute;inset:0}.shared-interests-header{z-index:1;align-items:center;gap:8px;margin-bottom:12px;display:flex;position:relative}.shared-interests-icon{font-size:16px;animation:2s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.shared-interests-title{color:gold;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}.shared-interests-count{color:gold;background:#ffd70033;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:600}.shared-interests-items{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}.shared-interests-empty{text-align:center;color:#666;z-index:1;padding:16px;font-size:13px;position:relative}.shared-interest-item{background:#ffd70014;border:1px solid #ffd70026;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .3s;display:flex;position:relative;overflow:hidden}.shared-interest-item:hover{background:#ffd7001f;border-color:#ffd70040;transform:translateY(-1px)}.shared-interest-glow{pointer-events:none;opacity:0;background:radial-gradient(#ffd7001a 0%,#0000 70%);width:140%;height:200%;transition:opacity .3s;position:absolute;top:50%;left:-20%;transform:translateY(-50%)}.shared-interest-item:hover .shared-interest-glow{opacity:1}.shared-interest-icon{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.shared-interest-icon svg{filter:drop-shadow(0 0 4px #ffd7004d);width:100%;height:100%}.shared-interest-content{z-index:1;flex:1;position:relative}.shared-interest-label{color:#ffd700b3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:12px}.shared-interest-value{color:#fff;font-size:15px;font-weight:500}.shared-interest-badge{z-index:1;background:#ffd70026;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.shared-interest-match-icon{font-size:16px;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1;filter:drop-shadow(0 0 2px #ffd70080)}50%{opacity:.8;filter:drop-shadow(0 0 8px #ffd700cc)}}@keyframes match-reveal{0%{opacity:0;transform:scale(.95)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.shared-interest-item.new-match{animation:.5s ease-out match-reveal}.shared-item-revoke{color:#666;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .2s;display:flex}.sharing-prompt-shared-section{margin-top:16px}.sharing-prompt-shared-divider{align-items:center;gap:12px;margin-bottom:12px;display:flex}.sharing-prompt-shared-divider:before,.sharing-prompt-shared-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.sharing-prompt-shared-label{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:500}.sharing-option-button.shared{cursor:default;opacity:.6;background:#ffffff05;border-color:#ffffff0d}.sharing-option-button.shared:hover{background:#ffffff05;border-color:#ffffff0d;transform:none}.sharing-option-button.shared .sharing-option-name{color:#888}.sharing-option-button.shared .sharing-option-value{color:#4ade80;opacity:.7}.sharing-option-shared-check{color:#4ade80;opacity:.8;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.cell-customization-preview{flex-direction:column;align-items:center;margin:16px 0;padding:24px;display:flex}.cell-preview-circle{border-radius:50%;width:80px;height:80px;margin-bottom:16px;animation:2s ease-in-out infinite cellPulse}@keyframes cellPulse{0%,to{transform:scale(1);box-shadow:0 4px 30px #4a90e266}50%{transform:scale(1.05);box-shadow:0 4px 40px #4a90e299}}.cell-preview-label{text-align:center;color:#aaa;max-width:280px;font-size:14px;line-height:1.5}.sharing-prompt-images-section{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:16px}.sharing-prompt-images-divider{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.sharing-prompt-images-label{color:#fbbf24;text-transform:uppercase;letter-spacing:1px;background:#fbbf241a;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.sharing-prompt-images-milestone{text-align:center;color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:10px;margin-bottom:16px;padding:12px;font-size:14px}.sharing-option-button.image-option{border-color:#fbbf2433;flex-wrap:wrap}.sharing-option-button.image-option:hover:not(:disabled){background:#fbbf241a;border-color:#fbbf2466}.sharing-option-button.image-option.new{background:#fbbf240d;border-color:#fbbf2466;animation:2s ease-in-out infinite newGlow}@keyframes newGlow{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 15px 2px #fbbf2433}}.sharing-option-new-badge{color:#1a1a2e;text-transform:uppercase;letter-spacing:.5px;background:#fbbf24;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.sharing-option-description{color:#888;margin-top:2px;font-size:12px;display:block}.sharing-option-ready-hint{color:#4ade80;margin-top:4px;font-size:12px;display:block}.sharing-option-thumbnail{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px;margin-left:auto}.sharing-prompt-shared-images-section{flex-direction:column;gap:8px;margin-top:12px;display:flex}.sharing-option-button.image-option.shared{opacity:.7;cursor:default;border-color:#4ade8033}.share-picker-overlay{z-index:900;flex-direction:column;justify-content:flex-end;animation:.2s ease-out share-picker-fadein;display:flex;position:fixed;inset:0}@keyframes share-picker-fadein{0%{opacity:0}to{opacity:1}}.share-picker-backdrop{background:#0a0a0fb3;position:absolute;inset:0}.share-picker-panel{background:#1a1a2e;border-radius:16px 16px 0 0;flex-direction:column;max-height:80vh;animation:.3s ease-out share-picker-slideup;display:flex;position:relative}@keyframes share-picker-slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.share-picker-panel--confirmation{max-height:60vh}.share-picker-panel__header{color:#fff;border-bottom:1px solid #2a2a4a;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;font-size:.9rem;font-weight:600;display:flex}.share-picker-panel__back,.share-picker-panel__close{color:#8b8ba7;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.share-picker-panel__back:hover,.share-picker-panel__close:hover{color:#fff;background:#ffffff0d}.share-picker-list{flex:1;padding:16px;overflow-y:auto}.share-picker-empty{color:#6a6a8a;text-align:center;padding:24px 0;font-size:.85rem}.share-picker-category{margin-bottom:16px}.share-picker-category__title{color:#6a6a8a;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:.7rem;font-weight:600}.share-picker-category__items{flex-direction:column;gap:2px;display:flex}.share-picker-item{text-align:left;cursor:pointer;background:#ffffff08;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.share-picker-item:hover{background:#ffffff0f}.share-picker-item__icon{flex-shrink:0;width:28px;height:28px}.share-picker-item__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.share-picker-item__name{color:#fff;font-size:.85rem;font-weight:500}.share-picker-item__status{color:#6a6a8a;font-size:.7rem}.share-picker-item__status--filled{color:#66bb6a}.share-picker-item__arrow{color:#4a4a6a;flex-shrink:0}.share-picker-locked-teaser{color:#6a6a8a;background:#ffffff05;border:1px dashed #2a2a4a;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:12px;font-size:.75rem;display:flex}.share-picker-locked-teaser svg{color:#4a4a6a;flex-shrink:0}.share-picker-confirmation{flex-direction:column;gap:20px;padding:24px 16px;display:flex}.share-picker-confirmation__preview{background:#ffffff0a;border:1px solid #4ecdc426;border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex}.share-picker-confirmation__icon{flex-shrink:0;width:40px;height:40px}.share-picker-confirmation__info{flex-direction:column;gap:4px;display:flex}.share-picker-confirmation__label{color:#8b8ba7;font-size:.75rem;font-weight:600}.share-picker-confirmation__value{color:#fff;font-size:.95rem;font-weight:500}.share-picker-confirmation__message{color:#8b8ba7;background:#e91e630d;border-left:3px solid #e91e634d;border-radius:0 6px 6px 0;margin:0;padding:12px;font-size:.8rem;line-height:1.5}.share-picker-confirmation__actions{gap:10px;display:flex}.share-picker-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.share-picker-btn--cancel{color:#8b8ba7;background:#ffffff0f}.share-picker-btn--cancel:hover{background:#ffffff1a}.share-picker-btn--confirm{color:#fff;background:linear-gradient(135deg,#4ecdc4,#3da89f)}.share-picker-btn--confirm:hover{background:linear-gradient(135deg,#5ed8cf,#4ecdc4)}.share-picker-btn--confirm:disabled{opacity:.5;cursor:not-allowed}.share-picker-value-input{flex-direction:column;align-items:center;gap:16px;padding:24px 16px;display:flex}.share-picker-value-input__icon{width:36px;height:36px}.share-picker-value-input__title{color:#fff;margin:0;font-size:.95rem;font-weight:600}.share-picker-value-input__textarea{color:#fff;resize:vertical;background:#ffffff0a;border:1px solid #2a2a4a;border-radius:8px;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:.85rem}.share-picker-value-input__textarea:focus{border-color:#4ecdc466;outline:none}.share-picker-value-input__options{flex-wrap:wrap;gap:6px;width:100%;display:flex}.share-picker-option-btn{color:#8b8ba7;cursor:pointer;background:#ffffff0a;border:1px solid #2a2a4a;border-radius:20px;padding:8px 14px;font-size:.8rem;transition:all .15s}.share-picker-option-btn:hover{background:#4ecdc414;border-color:#4ecdc44d}.share-picker-option-btn--selected{color:#4ecdc4;background:#4ecdc426;border-color:#4ecdc4}.share-reveal-overlay{z-index:1000;justify-content:center;align-items:center;animation:.3s ease-out share-reveal-fadein;display:flex;position:fixed;inset:0}@keyframes share-reveal-fadein{0%{opacity:0}to{opacity:1}}.share-reveal-overlay__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0fe6;position:absolute;inset:0}.share-reveal-overlay__content{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:380px;padding:32px 24px;display:flex;position:relative}.share-reveal-overlay__close{color:#6a6a8a;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px;transition:all .2s;position:absolute;top:0;right:0}.share-reveal-overlay__close:hover{color:#fff;background:#ffffff0d}.share-reveal-overlay__header{text-align:center}.share-reveal-overlay__label{color:#8b8ba7;font-size:.85rem;font-weight:500}.share-reveal-card{cursor:pointer;background:#ffffff0a;border:1px solid #4ecdc426;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:28px 24px;transition:all .3s;display:flex}.share-reveal-card:hover{background:#ffffff0f}.share-reveal-card--revealing{cursor:default}.share-reveal-card--revealed{cursor:default;border-color:#4ecdc44d}.share-reveal-card__icon{width:48px;height:48px}.share-reveal-card__attribute{color:#8b8ba7;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.share-reveal-card__value{color:#fff;text-align:center;font-size:1.2rem;font-weight:600;transition:filter .8s ease-out}.share-reveal-card__value--blurred{filter:blur(10px);-webkit-user-select:none;user-select:none}.share-reveal-card--revealing .share-reveal-card__value--blurred{animation:.8s ease-out forwards blur-dissolve}@keyframes blur-dissolve{0%{filter:blur(10px)}to{filter:blur()}}.share-reveal-card__prompt{color:#4ecdc4;font-size:.8rem;font-weight:500;animation:2s ease-in-out infinite prompt-pulse}@keyframes prompt-pulse{0%,to{opacity:.6}50%{opacity:1}}.share-reveal-reactions{flex-direction:column;align-items:center;gap:14px;width:100%;animation:.4s ease-out reactions-slide-up;display:flex}@keyframes reactions-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.share-reveal-reactions__label{color:#8b8ba7;font-size:.8rem;font-weight:500}.share-reveal-reactions__options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.share-reveal-reaction-btn{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:56px;padding:10px 12px;transition:all .2s;display:flex}.share-reveal-reaction-btn:hover{background:#4ecdc41a;border-color:#4ecdc44d}.share-reveal-reaction-btn--selected{background:#4ecdc426;border-color:#4ecdc4;transform:scale(1.1)}.share-reveal-reaction-icon{color:#fff}.share-reveal-reaction-btn--selected .share-reveal-reaction-icon{color:#4ecdc4}.share-reveal-reaction-label{color:#6a6a8a;font-size:.6rem;font-weight:500}.share-reveal-reaction-btn--selected .share-reveal-reaction-label{color:#4ecdc4}.shared-tab{flex-direction:column;gap:16px;padding:16px 0;display:flex}.shared-tab__loading{color:#8b8ba7;align-items:center;gap:8px;padding:24px 16px;font-size:.85rem;display:flex}.shared-tab__empty{color:#6a6a8a;text-align:center;padding:16px;font-size:.85rem}.shared-tab__empty-hint{color:#6a6a8a;margin:0;padding:8px 0;font-size:.8rem}.shared-tab__section{padding:0 16px}.shared-tab__section-title{color:#8b8ba7;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin:0 0 8px;font-size:.8rem;font-weight:600;display:flex}.shared-tab__section-title svg{color:#6a6a8a}.shared-tab__items{flex-direction:column;gap:4px;display:flex}.shared-tab__item{text-align:left;cursor:default;background:#ffffff08;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .2s;display:flex}.shared-tab__item-icon{flex-shrink:0;width:28px;height:28px}.shared-tab__item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.shared-tab__item-label{color:#8b8ba7;font-size:.75rem;font-weight:500}.shared-tab__item-value{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.shared-tab__item--unrevealed{cursor:pointer;background:#e91e630d;border-left:3px solid #e91e63}.shared-tab__item--unrevealed:hover{background:#e91e631a}.shared-tab__item-value--blurred{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none}.shared-tab__item-badges{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.shared-tab__new-badge{color:#fff;letter-spacing:.05em;background:#e91e63;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:700}.shared-tab__reveal-text{color:#e91e63;font-size:.7rem;font-weight:600}.shared-tab__item--revealed{border-left:3px solid #0000}.shared-tab__item-reaction{color:#4ecdc4;flex-shrink:0;align-items:center;display:flex}.shared-tab__item--mine{background:#66bb6a0f;border-left:3px solid #66bb6a4d}.shared-tab__cta{color:#4ecdc4;cursor:pointer;background:linear-gradient(135deg,#4ecdc41a,#4ecdc40d);border:1px dashed #4ecdc44d;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:8px 16px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.shared-tab__cta:hover{background:linear-gradient(135deg,#4ecdc426,#4ecdc414);border-color:#4ecdc480}.shared-tab__cta svg{color:#4ecdc4}.resonance-badge{white-space:nowrap;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.resonance-badge--small{gap:4px;padding:3px 8px;font-size:.65rem}.resonance-badge--medium{gap:6px;padding:4px 12px;font-size:.75rem}.resonance-badge--large{gap:8px;padding:5px 14px;font-size:.85rem}.resonance-badge--high{color:#4ade80;background:linear-gradient(135deg,#4ade8026,#4ade800d);border:1px solid #4ade804d;box-shadow:0 0 12px #4ade8026}.resonance-badge--medium{color:#facc15;background:linear-gradient(135deg,#facc1526,#facc150d);border:1px solid #facc154d;box-shadow:0 0 12px #facc1526}.resonance-badge--low{color:#f87171;background:linear-gradient(135deg,#f8717126,#f871710d);border:1px solid #f871714d;box-shadow:0 0 12px #f8717126}.resonance-badge__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.resonance-badge__label{text-transform:uppercase;letter-spacing:.5px;font-weight:600}.resonance-badge__rate{opacity:.8;font-size:.9em}.resonance-badge__bond{align-items:center;gap:2px;margin-left:4px;font-size:.9em;font-weight:600;display:inline-flex}.resonance-summary-row{background:#1e1e3280;border-radius:12px;margin:12px 0;padding:16px}.resonance-summary-row--high{border-left:3px solid #22c55e}.resonance-summary-row--medium{border-left:3px solid #eab308}.resonance-summary-row--low{border-left:3px solid #ef4444}.resonance-summary-row--none{border-left:3px solid #6b7280}.resonance-summary-row__header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.resonance-summary-row__rate{color:#fffc;font-size:.9rem}.resonance-summary-row__message{color:#fff9;margin:0 0 12px;font-size:.85rem}.resonance-summary-row__stats{gap:20px;display:flex}.resonance-stat{flex-direction:column;gap:2px;display:flex}.resonance-stat__value{color:#fff;font-size:1.1rem;font-weight:600}.resonance-stat__value--bond{align-items:center;gap:4px;display:inline-flex}.resonance-stat__label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.resonance-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.resonance-icon--flat{color:currentColor}.resonance-icon--glow{color:#c8d4ff}.resonance-icon--cyan{color:#64c8ff}.resonance-icon--gold{color:gold}.resonance-icon--green{color:#4ade80}.resonance-icon--yellow{color:#facc15}.resonance-icon--red{color:#f87171}.resonance-icon--animate{animation:2s ease-in-out infinite resonance-icon-breathe}@keyframes resonance-icon-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.resonance-bond--grace{animation:1.5s ease-in-out infinite bond-grace-pulse}@keyframes bond-grace-pulse{0%,to{opacity:1}50%{opacity:.4}}.resonance-depth-dot{border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.resonance-depth-dot--echo{background:#a6fc;box-shadow:0 0 4px #aa66ff80}.resonance-depth-dot--harmony{background:#00dcc8cc;box-shadow:0 0 4px #00dcc880}.resonance-depth-dot--sync{background:#ffd700e6;box-shadow:0 0 6px #ffd70080}@media (width<=480px){.resonance-summary-row__stats{flex-wrap:wrap;gap:12px 20px}}.resonance-waveform{background:#0000004d;border:1px solid #a6f3;border-radius:12px;position:relative;overflow:hidden}.resonance-waveform-canvas{display:block}.resonance-waveform--pulse{animation:1.5s ease-out waveform-pulse}@keyframes waveform-pulse{0%{box-shadow:0 0 #a6f0}30%{box-shadow:0 0 20px #aa66ff80,0 0 40px #a6f3}to{box-shadow:0 0 #a6f0}}.resonance-waveform--sync{border-color:#ffd70066;box-shadow:0 0 15px #ffd70033,inset 0 0 10px #ffd7000d}.resonance-waveform--sync.resonance-waveform--pulse{animation:1.5s ease-out waveform-pulse-sync}@keyframes waveform-pulse-sync{0%{box-shadow:0 0 15px #ffd70033}30%{box-shadow:0 0 30px #ffd70099,0 0 60px #ffd7004d}to{box-shadow:0 0 15px #ffd70033}}.online-now-section{background:#4ade800a;border:1px solid #4ade8026;border-radius:12px;margin-bottom:16px;overflow:hidden}.online-now-section__header{cursor:pointer;color:#fff;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.online-now-section__header:hover{background:#ffffff08}.online-now-section__title{flex:1}.online-now-section__count{color:#4ade80;background:#4ade8026;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;font-weight:600;display:inline-flex}.online-now-section__chevron{color:#8b8ba7;transition:transform .2s}.online-now-section__chevron--collapsed{transform:rotate(-90deg)}.online-now-section__list{flex-direction:column;gap:6px;padding:0 12px 12px;display:flex}.online-now-entry{background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.online-now-entry__avatar{flex-shrink:0}.online-now-entry__info{flex:1}.online-now-entry__chapter{color:#b0b0b0;font-size:.85rem;font-weight:500}.online-now-entry__stale{color:#9a9a9a;font-size:.75rem;font-style:italic}.online-now-section__overflow{text-align:center;color:#8b8ba7;padding:6px 0;font-size:.8rem}.history-panel{background:#1a1a2e;flex-direction:column;height:100%;display:flex}.history-panel__header{color:#fff;border-bottom:1px solid #2a2a4a;align-items:center;gap:12px;padding:16px;font-weight:600;display:flex}.history-panel__back{color:#8b8ba7;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.history-panel__back:hover{color:#fff;background:#ffffff0d}.history-panel__toggle{background:#0f0f23;border-bottom:1px solid #2a2a4a;gap:4px;padding:8px 16px;display:flex}.toggle-btn{color:#6a6a8a;cursor:pointer;background:0 0;border:1px solid #2a2a4a;border-radius:8px;flex:1;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.toggle-btn:hover{color:#8b8ba7;background:#ffffff08}.toggle-btn.active{color:#4a90e2;background:linear-gradient(135deg,#4a90e233 0%,#4a90e21a 100%);border-color:#4a90e2}.history-panel__error{cursor:pointer;color:#ff6b6b;background:#ff4d4d26;border:1px solid #ff4d4d;border-radius:8px;justify-content:space-between;align-items:center;margin:16px;padding:12px 16px;font-size:.9rem;display:flex}.history-panel__error-dismiss{color:#ff6b6b;cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0;font-size:1.2rem}.history-panel__content{flex:1;padding:16px;overflow-y:auto}.history-panel__loading{color:#8b8ba7;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.history-panel__empty{text-align:center;color:#8b8ba7;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.history-panel__empty .empty-icon{color:#3a3a5a;margin-bottom:16px}.history-panel__empty p{color:#fff;margin:0 0 8px;font-size:1.1rem;font-weight:500}.history-panel__empty span{font-size:.9rem}.history-stats{background:linear-gradient(135deg,#2a2a4a 0%,#1a1a3e 100%);border-radius:12px;justify-content:space-around;margin-bottom:20px;padding:16px;display:flex}.stat{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-value{color:#4a90e2;font-size:1.5rem;font-weight:700}.stat-label{color:#6a6a8a;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.connections-list{flex-direction:column;gap:12px;display:flex}.connections-list h3{color:#6a6a8a;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:.8rem;font-weight:500}.connection-card{cursor:pointer;text-align:left;background:#0f0f23;border:1px solid #2a2a4a;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex}.connection-card:hover{background:#1a1a2e;border-color:#4a90e2;transform:translate(4px)}.connection-card__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.connection-card__name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.connection-card__name{color:#fff;font-size:.95rem;font-weight:500}.connection-card__meta{color:#6a6a8a;font-size:.8rem}.connection-card__date{color:#5a5a7a;font-size:.75rem}.connection-card__arrow{color:#4a4a6a;flex-shrink:0}.connection-card__status{flex-shrink:0;margin-right:4px}.status-badge{text-transform:uppercase;border-radius:10px;padding:3px 8px;font-size:.65rem;font-weight:600;display:inline-block}.status-badge--active{color:#67b26f;background:#67b26f33}.status-badge--online{color:#4cd964;background:#4cd96433;animation:2s ease-in-out infinite online-pulse}@keyframes online-pulse{0%,to{opacity:1}50%{opacity:.7}}.status-badge--paused{color:#f0ad4e;background:#f0ad4e33}.chapter-groups-list{flex-direction:column;gap:12px;display:flex}.chapter-group-card{cursor:pointer;text-align:left;background:#0f0f23;border:1px solid #2a2a4a;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px;transition:all .2s;display:flex}.chapter-group-card:hover{background:#1a1a2e;border-color:#4a90e2;transform:translate(4px)}.chapter-group-card__bubble{background:radial-gradient(circle at 30% 30%,#4a90e24d 0%,#4a90e226 50%,#1a1a2ecc 100%);border:2px solid #4a90e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 0 15px #4a90e233}.chapter-group-card__number{color:#fff;font-size:1.2rem;font-weight:700}.chapter-group-card__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chapter-group-card__title{color:#fff;font-size:.95rem;font-weight:600}.chapter-group-card__meta{color:#6a6a8a;font-size:.8rem}.chapter-group-card__avatars{flex-shrink:0;display:flex}.mini-avatar{background:#2a2a4a;border:2px solid #1a1a2e;border-radius:50%;width:28px;height:28px;margin-left:-8px;overflow:hidden}.mini-avatar:first-child{margin-left:0}.mini-avatar--more{color:#8b8ba7;justify-content:center;align-items:center;font-size:.6rem;font-weight:600;display:flex}.chapter-group-card__arrow{color:#4a4a6a;flex-shrink:0}.chapter-group-detail__header{border-bottom:1px solid #2a2a4a;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.chapter-group-detail__bubble{color:#fff;background:radial-gradient(circle at 30% 30%,#4a90e24d 0%,#4a90e226 50%,#1a1a2ecc 100%);border:2px solid #4a90e2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 0 20px #4a90e24d}.chapter-group-detail__info h2{color:#fff;margin:0 0 4px;font-size:1.1rem;font-weight:600}.chapter-group-detail__info p{color:#6a6a8a;margin:0;font-size:.85rem}.connection-detail__header{border-bottom:1px solid #2a2a4a;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.connection-detail__name-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.connection-detail__info h2{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.connection-detail__info p{color:#6a6a8a;margin:0;font-size:.85rem}.connection-detail__info .btn-ethereal{margin-top:12px}.chapters-membrane h3{color:#6a6a8a;text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px;font-size:.8rem;font-weight:500}.chapters-container{flex-direction:column;align-items:center;gap:8px;padding:20px 0;display:flex;position:relative}.chapter-bubble{animation:.4s ease-out fadeInUp;animation-delay:calc(var(--chapter-index) * .1s);flex-direction:column;align-items:center;animation-fill-mode:backwards;display:flex;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chapter-bubble__content{border:2px solid var(--status-color,#4a90e2);cursor:pointer;background:radial-gradient(circle at 30% 30%,#4a90e24d 0%,#4a90e21a 50%,#1a1a2ecc 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;transition:all .3s;display:flex;position:relative;box-shadow:0 0 20px #4a90e233,inset 0 0 20px #4a90e21a}.chapter-bubble__content:hover{transform:scale(1.05);box-shadow:0 0 30px #4a90e266,inset 0 0 30px #4a90e233}.chapter-bubble--active .chapter-bubble__content{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chapter-bubble__number{color:#fff;opacity:.9;font-size:1.5rem;font-weight:700}.chapter-bubble__title{color:#b0b0c8;text-align:center;max-width:90px;margin-top:4px;font-size:.7rem}.chapter-bubble__meta{color:#6a6a8a;margin-top:2px;font-size:.65rem}.chapter-bubble__badge{color:#fff;text-transform:uppercase;background:#67b26f;border-radius:10px;padding:2px 6px;font-size:.6rem;font-weight:600;position:absolute;top:-8px;right:-8px}.chapter-connection-line{background:linear-gradient(to bottom, var(--status-color,#4a90e2) 0%, transparent 100%);opacity:.5;border-radius:3px;width:3px;height:30px;margin:4px 0}.no-chapters{text-align:center;color:#6a6a8a;padding:40px 20px}.chapter-detail__header{text-align:center;border-bottom:1px solid #2a2a4a;margin-bottom:20px;padding-bottom:20px}.chapter-detail__number{color:#6a6a8a;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.chapter-detail__header h2{color:#fff;margin:4px 0 8px;font-size:1.2rem;font-weight:600}.chapter-detail__status{font-size:.8rem;font-weight:500}.rounds-list{flex-direction:column;gap:12px;display:flex}.no-rounds{text-align:center;color:#6a6a8a;padding:40px 20px}.round-card{background:#0f0f23;border:1px solid #2a2a4a;border-radius:12px;transition:all .2s;overflow:hidden}.round-card:hover{border-color:#3a3a5a}.round-card--deep{background:linear-gradient(135deg,#4a90e21a 0%,#0f0f23 100%);border-color:#4a90e2}.round-card--expanded{border-color:#4a90e2}.round-card__header{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px;transition:background .2s;display:flex}.round-card__header:hover{background:#ffffff08}.round-card__number{color:#8b8ba7;background:#2a2a4a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:600;display:flex}.round-card__question{color:#e0e0e8;flex:1;font-size:.9rem;line-height:1.4}.round-card__badge{color:#fff;text-transform:uppercase;background:#4a90e2;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:.65rem;font-weight:600}.round-card__arrow{color:#5a5a7a;flex-shrink:0;transition:transform .2s}.round-card__arrow--expanded{transform:rotate(180deg)}.round-card__answers{flex-direction:column;gap:12px;padding:0 14px 14px 54px;animation:.2s ease-out slideDown;display:flex}.answer{border-radius:8px;padding:12px}.answer--mine{background:#4a90e226;border-left:3px solid #4a90e2}.answer--partner{background:#67b26f26;border-left:3px solid #67b26f}.answer--pending{text-align:center;color:#6a6a8a;background:#5a5a7a33;font-style:italic}.answer__label{color:#6a6a8a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.7rem;font-weight:500;display:block}.answer__text{color:#e0e0e8;margin:0;font-size:.9rem;line-height:1.5}.round-card--resonance{border-color:#4a96}.round-card--resonance:hover{border-color:#4a99}.round-card__resonance{color:#4a9;flex-shrink:0;justify-content:center;align-items:center;animation:2s ease-in-out infinite resonance-pulse;display:flex}.round-card__resonance-icon{filter:drop-shadow(0 0 4px #44aa9980)}@keyframes resonance-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.answer__reaction{color:#4a9;background:#44aa991a;border:1px solid #4a93;border-radius:16px;align-items:center;gap:6px;width:fit-content;margin-top:10px;padding:6px 10px;font-size:.75rem;display:flex}.answer__reaction svg{color:#4a9}.answer__reaction--mine{color:#4a90e2;background:#4a90e21a;border-color:#4a90e233}.answer__reaction--mine svg{color:#4a90e2}.history-panel__content::-webkit-scrollbar{width:6px}.history-panel__content::-webkit-scrollbar-track{background:0 0}.history-panel__content::-webkit-scrollbar-thumb{background:#3a3a5a;border-radius:3px}.history-panel__content::-webkit-scrollbar-thumb:hover{background:#4a4a6a}.shared-together-section{border-top:1px solid #2a2a4a;margin-top:24px;padding-top:20px}.shared-together-section h3{color:#6a6a8a;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:.8rem;font-weight:500}.shared-together-loading{color:#8b8ba7;align-items:center;gap:12px;padding:20px;font-size:.9rem;display:flex}.loading-spinner.small{border-width:2px;width:20px;height:20px}.shared-together-chapter-info{background:linear-gradient(135deg,#4a90e226 0%,#4a90e20d 100%);border:1px solid #4a90e24d;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.chapter-badge{color:#fff;text-transform:uppercase;background:#4a90e2;border-radius:12px;padding:4px 10px;font-size:.7rem;font-weight:600}.chapter-unlock-hint{color:#b0b0c8;font-size:.85rem}.shared-together-card{background:#0f0f23;border:1px solid #2a2a4a;border-radius:12px;margin-bottom:12px;padding:14px}.shared-together-card--available{background:linear-gradient(135deg,#67b26f1a 0%,#0f0f23 100%);border-color:#67b26f66}.shared-together-card__header{color:#8b8ba7;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2a2a4a;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;font-size:.75rem;font-weight:500;display:flex}.shared-together-card__header svg{opacity:.7}.shared-together-empty{color:#5a5a7a;margin:0;padding:8px 0;font-size:.85rem;font-style:italic}.shared-together-items{flex-direction:column;gap:10px;display:flex}.shared-together-item{background:#ffffff08;border-radius:8px;align-items:center;gap:12px;padding:10px;transition:background .2s;display:flex}.shared-together-item:hover{background:#ffffff0d}.shared-together-item--mine{background:#4a90e21a;border-left:3px solid #4a90e2}.shared-item-icon{flex-shrink:0;width:32px;height:32px}.shared-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.shared-item-label{color:#6a6a8a;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem}.shared-item-value{color:#e0e0e8;font-size:.9rem;font-weight:500}.shared-item-revoke{color:#5a5a7a;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.shared-item-revoke:hover{color:#ff6b6b;background:#ff4d4d33}.shared-together-options{flex-direction:column;gap:8px;display:flex}.share-option-btn{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #2a2a4a;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex}.share-option-btn:hover{background:#67b26f1a;border-color:#67b26f;transform:translate(4px)}.share-option-btn.filled{border-color:#67b26f66}.share-option-btn.empty{border-style:dashed}.share-option-icon{flex-shrink:0;width:28px;height:28px}.share-option-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.share-option-name{color:#e0e0e8;font-size:.9rem;font-weight:500}.share-option-value{color:#67b26f;font-size:.8rem}.share-option-hint{color:#6a6a8a;font-size:.75rem;font-style:italic}.share-option-arrow{color:#4a4a6a;flex-shrink:0}.shared-together-next-unlock{color:#8b8ba7;background:#5a5a7a33;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;font-size:.8rem;display:flex}.shared-together-next-unlock svg{opacity:.6;flex-shrink:0}.value-picker-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.value-picker-modal{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:16px;width:100%;max-width:400px;max-height:80vh;animation:.3s ease-out slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.value-picker-header{border-bottom:1px solid #2a2a4a;align-items:center;gap:12px;padding:16px;display:flex}.value-picker-header h3{color:#fff;flex:1;margin:0;font-size:1rem;font-weight:600}.value-picker-icon{width:32px;height:32px}.value-picker-close{color:#6a6a8a;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.value-picker-close:hover{color:#fff;background:#ffffff1a}.value-picker-text{padding:16px}.value-picker-text textarea{color:#e0e0e8;resize:vertical;background:#0f0f23;border:1px solid #2a2a4a;border-radius:8px;width:100%;min-height:100px;padding:12px;font-family:inherit;font-size:.95rem}.value-picker-text textarea:focus{border-color:#4a90e2;outline:none}.value-picker-text textarea::placeholder{color:#5a5a7a}.value-picker-actions{gap:12px;margin-top:16px;display:flex}.value-picker-cancel{color:#8b8ba7;cursor:pointer;background:0 0;border:1px solid #2a2a4a;border-radius:8px;flex:1;padding:12px;font-size:.9rem;font-weight:500;transition:all .2s}.value-picker-cancel:hover{color:#fff;background:#ffffff0d}.value-picker-cancel.standalone{margin:16px}.value-picker-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);border:none;border-radius:8px;flex:1;padding:12px;font-size:.9rem;font-weight:500;transition:all .2s}.value-picker-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4a90e266}.value-picker-submit:disabled{opacity:.5;cursor:not-allowed}.value-picker-options{flex-direction:column;gap:8px;padding:16px;display:flex}.value-picker-option{color:#e0e0e8;text-align:left;cursor:pointer;background:#0f0f23;border:1px solid #2a2a4a;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;transition:all .2s;display:flex}.value-picker-option:hover{background:#4a90e226;border-color:#4a90e2}.value-picker-option.selected{background:#67b26f33;border-color:#67b26f}.value-picker-checkbox{color:#67b26f;border:2px solid #4a4a6a;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;display:flex}.value-picker-option.selected .value-picker-checkbox{color:#fff;background:#67b26f;border-color:#67b26f}.value-picker-loading{text-align:center;color:#8b8ba7;padding:40px}.connection-resonance-section{background:#0003;border:1px solid #aa66ff26;border-radius:16px;margin:0 16px 16px;padding:16px}.connection-section-title{text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin:0 0 12px;font-size:.75rem;font-weight:600}.connection-resonance-content{flex-direction:column;align-items:center;gap:12px;display:flex}.connection-resonance-stats{width:100%}.connection-tab-bar{background:#0f0f23;border-radius:10px;gap:0;margin:12px 16px 0;padding:3px;display:flex}.connection-tab-btn{color:#6a6a8a;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex;position:relative}.connection-tab-btn:hover{color:#8b8ba7}.connection-tab-btn--active{color:#4ecdc4;background:#4ecdc41f;font-weight:600}.connection-tab-badge{color:#fff;background:#e91e63;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:700;line-height:1;display:inline-flex}.btn-ethereal{letter-spacing:.5px;color:#ffffffe6;cursor:pointer;isolation:isolate;background:0 0;border:none;border-radius:50px;min-height:44px;padding:12px 28px;font-size:.9rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-ethereal:focus-visible{outline-offset:3px;outline:2px solid #4a9eff}.btn-ethereal:before{content:"";border-radius:inherit;z-index:-2;background:radial-gradient(#7fdbff26 0%,#7fdbff0d 50%,#0000 70%);transition:all .4s;position:absolute;inset:0}.btn-ethereal:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;z-index:-1;background:linear-gradient(135deg,#7fdbff66 0%,#7fdbff1a 25%,#93c5fd4d 50%,#7fdbff1a 75%,#7fdbff66 100%);padding:1.5px;animation:4s ease-in-out infinite membrane-shimmer;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes ethereal-breathe{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.1);transform:scale(1.02)}}@keyframes membrane-shimmer{0%,to{opacity:.6;background-position:0%}50%{opacity:1;background-position:100%}}@keyframes soft-pulse{0%,to{box-shadow:0 0 20px #7fdbff1a,0 0 40px #7fdbff0d,inset 0 0 15px #7fdbff0d}50%{box-shadow:0 0 25px #7fdbff33,0 0 50px #7fdbff1a,inset 0 0 20px #7fdbff14}}.btn-ethereal{animation:4s ease-in-out infinite ethereal-breathe,4s ease-in-out infinite soft-pulse}.btn-ethereal:hover{color:#fff;animation-duration:2s}.btn-ethereal:hover:before{background:radial-gradient(#7fdbff40 0%,#7fdbff1a 50%,#0000 70%)}.btn-ethereal:hover:after{opacity:1;animation-duration:2s}.btn-ethereal:active{animation:none;transform:scale(.98)}.btn-ethereal:disabled{opacity:.4;cursor:not-allowed;animation:none}.btn-ethereal:disabled:after{opacity:.3;animation:none}.btn-ethereal--primary{color:#fffffff2}.btn-ethereal--primary:before{background:radial-gradient(#4ade8026 0%,#4ade800d 50%,#0000 70%)}.btn-ethereal--primary:after{background:linear-gradient(135deg,#4ade8080 0%,#4ade801a 25%,#86efac66 50%,#4ade801a 75%,#4ade8080 100%)}@keyframes primary-pulse{0%,to{box-shadow:0 0 20px #4ade8026,0 0 40px #4ade800d,inset 0 0 15px #4ade800d}50%{box-shadow:0 0 30px #4ade8040,0 0 60px #4ade801a,inset 0 0 20px #4ade8014}}.btn-ethereal--primary{animation:4s ease-in-out infinite ethereal-breathe,4s ease-in-out infinite primary-pulse}.btn-ethereal--primary:hover:before{background:radial-gradient(#4ade804d 0%,#4ade801a 50%,#0000 70%)}.btn-ethereal--secondary{color:#ffffffb3;padding:10px 22px;font-size:.85rem}.btn-ethereal--secondary:before{background:radial-gradient(#ffffff0d 0%,#ffffff05 50%,#0000 70%)}.btn-ethereal--secondary:after{background:linear-gradient(135deg,#fff3 0%,#ffffff0d 50%,#fff3 100%)}@keyframes secondary-pulse{0%,to{box-shadow:0 0 15px #ffffff0d,inset 0 0 10px #ffffff05}50%{box-shadow:0 0 20px #ffffff14,inset 0 0 15px #ffffff0a}}.btn-ethereal--secondary{animation:5s ease-in-out infinite ethereal-breathe,5s ease-in-out infinite secondary-pulse}.btn-ethereal--secondary:hover{color:#ffffffe6}.btn-ethereal--accent{color:#c792eaf2}.btn-ethereal--accent:before{background:radial-gradient(#a78bfa26 0%,#a78bfa0d 50%,#0000 70%)}.btn-ethereal--accent:after{background:linear-gradient(135deg,#a78bfa80 0%,#a78bfa1a 25%,#c4b5fd66 50%,#a78bfa1a 75%,#a78bfa80 100%)}@keyframes accent-pulse{0%,to{box-shadow:0 0 20px #a78bfa26,0 0 40px #a78bfa0d,inset 0 0 15px #a78bfa0d}50%{box-shadow:0 0 30px #a78bfa40,0 0 60px #a78bfa1a,inset 0 0 20px #a78bfa14}}.btn-ethereal--accent{animation:4s ease-in-out infinite ethereal-breathe,4s ease-in-out infinite accent-pulse}.btn-ethereal--danger{color:#f87171e6}.btn-ethereal--danger:before{background:radial-gradient(#f871711a 0%,#f8717108 50%,#0000 70%)}.btn-ethereal--danger:after{background:linear-gradient(135deg,#f871714d 0%,#f871710d 50%,#f871714d 100%)}@keyframes danger-pulse{0%,to{box-shadow:0 0 15px #f871711a,inset 0 0 10px #f8717108}50%{box-shadow:0 0 20px #f8717126,inset 0 0 15px #f871710d}}.btn-ethereal--danger{animation:5s ease-in-out infinite ethereal-breathe,5s ease-in-out infinite danger-pulse}.btn-ethereal--danger:hover{color:#f87171}.btn-ethereal--small{padding:8px 18px;font-size:.8rem}.btn-ethereal--large{padding:16px 36px;font-size:1rem}.btn-ethereal--full{width:100%}.btn-ethereal--icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:10px;display:flex}.btn-ethereal--icon svg{width:20px;height:20px}.btn-ethereal--ready{color:#4ade80cc;animation:2s ease-in-out infinite ethereal-breathe,2s ease-in-out infinite primary-pulse}.btn-ethereal--ready:before{background:radial-gradient(#4ade8033 0%,#4ade8014 50%,#0000 70%)}@keyframes ethereal-loading{0%{background-position:200%}to{background-position:-200%}}.btn-ethereal--loading{pointer-events:none}.btn-ethereal--loading:before{background:linear-gradient(90deg,#0000 0%,#7fdbff33 50%,#0000 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite ethereal-loading}@media (prefers-reduced-motion:reduce){.btn-ethereal,.btn-ethereal--primary,.btn-ethereal--secondary,.btn-ethereal--accent,.btn-ethereal--danger,.btn-ethereal--ready,.btn-ethereal--loading,.btn-ethereal:before,.btn-ethereal:after,.btn-ethereal--loading:before{transition:none!important;animation:none!important}.btn-ethereal{box-shadow:0 0 20px #7fdbff26,inset 0 0 15px #7fdbff0d}.btn-ethereal--primary{box-shadow:0 0 20px #4ade8026,inset 0 0 15px #4ade800d}.btn-ethereal--loading:before{background:#7fdbff26}}.intention-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intention-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 8px 32px #00000080}.intention-modal-header{text-align:center;margin-bottom:20px}.intention-modal-header h2{color:#fff;margin:0 0 8px;font-size:1.5rem}.intention-subtitle{color:#fff9;margin:0;font-size:.9rem}.intention-options{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.intention-option{cursor:pointer;text-align:left;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.intention-option:hover{border-color:var(--intention-color,#ffffff4d);background:#ffffff1a}.intention-option.selected{background:rgba(var(--intention-hue,0), 50%, 50%, .2);border-color:var(--intention-color,#fff);box-shadow:0 0 20px rgba(var(--intention-hue,0), 50%, 50%, .3)}.intention-icon{color:#fff9;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.intention-icon svg{width:28px;height:28px}.intention-option.selected .intention-icon{color:var(--intention-color,#fff)}.intention-content{flex-direction:column;flex:1;gap:4px;display:flex}.intention-label{color:#fff;font-size:1.1rem;font-weight:600}.intention-description{color:#fff9;font-size:.85rem}.intention-check{color:var(--intention-color,#4caf50);font-size:1.5rem;font-weight:700}.intention-locked-message{text-align:center;background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;margin-bottom:20px;padding:32px 24px;display:flex}.locked-icon{opacity:.7;margin-bottom:16px;font-size:3rem}.intention-locked-message p{color:#ffffffb3;margin:0;font-size:1rem}.intention-error{color:#f44336;background:#f4433633;border:1px solid #f4433666;border-radius:8px;margin-bottom:16px;padding:10px 16px;font-size:.9rem}.intention-modal-actions{justify-content:flex-end;gap:12px;display:flex}.intention-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .2s}.intention-btn-cancel{color:#fffc;background:#ffffff1a}.intention-btn-cancel:hover{background:#fff3}.intention-btn-save{color:#fff;background:linear-gradient(135deg,#4caf50,#45a049)}.intention-btn-save:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px)}.intention-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.intention-indicator{background:var(--intention-color,#fffc);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;animation:2s ease-in-out infinite pulse-indicator;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #0000004d}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.intention-inline{width:100%;max-width:none;max-height:none;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;overflow-y:visible}.intention-inline .intention-modal-header{margin-bottom:16px}.intention-inline .intention-modal-header h2{font-size:1.25rem}.intention-inline .intention-options{gap:8px;margin-bottom:16px}.intention-inline .intention-option{padding:12px}.intention-inline .intention-icon{width:36px;height:36px}.intention-inline .intention-icon svg{width:22px;height:22px}.intention-inline .intention-modal-actions{justify-content:center}.intention-inline .intention-btn{flex:1;max-width:150px}@media (width<=480px){.intention-modal{max-width:95%;padding:16px}.intention-option{padding:12px}.intention-icon{width:36px;height:36px}.intention-icon svg{width:22px;height:22px}}.intention-option:focus-visible{outline:2px solid var(--intention-color,#4caf50);outline-offset:2px}.intention-btn:focus-visible{outline-offset:2px;outline:2px solid #fff9}@media (prefers-reduced-motion:reduce){.intention-option,.intention-btn,.intention-indicator{transition:none;animation:none}.intention-btn-save:hover{transform:none}}.bot-chat-container{bottom:max(20px, env(safe-area-inset-bottom,20px));right:max(20px, env(safe-area-inset-right,20px));z-index:1000;background:#000000e6;border:1px solid #4a90e24d;border-radius:12px;flex-direction:column;width:380px;max-width:calc(100vw - 40px);height:500px;max-height:calc(100dvh - 40px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;box-shadow:0 4px 20px #00000080}.bot-chat-header{background:#4a90e21a;border-bottom:1px solid #4a90e233;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:16px;display:flex}.bot-chat-title{color:#fff;align-items:center;gap:8px;font-weight:500;display:flex}.bot-indicator{background:#4a90e2;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse}.bot-label{color:#ffffff80;font-size:12px;font-weight:400}.bot-chat-actions{gap:8px;display:flex}.btn-close{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;padding:2px 10px;font-size:20px;line-height:1;transition:all .2s}.btn-close:hover{color:#ff6b6b;background:#f003;border-color:#f006}.btn-intention{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;transition:all .2s;display:flex}.btn-intention:hover{color:#fff;background:#4a90e233;border-color:#4a90e266}.btn-intention .intention-btn-icon{justify-content:center;align-items:center;display:flex}.btn-intention .intention-btn-icon svg{width:18px;height:18px}.bot-chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.bot-chat-messages::-webkit-scrollbar{width:8px}.bot-chat-messages::-webkit-scrollbar-track{background:#ffffff0d}.bot-chat-messages::-webkit-scrollbar-thumb{background:#4a90e24d;border-radius:4px}.bot-chat-messages::-webkit-scrollbar-thumb:hover{background:#4a90e280}.bot-chat-welcome{color:#ffffffb3;text-align:center;padding:20px;font-size:14px;line-height:1.6}.message{flex-direction:column;gap:4px;max-width:80%;animation:.3s ease-in fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message-user{align-self:flex-end}.message-bot{align-self:flex-start}.message-content{word-wrap:break-word;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.5}.message-user .message-content{color:#fff;background:#4a90e233;border-bottom-right-radius:4px}.message-bot .message-content{color:#ffffffe6;background:#ffffff1a;border-bottom-left-radius:4px}.message-timestamp{color:#fff6;padding:0 4px;font-size:11px}.message-user .message-timestamp{text-align:right}.message-bot .message-timestamp{text-align:left}.typing-indicator{gap:4px;padding:4px 0;display:flex}.typing-indicator span{background:#ffffff80;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.bot-chat-input{background:#00000080;border-top:1px solid #4a90e233;border-radius:0 0 12px 12px;align-items:flex-end;gap:8px;padding:12px;display:flex}.bot-chat-input textarea{color:#fff;resize:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.bot-chat-input textarea:focus{background:#ffffff14;border-color:#4a90e280}.bot-chat-input textarea::placeholder{color:#ffffff4d}.bot-chat-input textarea:disabled{opacity:.5;cursor:not-allowed}.btn-send{color:#fff;cursor:pointer;white-space:nowrap;background:#4a90e2;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-send:hover:not(:disabled){background:#357abd;transform:translateY(-1px)}.btn-send:active:not(:disabled){transform:translateY(0)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.btn-menu{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;transition:all .2s;display:flex;overflow:hidden}.btn-menu:hover,.btn-menu.active{background:#4a90e233;border-color:#4a90e266}.btn-menu .menu-icon{width:18px;height:18px}.btn-menu .menu-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.bot-menu-panel{z-index:10;background:#141419fa;border-bottom:1px solid #4a90e233;animation:.2s ease-out slideDown;position:absolute;top:56px;left:0;right:0}.bot-menu-panel--full{border-bottom:none;flex-direction:column;height:calc(100% - 56px);display:flex;bottom:0}.menu-logged-out{padding:16px}.menu-header{margin-bottom:16px}.anonymous-label{text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;background:#ffffff1a;border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.menu-logged-in{padding:16px}.menu-user-info{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:16px;display:flex}.user-avatar{object-fit:cover;border:2px solid #4a90e24d;border-radius:50%;width:48px;height:48px}.user-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:600;display:flex}.user-details{flex:1;min-width:0}.user-name{color:#fff;margin-bottom:4px;font-size:15px;font-weight:500;display:block}.user-provider{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.user-provider .provider-icon{flex-shrink:0;width:14px;height:14px}.menu-actions{flex-direction:column;gap:4px;display:flex}.menu-action-btn{color:#fffc;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.menu-action-btn:hover{color:#fff;background:#ffffff14}.menu-hint{color:#4a90e2;opacity:.8;margin-left:auto;font-size:11px;font-weight:400}.profile-edit{padding:0}.profile-edit-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:12px 16px;font-weight:500;display:flex}.btn-back{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.btn-back:hover{color:#fff;background:#ffffff1a}.profile-edit-content{padding:16px}.profile-field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.profile-field span{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.profile-field input{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:all .2s}.profile-field input:focus{background:#ffffff14;border-color:#4a90e280}.profile-field input::placeholder{color:#ffffff4d}.profile-edit-actions{justify-content:flex-end;gap:8px;display:flex}.btn-cancel,.btn-save{cursor:pointer;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.btn-cancel{color:#ffffffb3;background:0 0;border:1px solid #fff3}.btn-cancel:hover{color:#fff;background:#ffffff0d;border-color:#ffffff4d}.btn-save{color:#fff;background:#4a90e2;border:none}.btn-save:hover:not(:disabled){background:#357abd}.btn-save:disabled{opacity:.5;cursor:not-allowed}.bot-chat-intention-selector{background:#ffffff08;border-radius:12px;margin-bottom:8px;padding:8px}.bot-chat-intention-selector .intention-inline{padding:8px}.bot-chat-intention-selector .intention-modal-header h2{color:#fff;font-size:1.1rem}.bot-chat-intention-selector .intention-subtitle{font-size:.85rem}.bot-chat-intention-selector .intention-options{max-height:240px;overflow-y:auto}.bot-chat-intention-selector .intention-option{padding:10px}.bot-chat-intention-selector .intention-icon{width:32px;font-size:1.25rem}.bot-chat-intention-selector .intention-label{font-size:.95rem}.bot-chat-intention-selector .intention-description{font-size:.75rem}.bot-chat-intention-selector .intention-visibility{margin-bottom:12px;padding:10px}.bot-chat-intention-selector .visibility-hint{font-size:.75rem}.bot-chat-intention-selector .intention-modal-actions{gap:8px}.bot-chat-intention-selector .intention-btn{padding:10px 20px;font-size:.9rem}@media (width<=480px){.bot-chat-container{width:100%;max-width:100vw;height:100%;max-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border-radius:0;bottom:0;right:0}.bot-chat-header,.bot-chat-input{border-radius:0}}.audio-mute-button{top:max(20px, env(safe-area-inset-top,20px));right:max(20px, env(safe-area-inset-right,20px));z-index:1000;color:#fffc;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border:1px solid #ffffff1a;border-radius:50%;width:44px;height:44px;padding:10px;transition:all .2s;position:fixed}.audio-mute-button:hover{color:#fff;background:#00000080;border-color:#fff3;transform:scale(1.05)}.audio-mute-button:active{transform:scale(.95)}.audio-mute-button:disabled{cursor:wait;opacity:.7}.audio-icon{width:100%;height:100%}.audio-icon.loading{animation:1s linear infinite spin}.audio-mute-button:not(.muted):not(.not-initialized) .wave{animation:1.5s ease-in-out infinite pulse}.audio-mute-button:not(.muted):not(.not-initialized) .wave-1{animation-delay:0s}.audio-mute-button:not(.muted):not(.not-initialized) .wave-2{animation-delay:.3s}.audio-mute-button.muted{color:#fff6}.audio-mute-button.muted:hover{color:#ffffffb3}.audio-mute-button.not-initialized{animation:3s ease-in-out infinite attention}@keyframes attention{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 0 4px #ffffff1a}}@media (width<=768px){.audio-mute-button{width:40px;height:40px;padding:8px;top:16px;right:16px}}@media (prefers-reduced-motion:reduce){.audio-mute-button,.audio-mute-button .wave,.audio-icon.loading{animation:none}}.intention-button{z-index:1000;color:#fffc;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;transition:all .2s;display:flex;position:fixed;top:20px;right:72px}.intention-button:hover{color:#fff;background:#00000080;border-color:#fff3;transform:scale(1.05)}.intention-button:active{transform:scale(.95)}.intention-button.visible{border-color:var(--intention-glow,#fff3);box-shadow:0 0 12px #ffffff1a, 0 0 20px color-mix(in srgb, var(--intention-glow) 30%, transparent)}.intention-button.visible:hover{box-shadow:0 0 16px #fff3, 0 0 28px color-mix(in srgb, var(--intention-glow) 50%, transparent)}.intention-button.hidden{opacity:.7}.intention-button.hidden:hover{opacity:1}.intention-button-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.intention-button-icon svg{width:20px;height:20px}.intention-button-indicator{border:2px solid #00000080;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse-intention;position:absolute;bottom:2px;right:2px}@keyframes pulse-intention{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}.intention-button-lock{color:#ffffffb3;background:#505064e6;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:-2px;left:-2px}.intention-button-lock svg{width:8px;height:8px}@media (width<=768px){.intention-button{width:40px;height:40px;padding:8px;top:16px;right:64px}.intention-button-icon svg{width:18px;height:18px}.intention-button-indicator{width:8px;height:8px}.intention-button-lock{width:12px;height:12px}.intention-button-lock svg{width:6px;height:6px}}@media (prefers-reduced-motion:reduce){.intention-button,.intention-button-indicator{transition:none;animation:none}}.login-overlay{z-index:3000;background:#000000fa;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s ease-in fadeIn;display:flex;position:fixed;top:0;left:0}.login-container{background:#141414fa;border:1px solid #4a90e233;border-radius:20px;width:100%;max-width:420px;max-height:90dvh;padding:40px;animation:.6s ease-out slideUp;overflow-y:auto;box-shadow:0 8px 60px #000000e6}.login-header{text-align:center;margin-bottom:32px}.login-logo{justify-content:center;margin-bottom:24px;display:flex}.cell-icon{background:radial-gradient(circle at 30% 30%,#6ab0f3,#4a90e2 60%,#357abd);border-radius:50%;width:80px;height:80px;margin:0 auto;animation:2s ease-in-out infinite cellPulse;box-shadow:0 4px 30px #4a90e266}.login-header h1{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:300}.login-subtitle{color:#fff9;margin:0;font-size:15px;line-height:1.5}.login-error{cursor:pointer;background:#e74c3c26;border:1px solid #e74c3c4d;border-radius:10px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;transition:background .2s;display:flex}.login-error:hover{background:#e74c3c33}.error-icon{color:#fff;background:#e74c3ccc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.login-error span{color:#ffffffe6;flex:1;font-size:14px}.error-dismiss{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1}.error-dismiss:hover{color:#fffc}.login-loading{color:#fff9;flex-direction:column;align-items:center;gap:16px;padding:20px 0;display:flex}.loading-spinner{border:2px solid #4a90e233;border-top-color:#4a90e2;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.login-options{flex-direction:column;gap:12px;display:flex}.login-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex;position:relative}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-btn:not(:disabled):hover{transform:translateY(-2px)}.login-btn:not(:disabled):active{transform:translateY(0)}.login-icon{flex-shrink:0;width:20px;height:20px}.login-btn>span:not(.coming-soon):not(.provider-unavailable){white-space:nowrap}.login-btn.google{color:#333;background:#fff;border-color:#0000001a}.login-btn.google:not(:disabled):hover{background:#f8f8f8;box-shadow:0 4px 12px #00000026}.login-btn.apple{color:#fff;background:#000;border-color:#ffffff1a}.login-btn.apple:not(:disabled):hover{background:#1a1a1a;box-shadow:0 4px 12px #0000004d}.login-btn.whatsapp{color:#fff;background:#25d366}.login-btn.whatsapp:not(:disabled):hover{background:#20bd5a;box-shadow:0 4px 12px #25d3664d}.coming-soon,.provider-unavailable{text-transform:uppercase;letter-spacing:.5px;background:#0003;border-radius:4px;margin-left:auto;padding:4px 8px;font-size:11px;font-weight:600}.provider-unavailable{color:#e74c3ce6;background:#e74c3c33}.login-divider{align-items:center;margin:24px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.login-divider span{color:#fff6;text-transform:uppercase;letter-spacing:1px;padding:0 16px;font-size:13px}.continue-anonymous{color:#ffffffe6;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:12px;width:100%;padding:14px 20px;font-size:15px;font-weight:500;transition:all .2s}.continue-anonymous:not(:disabled):hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-2px)}.continue-anonymous:not(:disabled):active{transform:translateY(0)}.continue-anonymous:disabled{opacity:.5;cursor:not-allowed}.login-info{background:#4a90e21a;border:1px solid #4a90e233;border-radius:12px;margin-top:24px;padding:16px}.login-info p{color:#ffffffb3;margin:0 0 8px;font-size:13px;line-height:1.5}.login-info p:last-child{margin-bottom:0}.login-info strong{color:#ffffffe6}.login-footer{text-align:center;border-top:1px solid #ffffff1a;margin-top:24px;padding-top:20px}.login-footer p{color:#fff6;margin:0;font-size:12px;line-height:1.5}.login-footer a{color:#4a90e2cc;text-decoration:none;transition:color .2s}.login-footer a:hover{color:#4a90e2;text-decoration:underline}@media (width<=480px){.login-container{max-width:100%;height:100dvh;max-height:100dvh;padding:24px;padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));border:none;border-radius:0}.login-header h1{font-size:24px}.login-subtitle{font-size:14px}.cell-icon{width:64px;height:64px}}.alpha-gate{background:#0a0a0a;width:100vw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.alpha-gate-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.alpha-gate-content{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex;position:relative}.alpha-gate-logo{margin-bottom:3rem}.alpha-gate-title{letter-spacing:.5em;color:#ffffffe6;text-transform:lowercase;margin:0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:3rem;font-weight:300}.alpha-gate-tagline{letter-spacing:.3em;color:#fff6;text-transform:lowercase;margin-top:.75rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9rem;font-weight:300}.alpha-gate-actions{flex-direction:column;gap:1rem;min-width:200px;display:flex}.alpha-gate-button{letter-spacing:.1em;cursor:pointer;text-transform:lowercase;border:none;border-radius:2px;padding:.875rem 1.5rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.85rem;font-weight:400;transition:all .2s}.alpha-gate-button-primary{color:#ffffffe6;background:#ffffff1a;border:1px solid #fff3}.alpha-gate-button-primary:hover{background:#ffffff26;border-color:#ffffff4d}.alpha-gate-button-secondary{color:#ffffff80;background:0 0;border:1px solid #ffffff1a}.alpha-gate-button-secondary:hover{color:#ffffffb3;border-color:#fff3}.alpha-gate-button:disabled{opacity:.5;cursor:not-allowed}.alpha-gate-form{flex-direction:column;align-items:center;gap:1rem;min-width:280px;display:flex}.alpha-gate-input{letter-spacing:.1em;color:#ffffffe6;text-align:center;text-transform:lowercase;background:#ffffff0d;border:1px solid #ffffff26;border-radius:2px;outline:none;width:100%;padding:.875rem 1rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9rem;font-weight:300;transition:all .2s}.alpha-gate-input::placeholder{color:#ffffff4d}.alpha-gate-input:focus{background:#ffffff14;border-color:#ffffff4d}.alpha-gate-select{letter-spacing:.05em;color:#fff9;text-align:center;text-transform:lowercase;cursor:pointer;appearance:none;background:#ffffff08 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(255,255,255,0.3)' d='M6 8L2 4h8z'/%3E%3C/svg%3E") right .75rem center no-repeat;border:1px solid #ffffff1a;border-radius:2px;outline:none;width:100%;padding:.75rem 2rem .75rem 1rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8rem;font-weight:300;transition:all .2s}.alpha-gate-select:hover{border-color:#fff3}.alpha-gate-select:focus{background-color:#ffffff0d;border-color:#ffffff4d}.alpha-gate-select option{color:#fffc;background:#1a1a1a;padding:.5rem}.alpha-gate-select:disabled{opacity:.5;cursor:not-allowed}.alpha-gate-form-actions{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.alpha-gate-link{letter-spacing:.1em;color:#ffffff59;cursor:pointer;text-transform:lowercase;background:0 0;border:none;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.75rem;font-weight:300;transition:color .2s}.alpha-gate-link:hover{color:#ffffff80}.alpha-gate-link:disabled{opacity:.5;cursor:not-allowed}.alpha-gate-error{letter-spacing:.05em;color:#ff7878cc;text-transform:lowercase;margin:0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.75rem;font-weight:300}.alpha-gate-success{text-align:center}.alpha-gate-success-text{letter-spacing:.2em;color:#ffffffe6;text-transform:lowercase;margin:0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:1rem;font-weight:300}.alpha-gate-success-subtext{letter-spacing:.1em;color:#fff6;text-transform:lowercase;margin-top:.5rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8rem;font-weight:300}.alpha-gate-legal{align-items:center;gap:.5rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.alpha-gate-legal a{letter-spacing:.1em;color:#ffffff40;text-transform:lowercase;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.7rem;font-weight:300;text-decoration:none;transition:color .2s}.alpha-gate-legal a:hover{color:#ffffff80}.alpha-gate-legal-divider{color:#ffffff26;font-size:.7rem}@media (width<=480px){.alpha-gate-title{letter-spacing:.3em;font-size:2rem}.alpha-gate-tagline{font-size:.75rem}.alpha-gate-form{width:90%;min-width:240px;max-width:300px}}.qa-fused-state{flex-direction:column;align-items:center;padding:16px 0 8px;display:flex}.qa-fused-cells{justify-content:center;align-items:center;width:200px;height:48px;display:flex;position:relative}.qa-fused-cell{width:36px;height:36px;transform:translate(-50%, -50%) translateX(var(--cell-offset,0));transition:transform .8s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%}.qa-fused-cell--me{z-index:2}.qa-fused-cell--partner{z-index:1}.qa-fused-cell-core{animation:qa-cell-breathe var(--heartbeat-duration,1.5s) ease-in-out infinite;animation-delay:var(--heartbeat-delay,0s);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qa-fused-cell-glow{animation:qa-cell-glow var(--heartbeat-duration,1.5s) ease-in-out infinite;animation-delay:var(--heartbeat-delay,0s);filter:blur(4px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qa-fused-cell--pulse .qa-fused-cell-core{animation:qa-cell-breathe var(--heartbeat-duration,1.5s) ease-in-out infinite, qa-convergence-pulse .5s cubic-bezier(.25, .46, .45, .94)}.qa-fused-cell--pulse .qa-fused-cell-glow{animation:qa-cell-glow var(--heartbeat-duration,1.5s) ease-in-out infinite, qa-convergence-glow-pulse .5s cubic-bezier(.25, .46, .45, .94)}.qa-fused-bridge{width:var(--bridge-width,60px);background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, var(--bridge-opacity,.15)) 30%, rgba(255, 255, 255, var(--bridge-opacity,.15)) 70%, transparent 100%);border-radius:1px;height:2px;transition:width .8s cubic-bezier(.4,0,.2,1),opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes qa-cell-breathe{0%,to{opacity:.85;transform:translate(-50%,-50%)scale(1)}15%{opacity:.82;transform:translate(-50%,-50%)scale(.97)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}@keyframes qa-cell-glow{0%,to{opacity:.15;transform:translate(-50%,-50%)scale(1)}15%{opacity:.12;transform:translate(-50%,-50%)scale(.97)}50%{opacity:.3;transform:translate(-50%,-50%)scale(1.1)}}@keyframes qa-convergence-pulse{0%{transform:translate(-50%,-50%)scale(1)}30%{transform:translate(-50%,-50%)scale(1.2)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes qa-convergence-glow-pulse{0%{opacity:.2;filter:blur(4px)}30%{opacity:.5;filter:blur(6px)}to{opacity:.2;filter:blur(4px)}}@media (prefers-reduced-motion:reduce){.qa-fused-cell-core,.qa-fused-cell-glow{animation:none}.qa-fused-cell-core{opacity:.9;transform:translate(-50%,-50%)scale(1)}.qa-fused-cell-glow{opacity:.2;filter:blur(4px);transform:translate(-50%,-50%)scale(1)}.qa-fused-cell,.qa-fused-bridge{transition:none}.qa-fused-cell--pulse .qa-fused-cell-core,.qa-fused-cell--pulse .qa-fused-cell-glow{animation:none}}.qa-celebration-overlay{--accent-blue:#4a9eff;--accent-purple:#a6f;--accent-pink:#f6a;--accent-teal:#4a9966;--gradient-primary:linear-gradient(135deg, #4a9eff 0%, #a6f 50%, #f6a 100%);--gradient-primary-subtle:linear-gradient(135deg, #4a9eff26 0%, #aa66ff26 50%, #ff66aa26 100%);--card-bg:#ffffff0a;--card-border:#ffffff14;--card-border-accent:#aa66ff40;--text-primary:#e0e0e0;--text-secondary:#a5a5a5;--text-muted:#9a9a9a;--label-spacing:.12em;--card-padding:20px 24px;--card-radius:12px;z-index:1000;background:radial-gradient(#14141ef2 0%,#0a0a0ffa 100%);justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.qa-celebration-particles{pointer-events:none;background:radial-gradient(circle at 50% 40%,#4a9eff0d 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.qa-celebration-container{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:20px;max-width:420px;margin:40px 0;padding:40px 32px 100px;transition:opacity .5s,transform .5s;display:flex;transform:scale(.9)translateY(20px)}.qa-celebration-container--visible{opacity:1;transform:scale(1)translateY(0)}.qa-celebration-badge{background:linear-gradient(135deg,#4a9eff 0%,#a6f 50%,#f6a 100%);border-radius:16px;padding:4px;animation:2s ease-in-out infinite celebration-badge-glow;position:relative}@keyframes celebration-badge-glow{0%,to{box-shadow:0 0 20px #4a9eff66,0 0 40px #a6f3}50%{box-shadow:0 0 30px #4a9eff99,0 0 60px #aa66ff4d}}.qa-celebration-badge-inner{background:#0f0f14f2;border-radius:12px;flex-direction:column;gap:4px;padding:16px 32px;display:flex}.qa-celebration-chapter{letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.qa-celebration-complete{letter-spacing:.1em;background:linear-gradient(135deg,#4a9eff 0%,#a6f 50%,#f6a 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:300}.qa-celebration-title{color:var(--text-primary);opacity:0;font-size:1.4rem;font-weight:300;transition:opacity .5s .2s,transform .5s .2s;transform:translateY(10px)}.qa-celebration-title--visible{opacity:1;transform:translateY(0)}.qa-celebration-desc{color:var(--text-secondary);opacity:0;font-size:.85rem;line-height:1.5;transition:opacity .5s .3s,transform .5s .3s;transform:translateY(10px)}.qa-celebration-desc--visible{opacity:1;transform:translateY(0)}.qa-celebration-stats{padding:var(--card-padding);background:var(--card-bg);border-radius:var(--card-radius);border:1px solid var(--card-border);opacity:0;align-items:center;gap:24px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(10px)}.qa-celebration-stats--visible{opacity:1;transform:translateY(0)}.qa-celebration-stat{flex-direction:column;gap:4px;display:flex}.qa-celebration-stat-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:300}.qa-celebration-stat-label{letter-spacing:var(--label-spacing);color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.qa-celebration-stat-divider{background:var(--card-border);width:1px;height:40px}.qa-celebration-resonance-summary{opacity:0;width:100%;transition:opacity .5s,transform .5s;transform:translateY(10px)}.qa-celebration-resonance-summary--visible{opacity:1;transform:translateY(0)}.qa-celebration-resonance-summary .resonance-summary-row{background:var(--card-bg);border:1px solid var(--card-border);margin:0}.qa-celebration-resonance-summary .resonance-summary-row--high{border-left-color:#22c55e}.qa-celebration-resonance-summary .resonance-summary-row--medium{border-left-color:#eab308}.qa-celebration-resonance-summary .resonance-summary-row--low{border-left-color:#ef4444}.qa-celebration-resonance-summary .resonance-summary-row--none{border-left-color:var(--card-border)}.qa-celebration-unlock{width:100%;padding:var(--card-padding);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);opacity:0;transition:opacity .5s,transform .5s;transform:translateY(10px)}.qa-celebration-unlock--visible{opacity:1;transform:translateY(0)}.qa-celebration-unlock-header{letter-spacing:var(--label-spacing);color:var(--accent-teal);text-transform:uppercase;margin-bottom:12px;font-size:.65rem}.qa-celebration-unlock-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.qa-celebration-unlock-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;display:flex}.qa-celebration-unlock-item:not(:has(.qa-celebration-unlock-icon)):before{content:"";background:var(--accent-teal);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.qa-celebration-unlock-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.qa-celebration-challenge{opacity:0;padding:16px 20px;transition:opacity .5s,transform .5s;transform:translateY(10px)}.qa-celebration-challenge--visible{opacity:1;transform:translateY(0)}.qa-celebration-challenge-text{color:var(--text-primary);margin-bottom:6px;font-size:.95rem;font-weight:300}.qa-celebration-challenge-subtext{color:var(--text-muted);font-size:.75rem;font-style:italic}.qa-celebration-btn{background:var(--gradient-primary-subtle);border:1px solid var(--card-border-accent);color:var(--text-primary);cursor:pointer;opacity:0;border-radius:8px;padding:14px 32px;font-size:.9rem;transition:all .3s;transform:translateY(10px)}.qa-celebration-btn--visible{opacity:1;transform:translateY(0)}.qa-celebration-btn:hover{color:#fff;background:linear-gradient(135deg,#4a9eff33 0%,#a6f3 50%,#f6a3 100%);border-color:#a6f6;transform:translateY(-2px);box-shadow:0 4px 12px #aa66ff26}.qa-celebration-btn:active{transform:translateY(0)}.qa-celebration-btn:focus-visible{outline-offset:2px;outline:2px solid #4a9eff}.qa-celebration-btn--primary{background:var(--gradient-primary);color:#fff;letter-spacing:.02em;z-index:1001;border:none;border-radius:0;margin:0;padding:18px 32px;font-size:1rem;font-weight:600;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #aa66ff4d}.qa-celebration-btn--primary:hover{background:linear-gradient(135deg,#5aafff 0%,#b7f 50%,#f7b 100%);transform:none;box-shadow:0 -4px 30px #aa66ff80}.qa-celebration-btn--waiting{opacity:.9;cursor:default}.qa-celebration-btn--waiting:hover{transform:none;box-shadow:0 -4px 20px #aa66ff4d}.qa-celebration-btn:disabled{opacity:.9;cursor:default}.qa-celebration-btn:disabled:hover{transform:none;box-shadow:0 -4px 20px #aa66ff4d}.qa-celebration-waiting-spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:1s ease-in-out infinite spin;display:inline-block}.qa-celebration-partner-ready{z-index:1001;justify-content:center;animation:.5s ease-out partner-ready-appear;display:flex;position:fixed;bottom:70px;left:0;right:0}@keyframes partner-ready-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qa-celebration-partner-ready-indicator{background:#4a996626;border:1px solid #4a99664d;border-radius:24px;align-items:center;gap:10px;padding:12px 20px;animation:2s ease-in-out infinite partner-ready-pulse;display:flex}@keyframes partner-ready-pulse{0%,to{box-shadow:0 0 #4a996633}50%{box-shadow:0 0 20px 8px #4a996626}}.qa-celebration-partner-ready-icon{background:var(--accent-teal);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;animation:.5s ease-out checkmark-bounce;display:flex}@keyframes checkmark-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.qa-celebration-partner-ready-text{color:var(--accent-teal);letter-spacing:.02em;font-size:.9rem;font-weight:500}.qa-celebration-btn--partner-ready{animation:1.5s ease-in-out infinite partner-ready-button-glow}@keyframes partner-ready-button-glow{0%,to{box-shadow:0 -4px 20px #aa66ff4d}50%{box-shadow:0 -4px 30px #4a996666,0 0 20px #4a996633}}.qa-celebration-overlay:before{content:"";pointer-events:none;background:radial-gradient(circle,#4a9eff1a 0%,#0000 70%);width:300px;height:300px;animation:3s ease-in-out infinite celebration-pulse-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes celebration-pulse-ring{0%,to{opacity:.5;width:200px;height:200px}50%{opacity:.2;width:400px;height:400px}}.qa-celebration-overlay:after{content:"";pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,#4a9eff4d,#0000),radial-gradient(2px 2px at 40% 70%,#aa66ff4d,#0000),radial-gradient(2px 2px at 60% 40%,#ff66aa4d,#0000),radial-gradient(2px 2px at 80% 80%,#4a99664d,#0000),radial-gradient(2px 2px at 10% 60%,#ffaa664d,#0000),radial-gradient(2px 2px at 90% 20%,#4a9eff4d,#0000);background-size:400px 400px;width:100%;height:100%;animation:20s linear infinite celebration-float;position:absolute;top:0;left:0}@keyframes celebration-float{0%{transform:translateY(0)}to{transform:translateY(-400px)}}.qa-celebration-sharing{padding:var(--card-padding);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);opacity:0;flex-direction:column;align-items:center;gap:16px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(10px)}.qa-celebration-sharing--visible{opacity:1;transform:translateY(0)}.qa-celebration-sharing-prompt{color:var(--text-secondary);text-align:center;font-size:.9rem;font-weight:300;line-height:1.5}.qa-celebration-share-btn{background:var(--gradient-primary-subtle);border:1px solid var(--card-border-accent);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:12px 28px;font-size:.9rem;transition:all .3s}.qa-celebration-share-btn:hover{color:#fff;background:linear-gradient(135deg,#4a9eff33 0%,#a6f3 50%,#f6a3 100%);border-color:#a6f6;transform:translateY(-2px);box-shadow:0 4px 12px #aa66ff26}.qa-celebration-share-btn:active{transform:translateY(0)}.qa-celebration-share-btn:focus-visible{outline-offset:2px;outline:2px solid #4a9eff}.qa-celebration-skip-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;min-height:44px;padding:12px 16px;font-size:.8rem;transition:color .2s}.qa-celebration-skip-btn:hover{color:var(--text-secondary)}.qa-celebration-skip-btn:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #4a9eff}.qa-celebration-partner-sharing{padding:var(--card-padding);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);flex-direction:column;align-items:center;gap:12px;animation:2s ease-in-out infinite partner-sharing-pulse;display:flex}@keyframes partner-sharing-pulse{0%,to{box-shadow:0 0 #aa66ff26}50%{box-shadow:0 0 20px 8px #aa66ff14}}.qa-celebration-partner-sharing-indicator{align-items:center;gap:12px;display:flex}.qa-celebration-partner-sharing-dots{gap:4px;display:flex}.qa-celebration-partner-sharing-dots .dot{background:var(--accent-purple);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both dot-pulse}.qa-celebration-partner-sharing-dots .dot:first-child{animation-delay:-.32s}.qa-celebration-partner-sharing-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes dot-pulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.qa-celebration-partner-sharing-text{color:var(--text-secondary);font-size:.85rem;font-style:italic}.qa-celebration-partner-shared{background:var(--card-bg);border:1px solid var(--card-border-accent);border-radius:var(--card-radius);flex-direction:column;align-items:center;gap:20px;padding:24px 28px;animation:.5s ease-out shared-notification-appear;display:flex}@keyframes shared-notification-appear{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.qa-celebration-partner-shared-message{color:var(--text-primary);text-align:center;font-size:1rem;font-weight:400}.qa-celebration-reveal-btn{background:var(--gradient-primary);color:#fff;letter-spacing:.03em;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:14px 40px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}.qa-celebration-reveal-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.qa-celebration-reveal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #aa66ff4d}.qa-celebration-reveal-btn:active:not(:disabled){transform:translateY(0)}.qa-celebration-reveal-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.qa-celebration-reveal-btn:disabled{cursor:not-allowed;opacity:.9}.qa-celebration-reveal-btn--revealing{background:linear-gradient(135deg,#4a9eff99 0%,#a6f9 50%,#f6a9 100%)}.qa-celebration-reveal-btn .reveal-dots{gap:3px;display:flex}.qa-celebration-reveal-btn .reveal-dots .dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both dot-pulse}.qa-celebration-reveal-btn .reveal-dots .dot:first-child{animation-delay:-.32s}.qa-celebration-reveal-btn .reveal-dots .dot:nth-child(2){animation-delay:-.16s}.qa-celebration-revealed{flex-direction:column;align-items:center;gap:12px;padding:20px 24px;animation:.6s ease-out reveal-appear;display:flex}@keyframes reveal-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.qa-celebration-revealed-header{letter-spacing:var(--label-spacing);color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.qa-celebration-revealed-card{background:var(--gradient-primary-subtle);border:1px solid var(--card-border-accent);border-radius:var(--card-radius);text-align:center;min-width:180px;padding:20px 28px}.qa-celebration-revealed-label{letter-spacing:var(--label-spacing);color:var(--accent-purple);text-transform:uppercase;margin-bottom:8px;font-size:.65rem}.qa-celebration-revealed-value{color:var(--text-primary);word-break:break-word;font-size:1.3rem;font-weight:300}.qa-celebration-resonance{border-top:1px solid #ffffff14;margin-top:16px;padding-top:16px;animation:.4s ease-out .5s both resonance-appear}@keyframes resonance-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.qa-celebration-resonance-prompt{letter-spacing:.1em;color:#666;text-transform:uppercase;margin-bottom:10px;font-size:.7rem}.qa-celebration-resonance .qa-reaction-picker{justify-content:center}.qa-celebration-resonance .qa-reaction-btn{background:#ffffff0d;border:1px solid #ffffff1a}.qa-celebration-resonance .qa-reaction-btn:hover{background:#aa66ff26;border-color:#aa66ff4d}.qa-celebration-resonance .qa-reaction-btn--selected{background:#a6f3;border-color:#a6f6}.qa-celebration-resonance-sent{justify-content:center;align-items:center;gap:8px;padding:10px 0;animation:.4s ease-out resonance-sent-appear;display:flex}@keyframes resonance-sent-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.qa-celebration-resonance-icon{color:#64c8ff;filter:drop-shadow(0 0 6px #64c8ff80);justify-content:center;align-items:center;animation:.5s ease-out resonance-icon-bounce;display:flex}@keyframes resonance-icon-bounce{0%{opacity:0;transform:scale(0)rotate(-20deg)}50%{transform:scale(1.3)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.qa-celebration-resonance-text{color:#a6f;font-size:.85rem;font-weight:400}.qa-celebration-my-share{flex-direction:column;align-items:center;gap:12px;padding:20px 24px;animation:.5s ease-out my-share-appear;display:flex}@keyframes my-share-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qa-celebration-my-share-header{letter-spacing:var(--label-spacing);color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.qa-celebration-my-share-card{border-radius:var(--card-radius);text-align:center;background:#4a99661a;border:1px solid #4a996640;min-width:180px;padding:20px 28px}.qa-celebration-my-share-label{letter-spacing:var(--label-spacing);color:var(--accent-teal);text-transform:uppercase;margin-bottom:8px;font-size:.65rem}.qa-celebration-my-share-value{color:var(--text-primary);word-break:break-word;font-size:1.2rem;font-weight:300}.qa-celebration-my-share-status{min-height:32px;margin-top:8px}.qa-celebration-my-share-sending{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;display:flex}.qa-celebration-my-share-sending .sending-dots{gap:3px;display:flex}.qa-celebration-my-share-sending .sending-dots .dot{background:var(--accent-purple);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both dot-pulse}.qa-celebration-my-share-sending .sending-dots .dot:first-child{animation-delay:-.32s}.qa-celebration-my-share-sending .sending-dots .dot:nth-child(2){animation-delay:-.16s}.qa-celebration-my-share-sending .sending-text{font-style:italic}.qa-celebration-my-share-sent{color:var(--accent-teal);justify-content:center;align-items:center;gap:6px;font-size:.85rem;animation:.4s ease-out sent-appear;display:flex}@keyframes sent-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.qa-celebration-my-share-sent .sent-checkmark{color:var(--accent-teal)}.qa-celebration-my-share-sent .sent-text{font-weight:500}.qa-celebration-my-share-resonance{justify-content:center;align-items:center;gap:8px;animation:.5s ease-out resonance-receive;display:flex}@keyframes resonance-receive{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.qa-celebration-share-back{padding:var(--card-padding);flex-direction:column;align-items:center;gap:16px;margin-top:16px;animation:.5s ease-out .3s both share-back-appear;display:flex}@keyframes share-back-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qa-celebration-share-back-prompt{color:var(--text-secondary);text-align:center;font-size:.9rem;font-weight:300}@media (width<=480px){.qa-celebration-container{gap:20px;padding:24px 20px 90px}.qa-celebration-badge-inner{padding:12px 24px}.qa-celebration-complete,.qa-celebration-title{font-size:1.2rem}.qa-celebration-stats{gap:16px;padding:12px 16px}.qa-celebration-stat-value{font-size:1.4rem}.qa-celebration-btn--primary{padding:16px 24px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));font-size:.95rem}}.qa-celebration-color-sharing{padding:var(--card-padding);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);opacity:0;flex-direction:column;align-items:center;gap:16px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(10px)}.qa-celebration-color-sharing--visible{opacity:1;transform:translateY(0)}.qa-celebration-color-swatch{border:2px solid #ffffff26;border-radius:50%;width:56px;height:56px;transition:all .3s;box-shadow:0 4px 16px #0000004d}.qa-celebration-color-swatch--mine{animation:2s ease-in-out infinite color-swatch-pulse}.qa-celebration-color-swatch--partner{animation:.6s ease-out color-swatch-reveal}@keyframes color-swatch-pulse{0%,to{transform:scale(1);box-shadow:0 4px 16px #0000004d}50%{transform:scale(1.05);box-shadow:0 4px 24px #aa66ff4d}}@keyframes color-swatch-reveal{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.qa-celebration-share-color-btn{background:var(--gradient-primary-subtle);border:1px solid var(--card-border-accent);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:12px 28px;font-size:.9rem;font-weight:500;transition:all .3s}.qa-celebration-share-color-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#4a9eff33 0%,#a6f3 50%,#f6a3 100%);border-color:#a6f6;transform:translateY(-2px);box-shadow:0 4px 12px #aa66ff26}.qa-celebration-share-color-btn:disabled{opacity:.5;cursor:not-allowed}.qa-celebration-color-share,.qa-celebration-color-waiting,.qa-celebration-color-revealed,.qa-celebration-color-partner-shared{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.qa-celebration-color-share-header{color:var(--text-secondary);font-size:.9rem;font-weight:300}.qa-celebration-color-share-preview{flex-direction:column;align-items:center;gap:8px;display:flex}.qa-celebration-color-share-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--label-spacing);font-size:.65rem}.qa-celebration-color-waiting-text{color:var(--text-secondary);font-size:.85rem;font-style:italic;animation:2s ease-in-out infinite waiting-pulse}@keyframes waiting-pulse{0%,to{opacity:.7}50%{opacity:1}}.qa-celebration-color-revealed-header{letter-spacing:var(--label-spacing);color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.qa-celebration-color-partner-shared-message{color:var(--text-primary);font-size:.95rem;font-weight:400}@media (prefers-reduced-motion:reduce){.qa-celebration-container,.qa-celebration-badge,.qa-celebration-title,.qa-celebration-desc,.qa-celebration-stats,.qa-celebration-resonance-summary,.qa-celebration-unlock,.qa-celebration-challenge,.qa-celebration-btn,.qa-celebration-sharing,.qa-celebration-partner-sharing,.qa-celebration-partner-shared,.qa-celebration-revealed,.qa-celebration-resonance,.qa-celebration-my-share,.qa-celebration-share-back,.qa-celebration-color-sharing,.qa-celebration-color-swatch,.qa-celebration-color-waiting-text,.qa-celebration-partner-ready,.qa-celebration-partner-ready-indicator,.qa-celebration-partner-ready-icon,.qa-celebration-resonance-icon,.qa-celebration-reveal-btn:before,.qa-celebration-partner-sharing-dots .dot,.qa-celebration-reveal-btn .reveal-dots .dot,.qa-celebration-my-share-sending .sending-dots .dot,.qa-celebration-overlay:before,.qa-celebration-overlay:after{transition:none!important;animation:none!important}.qa-celebration-container--visible,.qa-celebration-title--visible,.qa-celebration-desc--visible,.qa-celebration-stats--visible,.qa-celebration-resonance-summary--visible,.qa-celebration-unlock--visible,.qa-celebration-challenge--visible,.qa-celebration-btn--visible,.qa-celebration-sharing--visible,.qa-celebration-color-sharing--visible{opacity:1!important;transform:none!important}.qa-celebration-partner-sharing-dots .dot{opacity:.6}.qa-celebration-partner-sharing-dots .dot:nth-child(2){opacity:.8}.qa-celebration-partner-sharing-dots .dot:nth-child(3){opacity:1}}.qa-fusion-intro{pointer-events:none;z-index:100;background:radial-gradient(#000000b3 0%,#000000d9 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qa-fusion-intro__content{text-align:center;opacity:0;transition:opacity .4s ease-out}.qa-fusion-intro__content--visible{opacity:1}.qa-fusion-intro__chapter{color:#ffffffe6;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem;font-size:1.5rem;font-weight:300}.qa-fusion-intro__bond{color:#fff9;letter-spacing:.1em;font-size:.875rem;font-weight:400}@keyframes qa-slide-up{0%{opacity:0;transform:translateY(100%)}70%{transform:translateY(-5%)}to{opacity:1;transform:translateY(0)}}.qa-overlay--entering{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards qa-slide-up}.milestone-celebration{flex-direction:column;gap:8px;animation:.6s ease-out .5s both milestone-slide-in;display:flex}@keyframes milestone-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.milestone-badge{background:#0000004d;border:1px solid #ffffff26;border-radius:16px;align-items:center;gap:8px;padding:8px 16px;display:flex}.milestone-badge--bronze{border-color:#cd7f3280;box-shadow:0 0 10px #cd7f3233}.milestone-badge--silver{border-color:#c0c0c080;box-shadow:0 0 15px #c0c0c040}.milestone-badge--gold{border-color:#ffd70080;box-shadow:0 0 20px #ffd7004d}.milestone-icon{font-size:1.2rem}.milestone-badge--bronze .milestone-icon{color:#cd7f32}.milestone-badge--silver .milestone-icon{color:silver}.milestone-badge--gold .milestone-icon{color:gold;text-shadow:0 0 8px #ffd70080}.milestone-text{flex-direction:column;gap:1px;display:flex}.milestone-name{color:#fff;font-size:.85rem;font-weight:600}.milestone-desc{color:#fff9;font-size:.7rem}.resonance-moment-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;justify-content:center;align-items:center;animation:.3s ease-out resonance-overlay-fade-in;display:flex;position:fixed;inset:0}@keyframes resonance-overlay-fade-in{0%{opacity:0}to{opacity:1}}.resonance-moment-card{background:linear-gradient(135deg,#64c8ff33 0%,#a6f3 50%,#f6a3 100%);border:2px solid #a6f6;border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards resonance-card-pop;display:flex;position:relative;overflow:visible;box-shadow:0 8px 32px #0006,0 0 60px #aa66ff4d,inset 0 0 40px #aa66ff1a}.resonance-moment-card--harmony{border-color:#00dcc880;box-shadow:0 8px 32px #0006,0 0 70px #00dcc859,inset 0 0 40px #00dcc81a}.resonance-moment-card--identical{border-color:#ffd70080;box-shadow:0 8px 32px #0006,0 0 80px #ffd70066,inset 0 0 40px #ffd7001a}@keyframes resonance-card-pop{0%{opacity:0;transform:scale(.5)translateY(20px)}60%{transform:scale(1.1)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.resonance-sparkles{pointer-events:none;position:absolute;inset:-40px}.resonance-sparkle{transform-origin:50%;width:8px;height:8px;animation:resonance-sparkle-burst 1s ease-out var(--delay) forwards;background:#ffffffe6;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #fffc}@keyframes resonance-sparkle-burst{0%{transform:rotate(var(--angle)) translateX(0) scale(0);opacity:1}60%{opacity:1;transform:rotate(var(--angle)) translateX(100px) scale(1)}to{transform:rotate(var(--angle)) translateX(120px) scale(0);opacity:0}}.resonance-icons{align-items:center;gap:16px;display:flex}.resonance-reaction-icon{color:#c8d4ff;filter:drop-shadow(0 0 8px #96b4ff99)drop-shadow(0 0 16px #96b4ff4d);justify-content:center;align-items:center;animation:.6s ease-out forwards resonance-icon-bounce;display:flex;position:relative}.resonance-reaction-icon--yours{color:#64c8ff;filter:drop-shadow(0 0 8px #64c8ff99)drop-shadow(0 0 16px #64c8ff4d);animation-delay:.1s}.resonance-reaction-icon--theirs{color:#a6f;filter:drop-shadow(0 0 8px #a6f9)drop-shadow(0 0 16px #aa66ff4d);animation-delay:.3s}.resonance-moment-card--harmony .resonance-reaction-icon{color:#00dcc8;filter:drop-shadow(0 0 10px #00dcc8b3)drop-shadow(0 0 20px #00dcc866)}.resonance-moment-card--harmony .resonance-icon-connector{color:#00dcc8e6;text-shadow:0 0 10px #00dcc880}.resonance-moment-card--harmony .resonance-message-main{text-shadow:0 0 20px #00dcc880}.resonance-moment-card--identical .resonance-reaction-icon{color:gold;filter:drop-shadow(0 0 10px #ffd700b3)drop-shadow(0 0 20px #ffd70066)}.resonance-icon-connector{color:#a6fc;text-shadow:0 0 10px #aa66ff80;font-size:1.5rem;font-weight:700;animation:.8s ease-in-out infinite resonance-connector-pulse}.resonance-moment-card--identical .resonance-icon-connector{color:#ffd700e6;text-shadow:0 0 10px #ffd70080}@keyframes resonance-connector-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.resonance-message{flex-direction:column;align-items:center;gap:4px;animation:.5s ease-out .3s both resonance-message-fade;display:flex}@keyframes resonance-message-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.resonance-message-main{color:#fff;text-shadow:0 0 20px #aa66ff80;font-size:1.5rem;font-weight:600}.resonance-moment-card--identical .resonance-message-main{text-shadow:0 0 20px #ffd70080}.resonance-message-sub{color:#ffffffb3;font-size:.9rem}.resonance-bond-badge{background:linear-gradient(135deg,#ffd70040,#ffb40026);border:1px solid #ffd70066;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;animation:.4s ease-out .5s both resonance-badge-pop;display:flex;position:absolute;top:-12px;right:-12px;box-shadow:0 4px 15px #ffd7004d,0 0 20px #ffd70033,inset 0 0 10px #ffd7001a}@keyframes resonance-badge-pop{0%{opacity:0;transform:scale(0)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.resonance-bond-count{color:gold;text-shadow:0 0 8px #ffd70080;font-size:1rem;font-weight:700}.resonance-moment-overlay--exiting{animation:.5s ease-in forwards resonance-overlay-fade-out}@keyframes resonance-overlay-fade-out{0%{opacity:1}to{opacity:0}}@media (width<=480px){.resonance-moment-card{margin:16px;padding:24px 32px}.resonance-reaction-icon svg{width:36px;height:36px}.resonance-message-main{font-size:1.25rem}}.bond-indicator{background:#ffd7001a;border:1px solid #ffd70040;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.bond-indicator--medium{gap:6px;padding:4px 12px}.bond-indicator-count{color:gold;text-shadow:0 0 6px #ffd70066;font-size:.8rem;font-weight:700}.bond-indicator--medium .bond-indicator-count{font-size:1rem}.bond-indicator--grace{background:#ff8c001a;border-color:#ff8c0066;animation:1.5s ease-in-out infinite bond-grace-flicker}.bond-indicator--grace .bond-indicator-count{color:#ff8c00}@keyframes bond-grace-flicker{0%,to{opacity:1}50%{opacity:.5}}.voice-recorder{background:#0a0f1e99;border-top:1px solid #64c8ff26;border-radius:0 0 12px 12px;padding:12px 16px}.voice-label{color:#b4dcfff2;margin-bottom:4px;font-size:14px;font-weight:600}.voice-sublabel{color:#8cb4dcb3;margin-bottom:10px;font-size:12px}.voice-actions{flex-wrap:wrap;gap:8px;display:flex}.voice-btn{color:#b4dcffe6;cursor:pointer;background:#1e325099;border:1px solid #64c8ff33;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.voice-btn:hover:not(:disabled){background:#28466ecc;border-color:#64c8ff66}.voice-btn:disabled{opacity:.4;cursor:not-allowed}.voice-btn-record{color:#8cc8ff;background:#3c78c84d;border-color:#50a0ff66}.voice-btn-record:hover:not(:disabled){background:#3c78c880}.voice-btn-stop{color:#ff8c8c;background:#c83c3c4d;border-color:#ff505066}.voice-btn-stop:hover:not(:disabled){background:#c83c3c80}.voice-btn-submit{color:#8cffb4;background:#3cb4644d;border-color:#50dc8266}.voice-btn-submit:hover:not(:disabled){background:#3cb46480}.voice-btn-rerecord{color:#dcc88ce6;background:#b48c3c33;border-color:#dcb4504d}.voice-btn-skip{color:#8caac899;background:0 0;border-color:#648cb433;font-size:12px}.voice-btn-skip:hover:not(:disabled){color:#8caac8e6}.voice-btn-play{background:#3c78c833;border-color:#50a0ff4d;flex:1;min-width:120px}.voice-btn-play.playing{background:#50a0ff4d;border-color:#64c8ff80;animation:1.5s ease-in-out infinite voice-pulse-glow}.voice-btn-report{color:#b4646480;background:0 0;border:none;margin-top:6px;padding:4px 8px;font-size:11px}.voice-btn-report:hover:not(:disabled){color:#dc6464cc;background:0 0}.voice-recording{flex-direction:column;align-items:center;gap:8px;display:flex}.voice-countdown{color:#ff8c8ce6;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.voice-recording-indicator{color:#ff8c8ccc;align-items:center;gap:8px;font-size:13px;display:flex}.voice-pulse{background:#ff5050cc;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite voice-pulse-dot;display:inline-block}@keyframes voice-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes voice-pulse-glow{0%,to{box-shadow:0 0 4px #64c8ff33}50%{box-shadow:0 0 12px #64c8ff66}}.voice-preview{text-align:center}.voice-preview .voice-actions{justify-content:center}.voice-waiting{text-align:center;padding:8px 0}.voice-reveal{flex-direction:column;align-items:center;gap:8px;display:flex}.voice-playback-grid{gap:8px;width:100%;display:flex}.voice-skipped{text-align:center;color:#8caac880;flex:1;padding:8px;font-size:12px;font-style:italic}@media (prefers-reduced-motion:reduce){.voice-pulse{opacity:.8;animation:none}.voice-btn-play.playing{animation:none}}.qa-overlay{z-index:1000;opacity:1;background:#0a0a0af2;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.qa-overlay--zooming{animation:.5s ease-out qa-zoom-in}@keyframes qa-zoom-in{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.qa-container{flex-direction:column;gap:24px;width:100%;max-width:500px;padding:32px 24px;display:flex}.qa-header{text-align:center}.qa-chapter-title{letter-spacing:.15em;color:#9a9a9a;text-transform:uppercase;margin-bottom:4px;font-size:.6rem}.qa-question-number{letter-spacing:.2em;color:#8a8a8a;text-transform:uppercase;font-size:.5rem}.qa-progress-dots{justify-content:center;gap:8px;display:flex}.qa-progress-dot{border-radius:50%;width:8px;height:8px;transition:background-color .2s}.qa-progress-dot--done{background:#4a9}.qa-progress-dot--current{background:#555}.qa-progress-dot--future{background:#222}.qa-content{flex:1}.qa-question-panel{flex-direction:column;gap:20px;display:flex}.qa-question-panel--class2 .qa-question-text{border-left:2px solid #4a9;padding-left:16px}.qa-question-text{color:#b0b0b0;font-size:.95rem;font-weight:300;line-height:1.6}.qa-answer-form{flex-direction:column;gap:12px;display:flex}.qa-answer-input-wrapper{position:relative}.qa-answer-input{color:#ccc;resize:none;background:#111;border:1px solid #333;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:.9rem;line-height:1.5}.qa-answer-input:focus{border-color:#555;outline:none}.qa-answer-input:focus-visible{outline-offset:2px;border-color:#4a9eff;outline:2px solid #4a9eff}.qa-answer-input:disabled{opacity:.6;cursor:not-allowed}.qa-char-counter{color:#9a9a9a;font-size:.7rem;position:absolute;bottom:8px;right:12px}.qa-char-counter--warning{color:#f99}.qa-validation-error{background:#aa44441a;border:1px solid #aa44444d;border-radius:6px;align-items:flex-start;gap:8px;margin-top:8px;padding:10px 12px;animation:.4s ease-out qa-validation-shake;display:flex}.qa-validation-error-icon{color:#a44;flex-shrink:0;font-size:.9rem}.qa-validation-error-text{color:#c88;font-size:.75rem;line-height:1.4}@keyframes qa-validation-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.qa-typing-indicator{color:#4a9eff;align-items:center;gap:4px;font-size:.75rem;display:flex}.qa-typing-dot{background:#4a9eff;border-radius:50%;width:4px;height:4px;animation:1s infinite qa-typing-bounce}.qa-typing-dot:nth-child(2){animation-delay:.1s}.qa-typing-dot:nth-child(3){animation-delay:.2s}@keyframes qa-typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.qa-typing-text{margin-left:4px}.qa-waiting{color:#a5a5a5;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.85rem;display:flex}.qa-waiting-spinner{border:2px solid #333;border-top-color:#666;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite qa-spin}@keyframes qa-spin{to{transform:rotate(360deg)}}.qa-submit-btn{color:#b0b0b0;cursor:pointer;background:#222;border:1px solid #333;border-radius:8px;min-height:44px;padding:12px 24px;font-size:.85rem;transition:all .2s}.qa-submit-btn:hover:not(:disabled){color:#e0e0e0;background:#333}.qa-submit-btn:focus-visible{outline-offset:2px;outline:2px solid #4a9eff}.qa-submit-btn:disabled{opacity:.4;cursor:not-allowed}.qa-reveal{flex-direction:column;gap:20px;display:flex}.qa-reveal-question{color:#a5a5a5;text-align:center;font-size:.85rem;font-style:italic}.qa-answer-cards{flex-direction:column;gap:12px;display:flex}.qa-answer-card{background:#0a0a0a;border-radius:8px;padding:12px;position:relative}.qa-answer-card--you{border-left:2px solid #666}.qa-answer-card--them{border-left:2px solid #4a9eff}.qa-answer-label-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.qa-answer-cell-shape{flex-shrink:0;display:inline-flex}.qa-answer-cell-shape--heartbeat svg{animation:2s ease-in-out infinite qa-cell-heartbeat}@keyframes qa-cell-heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.qa-answer-cell-shape--heartbeat svg{animation:none}}.qa-answer-label{letter-spacing:.15em;text-transform:uppercase;font-size:.5rem}.qa-answer-card--you .qa-answer-label{color:#a5a5a5}.qa-answer-card--them .qa-answer-label{color:#4a9eff}.qa-answer-text{color:#b0b0b0;font-size:.8rem;line-height:1.5}.qa-flag-btn{color:#8a8a8a;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;font-size:.6rem;transition:color .2s;display:flex;position:absolute;top:8px;right:8px}.qa-flag-btn:hover{color:#f99}.qa-flag-btn:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #4a9eff}.qa-consent{justify-content:center;gap:24px;padding:16px 0;display:flex}.qa-consent-item{align-items:center;gap:8px;display:flex}.qa-consent-dot{border:1px solid #444;border-radius:50%;width:8px;height:8px;transition:all .2s}.qa-consent-dot--ready{background:#4a9;border-color:#4a9}.qa-consent-label{color:#9a9a9a;font-size:.7rem}.qa-actions{flex-direction:column;gap:12px;display:flex}.qa-transitioning{justify-content:center;align-items:center;padding:40px;display:flex}.qa-transitioning-text{color:#9a9a9a;font-size:.85rem;animation:1s ease-in-out infinite qa-fade-pulse}@keyframes qa-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}.qa-modal-overlay{z-index:1100;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.qa-modal{background:#0a0a0a;border:1px solid #222;border-radius:12px;width:100%;max-width:400px;margin:16px;padding:24px}.qa-modal--confirm{text-align:center}.qa-modal-title{letter-spacing:.15em;color:#a5a5a5;text-align:center;margin-bottom:8px;font-size:.75rem}.qa-modal-subtitle{color:#9a9a9a;text-align:center;margin-bottom:20px;font-size:.8rem}.qa-modal-text{color:#a5a5a5;margin-bottom:12px;font-size:.85rem;line-height:1.5}.qa-modal-text--secondary{color:#9a9a9a;font-size:.75rem}.qa-modal-options{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.qa-modal-option{text-align:left;cursor:pointer;background:#111;border:1px solid #222;border-radius:8px;min-height:44px;padding:12px;transition:all .2s}.qa-modal-option:hover:not(:disabled){border-color:#333}.qa-modal-option:focus-visible{outline-offset:2px;outline:2px solid #4a9eff}.qa-modal-option:disabled{opacity:.4;cursor:not-allowed}.qa-modal-option--danger{border-color:#422}.qa-modal-option--danger:hover:not(:disabled){border-color:#633}.qa-modal-option-title{color:#b0b0b0;margin-bottom:4px;font-size:.85rem;display:block}.qa-modal-option-desc{color:#9a9a9a;font-size:.7rem;display:block}.qa-modal-danger-dot{vertical-align:middle;background:#a44;border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.qa-modal-cancel{color:#9a9a9a;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;min-height:44px;padding:12px;font-size:.8rem}.qa-modal-cancel:hover{color:#b0b0b0}.qa-modal-cancel:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #4a9eff}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qa-report-reasons{border:none;flex-direction:column;gap:8px;margin:0 0 20px;padding:0;display:flex}.qa-report-reason{cursor:pointer;align-items:center;gap:8px;padding:4px 0;display:flex}.qa-report-reason input[type=radio]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qa-report-reason input[type=radio]:focus-visible+.qa-report-reason-radio{outline-offset:2px;outline:2px solid #4a9eff}.qa-report-reason-radio{border:1px solid #444;border-radius:50%;width:14px;height:14px;transition:all .2s;position:relative}.qa-report-reason input:checked+.qa-report-reason-radio{border-color:#aaa}.qa-report-reason input:checked+.qa-report-reason-radio:after{content:"";background:#aaa;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:3px}.qa-report-reason-label{color:#b0b0b0;font-size:.8rem}.qa-reaction-picker{justify-content:center;gap:6px;margin-top:16px;padding:0;display:flex}.qa-reaction-btn{cursor:pointer;color:#9a9a9a;background:0 0;border:1px solid #2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s;display:flex}.qa-reaction-btn:focus-visible{outline-offset:2px;outline:2px solid #4a9eff}.qa-reaction-btn:hover:not(:disabled){color:#888;background:#ffffff08;border-color:#444}.qa-reaction-btn--selected{color:#4a9;background:#44aa9914;border-color:#4a9}.qa-reaction-btn--selected:hover:not(:disabled){color:#5ba;background:#44aa991f;border-color:#5ba}.qa-reaction-btn:disabled{cursor:not-allowed;opacity:.25}.qa-reaction-icon{transition:transform .15s;display:block}.qa-reaction-btn:hover:not(:disabled) .qa-reaction-icon{transform:scale(1.1)}.qa-reaction-btn:active:not(:disabled) .qa-reaction-icon{transform:scale(.95)}.qa-reaction-received{color:#4a9;animation:.3s ease-out qa-reaction-pop;position:absolute;bottom:8px;right:8px}.qa-reaction-display{color:#4a9;align-items:center;gap:4px;display:flex}.qa-reaction-display-label{color:#a5a5a5;text-transform:uppercase;letter-spacing:.05em;font-size:.6rem}@keyframes qa-reaction-pop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.qa-resonance-indicator{background:linear-gradient(135deg,#64c8ff1f,#64c8ff0a);border:1px solid #64c8ff40;border-radius:20px;align-items:center;gap:8px;padding:6px 14px 6px 10px;animation:.4s ease-out qa-resonance-appear;display:flex;box-shadow:0 0 12px #64c8ff26,inset 0 0 8px #64c8ff0d}.qa-resonance-indicator .qa-reaction-display{gap:8px}.qa-resonance-indicator .qa-reaction-icon{color:#64c8ff;filter:drop-shadow(0 0 4px #64c8ff80)}.qa-resonance-indicator .qa-reaction-display-label{color:#64c8ff;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 8px #64c8ff4d;font-size:.7rem;font-weight:500}@keyframes qa-resonance-appear{0%{opacity:0;transform:scale(0)translate(10px)}50%{transform:scale(1.05)translate(0)}to{opacity:1;transform:scale(1)translate(0)}}.qa-error-boundary{z-index:1000;background:#0a0a0af2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.qa-error-content{text-align:center;max-width:400px;padding:32px}.qa-error-content h3{color:#fff;margin-bottom:16px;font-size:1.25rem}.qa-error-content p{color:#888;margin-bottom:24px;font-size:.9rem;line-height:1.5}.qa-error-button{color:#fff;cursor:pointer;background:#333;border:1px solid #444;border-radius:8px;min-height:44px;padding:12px 24px;font-size:.9rem;transition:all .2s}.qa-error-button:hover{background:#444;border-color:#555}.qa-error-button:focus-visible{outline-offset:2px;outline:2px solid #4a9eff}.qa-error-details{color:#f66;text-align:left;background:#ff00001a;border:1px solid #f003;border-radius:4px;max-height:100px;margin-top:24px;padding:12px;font-size:.75rem;overflow:auto}.qa-loading{color:#b0b0b0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px;font-size:.9rem;display:flex}.qa-loading-spinner{border:2px solid #333;border-top-color:#a5a5a5;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite qa-spin}.presence-alert-banner{background:linear-gradient(135deg,#4a90e21f,#4a90e20a);border:1px solid #4a90e24d;border-radius:10px;margin-bottom:12px;padding:12px 16px;animation:.3s ease-out presence-alert-slide-in}.presence-alert-banner__text{color:#b0b0b0;text-align:center;margin-bottom:10px;font-size:.85rem}.presence-alert-banner__actions{justify-content:center;gap:8px;display:flex}@keyframes presence-alert-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.qa-overlay--zooming,.qa-typing-dot,.qa-waiting-spinner,.qa-loading-spinner,.qa-validation-error,.qa-transitioning-text,.qa-resonance-indicator,.qa-reaction-btn .qa-reaction-icon,.presence-alert-banner{transition:none!important;animation:none!important}.qa-consent-dot,.qa-progress-dot,.qa-reaction-btn,.qa-submit-btn,.qa-modal-option,.qa-answer-input{transition:none!important}.qa-typing-indicator{opacity:1}.qa-typing-dot{opacity:.6}.qa-typing-dot:nth-child(2){opacity:.8}.qa-typing-dot:nth-child(3){opacity:1}}.qa-depth-label{letter-spacing:.05em;text-transform:uppercase;margin-top:2px;font-size:.65rem;font-weight:600}.qa-depth-label--echo{color:#aa66ffb3}.qa-depth-label--harmony{color:#00dcc8cc}.qa-depth-label--sync{color:#ffd700e6;text-shadow:0 0 6px #ffd7004d}.qa-resonance-bar{justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:0 16px;display:flex}.resonance-toast{z-index:1100;pointer-events:none;animation:.4s ease-out forwards resonance-toast-enter;position:fixed;bottom:24px;right:24px}@keyframes resonance-toast-enter{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.resonance-toast--exiting{animation:.5s ease-in forwards resonance-toast-exit}@keyframes resonance-toast-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}.resonance-toast-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#a6f3 0%,#f6a3 100%);border:1px solid #aa66ff4d;border-radius:12px;align-items:center;gap:12px;padding:14px 20px;display:flex;box-shadow:0 4px 20px #0000004d,0 0 30px #a6f3}.resonance-toast-icon{color:#a6f;justify-content:center;align-items:center;animation:1s ease-in-out infinite resonance-icon-pulse;display:flex}@keyframes resonance-icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.resonance-toast-text{flex-direction:column;gap:2px;display:flex}.resonance-toast-label{color:#fff;font-size:.9rem;font-weight:500}.resonance-toast-attribute{color:#aaa;font-size:.75rem}@media (width<=480px){.resonance-toast{bottom:16px;left:16px;right:16px}.resonance-toast-content{justify-content:center;padding:12px 16px}}.presence-toast{z-index:1100;pointer-events:none;animation:.4s ease-out forwards presence-toast-enter;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes presence-toast-enter{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.presence-toast--exiting{animation:.5s ease-in forwards presence-toast-exit}@keyframes presence-toast-exit{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(.95)}}.presence-toast-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:10px;padding:12px 20px;display:flex;box-shadow:0 4px 20px #0000004d}.presence-toast-dot{background:#6da;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite presence-dot-pulse;box-shadow:0 0 8px #66ddaa80}@keyframes presence-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.presence-toast-text{color:#fffc;letter-spacing:.02em;font-size:.85rem;font-weight:400}@media (width<=480px){.presence-toast{bottom:16px;left:16px;right:16px;transform:none}@keyframes presence-toast-enter{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes presence-toast-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}.presence-toast-content{justify-content:center;padding:10px 16px}}.discovery-orb{bottom:max(16px, env(safe-area-inset-bottom));z-index:10;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.discovery-orb-core{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:radial-gradient(circle at 40% 40%,#b4c8dc26,#6482a014 60%,#0000 100%);border:none;border-radius:50%;width:48px;height:48px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:4s ease-in-out infinite orb-breathe;position:relative}.discovery-orb-core:hover{background:radial-gradient(circle at 40% 40%,#b4c8dc33,#6482a01f 60%,#0000 100%);transform:scale(1.08)}.discovery-orb-core:focus{outline:none}.discovery-orb-core:focus-visible{box-shadow:0 0 0 2px #b4c8dc4d}.discovery-orb-value{color:#ffffffb3;letter-spacing:-.01em;text-shadow:0 1px 3px #0000004d;z-index:2;text-align:center;justify-content:center;align-items:center;padding:4px;font-size:.55rem;font-weight:500;line-height:1.1;display:flex;position:absolute;inset:0}.discovery-orb-ring{background:conic-gradient(from 180deg, #a0bedc80 0%, #a0bedc80 calc(var(--fill,50) * 1%), #ffffff0f calc(var(--fill,50) * 1%), #ffffff0f 100%);opacity:.8;border-radius:50%;transition:opacity .3s;position:absolute;inset:-3px;-webkit-mask:radial-gradient(circle,#0000 50%,#000 52% 58%,#0000 60%);mask:radial-gradient(circle,#0000 50%,#000 52% 58%,#0000 60%)}.discovery-orb-pulse{pointer-events:none;background:radial-gradient(circle,#a0bedc26 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite orb-pulse;position:absolute;inset:-8px}@keyframes orb-breathe{0%,to{opacity:.85;box-shadow:0 0 20px #a0bedc1a,inset 0 0 15px #ffffff08}50%{opacity:1;box-shadow:0 0 30px #a0bedc26,inset 0 0 20px #ffffff0d}}@keyframes orb-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(1.15)}}.discovery-slider-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:radial-gradient(#28324666,#1e283740 80%,#0000 100%);border-radius:24px;flex-direction:column;align-items:center;gap:8px;min-width:200px;padding:12px 20px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(20px)scale(.95)}.discovery-orb.expanded .discovery-slider-panel{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.discovery-orb.expanded .discovery-orb-core{opacity:.6;transform:scale(.85)}.discovery-slider-track-container{width:100%;padding:8px 0;position:relative}.discovery-slider-input{appearance:none;background:linear-gradient(to right, #a0bedc99 0%, #a0bedc99 var(--fill-percent,50%), #ffffff14 var(--fill-percent,50%), #ffffff14 100%);cursor:pointer;border-radius:2px;outline:none;width:100%;height:3px}.discovery-slider-input::-webkit-slider-thumb{appearance:none;cursor:grab;background:radial-gradient(circle at 40% 40%,#dce6f0e6,#b4c8dcb3 60%,#8caac880 100%);border-radius:50%;width:16px;height:16px;transition:all .2s;animation:2s ease-in-out infinite thumb-glow;box-shadow:0 0 12px #a0bedc66,0 2px 6px #0003}.discovery-slider-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 18px #a0bedc99,0 2px 8px #00000040}.discovery-slider-input::-webkit-slider-thumb:active{cursor:grabbing;animation:none;transform:scale(1.1)}.discovery-slider-input::-moz-range-thumb{cursor:grab;background:radial-gradient(circle at 40% 40%,#dce6f0e6,#b4c8dcb3 60%,#8caac880 100%);border:none;border-radius:50%;width:16px;height:16px;transition:all .2s;animation:2s ease-in-out infinite thumb-glow;box-shadow:0 0 12px #a0bedc66,0 2px 6px #0003}.discovery-slider-input::-moz-range-thumb:hover{transform:scale(1.15)}.discovery-slider-input::-moz-range-track{background:0 0;border-radius:2px;height:3px}@keyframes thumb-glow{0%,to{box-shadow:0 0 12px #a0bedc66,0 2px 6px #0003}50%{box-shadow:0 0 16px #a0bedc8c,0 2px 8px #00000038}}.discovery-slider-glow{pointer-events:none;background:radial-gradient(circle,#a0bedc33 0%,#0000 70%);width:30px;height:30px;transition:left .1s;position:absolute;top:50%;transform:translate(-50%,-50%)}.discovery-slider-labels{justify-content:space-between;width:100%;padding:0 4px;display:flex}.discovery-slider-labels span{color:#ffffff40;text-transform:lowercase;letter-spacing:.03em;font-size:.6rem;font-weight:400;transition:all .3s}.discovery-slider-labels span.active{color:#b4c8dcb3}.discovery-slider-hint{color:#fff6;letter-spacing:.05em;opacity:.8;font-size:.65rem;font-style:italic;animation:3s ease-in-out infinite hint-fade}@keyframes hint-fade{0%,to{opacity:.6}50%{opacity:.9}}@media (width<=480px){.discovery-orb{bottom:12px}.discovery-orb-core{width:44px;height:44px}.discovery-orb-value{font-size:.5rem}.discovery-slider-panel{min-width:180px;padding:10px 16px}.discovery-slider-input::-webkit-slider-thumb{width:14px;height:14px}.discovery-slider-input::-moz-range-thumb{width:14px;height:14px}}@media (prefers-reduced-motion:reduce){.discovery-orb-core,.discovery-orb-pulse,.discovery-slider-hint{animation:none}.discovery-slider-input::-webkit-slider-thumb{animation:none}.discovery-slider-input::-moz-range-thumb{animation:none}.discovery-orb-core{opacity:.9}.discovery-orb-pulse{opacity:.4}}.discovery-filter-segment{background:#ffffff0a;border-radius:12px;gap:2px;width:100%;margin-top:8px;padding:2px;display:flex}.discovery-segment-btn{cursor:pointer;color:#fff6;text-transform:lowercase;letter-spacing:.02em;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-family:inherit;font-size:.55rem;font-weight:400;transition:all .25s;display:flex}.discovery-segment-btn:hover{color:#fff9;background:#ffffff0a}.discovery-segment-btn:focus{outline:none}.discovery-segment-btn:focus-visible{box-shadow:0 0 0 2px #8888ff4d}.discovery-segment-btn.active{color:#b4c8dce6;background:#8888ff26}.discovery-segment-btn.active:hover{background:#88f3}.discovery-segment-btn svg{opacity:.6;flex-shrink:0}.discovery-segment-btn.active svg{opacity:1;color:#b4c8dce6}.discovery-sleeper-toggle{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;gap:5px;margin-top:6px;padding:5px 12px;font-family:inherit;transition:all .25s;display:flex}.discovery-sleeper-toggle:hover{background:#ffffff0f;border-color:#ffffff1a}.discovery-sleeper-toggle:focus{outline:none}.discovery-sleeper-toggle:focus-visible{box-shadow:0 0 0 2px #8888ff4d}.discovery-sleeper-toggle.active{background:#8888ff1a;border-color:#88f3}.discovery-sleeper-toggle.active:hover{background:#8888ff26}.discovery-sleeper-toggle svg{opacity:.5;color:#ffffff80;transition:all .25s}.discovery-sleeper-toggle.active svg{opacity:.9;color:#b4c8dccc}.discovery-sleeper-label{color:#ffffff59;text-transform:lowercase;letter-spacing:.02em;font-size:.55rem;font-weight:400;transition:color .25s}.discovery-sleeper-toggle.active .discovery-sleeper-label{color:#b4c8dcb3}@media (width<=480px){.discovery-filter-segment{gap:1px;padding:1px}.discovery-segment-btn{gap:3px;padding:5px 6px;font-size:.5rem}.discovery-segment-btn svg{width:10px;height:10px}.discovery-sleeper-toggle{gap:4px;padding:4px 10px}.discovery-sleeper-toggle svg{width:10px;height:10px}.discovery-sleeper-label{font-size:.5rem}}@media (prefers-reduced-motion:reduce){.discovery-segment-btn,.discovery-sleeper-toggle,.discovery-sleeper-toggle svg,.discovery-sleeper-label{transition:none}}.tutorial-floating{z-index:1000;pointer-events:none;text-align:center;width:90%;max-width:500px;transition:opacity .5s ease-out;position:fixed;bottom:20%;left:50%;transform:translate(-50%)}.tutorial-floating.visible{opacity:1}.tutorial-floating.hidden{opacity:0}.tutorial-floating .typewriter-text{color:#ffffffd9;text-shadow:0 0 15px #0009;letter-spacing:.3px;text-align:center;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:300;line-height:1.5;display:block}.typewriter-cursor{opacity:.7;margin-left:2px;animation:.8s infinite blink}@keyframes blink{0%,50%{opacity:.7}51%,to{opacity:0}}.tutorial-skip-floating{z-index:1001;color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .2s;position:fixed;top:80px;right:20px}.tutorial-skip-floating:hover{color:#fffc;background:#ffffff1a;border-color:#ffffff4d}.tutorial-sound-toggle{z-index:1001;position:fixed;top:80px;left:20px}.tutorial-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;animation:.3s ease-out tutorial-fade-in;display:flex;position:fixed;inset:0}.tutorial-overlay--interactive{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;justify-content:center;align-items:flex-start;padding-top:80px}.tutorial-overlay--interactive .tutorial-container{pointer-events:auto;max-width:400px}.tutorial-hint{color:#fff;background:#1a1a2ef2;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:12px;padding:16px 20px;display:flex;box-shadow:0 4px 20px #00000080}.tutorial-hint-icon{flex-shrink:0;width:36px;height:36px}.tutorial-hint-icon .copa-cell{width:100%;height:100%}.tutorial-hint-content{flex:1;min-width:0}.tutorial-hint-text{color:#d0d0e0;margin:0;font-size:14px;line-height:1.4}.tutorial-hint-text strong{color:#fff}.tutorial-hint-highlight{color:#7ab8ff;background:#4a9eff33;border-radius:4px;padding:2px 6px;font-weight:500;display:inline}.tutorial-hint-skip{color:#6060a0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.tutorial-hint-skip:hover{color:#8080c0;background:#ffffff1a}.tutorial-hint--success{background:#1a2e1af2;border-color:#4cd9644d}.tutorial-hint--success .tutorial-hint-text{color:#4cd964}.tutorial-hint-actions{align-items:center;gap:8px;display:flex}.tutorial-hint-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a9eff 0%,#06c 100%);border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.tutorial-hint-button:hover{background:linear-gradient(135deg,#5aa8ff 0%,#07d 100%)}@keyframes tutorial-fade-in{0%{opacity:0}to{opacity:1}}.tutorial-container{width:90%;max-width:480px;max-height:90vh;animation:.4s ease-out tutorial-slide-up;overflow-y:auto}@keyframes tutorial-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-step{color:#fff;background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:24px;padding:32px;box-shadow:0 8px 32px #0006}.tutorial-header{text-align:center;margin-bottom:24px}.tutorial-title{color:#fff;margin:16px 0 0;font-size:28px;font-weight:600}.tutorial-subtitle{color:#a0a0ff;margin:0 0 16px;font-size:20px;font-weight:500}.tutorial-copa-avatar{width:80px;height:80px;display:inline-block;position:relative}.tutorial-copa-avatar--small{width:48px;height:48px}.copa-cell{background:linear-gradient(135deg,#4a9eff 0%,#06c 100%);border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite copa-pulse;position:relative;box-shadow:0 0 20px #4a9eff80}.copa-cell-inner{background:#ffffff4d;border-radius:50%;width:40%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes copa-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #4a9eff80}50%{transform:scale(1.05);box-shadow:0 0 30px #4a9effb3}}.tutorial-content{margin-bottom:24px}.tutorial-text{color:#d0d0e0;margin:0 0 12px;font-size:16px;line-height:1.6}.tutorial-text--muted{color:#8080a0;font-size:14px}.tutorial-highlight{color:#7ab8ff;background:#4a9eff33;border-radius:4px;padding:4px 8px;font-weight:500}.copa-badge,.tutorial-copa-badge{color:#fff;background:linear-gradient(135deg,#4a9eff 0%,#06c 100%);border-radius:12px;padding:2px 8px;font-size:14px;font-weight:500}.tutorial-success{color:#4cd964;background:#4cd96426;border:1px solid #4cd9644d;border-radius:12px;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;animation:.3s ease-out tutorial-success-pop;display:flex}@keyframes tutorial-success-pop{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.tutorial-success-icon{font-size:20px}.tutorial-waiting{color:#8080a0;align-items:center;gap:8px;margin-top:16px;font-size:14px;display:flex}.tutorial-waiting-dots{gap:4px;display:flex}.tutorial-waiting-dots span{background:#8080a0;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite tutorial-dot-bounce}.tutorial-waiting-dots span:first-child{animation-delay:0s}.tutorial-waiting-dots span:nth-child(2){animation-delay:.2s}.tutorial-waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes tutorial-dot-bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.tutorial-actions{flex-direction:column;gap:12px;display:flex}.tutorial-button{cursor:pointer;border:none;border-radius:12px;outline:none;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s}.tutorial-button--primary{color:#fff;background:linear-gradient(135deg,#4a9eff 0%,#06c 100%)}.tutorial-button--primary:hover:not(:disabled){background:linear-gradient(135deg,#5aa8ff 0%,#07d 100%);transform:translateY(-1px)}.tutorial-button--primary:disabled{opacity:.5;cursor:not-allowed}.tutorial-button--secondary{color:#8080a0;background:0 0;border:1px solid #8080a04d}.tutorial-button--secondary:hover{color:#a0a0c0;background:#8080a01a}.tutorial-button--large{padding:18px 32px;font-size:18px}.tutorial-qa-header{text-align:center;margin-bottom:24px}.tutorial-qa-label{color:#8080a0;text-transform:uppercase;letter-spacing:1px;font-size:12px}.tutorial-qa-question{color:#fff;margin:12px 0 0;font-size:22px;font-weight:500;line-height:1.4}.tutorial-qa-input-container{margin-bottom:24px}.tutorial-qa-input{color:#fff;resize:none;background:#0000004d;border:2px solid #4a9eff4d;border-radius:12px;width:100%;padding:16px;font-family:inherit;font-size:16px;line-height:1.5;transition:border-color .2s}.tutorial-qa-input:focus{border-color:#4a9eff99;outline:none}.tutorial-qa-input::placeholder{color:#6060a0}.tutorial-qa-input:disabled{opacity:.6;cursor:not-allowed}.tutorial-qa-input-hint{color:#6060a0;text-align:center;margin-top:8px;font-size:12px}.tutorial-qa--revealed .tutorial-qa-answers{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.tutorial-qa-answer{background:#0000004d;border-radius:12px;padding:16px}.tutorial-qa-answer--player{border-left:3px solid #4cd964}.tutorial-qa-answer--copa{border-left:3px solid #4a9eff}.tutorial-teaching{text-align:center}.tutorial-teaching-card{background:#4a9eff1a;border:1px solid #4a9eff4d;border-radius:16px;padding:32px}.tutorial-teaching-icon{margin-bottom:16px;font-size:48px}.tutorial-teaching-title{color:#7ab8ff;margin:0 0 12px;font-size:24px;font-weight:600}.tutorial-teaching-description{color:#d0d0e0;margin:0 0 24px;font-size:16px;line-height:1.6}.tutorial-complete{text-align:center}.tutorial-complete-celebration{margin-bottom:24px}.tutorial-complete-confetti{justify-content:center;gap:16px;animation:.5s ease-out tutorial-confetti;display:flex}.tutorial-icon{color:#ffffffe6}.tutorial-icon--celebration{color:#7ab8ff}.tutorial-icon--sparkle{color:gold}.tutorial-icon--confetti{color:#ff7ab8}@keyframes tutorial-confetti{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.tutorial-complete-title{color:#fff;margin:16px 0 0;font-size:32px;font-weight:600}.tutorial-summary-list{text-align:left;margin:16px 0 24px;padding:0;list-style:none}.tutorial-summary-list li{border-bottom:1px solid #ffffff1a;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.tutorial-summary-list li:last-child{border-bottom:none}.tutorial-summary-icon{flex-shrink:0;font-size:20px}.tutorial-principles-list{text-align:left;margin:16px 0 24px;padding:0;list-style:none}.tutorial-principles-list li{border-bottom:1px solid #ffffff1a;flex-direction:column;gap:4px;padding:12px 0;display:flex}.tutorial-principles-list li:last-child{border-bottom:none}.tutorial-principle-header{align-items:center;gap:8px;display:flex}.tutorial-principle-icon{color:#7ab8ff;flex-shrink:0}.tutorial-principles-list li strong{color:#fff;font-size:15px}.tutorial-principle-desc{color:#8080a0;padding-left:26px;font-size:13px;line-height:1.4}.tutorial-complete-tip{text-align:left;background:#ffd60a1a;border:1px solid #ffd60a33;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex}.tutorial-complete-tip-icon{color:gold;flex-shrink:0}.tutorial-inline-icon{vertical-align:middle;color:#7ab8ff;display:inline}.tutorial-complete-tip p{color:#d0d0e0;margin:0;font-size:14px;line-height:1.5}.tutorial-resonance .tutorial-resonance-picker{text-align:center;margin:24px 0}.tutorial-resonance-options{justify-content:center;gap:12px;margin-top:16px;display:flex}.tutorial-resonance-option{cursor:pointer;background:#0000004d;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex}.tutorial-resonance-option:hover{background:#4a9eff1a;border-color:#4a9eff80}.tutorial-resonance-option.selected{background:#4a9eff33;border-color:#4a9eff;box-shadow:0 0 12px #4a9eff66}.tutorial-resonance-icon{color:#fffc;font-size:24px}.tutorial-resonance-option.selected .tutorial-resonance-icon{color:#fff}.tutorial-intentions-list{flex-direction:column;gap:12px;margin:16px 0;display:flex}.tutorial-intention-item{background:#0003;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;display:flex}.tutorial-intention-icon{flex-shrink:0;font-size:24px}.tutorial-intention-details{flex-direction:column;gap:4px;display:flex}.tutorial-intention-details strong{color:#fff;font-weight:500}.tutorial-intention-desc{color:#8080a0;font-size:13px;line-height:1.4}.tutorial-discovery-feature{background:#0003;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:16px;margin:12px 0;padding:16px;display:flex}.tutorial-discovery-icon{flex-shrink:0;font-size:28px}.tutorial-discovery-details{flex-direction:column;gap:8px;display:flex}.tutorial-discovery-details strong{color:#fff;font-size:15px;font-weight:500}.tutorial-discovery-details .tutorial-text--muted{margin:0}.tutorial-sleeper-visual{justify-content:center;margin:16px 0;padding:24px;display:flex}.tutorial-sleeper-cell{opacity:.5;background:linear-gradient(135deg,#555 0%,#333 100%);border-radius:50%;width:64px;height:64px;animation:3s ease-in-out infinite sleeper-pulse;position:relative}.tutorial-sleeper-cell-inner{background:#ffffff26;border-radius:50%;width:40%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-sleeper-zzz{color:#8080a0;font-size:14px;animation:2s ease-in-out infinite sleeper-zzz;position:absolute;top:-8px;right:-8px}@keyframes sleeper-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.5;transform:scale(1.02)}}@keyframes sleeper-zzz{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.tutorial-qa-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;justify-content:center;align-items:center;animation:.3s ease-out tutorial-fade-in;display:flex;position:fixed;inset:0}.tutorial-qa-container{width:90%;max-width:480px;max-height:90vh;padding:32px;animation:.4s ease-out tutorial-slide-up;overflow-y:auto}.tutorial-qa-intro{text-align:center;padding:48px 0}.tutorial-qa-intro-text{color:#ffffffe6;letter-spacing:.3px;font-size:20px;font-weight:300}.tutorial-qa-question-panel{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:20px;padding:28px}.tutorial-qa-label{color:#7ab8ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:12px}.tutorial-qa-question-text{color:#fff;margin-bottom:24px;font-size:20px;font-weight:400;line-height:1.5}.tutorial-qa-answer-input{margin-top:16px}.tutorial-qa-answer-input textarea{color:#fff;resize:none;background:#0000004d;border:2px solid #4a9eff4d;border-radius:12px;width:100%;padding:16px;font-family:inherit;font-size:16px;line-height:1.5;transition:border-color .2s}.tutorial-qa-answer-input textarea:focus{border-color:#4a9eff99;outline:none}.tutorial-qa-answer-input textarea::placeholder{color:#6060a0}.tutorial-qa-input-footer{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.tutorial-qa-char-count{color:#6060a0;font-size:13px}.tutorial-qa-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a9eff 0%,#06c 100%);border:none;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.tutorial-qa-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#5aa8ff 0%,#07d 100%);transform:translateY(-1px)}.tutorial-qa-submit-btn:disabled{opacity:.5;cursor:not-allowed}.tutorial-qa-waiting{color:#8080a0;background:#0003;border-radius:10px;align-items:center;gap:10px;margin-top:16px;padding:12px;font-size:14px;display:flex}.tutorial-qa-waiting-dots{gap:4px;display:flex}.tutorial-qa-waiting-dots span{background:#7ab8ff;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite tutorial-dot-bounce}.tutorial-qa-waiting-dots span:first-child{animation-delay:0s}.tutorial-qa-waiting-dots span:nth-child(2){animation-delay:.2s}.tutorial-qa-waiting-dots span:nth-child(3){animation-delay:.4s}.tutorial-qa-reveal{animation:.3s ease-out tutorial-fade-in}.tutorial-qa-question-reminder{color:#8080a0;text-align:center;background:#0003;border-radius:12px;margin-bottom:24px;padding:16px;font-size:16px}.tutorial-qa-answer-cards{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.tutorial-qa-answer-card{background:#1a1a2ef2;border:1px solid #ffffff1a;border-radius:16px;padding:20px;animation:.3s ease-out tutorial-fade-in}.tutorial-qa-answer-card--you{border-left:3px solid #4cd964}.tutorial-qa-answer-card--copa{opacity:0;border-left:3px solid #4a9eff;transition:opacity .4s,transform .4s;transform:translateY(10px)}.tutorial-qa-answer-card--copa.visible{opacity:1;transform:translateY(0)}.tutorial-qa-answer-label{color:#8080a0;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:11px}.tutorial-qa-answer-text{color:#d0d0e0;font-size:15px;line-height:1.6}.tutorial-qa-hint{background:#4a9eff1a;border:1px solid #4a9eff40;border-radius:14px;align-items:flex-start;gap:14px;margin-bottom:20px;padding:18px;animation:.3s ease-out tutorial-fade-in;display:flex}.tutorial-qa-hint-icon{color:#7ab8ff;flex-shrink:0;margin-top:2px}.tutorial-qa-hint-content{flex:1}.tutorial-qa-hint-title{color:#fff;margin-bottom:4px;font-size:15px;font-weight:600}.tutorial-qa-hint-text{color:#a0a0c0;font-size:14px;line-height:1.5}.tutorial-qa-hint--subtle{color:#8080a0;background:#0003;border-color:#ffffff1a;align-items:center;padding:12px 16px;font-size:13px}.tutorial-qa-hint-icon-small{color:#6060a0;flex-shrink:0}.tutorial-qa-resonance{animation:.3s ease-out tutorial-fade-in}.tutorial-qa-resonance-intro{text-align:center;margin-bottom:28px}.tutorial-qa-resonance-icon{color:gold;margin-bottom:12px}.tutorial-qa-resonance-intro h3{color:#fff;margin:0 0 10px;font-size:22px;font-weight:500}.tutorial-qa-resonance-intro p{color:#a0a0c0;margin:0;font-size:15px;line-height:1.5}.tutorial-qa-reaction-picker{border-top:1px solid #ffffff1a;justify-content:center;gap:10px;margin-top:16px;padding-top:16px;display:flex}.tutorial-qa-reaction-btn{color:#ffffffb3;cursor:pointer;background:#0000004d;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.tutorial-qa-reaction-btn:hover{color:#fff;background:#4a9eff1a;border-color:#4a9eff80;transform:scale(1.1)}.tutorial-qa-reaction-btn.selected{color:#fff;background:#4a9eff33;border-color:#4a9eff;transform:scale(1.15);box-shadow:0 0 16px #4a9eff66}.tutorial-qa-progress{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.tutorial-qa-progress-dot{background:#fff3;border-radius:50%;width:8px;height:8px;transition:all .3s}.tutorial-qa-progress-dot.active{background:#4a9eff;box-shadow:0 0 8px #4a9eff80}.tutorial-qa-progress-dot.completed{background:#4cd964}.tutorial-qa-principle{background:#4a9eff1a;border:1px solid #4a9eff4d;border-radius:16px;align-items:flex-start;gap:16px;margin-bottom:16px;padding:20px;animation:.4s ease-out tutorial-fade-in;display:flex}.tutorial-qa-principle-icon{color:#4a9eff;flex-shrink:0;margin-top:2px}.tutorial-qa-principle-content{flex:1}.tutorial-qa-principle-title{color:#fff;margin-bottom:8px;font-size:16px;font-weight:600}.tutorial-qa-principle-description{color:#c0c0d0;font-size:14px;line-height:1.6}.tutorial-qa-bond{animation:.3s ease-out tutorial-fade-in}.tutorial-qa-bond-intro{text-align:center;margin-bottom:28px}.tutorial-qa-bond-icon{color:#ff9500;margin-bottom:12px}.tutorial-qa-bond-intro h3{color:#fff;margin:0 0 10px;font-size:22px;font-weight:500}.tutorial-qa-bond-intro p{color:#a0a0c0;margin:0;font-size:15px;line-height:1.5}.tutorial-qa-bond-example{background:#ff95001a;border:1px solid #ff95004d;border-radius:16px;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;padding:24px;display:flex}.tutorial-qa-bond-flames{align-items:center;gap:4px;display:flex}.tutorial-qa-bond-flame{color:#ff9500;text-shadow:0 0 20px #ff950099;font-size:32px;font-weight:700}.tutorial-qa-bond-label{color:#a0a0c0;text-align:center;font-size:13px}.tutorial-qa-round-complete{text-align:center;padding:32px 0;animation:.3s ease-out tutorial-fade-in}.tutorial-qa-check-icon{color:#4cd964;margin-bottom:16px}.tutorial-qa-round-complete h3{color:#fff;margin:0 0 10px;font-size:20px;font-weight:500}.tutorial-qa-round-complete p{color:#a0a0c0;margin:0 0 24px;font-size:15px}.tutorial-qa-chapter-review{animation:.3s ease-out tutorial-fade-in}.tutorial-qa-chapter-header{text-align:center;margin-bottom:28px}.tutorial-qa-chapter-icon{color:gold;margin-bottom:12px}.tutorial-qa-chapter-header h3{color:#fff;margin:0 0 8px;font-size:24px;font-weight:500}.tutorial-qa-chapter-header p{color:#a0a0c0;margin:0;font-size:15px}.tutorial-qa-sharing-intro{margin-bottom:20px}.tutorial-qa-sharing-intro h4{color:#fff;margin:0 0 8px;font-size:16px;font-weight:600}.tutorial-qa-sharing-intro p{color:#a0a0c0;margin:0;font-size:14px;line-height:1.5}.tutorial-qa-sharing-examples{gap:12px;margin-bottom:20px;display:flex}.tutorial-qa-sharing-item{color:#d0d0e0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:1;align-items:center;gap:10px;padding:14px 16px;font-size:14px;display:flex}.tutorial-qa-sharing-item svg{color:#8080a0;flex-shrink:0}.tutorial-qa-sharing-note{color:#8080a0;background:#0003;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.tutorial-qa-principles-summary{margin-bottom:28px}.tutorial-qa-principles-summary h4{color:#8080a0;text-transform:uppercase;letter-spacing:1px;margin:0 0 14px;font-size:14px;font-weight:600}.tutorial-qa-principles-summary ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tutorial-qa-principles-summary li{color:#c0c0d0;align-items:center;gap:10px;font-size:14px;display:flex}.tutorial-qa-principles-summary li svg{color:#6080a0;flex-shrink:0}.tutorial-qa-complete{text-align:center;padding:24px 0;animation:.3s ease-out tutorial-fade-in}.tutorial-qa-complete-icon{color:gold;margin-bottom:20px;animation:.5s ease-out tutorial-confetti}.tutorial-qa-complete h3{color:#fff;margin:0 0 12px;font-size:24px;font-weight:500}.tutorial-qa-complete p{color:#a0a0c0;margin:0 0 28px;font-size:15px;line-height:1.6}.tutorial-floating-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#a0a0c0;text-align:center;z-index:100;background:#1a1a2ee6;border:1px solid #ffffff1a;border-radius:12px;padding:12px 20px;font-size:14px;animation:.3s ease-out tutorial-fade-in;position:fixed;left:50%;transform:translate(-50%)}.tutorial-floating-hint--bottom{opacity:.8;padding:8px 14px;font-size:12px;inset:auto 20px 80px auto;transform:none}.tutorial-floating-hint--above-discovery{color:#a0a0c0;opacity:.9;white-space:nowrap;padding:10px 16px;font-size:13px;inset:auto auto 200px 50%;transform:translate(-50%)}.tutorial-floating-hint--bottom-left{color:#8080a0;opacity:.9;padding:8px 14px;font-size:13px;inset:auto auto 100px 20px;transform:none}.tutorial-floating-hint--above-orb{color:#a0a0c0;opacity:.9;white-space:nowrap;padding:8px 14px;font-size:13px;inset:auto auto 80px 50%;transform:translate(-50%)}.copa-direction-arrow__svg{filter:drop-shadow(0 0 8px #4a90e299);animation:2s ease-in-out infinite copa-arrow-pulse}@keyframes copa-arrow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.tutorial-continue-floating{color:#fff;cursor:pointer;z-index:100;background:linear-gradient(135deg,#4a9eff 0%,#06c 100%);border:none;border-radius:25px;padding:14px 32px;font-size:16px;font-weight:500;transition:transform .2s,box-shadow .2s;animation:.3s ease-out tutorial-fade-in;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #4a9eff66}.tutorial-continue-floating:hover{transform:translate(-50%)scale(1.02);box-shadow:0 6px 24px #4a9eff80}.tutorial-continue-floating:active{transform:translate(-50%)scale(.98)}.tutorial-radius-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;background:#1a1a2ef2;border:1px solid #ffffff26;border-radius:20px;width:90%;max-width:400px;padding:24px;animation:.4s ease-out tutorial-slide-up;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.tutorial-radius-header{text-align:center;margin-bottom:24px}.tutorial-radius-header h3{color:#fff;margin:0 0 8px;font-size:18px;font-weight:500}.tutorial-radius-header p{color:#8080a0;margin:0;font-size:14px}.tutorial-radius-slider-container{margin-bottom:24px}.tutorial-radius-slider{appearance:none;background:#ffffff1a;border-radius:4px;outline:none;width:100%;height:8px}.tutorial-radius-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#4a9eff 0%,#06c 100%);border-radius:50%;width:24px;height:24px;transition:transform .2s;box-shadow:0 0 12px #4a9eff80}.tutorial-radius-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.tutorial-radius-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#4a9eff 0%,#06c 100%);border:none;border-radius:50%;width:24px;height:24px;box-shadow:0 0 12px #4a9eff80}.tutorial-radius-labels{color:#6060a0;justify-content:space-between;margin-top:12px;font-size:13px;display:flex}@media (width<=480px){.tutorial-floating{box-sizing:border-box;width:95%;padding:0 10px}.tutorial-floating .typewriter-text{font-size:15px}.tutorial-step{border-radius:20px;padding:24px}.tutorial-title{font-size:24px}.tutorial-qa-question{font-size:18px}.tutorial-copa-avatar{width:64px;height:64px}.tutorial-radius-panel{padding:20px;bottom:80px}}@media (width<=360px){.tutorial-floating{width:100%;padding:0 8px}.tutorial-floating .typewriter-text{letter-spacing:.1px;font-size:14px}}.app{background:#000;width:100vw;height:100dvh;margin:0;padding:0;position:relative;overflow:hidden}#game-canvas{touch-action:none;width:100%;height:100%;display:block}.ui-overlay{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0}.ui-overlay>*{pointer-events:auto}.page-header{top:max(20px, env(safe-area-inset-top,20px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:20px;align-items:center;gap:8px;padding:10px 20px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.product-name{color:#ffffffe6;letter-spacing:1px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400}.connection-status{color:#4ade80;letter-spacing:1px;align-items:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;display:flex}.connection-dot{background-color:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.ghost-last-seen-tooltip{bottom:calc(120px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;background:#1e1e28e6;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:12px 20px;animation:.2s ease-out ghost-tooltip-fade-in;display:flex;position:fixed;left:50%;transform:translate(-50%)}.ghost-last-seen-tooltip .ghost-icon{font-size:18px}.ghost-last-seen-tooltip .ghost-text{color:#fffc;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400}@keyframes ghost-tooltip-fade-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}#root{width:100%;height:100%}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic-Italic.otf)format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic-BoldItalic.otf)format("opentype");font-weight:700;font-style:italic;font-display:swap}html.dyslexia-font,html.dyslexia-font *{font-family:OpenDyslexic,sans-serif!important}