/* Settings only. The board's approved palette remains in styles.css. */
.settings-panel {--settings-bg:#19201b;--settings-fg:#f4f3ef;--settings-muted:#a7afa9;position:relative;flex-shrink:0;background:transparent!important;color:var(--settings-fg);font:13px Inter,sans-serif}
.settings-panel>summary,#header-video-btn,#theme-toggle {width:44px;height:36px;min-height:36px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;list-style:none}
.settings-panel>summary::-webkit-details-marker{display:none}.settings-panel>summary::marker{content:""}
.settings-panel>summary:focus-visible{outline:2px solid var(--accent-orange);outline-offset:3px}
.settings-panel[open]>summary{border-color:var(--accent-orange)}
.settings-content{position:absolute;right:0;top:calc(100% + 10px);z-index:2000;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid var(--glass-border);border-radius:18px;background:var(--settings-bg);color:var(--settings-fg);box-shadow:var(--glass-shadow);text-align:left}
.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}
.settings-content h2{font-size:16px;font-weight:600;line-height:1.4;margin:0}.settings-heading p{color:var(--settings-muted);margin-top:3px}
.settings-content fieldset{min-width:0;border:0;border-top:1px solid var(--glass-border);padding:12px 0 16px;margin:0}
.settings-content legend{padding-right:10px;font-size:13px;font-weight:600}
.settings-content label{display:block;margin:8px 0 12px;color:var(--settings-muted);font-size:12px}
.settings-content select{display:block;width:100%;min-width:0;margin-top:5px;padding:9px 10px;font:13px Inter,sans-serif;border:1px solid var(--glass-border);border-radius:9px;color:var(--settings-fg);background:var(--settings-bg);text-overflow:ellipsis}
.settings-content button{min-height:36px;padding:7px 12px;border:1px solid var(--glass-border);border-radius:9px;background:var(--glass-bg);color:var(--settings-fg);font:12px Inter,sans-serif;cursor:pointer}
.settings-content button:hover{border-color:var(--accent-orange)}
.settings-content #settings-close{width:36px;padding:0;border:0;background:transparent;font:24px Inter,sans-serif;color:var(--settings-muted)}
.settings-content input[type=range]{width:calc(100% - 55px);vertical-align:middle;margin:9px 8px 0 0;accent-color:var(--accent-orange)}
.settings-content output{display:inline-block;min-width:36px;color:var(--settings-fg);font-variant-numeric:tabular-nums}
.voice-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--glass-border);padding-top:12px}
.settings-content p{font-size:12px;line-height:1.5}.settings-hint{color:var(--settings-muted);margin-top:12px}
#voice-status:empty{display:none}#voice-status:not(:empty){margin-top:12px}
html[data-theme="light"] .settings-panel{--settings-bg:#fafafa;--settings-fg:#222;--settings-muted:#666}
@media(max-width:600px) and (orientation:portrait){.navigation-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px 36px 36px}.settings-panel>summary,#header-video-btn,#theme-toggle{width:36px;height:38px}.settings-content{position:fixed;left:12px;right:12px;top:12px;width:auto;max-width:none;max-height:calc(100dvh - 24px);padding:16px}}
@media(max-height:500px){.settings-content{position:fixed;top:8px;right:12px;max-height:calc(100dvh - 16px)}}