:root{color-scheme:dark;--bg:#111013;--panel:#1a171c;--text:#f6f0e9;--muted:#c6bdc6;--line:#58515b;--accent:#d9fb72;--accent-ink:#171a11;--focus:#fff37a;--warning:#ffc09d;--base-size:18px}*{box-sizing:border-box}html{font-size:var(--base-size);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}.skip-link{position:absolute;left:1rem;top:-10rem;background:var(--accent);color:var(--accent-ink);padding:.7rem;z-index:10}.skip-link:focus{top:1rem}a{color:inherit}.companion-header,.companion-shell{width:min(100% - 2rem,58rem);margin:auto}.companion-header{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.9rem;color:var(--muted)}.brand{font-size:1.1rem;font-weight:750;text-decoration:none;color:var(--text)}.companion-shell{padding:2.6rem 0 4rem}.intro{max-width:45rem}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.13em;color:var(--accent);margin:0 0 .45rem}h1{font-size:clamp(2.7rem,8vw,5.3rem);line-height:.98;letter-spacing:-.055em;margin:.2rem 0 1rem}h1 span{color:var(--accent)}.intro>p:last-child{max-width:44rem;color:var(--muted)}.channel-form,.state-grid>div,.rhythm-card,.activity-card,.access-card{background:var(--panel);border:1px solid var(--line);padding:1.2rem;margin-top:1rem}.channel-form label,.access-controls>label{display:block;font-size:.9rem;font-weight:650;margin-bottom:.4rem}.channel-row{display:flex;align-items:center;gap:.5rem}.channel-row>span{font-size:1.2rem}.channel-row input,.access-controls select{font:inherit;color:var(--text);background:#100e12;border:1px solid var(--line);border-radius:.25rem;min-height:2.8rem;padding:.45rem .65rem}.channel-row input{flex:1;min-width:8rem}.button,.text-size button{font:inherit;font-weight:700;border-radius:.25rem;min-height:2.8rem;padding:.45rem .9rem;border:2px solid var(--accent);background:var(--accent);color:var(--accent-ink);cursor:pointer}.button-secondary{background:transparent;color:var(--text);border-color:var(--line)}button:hover{filter:brightness(1.12)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.feedback{min-height:1.4rem;color:var(--warning);margin:.35rem 0 0}.channel-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0 1rem}.channel-heading h2{margin:0;font-size:clamp(1.8rem,5vw,2.7rem);overflow-wrap:anywhere}.connection-status{border:1px solid var(--line);padding:.35rem .65rem;font-size:.85rem}.state-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}.state-grid>div{margin:0;min-width:0}.state-grid span,.state-grid strong{display:block}.state-grid span,#note-count{color:var(--muted);font-size:.78rem}.state-grid strong{font-size:1rem;overflow-wrap:anywhere}.rhythm-card h3,.activity-card h3,.access-card h3{margin:.1rem 0 1rem;font-size:1.25rem}.beat-grid{padding:0;margin:.7rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;list-style:none}.beat-grid li{min-height:4.2rem;border:2px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;font-weight:750}.beat-grid li[data-active=true]{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:2px;background:#27271e}.beat-grid small{min-height:1.2em;font-size:.72rem;color:var(--focus)}#rhythm-summary{margin:.8rem 0 0;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem}.section-head h3{margin-bottom:0}.note-list{padding-left:1.8rem;margin:.8rem 0 0}.note-list li{padding:.45rem 0;border-top:1px solid #39343b}.note-list li::marker{color:var(--accent)}.note-list .empty{color:var(--muted);list-style:none;margin-left:-1.8rem}.access-controls{display:grid;grid-template-columns:minmax(9rem,.8fr) minmax(14rem,1.5fr);gap:.55rem 1rem;align-items:center}.access-controls select{width:100%}.access-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.text-size{display:flex;align-items:center;gap:.45rem}.text-size span{font-size:.85rem}.text-size button{min-width:2.8rem;padding:.3rem}.access-toggles{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1rem}.access-toggles label{display:flex;align-items:center;gap:.5rem}.access-toggles input{width:1.2rem;height:1.2rem;accent-color:var(--accent)}.privacy-note,.participation{color:var(--muted);font-size:.9rem}.privacy-note{border-top:1px solid var(--line);padding-top:.8rem;margin:.9rem 0 0}.participation{margin-top:1.2rem}.participation code{color:var(--accent);font-size:.95em}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.high-contrast{--bg:#000;--panel:#000;--text:#fff;--muted:#fff;--line:#fff;--accent:#ffff00;--accent-ink:#000;--focus:#00ffff;--warning:#ffb3ff}.reduce-motion *, .reduce-motion *::before, .reduce-motion *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:680px){.state-grid{grid-template-columns:repeat(2,1fr)}.channel-heading{align-items:flex-start;flex-direction:column}.access-controls{grid-template-columns:1fr;gap:.3rem}.channel-row{flex-wrap:wrap}.channel-row input{flex-basis:calc(100% - 2rem)}.channel-row .button{width:100%}.section-head{align-items:flex-start;flex-direction:column}.access-actions{align-items:flex-start;flex-direction:column}}