/* Bounded 1% branding override; original score and audio are unchanged. */
:root{--ink:#1a1a2e;--ink-soft:#494554;--cream:#f9f6ee;--paper:#fffdf8;--teal:#735305;--teal-dark:#594000;--copper:#b8860b;--line:#d6cdbc;--mist:#f2ead7}
.brand{letter-spacing:.1em;font-size:12px}.brand-logo{width:58px;height:58px;object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:.08em;color:var(--ink-soft);margin-top:4px}
.hero-brand-logo{width:min(250px,65%);height:auto;filter:drop-shadow(0 18px 24px #b8860b22)}.orbit{border-color:#c9b778}.orbit-two{border-color:#ddcfaa}
.stats span{color:#e3d7b5}.button-quiet{border-color:#baa77e;background:#fffdf8}.button-quiet:hover{background:#eee4cb}.button-outline{border-color:#887247}
.score-kicker,.score-top h3 span,.range-ticks,.setting-row small,.control-note,.pattern-item small,.note-chip span,footer{color:#59525b}
.switch{width:52px;height:44px;display:flex;align-items:center}.switch-track{position:relative}.switch input{min-height:44px}
.phase-pill{border-color:#9e8548}.phase-pill.rest{color:#68451b}.phase-pill.complete{background:var(--teal-dark)}
.note-chip.active,.pattern-item[aria-current=true]{background:#f2e4bc}.next-button{background:#f2e4bc;box-shadow:0 7px 0 #bca566}.next-button:hover:not(:disabled){background:#ead498;box-shadow:0 9px 0 #bca566}.next-button:active:not(:disabled){box-shadow:0 2px 0 #bca566}.next-button:disabled{background:#eeebe4;color:#66616a;border-color:#b2a992}
.button:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}input:disabled{opacity:.55;cursor:not-allowed}.button[aria-busy=true]{cursor:progress}
.pattern-picker summary:focus-visible{outline:3px solid #b8860b;outline-offset:4px}.pattern-picker summary:active{background:#eee4cb}
input[type=range]{min-height:44px;margin:4px 0}.paper-strip .eyebrow,.paper-strip p{color:#fff2cd}
.next-step-card{margin:0 clamp(24px,5vw,84px) 64px;border:1px solid #cabc95;background:var(--paper);border-radius:12px;padding:32px;display:flex;align-items:center;gap:32px;justify-content:space-between}
.next-step-card h2{font:36px/1.1 Georgia,serif;margin:12px 0}.next-step-card p{max-width:650px;color:var(--ink-soft)}.next-step-card .button{flex-shrink:0;max-width:100%}
@media(max-width:670px){.masthead{padding:0 20px}.brand{font-size:10px}.brand-logo{width:44px;height:44px}.brand small{font-size:8px}.next-step-card{padding:24px;display:block}.next-step-card h2{font-size:30px}.next-step-card .button{margin-top:12px}.hero h1{font-size:clamp(38px,11vw,51px)}}