.settings-page{padding-block:40px 80px}.settings-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;display:flex}.settings-heading>p,.settings-note{color:var(--muted-foreground);font-size:13px;line-height:1.7}.settings-layout{grid-template-columns:220px minmax(0,1fr);gap:48px;max-width:1200px;display:grid}.settings-nav{flex-direction:column;align-self:start;gap:6px;display:flex;position:sticky;top:120px}.settings-nav>a,.settings-nav>button{text-align:left;min-height:48px;color:var(--muted-foreground);border-radius:6px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.settings-nav>[aria-current=page]{background:var(--accent-surface);color:var(--accent-muted);box-shadow:inset 2px 0 var(--accent)}.settings-nav>a:hover,.settings-nav>button:hover{color:var(--foreground);background:var(--secondary)}.settings-content{border-top:1px solid var(--border);min-width:0;min-height:520px;padding-top:28px}.settings-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.settings-section-heading h2{letter-spacing:-.035em;font-size:24px;font-weight:550}.settings-section-heading>span{color:var(--muted-foreground);font-size:11px}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:24px;display:grid}.theme-option{background:var(--card);border:1px solid var(--border);text-align:left;border-radius:8px;align-items:center;gap:12px;min-height:76px;padding:16px;font-size:13px;display:flex}.theme-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-surface)}.theme-swatch{border-radius:50%;flex-shrink:0;width:24px;height:24px}.theme-option>svg{color:var(--accent-muted);margin-left:auto}.theme-preview{background:linear-gradient(120deg, var(--accent-glow), transparent), var(--card);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px;display:flex}.theme-preview strong{font-size:24px;font-weight:500}.theme-preview-progress{background:var(--secondary);width:100%;height:4px}.theme-preview-progress>span{background:var(--accent);width:38%;height:100%;display:block}.settings-fields{gap:24px;max-width:640px;display:grid}.settings-fields>label{gap:10px;font-size:13px;display:grid}.settings-fields small,.settings-toggle small{color:var(--muted-foreground);font-size:12px;line-height:1.65}.settings-toggle,.settings-fields>.settings-toggle{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding-block:16px;font-size:14px;display:flex}.settings-toggle span{gap:5px;display:grid}.settings-toggle input{cursor:pointer;flex-shrink:0;width:22px;height:22px}.settings-content .player-appearance{max-width:640px;margin-top:28px}.settings-content .subtitle-preview{min-height:160px;position:relative;top:auto}.settings-content .surface-panel{max-width:640px;margin-top:24px}.avatar-editor{align-items:start;gap:24px;display:flex}.avatar-preview{background:var(--accent-surface);border:1px solid var(--accent-border);border-radius:50%;flex-shrink:0;place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.avatar-preview img{object-fit:cover;width:100%;height:100%}.avatar-editor .settings-note{margin-block:12px}.settings-confirm{border:1px solid var(--accent-border);border-radius:8px;flex-wrap:wrap;gap:12px;margin-top:20px;padding:20px;display:flex}.settings-confirm p{width:100%;font-size:13px}.settings-sync{border:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px;font-size:13px;display:flex}.settings-content .continue-section{padding-inline:0}.settings-content .continue-card{width:min(78vw,300px)}.settings-content input,.settings-content select{min-width:0;max-width:100%}.settings-content .btn-primary:disabled{opacity:.5}.settings-content .player-appearance input[type=range]{accent-color:var(--accent)}@media (max-width:1023px){.settings-layout{grid-template-columns:180px minmax(0,1fr);gap:24px}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-option{padding:12px}}@media (max-width:767px){.settings-page{padding-top:24px}.settings-heading{margin-bottom:24px;display:block}.settings-heading>p{margin-top:12px}.settings-layout{display:block}.settings-nav{scrollbar-width:thin;flex-direction:row;gap:8px;margin-bottom:24px;padding-bottom:8px;position:static;overflow-x:auto}.settings-nav>a,.settings-nav>button{flex-shrink:0;min-height:44px;padding:10px 12px}.settings-content{padding-top:20px}.settings-section-heading h2{font-size:22px}.theme-options{gap:10px}.theme-option{gap:8px;min-height:68px;font-size:12px}.theme-option>svg{width:14px}.theme-swatch{width:18px;height:18px}.theme-preview{padding:20px}.avatar-editor{gap:16px}.avatar-preview{width:72px;height:72px}.settings-content .surface-panel{padding:20px}.settings-sync{flex-direction:column;align-items:start}}