.top-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:16px;padding:0 16px;height:var(--nav-height);background:linear-gradient(90deg,rgba(145,71,255,.08) 0,transparent 28%),color-mix(in srgb,var(--surface) 92%,#000);border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent);box-shadow:0 1px 0 rgba(255,255,255,.03),0 8px 24px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.top-nav__brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;color:#fff}.top-nav__logo{width:32px;height:32px;border-radius:10px;object-fit:contain;flex-shrink:0}.top-nav__title{font-size:15px;font-weight:800;letter-spacing:-.02em}.top-nav__search{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 320px));z-index:1}@media (min-width:640px){.top-nav__search{display:block}}.top-nav__search-shell{display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 4px 0 12px;border-radius:999px;background:color-mix(in srgb,var(--background) 80%,var(--surface));border:1px solid color-mix(in srgb,var(--border) 75%,transparent);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.top-nav__search-shell:focus-within{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent);background:var(--background)}.top-nav__search-icon{flex-shrink:0;color:var(--muted)}.top-nav__search-input{flex:1;min-width:0;height:100%;border:0;outline:none;background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:500}.top-nav__search-input::placeholder{color:var(--muted)}.top-nav__search-btn{height:28px;padding:0 12px;border:0;border-radius:999px;background:var(--surface-elevated);color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;transition:color .16s ease,background .16s ease}.top-nav__search-btn:hover{color:#fff;background:color-mix(in srgb,var(--primary) 24%,var(--surface-elevated))}.top-nav__actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.top-nav__wallet{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--surface-elevated) 80%,transparent);color:var(--muted);font-size:13px;font-weight:700;text-decoration:none;transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.top-nav__wallet:hover{background:var(--surface-hover)}.top-nav__wallet.is-active,.top-nav__wallet:hover{color:#fff;border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.top-nav__wallet.is-active{background:color-mix(in srgb,var(--primary) 18%,var(--surface-elevated));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.top-nav__wallet-icon{display:inline-flex}.top-nav__wallet-label{display:none}@media (min-width:480px){.top-nav__wallet-label{display:inline}}.top-nav__account{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--surface-elevated) 80%,transparent);color:#fff;font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.top-nav__account.is-open,.top-nav__account:hover{background:var(--surface-hover);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.top-nav__account-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,var(--primary),var(--primary-hover));font-size:11px;font-weight:800;flex-shrink:0}.top-nav__account-avatar img{width:100%;height:100%;object-fit:cover}.top-nav__account-label{display:none;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-nav__account-caret{display:none;color:var(--muted);font-size:10px;line-height:1}@media (min-width:480px){.top-nav__account-caret,.top-nav__account-label{display:inline}}.top-nav__account-wrap{position:relative}.top-nav__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:168px;padding:6px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);background:color-mix(in srgb,var(--surface-elevated) 96%,#000);box-shadow:0 10px 28px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.03)}.top-nav__menu-item{display:block;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}.top-nav__menu-item:hover{background:var(--surface-hover)}.top-nav__menu-item--danger{color:#f87171}.top-nav__menu-item:disabled{opacity:.6;cursor:default}.side-nav{background:linear-gradient(180deg,rgba(145,71,255,.06) 0,transparent 140px),var(--surface);border-right:1px solid color-mix(in srgb,var(--border) 80%,transparent);box-shadow:inset -1px 0 0 rgba(255,255,255,.02)}.side-nav--shell{display:flex;flex-direction:row;align-items:stretch;overflow:hidden;transition:width .18s ease}.side-nav__rail{flex-shrink:0;height:100%;border-right:1px solid transparent}.side-nav--shell.is-extended .side-nav__rail{border-right-color:color-mix(in srgb,var(--border) 80%,transparent)}.side-nav__panel{flex:1;min-width:0;height:100%;background:color-mix(in srgb,var(--surface) 88%,#000);overflow:hidden}.side-nav__section-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px;margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.side-nav__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:0;text-transform:none;color:#fff;background:color-mix(in srgb,var(--live) 85%,#000)}.side-nav__channel{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:10px;text-decoration:none;color:inherit;transition:background .16s ease,transform .16s ease}.side-nav__channel:hover{background:color-mix(in srgb,var(--surface-hover) 88%,var(--primary))}.side-nav__channel.is-active{background:color-mix(in srgb,var(--primary) 16%,var(--surface-elevated))}.side-nav__channel.is-active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--primary)}.side-nav__avatar-wrap{position:relative;flex-shrink:0}.side-nav__avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;overflow:hidden;border-radius:50%;background:var(--surface-elevated);font-size:12px;font-weight:800;color:#fff;box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--live)}.side-nav__avatar img{width:100%;height:100%;object-fit:cover}.side-nav__pulse{position:absolute;inset:-3px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--live) 70%,transparent);animation:side-nav-pulse 2.2s ease-out infinite;pointer-events:none}.side-nav__meta{min-width:0;flex:1}.side-nav__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.side-nav__name{margin:0;font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav__viewers{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:11px;font-weight:600;color:var(--muted)}.side-nav__dot{width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:0 0 8px color-mix(in srgb,var(--live) 70%,transparent)}.side-nav__category{margin:2px 0 0;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav__divider{height:1px;margin:14px 6px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--border) 90%,transparent),transparent);border:0}.side-nav__cat{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.side-nav__cat:hover{color:#fff;background:var(--surface-hover)}.side-nav__cat.is-active{color:#fff;background:color-mix(in srgb,var(--primary) 18%,var(--surface-elevated))}.side-nav__cat-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--surface-elevated);color:inherit;flex-shrink:0}.side-nav__cat.is-active .side-nav__cat-icon{background:color-mix(in srgb,var(--primary) 28%,var(--surface-elevated));color:#d4b8ff}.side-nav__cat--icon{justify-content:center;padding-left:8px;padding-right:8px}.side-nav__cat--icon .side-nav__cat-icon{margin:0}.side-nav__empty{margin:0;padding:12px 10px;font-size:12px;line-height:1.45;color:var(--muted)}@keyframes side-nav-pulse{0%{opacity:.7;transform:scale(.92)}70%{opacity:0;transform:scale(1.18)}to{opacity:0;transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.side-nav__pulse{animation:none;opacity:.45}}.settings-page{width:100%;max-width:640px;margin:0 auto;padding-bottom:2.5rem}.settings-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.settings-close{flex-shrink:0}.settings-back{width:36px;height:36px;border-radius:9999px;border:1px solid var(--border);background:var(--surface);color:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}.settings-back:hover{background:var(--surface-hover)}.settings-title{margin:0;color:#fff;font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.settings-helper{margin:0 0 1.25rem;color:var(--muted);font-size:.875rem;line-height:1.5}.settings-search{display:flex;align-items:center;gap:.65rem;margin-bottom:1.25rem;padding:.7rem .9rem;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.settings-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:#fff;font:inherit;font-size:.9rem}.settings-search input::placeholder{color:var(--muted)}.settings-section{margin-bottom:1.25rem}.settings-section-title{margin:0 0 .5rem;padding-inline:.15rem;color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.settings-card{border-radius:16px;border:1px solid var(--border);background:var(--surface);overflow:hidden}.settings-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.9rem 1rem;border:0;border-bottom:1px solid var(--border);background:transparent;color:#fff;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.settings-row.is-last,.settings-row:last-child{border-bottom:none}a.settings-row:hover,button.settings-row:hover:not(:disabled){background:var(--surface-hover)}.settings-row:disabled{opacity:.6;cursor:default}.settings-row-body{flex:1;min-width:0}.settings-row-label{display:block;font-size:.925rem;font-weight:600}.settings-row-label.is-destructive{color:#f87171}.settings-row-description{display:block;margin-top:.15rem;color:var(--muted);font-size:.78rem;line-height:1.35}.settings-row-value{font-size:.85rem;font-weight:600;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-row-chevron,.settings-row-value{color:var(--muted);flex-shrink:0}.settings-switch-row{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border-bottom:1px solid var(--border)}.settings-switch-row.is-last,.settings-switch-row:last-child{border-bottom:none}.settings-switch{position:relative;width:44px;height:26px;flex-shrink:0;border-radius:999px;border:0;background:var(--surface-elevated);cursor:pointer;transition:background .16s ease}.settings-switch.is-on{background:var(--primary)}.settings-switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;transition:transform .16s ease}.settings-switch.is-on .settings-switch-knob{transform:translateX(18px)}.settings-select{width:100%;margin-top:.35rem;padding:.55rem .7rem;border-radius:10px;border:1px solid var(--border);background:var(--background);color:#fff;font:inherit;font-size:.85rem}.settings-profile-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding:1rem;border-radius:16px;border:1px solid var(--border);background:var(--surface);color:inherit;text-decoration:none}.settings-profile-header:hover{background:var(--surface-hover)}.settings-avatar{width:52px;height:52px;border-radius:9999px;overflow:hidden;flex-shrink:0;background:linear-gradient(145deg,var(--primary),var(--primary-hover));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.15rem}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-profile-meta{flex:1;min-width:0}.settings-profile-name{margin:0;color:#fff;font-size:1rem;font-weight:700}.settings-profile-handle{margin:.15rem 0 0;color:var(--muted);font-size:.85rem}.settings-profile-hint{margin:.35rem 0 0;color:var(--primary-light,#a78bfa);font-size:.75rem;font-weight:600}.settings-empty{padding:1.5rem 1rem;font-size:.875rem}.settings-empty,.settings-status{text-align:center;color:var(--muted)}.settings-status{padding:3rem 1rem}.settings-field{display:grid;gap:.4rem;margin-bottom:1rem}.settings-field label{color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.settings-field input,.settings-field select,.settings-field textarea{width:100%;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:#fff;font:inherit;font-size:.95rem;outline:none}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}.settings-save{display:flex;width:100%;align-items:center;justify-content:center;margin-top:.5rem;padding:.85rem 1rem;border:none;border-radius:14px;background:var(--primary);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer}.settings-save:hover:not(:disabled){filter:brightness(1.08)}.settings-save:disabled{opacity:.6;cursor:default}.settings-blocked-row{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.settings-blocked-row:last-child{border-bottom:none}.settings-unblock{border-radius:999px;border:1px solid var(--border);background:transparent;color:#fff;font:inherit;font-size:.8rem;font-weight:700;padding:.4rem .85rem;cursor:pointer}.settings-unblock:hover:not(:disabled){background:var(--surface-hover)}.settings-unblock:disabled{opacity:.55}.settings-error{margin:0 0 .75rem;color:#f87171;font-size:.875rem}.profile-links-editor{margin-bottom:1rem}.profile-links-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.85rem;margin-bottom:.5rem}.profile-links-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.55rem}.profile-links-card-title-row{display:flex;align-items:center;gap:.55rem;min-width:0;flex:1}.profile-links-logo{width:32px;height:32px;border-radius:10px;background:var(--surface-elevated);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.profile-links-card-title{color:#fff;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-links-remove{border:0;background:transparent;color:#f87171;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;padding:0}.profile-links-field-label{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.profile-links-username{display:flex;align-items:center;gap:.15rem;padding:.7rem .85rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-elevated)}.profile-links-at{color:var(--muted);font-size:.95rem;font-weight:600}.profile-links-username input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:#fff;font:inherit;font-size:.95rem}.profile-links-username input::placeholder{color:var(--muted)}.profile-links-platforms{margin-top:.35rem}.profile-links-platforms-hint{margin:0 0 .5rem;color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.profile-links-platform-grid{display:flex;flex-wrap:wrap;gap:.5rem}.profile-links-platform-chip{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:#fff;font:inherit;font-size:.8rem;font-weight:600;padding:.4rem .65rem .4rem .4rem;cursor:pointer}.profile-links-platform-chip .profile-links-logo{width:28px;height:28px}.profile-links-platform-chip:hover{background:var(--surface-hover);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.profile-links-empty-hint{margin:.35rem 0 0;color:var(--muted);font-size:.8rem}.settings-panel{position:fixed;top:var(--nav-height);right:0;bottom:0;z-index:40;width:var(--settings-panel-width);background:linear-gradient(180deg,rgba(145,71,255,.06) 0,transparent 140px),color-mix(in srgb,var(--surface) 92%,#000);border-left:1px solid color-mix(in srgb,var(--border) 80%,transparent);box-shadow:-8px 0 24px rgba(0,0,0,.22),inset 1px 0 0 rgba(255,255,255,.02)}.settings-panel__inner{height:100%;overflow-y:auto;padding:1rem 1rem 1.5rem}.settings-panel .settings-page{max-width:none;margin:0;padding-bottom:1rem}.settings-panel .settings-header{position:sticky;top:-1rem;z-index:2;margin:-1rem -1rem 1rem;padding:1rem;background:color-mix(in srgb,var(--surface) 94%,#000);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.settings-close{margin-left:auto;width:32px;height:32px;border-radius:9999px;border:1px solid var(--border);background:var(--surface-elevated);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.settings-close:hover{color:#fff;background:var(--surface-hover)}.settings-profile-header{width:100%;cursor:pointer;font:inherit;text-align:left}