#settings{width:min(820px,calc(100% - 24px));padding:30px;background:linear-gradient(135deg,#182b3e,#0d1c2b)}
#settings h2{margin-bottom:24px}.settings-tabs{display:flex;gap:6px;border-bottom:1px solid #8fa3b744;padding-bottom:12px;margin-bottom:22px}.settings-tabs button{flex:1;min-height:46px;border-radius:5px;background:transparent;font-size:14px;font-weight:600}.settings-tabs button[aria-selected=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.settings-section{min-height:260px}.settings-section[hidden]{display:none!important}.settings-volume{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 0;border-bottom:1px solid #8fa3b72b}.settings-volume label{font-size:15px}.settings-volume output{font-size:14px;color:var(--gold);font-variant-numeric:tabular-nums}.settings-volume input{grid-column:1/3;width:100%;height:30px;accent-color:var(--gold);cursor:pointer}.settings-section .small{line-height:1.6}.settings-saved{font-size:12px;color:#a9c7be;margin-top:18px}.settings-audio-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.settings-audio-actions button{min-height:44px}.control-guide{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;font-size:14px;line-height:1.5}.control-guide dt{color:var(--gold)}.control-guide dd{margin:0}.settings-section .setting:first-child{margin-top:0}
@media(max-width:600px){#settings{padding:26px 18px}.settings-tabs{gap:4px}.settings-tabs button{font-size:12px;padding-inline:7px}.settings-section{min-height:220px}.control-guide{font-size:13px;gap:10px 16px}}
@media(max-height:540px){.settings-section{min-height:0}.settings-tabs{position:sticky;top:-24px;background:#122337;z-index:1}.settings-volume{padding:10px 0}#settings h2{margin:12px 0}}