@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);:root{--bg-primary:#111419;--bg-secondary:#161a23;--bg-void:#0a0d12;--bg-connect-card:#1a1f2a;--bg-connect-card-hover:#1e2430;--text-heading:#e5eff5;--text-label:#bcc4cc;--text-placeholder:#7e828b;--text-body:#a0a8b2;--text-muted:#7d8690;--text-input:#e5eff5;--text-connect:#9ac3d0;--primary:#3367a0;--primary-hover:#2d5a8c;--accent-teal:#4a8a9e;--accent-teal-hover:#5da3b8;--link-hover:#4a88c2;--glow-color:#3367a080;--border-default:#2e353d;--border-focus:#3367a0;--error:#ef4444;--error-border:#5c2b2e;--error-bg:#ef44440d;--success:#22c55e;--success-muted:#22c55e26;--btn-text:#fff;--spacing-xs:6px;--spacing-sm:10px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:40px;--radius-sm:3px;--radius-md:8px;--radius-lg:10px;--radius-pill:20px;--radius-circle:50%;--font-family:"Inter",system-ui,-apple-system,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.6s cubic-bezier(0.16,1,0.3,1);--transition-morph:1s cubic-bezier(0.4,0,0.2,1);--input-height:48px;--btn-height:50px;--form-max-width:400px;--logo-width:200px;--logo-width-mobile:160px;--header-height-mobile:80px;--breakpoint-mobile:900px;--bg-card:#1a1f2a;--bg-card-hover:#1f2536;--bg-nav:#0d1017;--nav-height:64px;--nav-border:#3367a026;--drop-zone-border:#4a8a9e4d;--drop-zone-border-hover:#4a8a9e99;--drop-zone-active:#4a8a9e26;--content-max-width:1100px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{height:100%;width:100%}body{overflow-x:hidden}#root,body{min-height:100%;width:100%}body.auth-page,body.auth-page #root{height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family)}.nmc{animation:nmc-enter .2s cubic-bezier(.16,1,.3,1) forwards;bottom:24px;position:fixed;right:24px;transform-origin:bottom right;z-index:1000}.nmc--closing{animation:nmc-exit .15s ease-in forwards}@keyframes nmc-enter{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nmc-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}.nmc__panel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 12px 40px #00000080,0 0 0 1px #3367a014;overflow:hidden;width:360px}.nmc__header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-default);cursor:default;display:flex;height:48px;padding:0 12px 0 16px}.nmc__header--compose{gap:8px}.nmc__header-title{color:var(--text-heading);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.nmc__header-actions{align-items:center;display:flex;gap:2px;margin-left:auto}.nmc__header-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:background var(--transition-fast),color var(--transition-fast);width:28px}.nmc__header-btn:hover{background:#ffffff14;color:var(--text-heading)}.nmc__header-back{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:background var(--transition-fast),color var(--transition-fast);width:28px}.nmc__header-back:hover{background:#ffffff14;color:var(--text-heading)}.nmc__header-avatar{border-radius:var(--radius-circle);flex-shrink:0;height:24px;object-fit:cover;width:24px}.nmc__header-name{color:var(--text-heading);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nmc__platform-icon{flex-shrink:0}.nmc__platform-icon--twitch{color:#9146ff}.nmc__platform-icon--youtube{color:red}.nmc__body{max-height:350px;overflow-y:auto}.nmc__search-input-wrapper{padding:12px}.nmc__search-input{background:#ffffff0a;border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-input);font-family:var(--font-family);font-size:var(--font-size-sm);height:38px;outline:none;padding:0 14px;transition:border-color var(--transition-fast);width:100%}.nmc__search-input::placeholder{color:var(--text-placeholder)}.nmc__search-input:focus{border-color:var(--primary)}.nmc__search-hint{color:var(--text-muted);font-size:var(--font-size-xs);margin:0;padding:0 16px 16px;text-align:center}.nmc__search-results{list-style:none;margin:0;padding:0 0 4px}.nmc__search-result{align-items:center;display:flex;gap:10px;padding:8px 14px;transition:background var(--transition-fast)}.nmc__search-result:hover{background:#ffffff08}.nmc__result-avatar{border-radius:var(--radius-circle);flex-shrink:0;height:36px;object-fit:cover;width:36px}.nmc__result-name{color:var(--text-heading);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nmc__result-msg-btn{background:var(--primary);border:none;border-radius:var(--radius-sm);color:var(--btn-text);cursor:pointer;flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:5px 12px;transition:background var(--transition-fast)}.nmc__result-msg-btn:hover{background:var(--primary-hover)}.nmc__compose-body{padding:10px 12px 12px}.nmc__compose-input-row{align-items:flex-end;display:flex;gap:8px}.nmc__compose-input{background:#ffffff0a;border:1px solid var(--border-default);border-radius:18px;color:var(--text-input);flex:1 1;font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.4;max-height:80px;min-height:36px;outline:none;padding:8px 12px;resize:none;transition:border-color var(--transition-fast)}.nmc__compose-input::placeholder{color:var(--text-placeholder)}.nmc__compose-input:focus{border-color:var(--primary)}.nmc__compose-send{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-circle);color:var(--btn-text);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background var(--transition-fast),transform var(--transition-fast);width:32px}.nmc__compose-send:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.nmc__compose-send:disabled{cursor:not-allowed;opacity:.4}.nmc__compose-hint{color:var(--text-muted);font-size:var(--font-size-xs);font-style:italic;margin:8px 0 0}.nmc__compose-hint--free{color:var(--success)}@media (max-width:520px){.nmc{bottom:12px;right:12px}.nmc__panel{max-width:360px;width:calc(100vw - 24px)}}@media (prefers-reduced-motion:reduce){.nmc,.nmc--closing{animation:none}.nmc{opacity:1;transform:none}}.particles{inset:0;overflow:hidden;pointer-events:none;position:absolute}.particles__dot{animation:particle-float var(--duration) linear var(--delay) infinite;background:rgba(150,200,220,var(--opacity));border-radius:50%;bottom:calc(-10px - var(--start-y));height:var(--size);left:var(--left);position:absolute;width:var(--size)}@keyframes particle-float{0%{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:var(--opacity)}90%{opacity:var(--opacity)}to{opacity:0;transform:translateY(calc(-100vh - 100px)) translateX(var(--sway))}}@media (prefers-reduced-motion:reduce){.particles__dot{animation:none;bottom:var(--start-y);opacity:var(--opacity)}}@media (max-width:768px){.particles__dot:nth-child(odd){display:none}}.welcome-page{align-items:center;background:var(--bg-void);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.welcome-page__bg{background:radial-gradient(circle at 50% 40%,#3367a014 0,#0000 50%);inset:0;position:absolute}.welcome-page__particles{inset:0;pointer-events:none;position:absolute;z-index:1}.welcome-page__content{align-items:center;display:flex;flex-direction:column;position:relative;z-index:2}.welcome-page__wolf-container{align-items:center;display:flex;justify-content:center;position:relative}.welcome-page__glow-pool{animation:welcome-glow-breathe 3s ease-in-out 2s infinite alternate;animation-fill-mode:both;background:radial-gradient(circle,#3367a033 0,#0000 70%);border-radius:50%;filter:blur(30px);height:320px;opacity:0;position:absolute;width:320px}@keyframes welcome-glow-breathe{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.welcome-page__wolf{animation:welcome-wolf-entrance 1.5s cubic-bezier(.16,1,.3,1) .5s forwards,welcome-wolf-glow 3s ease-in-out 2s infinite alternate;filter:blur(8px) drop-shadow(0 0 20px rgba(51,103,160,.3));height:auto;opacity:0;transform:scale(.85);width:280px}@keyframes welcome-wolf-entrance{to{filter:blur(0) drop-shadow(0 0 20px rgba(51,103,160,.3));opacity:1;transform:scale(1)}}@keyframes welcome-wolf-glow{0%{filter:blur(0) drop-shadow(0 0 20px rgba(51,103,160,.3))}to{filter:blur(0) drop-shadow(0 0 60px rgba(51,103,160,.7)) drop-shadow(0 0 100px rgba(51,103,160,.3))}}.welcome-page__text{align-items:center;display:flex;flex-direction:column;margin-top:40px;text-align:center;z-index:5}.welcome-page__subtitle{animation:welcome-text-reveal .8s ease-out 2.3s forwards;color:var(--text-muted);font-size:14px;font-weight:var(--font-weight-normal);letter-spacing:6px}.welcome-page__subtitle,.welcome-page__title{opacity:0;text-transform:uppercase;transform:translateY(20px)}.welcome-page__title{animation:welcome-text-reveal .8s ease-out 2.5s forwards;color:var(--text-heading);font-size:48px;font-weight:var(--font-weight-bold);letter-spacing:4px;margin-top:12px;text-shadow:0 0 30px #3367a080}.welcome-page__tagline{animation:welcome-fade-in .6s ease-out 3.1s forwards;color:var(--text-muted);font-size:16px;font-weight:var(--font-weight-normal);margin-top:16px;opacity:0}@keyframes welcome-text-reveal{to{opacity:1;transform:translateY(0)}}@keyframes welcome-fade-in{to{opacity:1}}.welcome-page__cta{animation:welcome-cta-reveal .6s ease-out 3.6s forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#3367a01f;border:1px solid #3367a066;border-radius:30px;color:var(--text-heading);cursor:pointer;font-family:var(--font-family);font-size:16px;font-weight:var(--font-weight-medium);letter-spacing:3px;margin-top:40px;opacity:0;padding:14px 56px;text-transform:uppercase;transform:translateY(15px);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}@keyframes welcome-cta-reveal{to{opacity:1;transform:translateY(0)}}.welcome-page__cta:hover{background:#3367a040;border-color:#3367a0b3;box-shadow:0 0 30px #3367a04d;transform:scale(1.03)}.welcome-page__cta:focus{outline:2px solid #3367a099;outline-offset:4px}.welcome-page__cta:active{transform:scale(.98)}.welcome-page--exiting .welcome-page__text{animation:welcome-text-fade-down .7s ease-out forwards}@keyframes welcome-text-fade-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}.welcome-page--exiting .welcome-page__wolf-container{animation:welcome-wolf-expand 1.2s ease-in-out .4s forwards}@keyframes welcome-wolf-expand{0%{opacity:1;transform:scale(1)}40%{opacity:.8;transform:scale(1.3)}to{opacity:0;transform:scale(2.2)}}.welcome-page--exiting .welcome-page__glow-pool{animation:welcome-glow-expand 1.2s ease-in-out .4s forwards}@keyframes welcome-glow-expand{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.welcome-page--exiting .welcome-page__bg,.welcome-page--exiting .welcome-page__particles{animation:welcome-fade-out 1.2s ease-in .3s forwards}@keyframes welcome-fade-out{to{opacity:0}}.welcome-page__horizon{background:linear-gradient(90deg,#0000,#3367a04d,#0000);bottom:0;height:1px;left:0;position:absolute;right:0;z-index:10}@media (prefers-reduced-motion:reduce){.welcome-page__cta,.welcome-page__glow-pool,.welcome-page__subtitle,.welcome-page__tagline,.welcome-page__title,.welcome-page__wolf{animation:none;opacity:1;transform:none}.welcome-page__wolf{filter:blur(0) drop-shadow(0 0 40px rgba(51,103,160,.5))}.welcome-page__glow-pool{opacity:.6}}@media (max-width:900px){.welcome-page__wolf{width:200px}.welcome-page__title{font-size:32px;letter-spacing:3px}.welcome-page__subtitle{font-size:12px;letter-spacing:4px}.welcome-page__tagline{font-size:14px}.welcome-page__cta{font-size:14px;letter-spacing:2px;margin-top:32px;padding:12px 40px}.welcome-page__text{margin-top:32px}}.loading-screen{align-items:center;background:var(--bg-void);display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .4s ease,visibility .4s ease;visibility:hidden;z-index:1000}.loading-screen--visible{opacity:1;visibility:visible}.loading-screen__bg{background:radial-gradient(circle at 50% 40%,#3367a01a 0,#0000 50%);inset:0;position:absolute}.loading-screen__particles{inset:0;opacity:.5;pointer-events:none;position:absolute}.loading-screen__content{align-items:center;display:flex;flex-direction:column;position:relative;z-index:2}.loading-screen__wolf-container{align-items:center;display:flex;justify-content:center;position:relative}.loading-screen__glow-pool{animation:loading-glow-breathe 2s ease-in-out infinite alternate;background:radial-gradient(circle,#3367a040 0,#3367a01a 40%,#0000 70%);border-radius:50%;filter:blur(40px);height:400px;position:absolute;width:400px}@keyframes loading-glow-breathe{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.loading-screen__wolf{animation:loading-wolf-pulse 2s ease-in-out infinite alternate;filter:drop-shadow(0 0 40px rgba(51,103,160,.5));height:auto;width:300px}@keyframes loading-wolf-pulse{0%{filter:drop-shadow(0 0 30px rgba(51,103,160,.4));transform:scale(1)}to{filter:drop-shadow(0 0 60px rgba(51,103,160,.7)) drop-shadow(0 0 100px rgba(51,103,160,.3));transform:scale(1.02)}}.loading-screen__tagline{color:var(--text-muted);font-size:14px;font-weight:var(--font-weight-normal);letter-spacing:3px;margin-top:40px;opacity:0;text-transform:uppercase;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.loading-screen__tagline--visible{opacity:1;transform:translateY(0)}.loading-screen__progress-track{background:#3367a026;border-radius:1px;height:2px;margin-top:24px;overflow:hidden;width:200px}.loading-screen__progress-fill{background:var(--primary);border-radius:1px;box-shadow:0 0 10px #3367a099,0 0 20px #3367a04d;height:100%;transition:width 2.5s ease-in-out;width:0}.loading-screen__progress-fill--active{width:100%}.loading-screen__progress-fill--complete{box-shadow:0 0 15px #3367a0cc,0 0 30px #3367a066}@media (prefers-reduced-motion:reduce){.loading-screen__glow-pool,.loading-screen__wolf{animation:none}.loading-screen__wolf{filter:drop-shadow(0 0 40px rgba(51,103,160,.5))}.loading-screen__glow-pool{opacity:.8}.loading-screen__progress-fill{transition:width .5s ease}}.unified-auth{background:var(--bg-void);display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:opacity .4s ease;width:100vw}.unified-auth--hidden{opacity:0;pointer-events:none}.auth-navbar{align-items:center;background:var(--bg-void);border-bottom:1px solid #ffffff0d;display:flex;flex-shrink:0;height:64px;padding:0 var(--spacing-lg);position:relative;z-index:100}.auth-navbar__logo-link{align-items:center;border-radius:var(--radius-md);display:inline-flex;margin:-8px -12px;opacity:.9;padding:8px 12px;transition:opacity var(--transition-fast),background var(--transition-fast)}.auth-navbar__logo-link:hover{background:#ffffff0d;opacity:1}.auth-navbar__logo-link:focus{border-radius:var(--radius-sm);outline:2px solid var(--primary);outline-offset:4px}.auth-navbar__logo{cursor:pointer;display:block;height:auto;width:var(--logo-width)}.unified-auth__main{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.bg-slideshow{inset:0;overflow:hidden;position:absolute;z-index:0}.bg-slideshow__slide{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;opacity:0;position:absolute;transition:opacity 1.5s ease-in-out}.bg-slideshow__slide--active{opacity:1}.bg-slideshow__overlay{background:#0d1117d1;inset:0;position:absolute;z-index:1}.unified-auth__particles{inset:0;opacity:.5;pointer-events:none;position:absolute;z-index:2}.unified-auth__card{animation:unified-card-enter .6s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111419bf;border:1px solid #3367a026;border-radius:16px;box-shadow:0 0 40px #3367a014,0 20px 60px #0006;max-width:440px;padding:48px 40px;position:relative;width:100%;z-index:10}@keyframes unified-card-enter{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.unified-auth__horizon{background:linear-gradient(90deg,#0000,#3367a04d,#0000);bottom:0;height:1px;left:0;position:absolute;right:0;z-index:10}.auth-step{animation:auth-step-enter .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes auth-step-enter{0%{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}.auth-step__title{color:var(--text-heading);font-size:24px;font-weight:var(--font-weight-semibold);margin:0 0 8px;text-align:center}.auth-step__subtitle{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 32px;text-align:center}.auth-step__subtitle strong{color:var(--text-heading);font-weight:var(--font-weight-medium)}.auth-step__back{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;margin-bottom:20px;padding:0;transition:all var(--transition-fast);width:36px}.auth-step__back:hover{background:#ffffff1a;color:var(--text-heading)}.auth-step__form{display:flex;flex-direction:column;gap:20px}.auth-method-select__buttons{display:flex;flex-direction:column;gap:12px}.auth-method-btn{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-family);font-size:15px;font-weight:var(--font-weight-semibold);gap:12px;height:50px;justify-content:center;padding:0 20px;transition:all .2s ease;width:100%}.auth-method-btn--twitch{background:linear-gradient(135deg,#9146ff26,#9146ff0d);border:2px solid #9146ff66;color:#a855f7}.auth-method-btn--twitch:hover{background:linear-gradient(135deg,#9146ff40,#9146ff1a);border-color:#9146ff99;box-shadow:0 4px 20px #9146ff26;transform:translateY(-1px)}.auth-method-btn--google{background:linear-gradient(135deg,#4285f426,#4285f40d);border:2px solid #4285f466;color:#93bbfc}.auth-method-btn--google:hover{background:linear-gradient(135deg,#4285f440,#4285f41a);border-color:#4285f499;box-shadow:0 4px 20px #4285f426;transform:translateY(-1px)}.auth-method-btn--email{background:#ffffff0d;border:2px solid #ffffff26;color:var(--text-heading)}.auth-method-btn--email:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.auth-method-select__divider{align-items:center;display:flex;gap:16px;margin:4px 0}.auth-method-select__divider-line{background-color:#ffffff1a;flex:1 1;height:1px}.auth-method-select__divider-text{color:var(--text-muted);font-size:13px;font-weight:var(--font-weight-medium)}.auth-method-select__legal{color:var(--text-muted);font-size:12px;line-height:1.5;margin-top:24px;opacity:.7;text-align:center}.auth-input-group{display:flex;flex-direction:column;gap:6px}.auth-input__label{color:var(--text-label);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:2px}.auth-input{background:#ffffff0a;border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-input);font-family:var(--font-family);font-size:var(--font-size-md);height:var(--input-height);outline:none;padding:0 16px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.auth-input::placeholder{color:var(--text-placeholder)}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3367a026}.auth-input--error{border-color:var(--error)!important;box-shadow:0 0 0 3px #ef44441a!important}.auth-input--success{border-color:var(--success)!important;box-shadow:0 0 0 3px #22c55e1a!important}.auth-input-wrapper--prefix{align-items:center;display:flex;position:relative}.auth-input__prefix{color:var(--text-muted);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);left:16px;pointer-events:none;position:absolute;z-index:1}.auth-input--with-prefix{padding-left:34px}.auth-input__feedback{min-height:20px}.auth-input__error{color:var(--error)}.auth-input__error,.auth-input__success{font-size:var(--font-size-xs);line-height:1.4;margin:0}.auth-input__success{color:var(--success)}.auth-input__checking{line-height:1.4}.auth-input__checking,.auth-input__hint{color:var(--text-muted);font-size:var(--font-size-xs);margin:0}.auth-input__hint{opacity:.7}.auth-continue-btn{background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--btn-text);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);height:var(--btn-height);padding:0 24px;transition:all var(--transition-fast);width:100%}.auth-continue-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 20px #3367a040;transform:translateY(-1px)}.auth-continue-btn:active:not(:disabled){transform:translateY(0)}.auth-continue-btn:disabled{cursor:not-allowed;opacity:.5}.dob-inputs{display:flex;gap:12px}.dob-input{flex:1 1;text-align:center}.dob-input--year{flex:1.5 1}.code-inputs{display:flex;gap:10px;justify-content:center}.code-input{background:#ffffff0a;border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-heading);font-family:var(--font-family);font-size:24px;font-weight:var(--font-weight-semibold);height:56px;outline:none;padding:0;text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:48px}.code-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3367a026}.code-input--filled{background:#3367a00f;border-color:#3367a066}.code-input--error{animation:code-shake .4s ease;border-color:var(--error)!important;box-shadow:0 0 0 3px #ef44441a!important}@keyframes code-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.code-verify-step__error{text-align:center}.code-verify-step__resend{background:none;border:none;color:var(--accent-teal);cursor:pointer;display:block;font-family:var(--font-family);font-size:var(--font-size-sm);margin:8px auto 0;padding:8px 16px;transition:color var(--transition-fast)}.code-verify-step__resend:hover:not(:disabled){color:var(--accent-teal-hover);text-decoration:underline}.code-verify-step__resend:disabled{color:var(--text-muted);cursor:default;opacity:.6}.country-step__dropdown{position:relative}.country-step__search{width:100%}.country-step__list{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#111419f2;border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.country-step__list::-webkit-scrollbar{width:6px}.country-step__list::-webkit-scrollbar-track{background:#0000}.country-step__list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.country-step__option{color:var(--text-input);cursor:pointer;font-size:var(--font-size-sm);padding:10px 16px;transition:background var(--transition-fast)}.country-step__option:hover{background:#3367a026}.country-step__option--selected{background:#3367a033;color:var(--text-heading);font-weight:var(--font-weight-medium)}.country-step__selected{align-items:center;background:#3367a01a;border:1px solid #3367a04d;border-radius:var(--radius-md);color:var(--text-heading);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-top:8px;padding:10px 16px}.country-step__clear{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;padding:0;transition:all var(--transition-fast);width:24px}.country-step__clear:hover{background:#fff3;color:var(--text-heading)}.country-step__no-results{color:var(--text-muted);font-size:var(--font-size-sm);padding:12px 16px;text-align:center}.oauth-loading-step{align-items:center;display:flex;flex-direction:column;padding:20px 0}.oauth-loading-step__spinner{animation:unified-spinner .8s linear infinite;border:3px solid #3367a033;border-radius:50%;border-top:3px solid var(--primary);height:48px;margin-bottom:24px;width:48px}@keyframes unified-spinner{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.auth-step,.oauth-loading-step__spinner,.unified-auth__card{animation:none}.auth-step,.unified-auth__card{opacity:1;transform:none}.code-input--error{animation:none}.bg-slideshow__slide{transition:none}}@media (max-width:520px){.unified-auth__card{border-radius:12px;margin:0 16px;max-width:none;padding:36px 24px}.auth-navbar{height:56px;padding:0 var(--spacing-md)}.auth-navbar__logo{width:var(--logo-width-mobile)}.auth-step__title{font-size:20px}.auth-method-btn{font-size:14px;height:46px}.code-input{font-size:20px;height:50px;width:42px}.code-inputs{gap:8px}}.oauth-callback{align-items:center;background:#111419;background:var(--bg-primary,#111419);display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px);height:100vh;justify-content:center}.oauth-callback__spinner{animation:oauth-spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--accent-teal,#4a8a9e);height:40px;width:40px}@keyframes oauth-spin{to{transform:rotate(1turn)}}.oauth-callback__text{color:#7d8690;color:var(--text-muted,#7d8690);font-size:16px;font-size:var(--font-size-md,16px)}.oauth-callback__text--error{color:#ef4444;color:var(--error,#ef4444)}.auth-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-lg);color:var(--btn-text);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);height:var(--btn-height);justify-content:center;padding:0 var(--spacing-lg);transition:background var(--transition-fast);width:100%}.auth-btn:hover{background:var(--primary-hover)}.auth-btn:focus{outline:2px solid var(--primary);outline-offset:2px}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-btn:disabled:hover{background:var(--primary)}.branding-panel{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;overflow:hidden;position:relative;width:50%}.branding-panel__logo-link{display:block;left:var(--spacing-lg);opacity:.9;position:absolute;top:var(--spacing-lg);transition:opacity var(--transition-fast);z-index:10}.branding-panel__logo-link:hover{opacity:1}.branding-panel__logo-link:focus{border-radius:var(--radius-sm);outline:2px solid var(--primary);outline-offset:4px}.branding-panel__logo{cursor:pointer;display:block;height:auto;width:var(--logo-width)}.branding-panel__watermark{animation:branding-wolf-glow 3s ease-in-out infinite alternate;filter:drop-shadow(0 0 40px rgba(51,103,160,.4));height:60%;max-height:320px;opacity:.75;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes branding-wolf-glow{0%{filter:drop-shadow(0 0 30px rgba(51,103,160,.35))}to{filter:drop-shadow(0 0 50px rgba(51,103,160,.55)) drop-shadow(0 0 80px rgba(51,103,160,.25))}}@media (max-width:900px){.branding-panel{flex-shrink:0;height:var(--header-height-mobile);justify-content:flex-start;width:100%}.branding-panel__logo-link{padding:var(--spacing-md) var(--spacing-lg);position:static}.branding-panel__logo{width:var(--logo-width-mobile)}.branding-panel__watermark{display:none}}@media (prefers-reduced-motion:reduce){.branding-panel__watermark{animation:none;filter:drop-shadow(0 0 40px rgba(51,103,160,.45))}}.auth-layout{display:flex;height:100vh;overflow:hidden;width:100vw}.auth-layout__form-panel{align-items:flex-start;background:var(--bg-secondary);display:flex;height:100%;justify-content:center;overflow-y:auto;padding:var(--spacing-xxl) var(--spacing-lg);scroll-behavior:smooth;width:50%}.auth-layout__form-panel::-webkit-scrollbar{width:6px}.auth-layout__form-panel::-webkit-scrollbar-track{background:#0000}.auth-layout__form-panel::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.auth-layout__form-panel::-webkit-scrollbar-thumb:hover{background:#3e454d}.auth-layout__form-panel{scrollbar-color:var(--border-default) #0000;scrollbar-width:thin}.auth-layout__form-wrapper{align-items:flex-start;display:flex;justify-content:center;min-height:100%;padding:var(--spacing-xxl) 0;width:100%}@media (max-width:900px){.auth-layout{flex-direction:column;height:auto;min-height:100vh;overflow:auto}.auth-layout__form-panel{flex:1 1;height:auto;min-height:calc(100vh - var(--header-height-mobile));overflow-y:visible;padding:var(--spacing-xl) var(--spacing-lg);width:100%}}.file-upload-zone{align-items:center;background:var(--bg-card);border:2px dashed var(--drop-zone-border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xxl);position:relative;transition:border-color var(--transition-fast),background var(--transition-fast)}.file-upload-zone:hover{background:var(--bg-card-hover);border-color:var(--drop-zone-border-hover)}.file-upload-zone:focus{outline:2px solid var(--primary);outline-offset:2px}.file-upload-zone--dragging{background:var(--drop-zone-active);border-color:var(--accent-teal)}.file-upload-zone__input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.file-upload-zone__icon{animation:upload-icon-float 2s ease-in-out infinite;color:var(--accent-teal);font-size:40px;margin-bottom:var(--spacing-md)}@keyframes upload-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.file-upload-zone__prompt{color:var(--text-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0;text-align:center}.file-upload-zone__hint{color:var(--text-muted);font-size:var(--font-size-xs);margin:var(--spacing-sm) 0 0;text-align:center}.file-upload-zone__overlay{align-items:center;background:#4a8a9e26;border-radius:14px;color:var(--accent-teal);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);inset:0;justify-content:center;position:absolute}.app-footer{background:#0d1017;background:var(--bg-nav,#0d1017);border-top:1px solid #3367a026;border-top:1px solid var(--nav-border,#3367a026);box-sizing:border-box;margin-left:-240px;padding:24px 40px 24px 280px;width:100vw}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1100px;max-width:var(--content-max-width,1100px)}.footer-copyright{color:#7d8690;color:var(--text-muted,#7d8690);font-size:13px;margin:0}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.footer-link{color:#7d8690;color:var(--text-muted,#7d8690);font-size:13px;text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast,.15s ease)}.footer-link:hover{color:#4a8a9e;color:var(--accent-teal,#4a8a9e)}.footer-separator{color:#7d8690;color:var(--text-muted,#7d8690);opacity:.5;-webkit-user-select:none;user-select:none}.footer-tagline{color:#7d869099;font-size:12px;font-style:italic;margin:0}@media (max-width:1024px){.app-footer{margin-left:-72px;padding:24px 40px 24px 112px}}@media (max-width:768px){.app-footer{margin-left:0;padding:24px 20px;width:100%}.footer-content{flex-direction:column;gap:12px;text-align:center}.footer-links{justify-content:center}.footer-copyright{order:1}.footer-links{order:2}.footer-tagline{order:3}}.input-field{margin-bottom:var(--spacing-lg)}.input-field__label{color:var(--text-label);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.input-field__input{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-input);font-family:var(--font-family);font-size:var(--font-size-sm);height:var(--input-height);outline:none;padding:12px var(--spacing-md);transition:border-color var(--transition-fast);width:100%}.input-field__input::placeholder{color:var(--text-placeholder)}.input-field__input:focus{border-color:var(--border-focus)}.input-field__input--error,.input-field__input--error:focus{border-color:var(--error-border)}.input-field__error{align-items:flex-start;display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.input-field__error-icon{color:var(--error);flex-shrink:0;font-size:8px;line-height:1;margin-top:2px}.input-field__error-text{color:var(--error);font-size:var(--font-size-xs);line-height:1.4}.input-field__error-text a{color:var(--error);text-decoration:none}.input-field__error-text a:hover{text-decoration:underline}.modal-backdrop{align-items:center;animation:modal-backdrop-in .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000b3;bottom:0;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;width:100vw;z-index:1000}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}.modal-card{animation:modal-card-in .3s cubic-bezier(.16,1,.3,1);background:#1a1f2a;background:var(--bg-card,#1a1f2a);border:1px solid #2e353d;border:1px solid var(--border-default,#2e353d);border-radius:16px;box-sizing:border-box;max-height:calc(100vh - 48px);max-width:600px;overflow-y:auto;position:relative;width:100%}@keyframes modal-card-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{align-items:center;background:#1a1f2a;background:var(--bg-card,#1a1f2a);border-bottom:1px solid #2e353d;border-bottom:1px solid var(--border-default,#2e353d);display:flex;justify-content:space-between;padding:24px 32px;padding:var(--spacing-lg,24px) var(--spacing-xl,32px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-title{color:#e5eff5;color:var(--text-heading,#e5eff5);font-size:20px;font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.modal-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#7d8690;color:var(--text-muted,#7d8690);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{background:#ffffff1a;color:#e5eff5;color:var(--text-heading,#e5eff5)}.modal-close:focus{outline:2px solid #3a7bd5;outline:2px solid var(--primary,#3a7bd5);outline-offset:2px}.modal-content{padding:32px;padding:var(--spacing-xl,32px)}.modal-card::-webkit-scrollbar{width:8px}.modal-card::-webkit-scrollbar-track{background:#0000}.modal-card::-webkit-scrollbar-thumb{background:#2e353d;background:var(--border-default,#2e353d);border-radius:4px}.modal-card::-webkit-scrollbar-thumb:hover{background:#7d8690;background:var(--text-muted,#7d8690)}.nav-bar__logout-overlay{background:var(--bg-void);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:9999}.nav-bar__logout-overlay--active{opacity:1;visibility:visible}.nav-bar{background:var(--bg-nav);border-bottom:1px solid var(--nav-border);height:var(--nav-height);left:0;position:fixed;right:0;top:0;z-index:100}.nav-bar__content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--content-max-width);padding:0 var(--spacing-xxl)}.nav-bar__logo-link{align-items:center;display:flex;text-decoration:none;transition:opacity var(--transition-fast)}.nav-bar__logo-link:hover{opacity:.85}.nav-bar__logo{height:auto;width:160px}.nav-bar__logout{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:8px;padding:8px 16px;transition:color var(--transition-fast),background var(--transition-fast)}.nav-bar__logout:hover:not(:disabled){background:#ef444414;color:var(--error)}.nav-bar__logout:disabled{cursor:not-allowed;opacity:.5}.nav-bar__logout:focus{outline:2px solid var(--primary);outline-offset:2px}.nav-bar__logout-icon{font-size:16px}@media (max-width:768px){.nav-bar__content{padding:0 var(--spacing-lg)}.nav-bar__logo{width:140px}.nav-bar__logout-text{display:none}}.spade-info-modal .modal-card{max-width:400px}.spade-info-modal__content{align-items:center;display:flex;flex-direction:column;text-align:center}.spade-info-modal__icon-container{margin-bottom:24px}.spade-info-modal__icon{animation:spade-glow-pulse 2s ease-in-out infinite;color:var(--accent-teal);display:block;font-size:80px}@keyframes spade-glow-pulse{0%,to{filter:drop-shadow(0 0 8px rgba(74,138,158,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(74,138,158,.7));transform:scale(1.05)}}.spade-info-modal__description{color:var(--text-body);font-size:15px;line-height:1.6;margin:0 0 20px}.spade-info-modal__benefits{list-style:none;margin:0 0 28px;padding:0;text-align:left;width:100%}.spade-info-modal__benefits li{align-items:center;color:var(--text-body);display:flex;font-size:15px;gap:12px;padding:10px 0}.spade-info-modal__bullet{color:var(--accent-teal);flex-shrink:0;font-size:14px;font-weight:700}.spade-info-modal__cta{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:15px;font-weight:600;padding:14px 24px;transition:background var(--transition-fast),transform var(--transition-fast);width:100%}.spade-info-modal__cta:hover{background:var(--primary-hover);transform:scale(1.02)}.add-spades-modal .modal-card{max-width:500px}.add-spades-modal__content{max-height:70vh;overflow-y:auto}.add-spades-modal__subtitle{color:var(--text-muted);font-size:14px;margin:0 0 16px}.add-spades-modal__tiers{display:flex;flex-direction:column;gap:12px}.add-spades-modal__tier{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:border-color var(--transition-fast)}.add-spades-modal__tier:hover{border-color:var(--primary)}.add-spades-modal__tier-info{align-items:center;color:var(--text-body);display:flex;font-size:14px;gap:10px}.add-spades-modal__spade-icon{color:var(--accent-teal);font-size:16px;font-weight:700}.add-spades-modal__tier-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:600;padding:8px 16px;transition:background var(--transition-fast)}.add-spades-modal__tier-btn:hover{background:var(--primary-hover)}.add-spades-modal__payment{display:flex;flex-direction:column;gap:16px}.add-spades-modal__summary{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;padding:16px}.add-spades-modal__summary-row{align-items:center;display:flex;justify-content:space-between}.add-spades-modal__summary-item{align-items:center;color:var(--text-body);display:flex;font-size:14px;gap:10px}.add-spades-modal__summary-price{color:var(--text-heading);font-size:14px;font-weight:600}.add-spades-modal__summary-note{color:var(--text-muted);font-size:12px;margin:8px 0 0}.add-spades-modal__totals{display:flex;flex-direction:column;gap:8px;padding-left:16px}.add-spades-modal__total-row{color:var(--text-muted);display:flex;font-size:13px;gap:24px;justify-content:flex-end}.add-spades-modal__divider{background:var(--border-default);height:1px;margin:8px 0}.add-spades-modal__section-title{color:var(--text-heading);font-size:16px;font-weight:600;margin:0 0 12px}.add-spades-modal__subsection-title{color:var(--text-body);font-size:14px;font-weight:500;margin:8px 0 12px}.add-spades-modal__third-party{display:flex;gap:12px}.add-spades-modal__apple-pay,.add-spades-modal__paypal{border-radius:8px;cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:14px;font-weight:600;padding:12px 16px;transition:opacity var(--transition-fast)}.add-spades-modal__apple-pay:hover,.add-spades-modal__paypal:hover{opacity:.9}.add-spades-modal__apple-pay{background:#fff;border:1px solid #d1d5db;color:#000}.add-spades-modal__apple-logo{font-family:system-ui}.add-spades-modal__paypal{background:#003087;border:none;color:#fff}.add-spades-modal__form-row{display:flex;gap:12px}.add-spades-modal__form-row--thirds{gap:8px}.add-spades-modal__field{display:flex;flex:1 1;flex-direction:column}.add-spades-modal__field--full{width:100%}.add-spades-modal__field input,.add-spades-modal__field select{background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;box-sizing:border-box;color:var(--text-input);font-family:var(--font-family);font-size:14px;padding:12px 14px;transition:border-color var(--transition-fast);width:100%}.add-spades-modal__field input::placeholder{color:var(--text-placeholder)}.add-spades-modal__field input:focus,.add-spades-modal__field select:focus{border-color:var(--primary);outline:none}.add-spades-modal__field input.error,.add-spades-modal__field select.error{border-color:var(--error)}.add-spades-modal__field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%237d8690' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.add-spades-modal__error{color:var(--error);font-size:12px;margin-top:4px}.add-spades-modal__purchase-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:15px;font-weight:600;margin:16px auto 0;padding:14px 48px;transition:background var(--transition-fast),transform var(--transition-fast);width:-webkit-fit-content;width:fit-content}.add-spades-modal__purchase-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.02)}.add-spades-modal__purchase-btn:disabled{cursor:not-allowed;opacity:.6}.add-spades-modal__content::-webkit-scrollbar{width:6px}.add-spades-modal__content::-webkit-scrollbar-track{background:#0000}.add-spades-modal__content::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.filter-panel{animation:filter-panel-in .2s ease;background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:calc(100vh - 120px);position:absolute;right:0;top:calc(100% + 8px);width:320px;z-index:200}@keyframes filter-panel-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-panel__header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding:16px 20px}.filter-panel__title{color:var(--text-heading);font-size:16px;font-weight:600;margin:0}.filter-panel__close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;padding:0;transition:background var(--transition-fast),color var(--transition-fast);width:28px}.filter-panel__close:hover{background:#ffffff0d;color:var(--text-heading)}.filter-panel__content{flex:1 1;overflow-y:auto;padding:16px 20px}.filter-panel__content::-webkit-scrollbar{width:6px}.filter-panel__content::-webkit-scrollbar-track{background:#0000}.filter-panel__content::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.filter-panel__section{margin-bottom:20px}.filter-panel__section-title{align-items:center;color:var(--text-muted);display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.filter-panel__checkbox{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 0}.filter-panel__checkbox input{display:none}.filter-panel__checkbox-mark{align-items:center;border:2px solid var(--border-default);border-radius:4px;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all var(--transition-fast);width:18px}.filter-panel__checkbox input:checked+.filter-panel__checkbox-mark{background:var(--primary);border-color:var(--primary)}.filter-panel__checkbox input:checked+.filter-panel__checkbox-mark:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.filter-panel__checkbox-label{color:var(--text-body);font-size:14px}.filter-panel__toggle{cursor:pointer;position:relative}.filter-panel__toggle input{display:none}.filter-panel__toggle-mark{background:var(--border-default);border-radius:10px;display:block;height:20px;transition:background var(--transition-fast);width:36px}.filter-panel__toggle-mark:after{background:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform var(--transition-fast);width:16px}.filter-panel__toggle input:checked+.filter-panel__toggle-mark{background:var(--primary)}.filter-panel__toggle input:checked+.filter-panel__toggle-mark:after{transform:translateX(16px)}.filter-panel__section--slider{border-bottom:1px solid var(--border-default);padding-bottom:8px}.filter-panel__slider-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.filter-panel__slider-container{padding-top:28px;position:relative}.filter-panel__slider-value{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-heading);font-size:12px;padding:4px 10px;position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.filter-panel__slider{-webkit-appearance:none;appearance:none;border-radius:2px;cursor:pointer;height:4px;width:100%}.filter-panel__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary);border-radius:50%;box-shadow:0 0 0 4px #3367a033;cursor:pointer;height:16px;-webkit-transition:box-shadow var(--transition-fast);transition:box-shadow var(--transition-fast);width:16px}.filter-panel__slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px #3367a04d}.filter-panel__slider-labels{color:var(--text-muted);display:flex;font-size:11px;justify-content:space-between;margin-top:8px}.filter-panel__select{-webkit-appearance:none;appearance:none;background:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%237d8690' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--border-default);border-radius:8px;color:var(--text-input);cursor:pointer;font-family:var(--font-family);font-size:14px;padding:10px 36px 10px 12px;width:100%}.filter-panel__select:focus{border-color:var(--primary);outline:none}.filter-panel__tag-input{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;box-sizing:border-box;color:var(--text-input);font-family:var(--font-family);font-size:14px;padding:10px 12px;width:100%}.filter-panel__tag-input::placeholder{color:var(--text-placeholder)}.filter-panel__tag-input:focus{border-color:var(--primary);outline:none}.filter-panel__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.filter-panel__tag{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:16px;color:var(--text-body);display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.filter-panel__tag button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;padding:0;transition:color var(--transition-fast),background var(--transition-fast);width:16px}.filter-panel__tag button:hover{background:#ef44441a;color:var(--error)}.filter-panel__actions{border-top:1px solid var(--border-default);display:flex;gap:12px;padding:16px 20px}.filter-panel__btn{border-radius:8px;cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:14px;font-weight:600;padding:12px 16px;transition:background var(--transition-fast),transform var(--transition-fast)}.filter-panel__btn--primary{background:var(--primary);border:none;color:#fff}.filter-panel__btn--primary:hover{background:var(--primary-hover)}.filter-panel__btn--secondary{background:#0000;border:1px solid var(--border-default);color:var(--text-body)}.filter-panel__btn--secondary:hover{background:#ffffff0d}.notification-panel{animation:dropdown-fade-in .2s ease;background:#1a1f2a;background:var(--bg-card,#1a1f2a);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:110}.notification-panel__header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.notification-panel__title{color:var(--text-heading);font-size:16px;font-weight:600;margin:0}.notification-panel__back,.notification-panel__settings{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0;transition:background var(--transition-fast),color var(--transition-fast);width:32px}.notification-panel__back:hover,.notification-panel__settings:hover{background:#ffffff0d;color:var(--text-heading)}.notification-panel__content{flex:1 1;max-height:420px;overflow-y:auto}.notification-panel__content::-webkit-scrollbar{width:4px}.notification-panel__content::-webkit-scrollbar-track{background:#0000}.notification-panel__content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.notification-panel__list{padding:8px 0}.notification-item{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:12px 20px;position:relative;transition:background .2s ease}.notification-item:hover{background:#ffffff08}.notification-item--unread{background:#3367a00f}.notification-item__avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.notification-item__avatar img{height:100%;object-fit:cover;width:100%}.notification-item__avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--accent-teal) 100%);color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.notification-item__content{flex:1 1;min-width:0}.notification-item__text{color:#bcc4cc;color:var(--text-body,#bcc4cc);font-size:14px;line-height:1.4;margin:0}.notification-item__text strong{color:var(--text-heading);font-weight:600}.notification-item__highlight{color:var(--accent-teal);font-weight:600}.notification-item__time{color:#5a6270;color:var(--text-muted,#5a6270);display:block;font-size:12px;margin-top:4px}.notification-item__dot{background:var(--primary);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notification-panel__empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.notification-panel__empty-icon{color:#3d4450;color:var(--text-muted,#3d4450);font-size:48px;margin-bottom:16px;opacity:.5}.notification-panel__empty-title{color:#7d8690;color:var(--text-muted,#7d8690);font-size:15px;margin:0 0 8px}.notification-panel__empty-desc{color:#5a6270;color:var(--text-muted,#5a6270);font-size:13px;opacity:.7}@media (max-width:768px){.notification-panel{right:-40px;width:320px}}.home-nav{background:#0d1017;background:var(--bg-nav,#0d1017);border-bottom:1px solid #3367a026;border-bottom:1px solid var(--nav-border,#3367a026);height:64px;height:var(--nav-height,64px);justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:100}.home-nav,.home-nav__left{align-items:center;display:flex}.home-nav__left{gap:16px}.home-nav__logo{align-items:center;display:flex}.home-nav__logo img{height:32px;width:auto}.home-nav__preview-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:0;transition:color var(--transition-fast),background var(--transition-fast);width:36px}.home-nav__preview-btn:hover{background:#ffffff0d;color:var(--text-heading)}.home-nav__center{align-items:center;display:flex;gap:8px}.home-nav__search{align-items:center;background:#ffffff0d;border:1px solid var(--border-default);border-radius:22px;display:flex;height:44px;padding:0 16px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:400px}.home-nav__search:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #3367a033}.home-nav__search-icon{color:var(--text-muted);flex-shrink:0;font-size:16px;margin-right:10px}.home-nav__search-input{background:#0000;border:none;color:var(--text-input);flex:1 1;font-family:var(--font-family);font-size:14px;outline:none}.home-nav__search-input::placeholder{color:var(--text-placeholder)}.home-nav__icon-btn{align-items:center;background:#1a1f2a;background:var(--bg-card,#1a1f2a);border:1px solid var(--border-default);border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;padding:0;transition:background var(--transition-fast),color var(--transition-fast);width:44px}.home-nav__icon-btn:hover{background:var(--bg-secondary);color:var(--text-heading)}.home-nav__right{align-items:center;display:flex;gap:16px}.home-nav__filter-wrapper{position:relative}.home-nav__spades{align-items:center;background:#3367a026;border:1px solid #3367a04d;border-radius:20px;display:flex;overflow:hidden}.home-nav__spades-info{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:background var(--transition-fast);width:36px}.home-nav__spades-info:hover{background:#3367a040}.home-nav__spades-icon{color:var(--accent-teal);font-size:16px;font-weight:700}.home-nav__spades-balance{background:#0000;border:none;color:var(--text-heading);cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:600;padding:8px 16px 8px 0;transition:color var(--transition-fast)}.home-nav__spades-balance:hover{color:var(--accent-teal)}.home-nav__compose-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:color var(--transition-fast),background var(--transition-fast);width:40px}.home-nav__compose-btn:hover{background:#ffffff0d;color:var(--text-heading)}.home-nav__notification-wrapper{position:relative}.home-nav__notification{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:relative;transition:color var(--transition-fast);width:40px}.home-nav__notification-icon{color:var(--text-muted);font-size:22px;transition:color var(--transition-fast)}.home-nav__notification:hover .home-nav__notification-icon{color:var(--text-heading)}.home-nav__notification-badge{align-items:center;background:#ef4444;border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:2px;top:2px}.home-nav__profile{position:relative}.home-nav__avatar{align-items:center;background:#0000;border:2px solid var(--border-default);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;padding:0;transition:border-color var(--transition-fast);width:40px}.home-nav__avatar:hover{border-color:var(--primary)}.home-nav__avatar img{height:100%;object-fit:cover;width:100%}.home-nav__avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--accent-teal) 100%);color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.home-nav__dropdown{animation:dropdown-fade-in .2s ease;background:#1a1f2a;background:var(--bg-card,#1a1f2a);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 8px 32px #0006;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);width:200px;z-index:110}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.home-nav__dropdown-item{align-items:center;background:#0000;border:none;color:var(--text-body);cursor:pointer;display:flex;font-family:var(--font-family);font-size:14px;gap:12px;padding:12px 16px;text-decoration:none;transition:background var(--transition-fast);width:100%}.home-nav__dropdown-item:hover{background:#ffffff0d}.home-nav__dropdown-item--logout:hover{color:var(--error)}.home-nav__dropdown-divider{background:var(--border-default);height:1px;margin:4px 0}@media (max-width:1024px){.home-nav__search{width:300px}}@media (max-width:768px){.home-nav{padding:0 16px}.home-nav__search{display:none}.home-nav__center{gap:4px}.home-nav__icon-btn:first-child{display:flex}.home-nav__icon-btn:last-child{display:none}}.banner-upload{background:linear-gradient(135deg,#161b24,#1c2433 50%,#161b24);border:2px dashed var(--drop-zone-border);border-radius:12px;box-sizing:border-box;cursor:pointer;height:180px;max-width:100%;overflow:hidden;position:relative;transition:border-color var(--transition-fast),background var(--transition-fast);width:100%}.banner-upload:hover{border-color:var(--drop-zone-border-hover)}.banner-upload:focus{outline:2px solid var(--primary);outline-offset:2px}.banner-upload--dragging{background:var(--drop-zone-active);border-color:var(--accent-teal)}.banner-upload--has-image{border:none}.banner-upload__placeholder{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px);height:100%;justify-content:center}.banner-upload__icon{color:var(--accent-teal);filter:grayscale(.3);font-size:40px}.banner-upload__text{color:var(--text-muted);font-size:var(--font-size-sm)}.banner-upload__image{height:100%;max-width:100%;object-fit:cover;width:100%}.banner-upload__hover-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.banner-upload--has-image:hover .banner-upload__hover-overlay{opacity:1}.banner-upload__hover-overlay span{color:var(--text-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.banner-upload__remove{align-items:center;background:#0009;border:none;border-radius:50%;color:var(--text-heading);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;opacity:0;padding:0;position:absolute;right:12px;top:12px;transition:opacity var(--transition-fast),background var(--transition-fast);width:28px}.banner-upload--has-image:hover .banner-upload__remove{opacity:1}.banner-upload__remove:hover{background:var(--error)}.banner-upload__remove:focus{opacity:1;outline:2px solid var(--primary);outline-offset:2px}.image-cropper{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg)}.image-cropper__instructions{color:var(--text-muted);font-size:var(--font-size-sm)}.image-cropper__container{background:var(--bg-void);border-radius:50%;height:280px;overflow:hidden;position:relative;width:280px}.image-cropper__image{left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.image-cropper__mask{background:#0000;border-radius:50%;box-shadow:0 0 0 9999px #00000080}.image-cropper__circle,.image-cropper__mask{inset:0;pointer-events:none;position:absolute}.image-cropper__circle{border:2px solid var(--accent-teal);border-radius:50%}.image-cropper__actions{display:flex;gap:var(--spacing-md)}.image-cropper__cancel,.image-cropper__done{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:10px 24px;transition:background var(--transition-fast),color var(--transition-fast)}.image-cropper__cancel{background:#0000;border:1px solid var(--border-default);color:var(--text-body)}.image-cropper__cancel:hover{background:#ffffff0d;color:var(--text-heading)}.image-cropper__done{background:var(--accent-teal);border:none;color:var(--bg-void)}.image-cropper__done:hover{background:var(--accent-teal-hover)}.image-cropper__cancel:focus,.image-cropper__done:focus{outline:2px solid var(--primary);outline-offset:2px}.profile-identity{align-items:flex-end;display:flex;gap:var(--spacing-lg);margin-top:-50px;padding:0;position:relative;z-index:1}.profile-identity__avatar-section{align-items:center;display:flex;flex-direction:column;gap:8px}.profile-identity__avatar{background:var(--bg-primary);border:4px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 0 3px #4a8a9e4d;cursor:pointer;height:120px;overflow:hidden;padding:0;position:relative;transition:box-shadow var(--transition-fast);width:120px}.profile-identity__avatar:hover{box-shadow:0 0 0 2px var(--accent-teal)}.profile-identity__avatar:focus{box-shadow:0 0 0 2px var(--accent-teal),0 0 0 4px #4a8a9e4d;outline:none}.profile-identity__avatar-image{height:100%;object-fit:cover;width:100%}.profile-identity__avatar-placeholder{align-items:center;background:linear-gradient(135deg,#1a2332,#141b23);display:flex;height:100%;justify-content:center;width:100%}.profile-identity__avatar-icon{color:var(--accent-teal);filter:grayscale(.3);font-size:40px}.profile-identity__avatar-overlay{align-items:center;background:#0009;color:var(--text-heading);display:flex;flex-direction:column;font-size:12px;gap:4px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.profile-identity__avatar:hover .profile-identity__avatar-overlay{opacity:1}.profile-identity__add-profile{background:#0000;border:none;color:var(--accent-teal);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-xs);padding:0;transition:color var(--transition-fast)}.profile-identity__add-profile:hover{color:var(--accent-teal-hover);text-decoration:underline}.profile-identity__info{flex:1 1;padding-bottom:4px}.profile-identity__name-row{align-items:center;display:flex;gap:8px}.profile-identity__username{color:var(--text-heading);font-size:24px;font-weight:var(--font-weight-bold);margin:0}.profile-identity__badge{align-items:center;background:var(--accent-teal);border-radius:50%;color:var(--bg-void);display:flex;font-size:10px;height:18px;justify-content:center;width:18px}.profile-identity__link-icon{filter:grayscale(.5);font-size:14px}.profile-identity__followers,.profile-identity__joined{color:var(--text-muted);font-size:13px;margin:4px 0 0}@media (max-width:600px){.profile-identity{flex-wrap:wrap}}.bio-editor{max-width:500px}.bio-editor__display{background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-body);cursor:text;display:block;font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.5;margin:-var(--spacing-sm);padding:var(--spacing-sm);text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast);width:100%}.bio-editor__display:hover{background:#ffffff05;border-color:var(--border-default)}.bio-editor__display:focus{border-color:var(--primary);outline:none}.bio-editor__display--empty{color:var(--text-placeholder);font-style:italic}.bio-editor__edit-wrapper{position:relative}.bio-editor__textarea{background:#0000;border:1px solid var(--border-focus);border-radius:var(--radius-md);color:var(--text-body);font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.5;min-height:80px;padding:var(--spacing-sm);resize:none;width:100%}.bio-editor__textarea::placeholder{color:var(--text-placeholder);font-style:italic}.bio-editor__textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3367a033;outline:none}.bio-editor__counter{bottom:8px;color:var(--text-muted);font-size:11px;pointer-events:none;position:absolute;right:8px}.connected-platforms__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.connected-platforms__title{color:var(--text-heading);font-size:18px;font-weight:var(--font-weight-semibold);margin:0}.connected-platforms__manage-link{background:#0000;border:none;color:var(--accent-teal);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);padding:0;transition:color var(--transition-fast)}.connected-platforms__manage-link:hover{color:var(--accent-teal-hover);text-decoration:underline}.connected-platforms__pills{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.connected-platforms__pill{align-items:center;animation:pill-scale-in .3s cubic-bezier(.16,1,.3,1);background:#4a8a9e1a;border-radius:var(--radius-pill);display:inline-flex;gap:6px;padding:4px 12px}@keyframes pill-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.connected-platforms__pill-icon{filter:brightness(1.1);font-size:14px}.connected-platforms__pill-name{color:var(--text-body);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.connected-platforms__card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;margin-top:var(--spacing-md);max-width:600px;overflow:hidden}.connected-platforms__list{display:grid;grid-template-columns:repeat(2,1fr)}@media (max-width:600px){.connected-platforms__list{grid-template-columns:1fr}}.connected-platforms__account{align-items:center;border-bottom:1px solid var(--border-default);display:flex;gap:var(--spacing-sm);padding:12px 20px}.connected-platforms__account:nth-child(odd){border-right:1px solid var(--border-default)}@media (max-width:600px){.connected-platforms__account:nth-child(odd){border-right:none}}.connected-platforms__account:last-child,.connected-platforms__account:nth-last-child(2):nth-child(odd){border-bottom:none}@media (max-width:600px){.connected-platforms__account:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--border-default)}.connected-platforms__account:last-child{border-bottom:none}}.connected-platforms__account-icon{font-size:20px}.connected-platforms__account-name{color:var(--text-body);flex:1 1;font-size:var(--font-size-sm)}.connected-platforms__remove{background:#0000;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;opacity:.5;padding:4px 8px;transition:opacity var(--transition-fast),color var(--transition-fast)}.connected-platforms__remove:hover{color:var(--error);opacity:1}.connected-platforms__add-btn{background:#0000;border:none;color:var(--accent-teal);cursor:pointer;display:block;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-lg);text-align:center;transition:background var(--transition-fast);width:100%}.connected-platforms__card:has(.connected-platforms__list) .connected-platforms__add-btn{border-top:1px solid var(--border-default)}.connected-platforms__add-btn:hover{background:#4a8a9e0d}.connected-platforms__add-form{border-top:1px solid var(--border-default);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md)}.connected-platforms__input,.connected-platforms__select{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-input);flex:1 1;font-family:var(--font-family);font-size:var(--font-size-sm);min-width:150px;padding:10px 12px}.connected-platforms__input:focus,.connected-platforms__select:focus{border-color:var(--primary);outline:none}.connected-platforms__add-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs);width:100%}.connected-platforms__cancel-btn,.connected-platforms__save-btn{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:8px 16px;transition:background var(--transition-fast),opacity var(--transition-fast)}.connected-platforms__cancel-btn{background:#0000;border:1px solid var(--border-default);color:var(--text-body)}.connected-platforms__cancel-btn:hover{background:#ffffff0d}.connected-platforms__save-btn{background:var(--accent-teal);border:none;color:var(--bg-void)}.connected-platforms__save-btn:hover:not(:disabled){background:var(--accent-teal-hover)}.connected-platforms__save-btn:disabled{cursor:not-allowed;opacity:.5}.intro-video{box-sizing:border-box;max-width:100%;width:100%}.intro-video__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.intro-video__title{color:var(--text-heading);font-size:18px;font-weight:var(--font-weight-semibold);margin:0}.intro-video__add-link{color:var(--accent-teal);cursor:pointer;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.intro-video__add-link:hover{color:var(--accent-teal-hover);text-decoration:underline}.intro-video__hidden-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.intro-video__upload{aspect-ratio:16/9;background:var(--bg-card);border-radius:12px;box-sizing:border-box;max-width:700px;overflow:hidden;position:relative;transition:background var(--transition-fast);width:100%}.intro-video__upload--dragging{background:var(--drop-zone-active)}.intro-video__upload-content{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;padding:32px;padding:var(--spacing-xl,32px);text-align:center;width:100%}.intro-video__upload-icon{animation:upload-arrow-float 2s ease-in-out infinite;color:var(--accent-teal);font-size:60px}@keyframes upload-arrow-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.intro-video__upload-prompt{color:var(--text-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-top:16px;margin-top:var(--spacing-md,16px)}.intro-video__upload-hint{color:var(--text-muted);font-size:13px;margin-top:8px;margin-top:var(--spacing-sm,8px)}.intro-video__upload-terms{color:var(--text-muted);font-size:12px;font-size:var(--font-size-xs,12px);margin-top:24px;margin-top:var(--spacing-lg,24px)}.intro-video__upload-terms a{color:var(--accent-teal);text-decoration:none}.intro-video__upload-terms a:hover{text-decoration:underline}.intro-video__drag-overlay{align-items:center;background:#4a8a9e26;border:2px dashed var(--accent-teal);border-radius:12px;color:var(--accent-teal);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);inset:0;justify-content:center;position:absolute}.intro-video__preview{aspect-ratio:16/9;border-radius:12px;box-sizing:border-box;max-width:700px;overflow:hidden;position:relative;width:100%}.intro-video__player{background:var(--bg-void);box-sizing:border-box;height:100%;max-width:100%;object-fit:cover;width:100%}.intro-video__remove{align-items:center;background:#0009;border:none;border-radius:50%;color:var(--text-heading);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;opacity:0;padding:0;position:absolute;right:12px;top:12px;transition:opacity var(--transition-fast),background var(--transition-fast);width:32px}.intro-video__preview:hover .intro-video__remove{opacity:1}.intro-video__remove:hover{background:var(--error)}.intro-video__caption{box-sizing:border-box;margin-top:16px;margin-top:var(--spacing-md,16px);max-width:700px;position:relative;width:100%}.intro-video__caption-input{background:#0000;border:1px solid var(--border-default);border-radius:8px;border-radius:var(--radius-md,8px);box-sizing:border-box;color:var(--text-body);font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.5;padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px);padding-right:60px;resize:none;transition:border-color var(--transition-fast);width:100%}.intro-video__caption-input::placeholder{color:var(--text-placeholder)}.intro-video__caption-input:focus{border-color:var(--primary);outline:none}.intro-video__caption-counter{bottom:10px;color:var(--text-muted);font-size:11px;pointer-events:none;position:absolute;right:12px}@media (max-width:768px){.intro-video__caption,.intro-video__preview,.intro-video__upload{max-width:100%}}.profile-page{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.profile-page__content{margin:0 auto;max-width:1100px;max-width:var(--content-max-width,1100px);padding:104px 40px 60px;padding:calc(var(--nav-height, 64px) + 40px) 40px 60px}.profile-page__section{animation:section-fade-in .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}.profile-page__section--banner{animation-delay:.1s;margin-bottom:0}.profile-page__section--identity{animation-delay:.2s;margin-bottom:24px}.profile-page__section--bio{animation-delay:.3s;border-top:1px solid var(--border-default);margin-bottom:40px;padding-top:24px}.profile-page__section--platforms{animation-delay:.4s;margin-bottom:40px}.profile-page__section--video{animation-delay:.5s;margin-bottom:40px}.profile-page__continue-section{animation:section-fade-in .6s cubic-bezier(.16,1,.3,1) .6s forwards;border-top:1px solid var(--border-default);display:flex;justify-content:flex-end;margin-bottom:40px;opacity:0;padding-top:24px}.profile-page__continue{align-items:center;background:var(--accent-teal);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#0a0e14;color:var(--bg-void,#0a0e14);cursor:pointer;display:flex;font-family:var(--font-family);font-size:15px;font-size:var(--font-size-md,15px);font-weight:500;font-weight:var(--font-weight-medium,500);gap:8px;padding:12px 24px;transition:background var(--transition-fast),transform var(--transition-fast)}.profile-page__continue:hover{background:var(--accent-teal-hover);transform:translateX(4px)}.profile-page__continue:focus{outline:2px solid var(--primary);outline-offset:4px}.profile-page__continue-arrow{opacity:0;transform:translateX(-8px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.profile-page__continue:hover .profile-page__continue-arrow{opacity:1;transform:translateX(0)}@media (max-width:768px){.profile-page__content{padding:88px 20px 40px;padding:calc(var(--nav-height, 64px) + 24px) 20px 40px}.profile-page__section--bio,.profile-page__section--platforms,.profile-page__section--video{margin-bottom:32px}}@media (prefers-reduced-motion:reduce){.profile-page__continue-section,.profile-page__section{animation:none;opacity:1;transform:none}}.left-sidebar{background:#111419;background:var(--bg-primary,#111419);border-right:1px solid var(--border-default);height:calc(100vh - 64px);height:calc(100vh - var(--nav-height, 64px));left:0;overflow-x:hidden;overflow-y:auto;padding:16px 0;position:fixed;top:64px;top:var(--nav-height,64px);width:240px;z-index:50}.left-sidebar::-webkit-scrollbar{width:6px}.left-sidebar::-webkit-scrollbar-track{background:#0000}.left-sidebar::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.left-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.left-sidebar__nav{display:flex;flex-direction:column;margin-bottom:24px;padding:0 8px}.left-sidebar__nav-item{align-items:center;border-radius:8px;color:var(--text-body);display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.left-sidebar__nav-item:hover{background:#ffffff0d}.left-sidebar__nav-item--active{background:#3367a033;border-left:3px solid var(--primary);color:var(--accent-teal);margin-left:-3px}.left-sidebar__nav-icon{align-items:center;display:flex;font-size:16px;height:20px;justify-content:center;width:20px}.left-sidebar__nav-label{flex:1 1}.left-sidebar__section{margin-bottom:24px}.left-sidebar__section-header{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:12px;padding:0 20px;text-transform:uppercase}.left-sidebar__streamer-list{list-style:none;margin:0;padding:0}.left-sidebar__streamer-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:var(--font-family);gap:12px;padding:8px 20px;text-align:left;transition:background var(--transition-fast);width:100%}.left-sidebar__streamer-item:hover{background:#ffffff08}.left-sidebar__streamer-avatar{background:var(--bg-card);border-radius:50%;flex-shrink:0;height:36px;overflow:hidden;width:36px}.left-sidebar__streamer-avatar img{height:100%;object-fit:cover;width:100%}.left-sidebar__avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--accent-teal) 100%);color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.left-sidebar__streamer-info{display:flex;flex-direction:column;min-width:0}.left-sidebar__streamer-name{align-items:center;color:var(--text-heading);display:flex;font-size:14px;font-weight:500;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.left-sidebar__streamer-meta{color:var(--text-muted);font-size:12px}.left-sidebar__live-dot{animation:live-pulse 2s ease-in-out infinite;background:#ef4444;border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.5}}.left-sidebar__show-more{background:#0000;border:none;color:var(--accent-teal);cursor:pointer;display:block;font-family:var(--font-family);font-size:13px;padding:8px 20px;text-align:left;transition:color var(--transition-fast);width:100%}.left-sidebar__show-more:hover{color:var(--accent-teal-hover)}@media (max-width:1024px){.left-sidebar{padding:16px 0;width:72px}.left-sidebar__nav-item{flex-direction:column;gap:4px;padding:12px 8px}.left-sidebar__nav-label{font-size:10px;text-align:center}.left-sidebar__section-header,.left-sidebar__show-more,.left-sidebar__streamer-info{display:none}.left-sidebar__streamer-item{justify-content:center;padding:8px}}@media (max-width:768px){.left-sidebar{transform:translateX(-100%);transition:transform .3s ease}.left-sidebar--open{transform:translateX(0)}}.featured-stream{margin-bottom:40px}.featured-stream__heading{color:var(--text-heading);font-size:28px;font-weight:700;margin:0 0 24px;text-align:center}.featured-stream__container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:900px;position:relative}.featured-stream__nav{align-items:center;display:flex;flex-direction:column;gap:12px;position:absolute;z-index:10}.featured-stream__nav--left{left:-80px}.featured-stream__nav--right{right:-80px}.featured-stream__nav-label{color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:1px;text-orientation:mixed;text-transform:uppercase;transform:rotate(180deg);writing-mode:vertical-rl}.featured-stream__nav--right .featured-stream__nav-label{transform:none}.featured-stream__nav-btn{align-items:center;background:#1a1f2a;background:var(--bg-card,#1a1f2a);border:1px solid var(--border-default);border-radius:50%;color:var(--text-body);cursor:pointer;display:flex;font-size:28px;height:48px;justify-content:center;padding:0;transition:all .2s ease;width:48px}.featured-stream__nav-btn:hover{background:var(--bg-secondary);box-shadow:0 4px 16px #0000004d;transform:scale(1.05)}.featured-stream__player{aspect-ratio:16/9;background:var(--bg-card);border-radius:16px;box-shadow:0 8px 32px #0000004d;overflow:hidden;position:relative;width:100%}.featured-stream__thumbnail{height:100%;object-fit:cover;width:100%}.featured-stream__placeholder{align-items:center;background:linear-gradient(135deg,#1a2332,#0d1117);display:flex;height:100%;justify-content:center;width:100%}.featured-stream__placeholder-icon{font-size:80px;opacity:.3}.featured-stream__overlay{background:linear-gradient(0deg,#000000e6 0,#0000);bottom:0;left:0;padding:40px 20px 20px;position:absolute;right:0}.featured-stream__title{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.featured-stream__meta{align-items:center;display:flex;font-size:14px;gap:16px}.featured-stream__streamer{color:var(--accent-teal);font-weight:500}.featured-stream__viewers{color:#ffffffb3}.featured-stream__live-badge{align-items:center;background:#ef4444e6;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;left:16px;padding:4px 10px;position:absolute;text-transform:uppercase;top:16px}.featured-stream__live-dot{animation:live-blink 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:6px;width:6px}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1200px){.featured-stream__nav--left{left:-60px}.featured-stream__nav--right{right:-60px}.featured-stream__nav-label{display:none}}@media (max-width:1024px){.featured-stream__nav{position:static}.featured-stream__container{flex-direction:column;gap:16px}.featured-stream__nav--left,.featured-stream__nav--right{display:none}}@media (max-width:768px){.featured-stream__heading{font-size:22px}.featured-stream__title{font-size:16px}}.stream-card{display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.stream-card:hover{transform:translateY(-4px)}.stream-card__header{color:var(--text-heading);font-size:16px;font-weight:500;margin:0 0 12px}.stream-card__header--centered{text-align:center}.stream-card__go-live{color:var(--accent-teal);font-style:italic;font-weight:600}.stream-card__header-text{color:var(--text-heading);font-weight:400}.stream-card__thumbnail{aspect-ratio:16/9;background:var(--bg-card);border:2px solid var(--border-default);border-radius:12px;overflow:hidden;position:relative;transition:border-color .2s ease}.stream-card:hover .stream-card__thumbnail{border-color:var(--primary)}.stream-card__thumbnail img{height:100%;object-fit:cover;width:100%}.stream-card__thumbnail-placeholder{align-items:center;background:linear-gradient(135deg,#1a2332,#0d1117);display:flex;font-size:40px;height:100%;justify-content:center;opacity:.5;width:100%}.stream-card__viewers{background:#000000b3;border-radius:6px;bottom:12px;color:#fff;font-size:12px;font-weight:500;left:12px;padding:4px 10px;position:absolute}.stream-card__info{align-items:center;display:flex;gap:10px;margin-top:12px}.stream-card__avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.stream-card__avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--accent-teal) 100%);color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.stream-card__details{display:flex;flex-direction:column;min-width:0}.stream-card__streamer{color:var(--text-heading);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-card__category{color:var(--text-muted);font-size:13px}.stream-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.stream-card__tag{background:#1a1f2a;background:var(--bg-card,#1a1f2a);border:1px solid var(--border-default);border-radius:12px;color:var(--text-muted);font-size:11px;padding:4px 10px;transition:border-color .15s ease}.stream-card__tag:hover{border-color:var(--primary)}.stream-card--mystery .stream-card__thumbnail{border-color:var(--accent-teal);border-width:2px}.stream-card--mystery:hover .stream-card__thumbnail{border-color:var(--accent-teal);box-shadow:0 0 20px #4a8a9e4d}.stream-card__thumbnail--mystery{align-items:center;background:var(--bg-card);display:flex;justify-content:center}.stream-card__mystery-icon{animation:mystery-pulse 2s ease-in-out infinite;color:var(--accent-teal);font-size:80px;font-weight:700}@keyframes mystery-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width:768px){.stream-card__header{font-size:14px}.stream-card__mystery-icon{font-size:60px}}.spades-panel__backdrop{animation:backdrop-fade-in .2s ease;background:#0006;inset:0;position:fixed;z-index:90}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.spades-panel{background:#111419;background:var(--bg-primary,#111419);border-left:1px solid var(--border-default);box-shadow:-4px 0 24px #0003;height:calc(100vh - 64px);height:calc(100vh - var(--nav-height, 64px));overflow-y:auto;padding:24px;position:fixed;right:0;top:64px;top:var(--nav-height,64px);transform:translateX(100%);transition:transform .3s ease;width:320px;z-index:95}.spades-panel--open{transform:translateX(0)}.spades-panel__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.spades-panel__title{color:var(--text-heading);font-size:20px;font-weight:600;margin:0}.spades-panel__close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.spades-panel__close:hover{background:#ffffff1a;color:var(--text-heading)}.spades-panel__balance{color:var(--text-body);font-size:14px;margin-bottom:8px}.spades-panel__balance-amount{color:var(--text-heading);font-weight:600}.spades-panel__spade-icon{color:var(--accent-teal);font-weight:700}.spades-panel__promo{color:var(--text-muted);font-size:13px;line-height:1.5;margin:0 0 24px}.spades-panel__highlight{color:var(--accent-teal);font-weight:500}.spades-panel__tiers{display:flex;flex-direction:column;gap:12px}.spades-panel__tier{align-items:center;background:#1a1f2a;background:var(--bg-card,#1a1f2a);border:1px solid var(--border-default);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:border-color var(--transition-fast)}.spades-panel__tier:hover{border-color:var(--primary)}.spades-panel__tier-amount{align-items:center;color:var(--text-body);display:flex;font-size:14px;gap:8px}.spades-panel__tier-btn{background:#3367a0;background:var(--primary,#3367a0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:600;padding:8px 16px;transition:background var(--transition-fast),transform var(--transition-fast)}.spades-panel__tier-btn:hover{background:#4078b8;background:var(--primary-hover,#4078b8);transform:scale(1.02)}.spades-panel__note{color:var(--text-muted);font-size:11px;line-height:1.5;margin-top:24px;opacity:.7}@media (max-width:768px){.spades-panel{max-width:360px;width:100%}}.home-page{background:#161a23;background:var(--bg-secondary,#161a23);min-height:100vh}.home-page__main{display:flex;flex-direction:column;margin-left:240px;margin-top:64px;margin-top:var(--nav-height,64px);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--nav-height, 64px))}.home-page__content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:32px 40px 40px;width:100%}.home-page__cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.home-page__cards,.home-page__section{margin-bottom:48px}.home-page__section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.home-page__section-title{color:var(--text-heading);font-size:20px;font-weight:600;margin:0}.home-page__see-all{background:#0000;border:none;color:var(--accent-teal);cursor:pointer;font-family:var(--font-family);font-size:14px;padding:0;transition:color var(--transition-fast)}.home-page__see-all:hover{color:var(--accent-teal-hover);text-decoration:underline}.home-page__trending{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-color:var(--border-default) #0000;scrollbar-width:thin}.home-page__trending::-webkit-scrollbar{height:6px}.home-page__trending::-webkit-scrollbar-track{background:#0000}.home-page__trending::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.home-page__trending-card{align-items:center;background:#1a1f2a;background:var(--bg-card,#1a1f2a);border:1px solid var(--border-default);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:140px;padding:16px;transition:border-color var(--transition-fast),transform var(--transition-fast)}.home-page__trending-card:hover{border-color:var(--primary);transform:translateY(-2px)}.home-page__trending-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--accent-teal) 100%);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:600;height:64px;justify-content:center;overflow:hidden;width:64px}.home-page__trending-avatar img{height:100%;object-fit:cover;width:100%}.home-page__trending-name{color:var(--text-heading);font-size:14px;font-weight:500;text-align:center}.home-page__trending-viewers{color:var(--text-muted);font-size:12px}.home-page__categories{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.home-page__category-card{align-items:center;background:#1a1f2a;background:var(--bg-card,#1a1f2a);border:1px solid var(--border-default);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:24px 16px;transition:border-color var(--transition-fast),transform var(--transition-fast)}.home-page__category-card:hover{border-color:var(--category-color,var(--primary));transform:translateY(-2px)}.home-page__category-icon{font-size:36px}.home-page__category-name{color:var(--text-heading);font-size:14px;font-weight:500}@media (max-width:1440px){.home-page__content{padding:24px 32px 32px}}@media (max-width:1024px){.home-page__main{margin-left:72px}.home-page__cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.home-page__main{margin-left:0}.home-page__content{padding:20px 16px 24px}.home-page__cards{gap:16px;grid-template-columns:1fr}.home-page__section-title{font-size:18px}.home-page__categories{grid-template-columns:repeat(2,1fr)}}.home-page__main{animation:page-fade-in .5s ease forwards;opacity:0}@keyframes page-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-page__cards{animation:section-fade-in .5s ease .1s forwards;opacity:0}.home-page__section:nth-child(3){animation:section-fade-in .5s ease .2s forwards;opacity:0}.home-page__section:nth-child(4){animation:section-fade-in .5s ease .3s forwards;opacity:0}@keyframes section-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.settings-page{background:var(--bg-secondary);min-height:100vh}.settings-page__main{display:flex;flex-direction:column;margin-left:240px;margin-top:64px;margin-top:var(--nav-height,64px);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--nav-height, 64px))}.settings-page__content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:800px;padding:32px 40px 40px;width:100%}.settings-page__title{color:var(--accent-teal);font-size:28px;font-weight:700;margin:0 0 32px;text-align:center}.settings-page__section{margin-bottom:32px}.settings-page__section-title{color:var(--text-heading);font-size:16px;font-weight:600;margin:0 0 12px 4px}.settings-page__card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.settings-page__row{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;justify-content:space-between;padding:16px 20px;transition:background .15s ease}.settings-page__row:last-child{border-bottom:none}.settings-page__row--clickable{cursor:pointer}.settings-page__row--clickable:hover{background:#ffffff08}.settings-page__row-label{color:#bcc4cc;color:var(--text-body,#bcc4cc);font-size:14px;font-weight:500}.settings-page__row-right{align-items:center;display:flex;gap:12px}.settings-page__row-value{color:#5a6270;color:var(--text-muted,#5a6270);font-size:14px}.settings-page__row-control{align-items:center;display:flex}.settings-page__row-arrow{color:#5a6270;color:var(--text-muted,#5a6270);font-size:20px;font-weight:300;line-height:1}.settings-page__select{appearance:none;-webkit-appearance:none;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;color:var(--text-heading);cursor:pointer;font-family:var(--font-family);font-size:14px;min-width:56px;outline:none;padding:6px 12px;text-align:center}.settings-page__select:focus{border-color:var(--primary)}.settings-page__select option{background:var(--bg-card);color:var(--text-heading)}.settings-page__toggle{cursor:pointer;display:inline-flex;position:relative}.settings-page__toggle input{display:none}.settings-page__toggle-track{background:var(--border-default);border-radius:12px;display:block;height:24px;position:relative;transition:background var(--transition-fast);width:44px}.settings-page__toggle-track:after{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform var(--transition-fast);width:20px}.settings-page__toggle input:checked+.settings-page__toggle-track{background:var(--primary)}.settings-page__toggle input:checked+.settings-page__toggle-track:after{transform:translateX(20px)}.settings-page__slider-row{padding:16px 20px 20px}.settings-page__slider-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.settings-page__slider-label{color:#bcc4cc;color:var(--text-body,#bcc4cc);font-size:14px;font-weight:500}.settings-page__slider-value{align-items:center;color:var(--accent-teal);display:flex;font-size:14px;font-weight:600;gap:4px}.settings-page__slider-icon{font-size:14px}.settings-page__slider{-webkit-appearance:none;appearance:none;background:var(--border-default);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.settings-page__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:20px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:20px}.settings-page__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.settings-page__slider::-moz-range-thumb{background:var(--primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:20px;width:20px}.settings-page__slider-range{color:#5a6270;color:var(--text-muted,#5a6270);display:flex;font-size:12px;justify-content:space-between;margin-top:8px}@media (max-width:1024px){.settings-page__main{margin-left:72px}}@media (max-width:768px){.settings-page__main{margin-left:0}.settings-page__content{padding:24px 16px}.settings-page__row{padding:14px 16px}}.wallet-page{background:var(--bg-secondary);min-height:100vh}.wallet-page__main{display:flex;flex-direction:column;margin-left:240px;margin-top:64px;margin-top:var(--nav-height,64px);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--nav-height, 64px))}.wallet-page__content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:900px;padding:32px 40px 40px;width:100%}.wallet-page__title{color:var(--accent-teal);font-size:28px;font-weight:700;margin:0 0 32px;text-align:center}.wallet-page__tabs{border-bottom:1px solid var(--border-default);display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.wallet-page__tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:500;margin-bottom:-1px;padding:12px 24px;transition:color var(--transition-fast),border-color var(--transition-fast)}.wallet-page__tab:hover{color:var(--text-heading)}.wallet-page__tab--active{border-bottom-color:var(--accent-teal);color:var(--accent-teal)}.wallet-page__table-container{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.wallet-page__table{border-collapse:collapse;width:100%}.wallet-page__table thead{background:var(--bg-secondary)}.wallet-page__table th{border-bottom:1px solid var(--border-default);color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase}.wallet-page__table td{border-bottom:1px solid var(--border-default);color:var(--text-body);font-size:14px;padding:16px 20px}.wallet-page__table tbody tr:last-child td{border-bottom:none}.wallet-page__table tbody tr:hover{background:#ffffff05}.wallet-page__content-badge{border-radius:16px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.wallet-page__content-badge--stream{background:#3367a026;color:var(--primary)}.wallet-page__content-badge--message{background:#4a8a9e26;color:var(--accent-teal)}.wallet-page__amount{align-items:center;color:var(--text-heading);display:flex;font-weight:600;gap:6px}.wallet-page__spade-icon{color:var(--accent-teal);font-size:16px}.wallet-page__status{font-weight:500}@media (max-width:1024px){.wallet-page__main{margin-left:72px}}@media (max-width:768px){.wallet-page__main{margin-left:0}.wallet-page__content{padding:24px 16px}.wallet-page__table-container{overflow-x:auto}.wallet-page__table{min-width:500px}}.support-page{background:var(--bg-secondary);min-height:100vh}.support-page__main{display:flex;flex-direction:column;margin-left:240px;margin-top:64px;margin-top:var(--nav-height,64px);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--nav-height, 64px))}.support-page__content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:700px;padding:32px 40px 40px;width:100%}.support-page__title{color:var(--accent-teal);font-size:28px;font-weight:700;margin:0 0 32px;text-align:center}.support-page__card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:32px}.support-page__intro{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0 0 24px}.support-page__form{display:flex;flex-direction:column;gap:20px}.support-page__field{display:flex;flex-direction:column;gap:8px}.support-page__field label{color:var(--text-heading);font-size:14px;font-weight:500}.support-page__field input,.support-page__field select,.support-page__field textarea{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;color:var(--text-input);font-family:var(--font-family);font-size:14px;padding:12px 14px;transition:border-color var(--transition-fast)}.support-page__field input::placeholder,.support-page__field textarea::placeholder{color:var(--text-placeholder)}.support-page__field input:focus,.support-page__field select:focus,.support-page__field textarea:focus{border-color:var(--primary);outline:none}.support-page__field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%237d8690' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:36px}.support-page__field textarea{line-height:1.5;min-height:120px;resize:vertical}.support-page__submit-btn{align-self:flex-start;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:600;padding:14px 32px;transition:background var(--transition-fast),opacity var(--transition-fast)}.support-page__submit-btn:hover:not(:disabled){background:var(--primary-hover)}.support-page__submit-btn:disabled{cursor:not-allowed;opacity:.6}.support-page__info{border-top:1px solid var(--border-default);margin-top:32px;padding-top:24px}.support-page__info-title{color:var(--text-heading);font-size:16px;font-weight:600;margin:0 0 16px}.support-page__info-items{display:flex;flex-direction:column;gap:12px}.support-page__info-item{align-items:center;display:flex;gap:12px}.support-page__info-icon{font-size:20px}.support-page__info-item strong{color:var(--text-heading);display:block;font-size:14px;font-weight:500}.support-page__info-item p{color:var(--text-muted);font-size:13px;margin:2px 0 0}.support-page__success{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:48px 32px;text-align:center}.support-page__success-icon{align-items:center;background:#22c55e26;border-radius:50%;color:#22c55e;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.support-page__success-title{color:var(--text-heading);font-size:24px;font-weight:700;margin:0 0 12px}.support-page__success-text{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0 0 24px}.support-page__new-message-btn{background:#0000;border:1px solid var(--border-default);border-radius:8px;color:var(--accent-teal);cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:500;padding:12px 24px;transition:background var(--transition-fast),border-color var(--transition-fast)}.support-page__new-message-btn:hover{background:#4a8a9e1a;border-color:var(--accent-teal)}@media (max-width:1024px){.support-page__main{margin-left:72px}}@media (max-width:768px){.support-page__main{margin-left:0}.support-page__card,.support-page__content{padding:24px 16px}}.report-history-page{background:var(--bg-secondary);min-height:100vh}.report-history-page__main{display:flex;flex-direction:column;margin-left:240px;margin-top:64px;margin-top:var(--nav-height,64px);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--nav-height, 64px))}.report-history-page__content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1000px;padding:32px 40px 40px;width:100%}.report-history-page__title{color:var(--accent-teal);font-size:28px;font-weight:700;margin:0 0 12px;text-align:center}.report-history-page__subtitle{color:var(--text-muted);font-size:14px;margin:0 0 32px;text-align:center}.report-history-page__table-container{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.report-history-page__table{border-collapse:collapse;width:100%}.report-history-page__table thead{background:var(--bg-secondary)}.report-history-page__table th{border-bottom:1px solid var(--border-default);color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase}.report-history-page__table td{border-bottom:1px solid var(--border-default);color:var(--text-body);font-size:14px;padding:16px 20px}.report-history-page__table tbody tr:last-child td{border-bottom:none}.report-history-page__table tbody tr:hover{background:#ffffff05}.report-history-page__account{color:var(--text-heading);font-weight:500}.report-history-page__content-badge{border-radius:16px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.report-history-page__content-badge--stream{background:#3367a026;color:var(--primary)}.report-history-page__content-badge--username{background:#8b5cf626;color:#8b5cf6}.report-history-page__content-badge--message{background:#4a8a9e26;color:var(--accent-teal)}.report-history-page__content-badge--comment{background:#f59e0b26;color:#f59e0b}.report-history-page__content-badge--account{background:#ef444426;color:#ef4444}.report-history-page__status{align-items:center;display:flex;font-weight:500;gap:8px}.report-history-page__status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.report-history-page__legend{background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;display:flex;flex-wrap:wrap;gap:24px;margin-top:20px;padding:16px 20px}.report-history-page__legend-item{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:8px}.report-history-page__legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}@media (max-width:1024px){.report-history-page__main{margin-left:72px}}@media (max-width:768px){.report-history-page__main{margin-left:0}.report-history-page__content{padding:24px 16px}.report-history-page__table-container{overflow-x:auto}.report-history-page__table{min-width:600px}.report-history-page__legend{flex-direction:column;gap:12px}}.download-page{background:var(--bg-secondary);min-height:100vh}.download-page__main{display:flex;flex-direction:column;margin-left:240px;margin-top:64px;margin-top:var(--nav-height,64px);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--nav-height, 64px))}.download-page__content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:900px;padding:32px 40px 40px;width:100%}.download-page__title{color:var(--accent-teal);font-size:28px;font-weight:700;margin:0 0 12px;text-align:center}.download-page__subtitle{color:#7d8690;color:var(--text-muted,#7d8690);font-size:16px;line-height:1.5;margin:0 0 40px;text-align:center}.download-page__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.download-page__card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;padding:40px 24px;text-align:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.download-page__card:hover{border-color:var(--primary);box-shadow:0 8px 24px #3367a026;transform:translateY(-4px)}.download-page__card-icon{display:block;font-size:48px;margin-bottom:16px}.download-page__card-name{color:var(--text-heading);font-size:20px;font-weight:600;margin:0 0 8px}.download-page__card-desc{color:#5a6270;color:var(--text-muted,#5a6270);font-size:13px;margin:0 0 24px}.download-page__card-btn{background:#0000;border:1px solid var(--accent-teal);border-radius:8px;color:var(--accent-teal);cursor:pointer;display:inline-block;font-family:var(--font-family);font-size:14px;font-weight:500;padding:10px 24px;transition:background .15s ease,color .15s ease}.download-page__card-btn:hover{background:var(--accent-teal);color:#fff}@media (max-width:1024px){.download-page__main{margin-left:72px}.download-page__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.download-page__main{margin-left:0}.download-page__content{padding:24px 16px}.download-page__grid{grid-template-columns:1fr}}.about-page{background:var(--bg-secondary);min-height:100vh}.about-page__main{display:flex;flex-direction:column;margin-left:240px;margin-top:64px;margin-top:var(--nav-height,64px);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--nav-height, 64px))}.about-page__content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:900px;padding:32px 40px 40px;width:100%}.about-page__hero{padding:40px 0 48px;text-align:center}.about-page__hero-logo{filter:drop-shadow(0 4px 12px rgba(74,138,158,.3));height:auto;margin-bottom:20px;width:80px}.about-page__hero-title{color:var(--accent-teal);font-size:32px;font-weight:700;margin:0 0 12px}.about-page__hero-tagline{color:#7d8690;color:var(--text-muted,#7d8690);font-size:16px;line-height:1.5;margin:0}.about-page__section{margin-bottom:36px}.about-page__section-title{color:var(--text-heading);font-size:20px;font-weight:600;margin:0 0 16px 4px}.about-page__card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:24px}.about-page__card--center{text-align:center}.about-page__text{color:#bcc4cc;color:var(--text-body,#bcc4cc);font-size:14px;line-height:1.7;margin:0 0 16px}.about-page__text:last-of-type{margin-bottom:0}.about-page__cta-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-family:var(--font-family);font-size:14px;font-weight:600;margin-top:16px;padding:12px 32px;text-decoration:none;transition:background .15s ease,transform .15s ease}.about-page__cta-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.about-page__features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.about-page__feature-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:24px;transition:border-color .2s ease,transform .2s ease}.about-page__feature-card:hover{border-color:#3367a066;transform:translateY(-2px)}.about-page__feature-icon{display:block;font-size:32px;margin-bottom:12px}.about-page__feature-title{color:var(--text-heading);font-size:16px;font-weight:600;margin:0 0 8px}.about-page__feature-desc{color:#7d8690;color:var(--text-muted,#7d8690);font-size:13px;line-height:1.6;margin:0}@media (max-width:1024px){.about-page__main{margin-left:72px}}@media (max-width:768px){.about-page__main{margin-left:0}.about-page__content{padding:24px 16px}.about-page__hero{padding:24px 0 32px}.about-page__hero-title{font-size:26px}.about-page__features-grid{grid-template-columns:1fr}}.message-page{background:var(--bg-secondary);height:100vh;overflow:hidden}.message-page__body{display:flex;height:calc(100vh - 64px);height:calc(100vh - var(--nav-height, 64px));margin-left:240px;margin-top:64px;margin-top:var(--nav-height,64px);overflow:hidden}.msg-list-panel{background:var(--bg-primary);border-right:1px solid var(--border-default);display:flex;flex-direction:column;height:100%;min-width:320px;width:320px}.msg-list-panel__header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 16px 0}.msg-list-panel__header-title{color:var(--text-heading);font-size:18px;font-weight:700;font-weight:var(--font-weight-bold,700)}.msg-list-panel__new-msg-btn{align-items:center;background:var(--primary);border:none;border-radius:50%;border-radius:var(--radius-circle,50%);color:#fff;color:var(--btn-text,#fff);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:background var(--transition-fast),transform var(--transition-fast);width:36px}.msg-list-panel__new-msg-btn:hover{background:var(--primary-hover);transform:scale(1.08)}.msg-list-panel__tabs{display:flex;flex-shrink:0;gap:0;padding:12px 16px 0;position:relative}.msg-list-panel__tab{background:none;border:1px solid var(--border-default);color:var(--text-muted);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:10px 0;position:relative;transition:color var(--transition-fast),background var(--transition-fast);z-index:1}.msg-list-panel__tab:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none}.msg-list-panel__tab:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.msg-list-panel__tab--active{background:var(--primary);border-color:var(--primary);color:var(--btn-text)}.msg-list-panel__tab:hover:not(.msg-list-panel__tab--active){background:#ffffff0a;color:var(--text-heading)}.msg-list-panel__tab-indicator{display:none}.msg-list-panel__list{flex:1 1;overflow-y:auto;padding:8px 0}.msg-list-panel__list::-webkit-scrollbar{width:4px}.msg-list-panel__list::-webkit-scrollbar-track{background:#0000}.msg-list-panel__list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.msg-list-item{align-items:center;background:none;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;font-family:var(--font-family);gap:12px;padding:12px 16px;text-align:left;transition:background .15s ease,border-color .15s ease;width:100%}.msg-list-item:hover{background:var(--bg-secondary)}.msg-list-item--selected{background:var(--bg-card);border-left-color:var(--primary);box-shadow:inset 0 0 20px #3367a00d}.msg-list-item__avatar-wrapper{flex-shrink:0;height:40px;position:relative;width:40px}.msg-list-item__avatar{object-fit:cover}.msg-list-item__avatar,.msg-list-item__avatar-fallback{border-radius:var(--radius-circle);height:40px;width:40px}.msg-list-item__avatar-fallback{align-items:center;background:var(--bg-card);color:var(--text-muted);display:flex;font-size:16px;font-weight:var(--font-weight-semibold);justify-content:center}.msg-list-item__unread-dot{background:var(--accent-teal);right:0;top:0}.msg-list-item__online-dot,.msg-list-item__unread-dot{border:2px solid var(--bg-primary);border-radius:var(--radius-circle);height:10px;position:absolute;width:10px}.msg-list-item__online-dot{background:var(--success);bottom:1px;right:1px}.msg-list-item__content{flex:1 1;min-width:0}.msg-list-item__header{align-items:center;display:flex;gap:8px;margin-bottom:2px}.msg-list-item__name{color:var(--text-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-list-item__request-badge{background:#4a8a9e26;border:1px solid #4a8a9e4d;border-radius:var(--radius-sm);color:var(--accent-teal);flex-shrink:0;font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:1px 6px;text-transform:uppercase}.msg-list-item__preview{color:var(--text-muted);font-size:13px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-list-item__preview--replied{font-style:italic}.msg-list-item__preview--waiting{align-items:center;color:var(--accent-teal);display:flex;gap:6px}.msg-list-item__preview--closed{font-style:italic;opacity:.6}.msg-list-item__preview--failed{color:var(--error);font-style:italic;opacity:.8}.msg-list-item__pulse-dot{animation:msg-pulse 2s ease-in-out infinite;background:var(--accent-teal);border-radius:var(--radius-circle);display:inline-block;flex-shrink:0;height:6px;width:6px}@keyframes msg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.msg-list-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.msg-list-empty__icon{color:var(--primary);margin-bottom:20px;opacity:.3}.msg-list-empty__title{color:var(--text-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 8px}.msg-list-empty__text{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5;margin:0}.msg-chat{background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0}.msg-chat--empty{align-items:center;justify-content:center}.msg-chat__empty-state{align-items:center;display:flex;flex-direction:column;padding:40px;text-align:center}.msg-chat__empty-icon{color:var(--primary);margin-bottom:24px;opacity:.2}.msg-chat__empty-title{color:var(--text-heading);font-size:20px;font-weight:var(--font-weight-semibold);margin:0 0 8px}.msg-chat__empty-text{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.msg-chat__header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-default);display:flex;flex-shrink:0;height:56px;justify-content:space-between;padding:0 20px}.msg-chat__header-left{align-items:center;display:flex;gap:12px;min-width:0}.msg-chat__header-avatar{border-radius:var(--radius-circle);flex-shrink:0;height:36px;object-fit:cover;width:36px}.msg-chat__header-info{display:flex;flex-direction:column;min-width:0}.msg-chat__header-name{color:var(--text-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-chat__header-status{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-xs);gap:6px}.msg-chat__online-dot{background:var(--success);border-radius:var(--radius-circle);flex-shrink:0;height:8px;width:8px}.msg-chat__paid-badge{background:#4a8a9e26;border:1px solid #4a8a9e4d;border-radius:var(--radius-sm);color:var(--accent-teal);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:1px 6px}.msg-chat__header-action,.msg-chat__header-right{align-items:center;display:flex}.msg-chat__header-action{background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;height:36px;justify-content:center;padding:0;transition:background var(--transition-fast),color var(--transition-fast);width:36px}.msg-chat__header-action:hover{background:#ffffff0d;color:var(--text-heading)}.msg-chat__messages{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:24px 20px}.msg-chat__messages::-webkit-scrollbar{width:6px}.msg-chat__messages::-webkit-scrollbar-track{background:#0000}.msg-chat__messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.msg-bubble{align-items:flex-end;animation:msg-bubble-enter .12s ease-out;display:flex;gap:8px;max-width:68%}@keyframes msg-bubble-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-bubble--received{align-self:flex-start}.msg-bubble--sent{align-self:flex-end}.msg-bubble--grouped{margin-top:0}.msg-bubble:not(.msg-bubble--grouped){margin-top:12px}.msg-bubble__avatar-col{flex-shrink:0}.msg-bubble__avatar{border-radius:var(--radius-circle);height:32px;object-fit:cover;width:32px}.msg-bubble__avatar--small{height:28px;width:28px}.msg-bubble__avatar-spacer{height:32px;width:32px}.msg-bubble__avatar-spacer--small{height:28px;width:28px}.msg-bubble__content{min-width:0;position:relative}.msg-bubble__text{word-wrap:break-word;font-size:var(--font-size-sm);line-height:1.5;max-height:300px;overflow-wrap:break-word;overflow-y:auto;padding:10px 14px;scrollbar-width:thin}.msg-bubble__text::-webkit-scrollbar{width:4px}.msg-bubble__text::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.msg-bubble--received .msg-bubble__text{background:var(--bg-card);border-radius:4px 18px 18px 18px;color:var(--text-heading)}.msg-bubble--sent .msg-bubble__text{background:#3367a026;border-left:2px solid var(--primary);border-radius:18px 4px 18px 18px;color:var(--text-heading)}.msg-bubble__timestamp{color:var(--text-muted);font-size:11px;margin-top:2px;opacity:0;padding:0 4px;pointer-events:none;transition:opacity .2s ease}.msg-bubble--sent .msg-bubble__timestamp{text-align:right}.msg-bubble__timestamp--visible{opacity:1}.msg-bottom{background:var(--bg-primary);border-top:1px solid var(--border-default);flex-shrink:0}.msg-bottom__bar{align-items:flex-end;display:flex;gap:8px;padding:10px 16px}.msg-bottom__spades-wrapper{flex-shrink:0;position:relative}.msg-bottom__spades-btn{align-items:center;background:none;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all var(--transition-fast);width:36px}.msg-bottom__spades-btn:hover{background:#ffffff0d;border-color:#4a8a9e4d;color:var(--accent-teal)}.msg-bottom__spades-popover{align-items:center;animation:msg-popover-enter .2s ease-out;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);bottom:calc(100% + 8px);box-shadow:0 8px 24px #0006;color:var(--text-heading);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:8px;left:50%;padding:10px 16px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.msg-bottom__spades-popover:after{background:var(--bg-card);border-bottom:1px solid var(--border-default);border-right:1px solid var(--border-default);bottom:-6px;content:"";height:10px;left:50%;position:absolute;transform:translateX(-50%) rotate(45deg);width:10px}@keyframes msg-popover-enter{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.msg-bottom__spades-popover-icon{color:var(--accent-teal);flex-shrink:0}.msg-bottom__input{background:#ffffff0a;border:1px solid var(--border-default);border-radius:18px;color:var(--text-input);flex:1 1;font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.5;max-height:96px;min-height:36px;outline:none;padding:8px 14px;resize:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.msg-bottom__input::placeholder{color:var(--text-placeholder)}.msg-bottom__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3367a01a}.msg-bottom__input:disabled{cursor:not-allowed;opacity:.5}.msg-bottom__input:disabled::placeholder{font-style:italic}.msg-bottom__send-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-circle);color:var(--btn-text);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:background var(--transition-fast),transform var(--transition-fast);width:36px}.msg-bottom__send-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.msg-bottom__send-btn:disabled{cursor:not-allowed;opacity:.4}.msg-bottom__hint{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;font-size:var(--font-size-xs);gap:6px;line-height:1.5;margin:0;padding:8px 16px}.msg-bottom__hint--teal{color:var(--accent-teal);font-style:italic}.msg-bottom__hint--muted{color:var(--text-muted)}.msg-bottom__hint--warning{color:#f59e0b}.msg-bottom__hint--error{color:var(--error);opacity:.85}.msg-bottom__pulse-dot{animation:msg-pulse 2s ease-in-out infinite;background:var(--text-muted);border-radius:var(--radius-circle);display:inline-block;flex-shrink:0;height:6px;width:6px}.msg-search{background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0}.msg-search--empty{align-items:center;justify-content:center}.msg-search__content{flex:1 1;overflow-y:auto;padding:20px 24px}.msg-search__content::-webkit-scrollbar{width:6px}.msg-search__content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.msg-search__empty-state{align-items:center;display:flex;flex-direction:column;padding:40px;text-align:center}.msg-search__empty-icon{color:var(--primary);margin-bottom:20px;opacity:.2}.msg-search__empty-title{color:var(--text-heading);font-size:18px;font-weight:var(--font-weight-semibold);margin:0 0 8px}.msg-search__empty-text{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.msg-search__section{margin-bottom:28px}.msg-search__section-label{color:var(--text-muted);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.msg-search__conv-row{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:var(--font-family);gap:12px;padding:10px 12px;text-align:left;transition:background var(--transition-fast);width:100%}.msg-search__conv-row:hover{background:#ffffff0a}.msg-search__conv-avatar{border-radius:var(--radius-circle);flex-shrink:0;height:40px;object-fit:cover;width:40px}.msg-search__conv-info{flex:1 1;min-width:0}.msg-search__conv-name{align-items:center;color:var(--text-heading);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:8px}.msg-search__request-badge{background:#4a8a9e26;border:1px solid #4a8a9e4d;border-radius:var(--radius-sm);color:var(--accent-teal);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:1px 6px}.msg-search__conv-preview{color:var(--text-muted);font-size:13px;line-height:1.4;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-search__highlight{background:#3367a040;border-radius:2px;color:var(--text-heading);padding:0 1px}.msg-search__suggestions{display:flex;flex-direction:column;gap:4px}.msg-search__suggestion-card{align-items:center;border-radius:var(--radius-md);display:flex;gap:12px;padding:10px 12px;transition:background var(--transition-fast)}.msg-search__suggestion-card:hover{background:#ffffff08}.msg-search__suggestion-avatar{border-radius:var(--radius-circle);flex-shrink:0;height:48px;object-fit:cover;width:48px}.msg-search__suggestion-info{flex:1 1;min-width:0}.msg-search__suggestion-name{align-items:center;color:var(--text-heading);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:6px}.msg-search__suggestion-followers{color:var(--text-muted);display:block;font-size:13px;margin-top:2px}.msg-search__suggestion-btn{background:var(--primary);border:none;border-radius:6px;color:var(--btn-text);cursor:pointer;flex-shrink:0;font-family:var(--font-family);font-size:13px;font-weight:var(--font-weight-semibold);padding:6px 14px;transition:background var(--transition-fast)}.msg-search__suggestion-btn:hover{background:var(--primary-hover)}.msg-search__platform-icon{flex-shrink:0}.msg-search__platform-icon--twitch{color:#9146ff}.msg-search__platform-icon--youtube{color:red}@media (max-width:1024px){.message-page__body{margin-left:72px}.msg-list-panel{min-width:280px;width:280px}}@media (max-width:768px){.message-page__body{margin-left:0}.msg-list-panel{min-width:100%;width:100%}.msg-chat--empty{display:none}.msg-bubble{max-width:85%}}@media (prefers-reduced-motion:reduce){.msg-bottom__spades-popover,.msg-bubble{animation:none}.msg-bottom__pulse-dot,.msg-list-item__pulse-dot{animation:none;opacity:.7}}
/*# sourceMappingURL=main.1f1bcb62.css.map*/