/* Settings shared by the website, app demo, and future companion concept. */
.quiet-controls{margin:18px 0}.quiet-controls .setting-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px;line-height:1.6}.quiet-times{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0}.quiet-times label{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.quiet-times input{border:1px solid var(--line);border-radius:8px;background:#14272d;color:var(--ink);padding:9px;min-height:42px;font:inherit;color-scheme:dark}.cue-label{display:flex;gap:13px;align-items:center}.cue-label input{width:18px;height:18px;accent-color:var(--mint);flex:none}.sound-choice{gap:12px}.sound-choice button{white-space:nowrap}
#brew-preview .cb-cue-row{display:flex;align-items:center;gap:10px;justify-content:space-between;border-bottom:1px solid var(--brew-line);padding:12px 0}#brew-preview .cb-cue-row label{display:flex;align-items:center;gap:8px;font-size:12px}#brew-preview .cb-cue-row small{display:block;font-size:10px;color:var(--brew-muted);margin-top:3px;line-height:1.5}#brew-preview .cb-cue-row input{accent-color:var(--brew-accent);width:16px;height:16px;flex:none}#brew-preview .cb-cue-row button{font-size:10px;padding:7px;white-space:nowrap}#brew-preview .quiet-times{gap:8px}#brew-preview .quiet-times label{font-size:11px;gap:6px;color:var(--brew-muted)}#brew-preview .quiet-times input{padding:7px;max-width:108px}#brew-preview .quiet-controls .setting-row small{color:var(--brew-muted)}#brew-preview .quiet-controls .fine-print{color:var(--brew-muted);font-size:11px}#brew-preview .cb-panel{max-height:680px;overflow:auto;scrollbar-width:thin;scrollbar-color:#b3e3e066 transparent}#brew-preview .cb-head{padding-right:10px}#brew-preview .cb-close{position:absolute;right:9px;top:4px;background:transparent;border:0;min-height:24px;font-size:19px;padding:0 5px;color:var(--brew-muted)}#brew-preview button.cb-menu-mark{font-size:11px;padding:2px 8px;min-height:25px;height:27px}#brew-preview .cb-presets{margin:15px 0;color:var(--brew-muted);font-size:11px}#brew-preview .cb-presets summary{cursor:pointer;margin-bottom:10px}#brew-preview .cb-presets button{line-height:1.6;font-size:10px}
#brew-preview[data-theme=light]{--brew-ink:#193a40;--brew-muted:#496268;--brew-accent:#226b76;--brew-line:#20434d25;color-scheme:light}#brew-preview[data-theme=light] .cb-panel{background:rgb(226 240 238 / var(--brew-panel-alpha));border-color:#fff7}#brew-preview[data-theme=light] .cb-panel .cb-eye{filter:none}#brew-preview[data-theme=light] .cb-primary{color:white}#brew-preview[data-theme=light] .cb-primary:hover{background:#225e69}#brew-preview[data-theme=light] input,#brew-preview[data-theme=light] select{background:#e4efed;color:var(--brew-ink);border-color:var(--brew-line);color-scheme:light}#brew-preview[data-theme=light] button[aria-pressed=true]{background:#226b7622;color:#193a40}#brew-preview[data-theme=light] .cb-sound-link{color:#226b76}
.info-page{max-width:760px;padding:65px 0 90px}.info-page h1{font-size:clamp(40px,6vw,64px);line-height:1.1}.info-page h2{font-size:24px;margin:36px 0 15px}.info-page p,.info-page li{font-size:15px;line-height:1.85;color:var(--muted)}.info-page a{color:var(--mint);text-decoration:underline;text-underline-offset:4px}.info-page .draft-note{padding:16px 20px;border:1px solid var(--line);border-radius:12px}.release-version{font-size:12px;color:var(--muted);line-height:1.7}
@media(max-width:420px){.sound-choice button{padding:9px;font-size:11px}.sound-choice strong{font-size:13px}.sound-choice small{font-size:11px}#brew-preview .cb-settings-tabs button{font-size:11px}#brew-preview .cb-panel{padding-top:25px}.quiet-times{gap:10px}}