:root{color-scheme:dark;--ink:#140f16;--ink-2:#1e1622;--ink-3:#2a2030;--line:#f4eadf14;--cream:#f4eadf;--cream-dim:#f4eadfb8;--muted:#f4eadf80;--gold:#e4c48a;--coral:#e8896c;--sage:#7ea58a;--hold:#e4c48a;--radius:18px;--radius-sm:12px;--pill:999px;--player:26rem;--prose:36rem;--font:ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--space-xs:.35rem;--space-sm:.75rem;--space-md:1.25rem;--space-lg:2.5rem}*,:before,:after{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font);background:radial-gradient(1200px 600px at 50% -10%, #e4c48a14, transparent 55%), var(--ink);color:var(--cream);padding:max(var(--space-md), env(safe-area-inset-top)) max(var(--space-md), env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(var(--space-md), env(safe-area-inset-left));flex-direction:column;margin:0;line-height:1.5;display:flex}a{color:var(--gold);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--cream)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.wrap{flex-direction:column;flex:1;width:min(100%,44rem);margin:0 auto;display:flex}.wrap>main{flex:1}.player-col{width:min(100%, var(--player));margin:0 auto}.prose{width:min(100%, var(--prose));margin:0 auto}.site-header{gap:var(--space-xs);margin-bottom:var(--space-md);text-align:center;display:grid}.wordmark{letter-spacing:-.03em;color:var(--gold);margin:0;font-size:clamp(1.8rem,4vw,2.2rem);font-weight:650;text-decoration:none}.tagline{color:var(--cream-dim);margin:0;font-size:.98rem}.app-top{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.app-top .wordmark{font-size:1.35rem;text-decoration:none}a.wordmark:hover{color:var(--cream)}.info-btn{appearance:none;border:1px solid var(--line);background:var(--ink-2);width:2.5rem;height:2.5rem;color:var(--gold);font:inherit;cursor:pointer;border-radius:50%;font-style:italic;font-weight:650}.intro{margin-top:0}a.btn{color:#24180c;place-items:center;text-decoration:none;display:grid}a.btn:hover{color:#24180c}.skip{position:absolute;top:0;left:-999px}.skip:focus{background:var(--ink-2);border-radius:var(--radius-sm);padding:.4rem .7rem;left:1rem}.card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-md);box-shadow:inset 0 1px #f4eadf0f}.progress-head{justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.92rem;display:flex}.bar{border-radius:var(--pill);background:var(--ink-3);height:.45rem;margin:.55rem 0 .35rem;overflow:hidden}.bar>span{border-radius:inherit;background:var(--gold);height:100%;display:block}.muted{color:var(--muted);font-size:.85rem}.eta{margin:var(--space-xs) 0 0;color:var(--cream-dim);font-size:.88rem}.strip{grid-template-columns:repeat(21,1fr);gap:.2rem;margin-top:.85rem;display:grid}.strip-day{justify-items:center;gap:.4rem;display:grid}.strip-day i{background:var(--ink-3);border-radius:50%;width:.38rem;height:.38rem}.strip-day i.on{background:var(--gold)}.strip-day.is-today i{outline-offset:1px;outline:1px solid #e4c48a73}.btn{appearance:none;font:inherit;cursor:pointer;border-radius:var(--pill);background:var(--gold);color:#24180c;border:0;width:100%;min-height:48px;padding:.75rem 1.2rem;font-weight:650}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:var(--ink-3);color:var(--cream)}.btn.ghost{color:var(--gold);background:0 0;width:auto;min-height:44px;padding:.4rem .7rem}.btn.danger{color:var(--coral);background:0 0;border:1px solid #e8896c66}.stack{gap:var(--space-sm);display:grid}.row{flex-wrap:wrap;gap:.6rem;display:flex}.phase-label{text-align:center;letter-spacing:-.03em;margin:0;font-size:1.65rem;font-weight:650}.phase-label.tighten,.phase-label.squeeze{color:var(--coral)}.phase-label.hold{color:var(--hold)}.phase-label.release{color:var(--coral)}.phase-label.rest,.phase-label.prepare{color:var(--sage)}.ring-wrap{width:min(100%,16.5rem);margin:.4rem auto .6rem;position:relative}.ring-wrap svg{width:100%;height:auto;display:block}.ring-center{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.seconds{letter-spacing:-.04em;font-size:2.6rem;font-weight:650;line-height:1}.rep-line{text-align:center;color:var(--cream-dim);margin:0}section{margin-top:var(--space-lg)}main>section:first-child{margin-top:0}.prose h1,section h2{letter-spacing:-.02em;margin:0 0 .6rem;font-size:1.25rem}section h3{margin:1.1rem 0 .4rem;font-size:1.02rem}section p,section li{color:var(--cream-dim)}section ol,section ul{padding-left:1.2rem}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;color:var(--cream);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--gold);font-weight:500}.faq-item[open] summary:after{content:"-"}.faq-item p{margin:0 0 .9rem}.app-nav{gap:var(--space-xs);margin:0 auto var(--space-md);width:min(100%, var(--player));padding-bottom:var(--space-sm);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.app-nav-btn{appearance:none;color:var(--muted);font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;min-height:44px}.app-nav-btn[aria-current=page]{color:var(--gold);background:var(--ink-2)}.how-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-2);width:min(100% - 2rem,36rem);max-height:min(90dvh,42rem);color:var(--cream);padding:var(--space-md);overflow:auto}.how-dialog::backdrop{background:#0a080cb8}.how-dialog-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.how-dialog-head h2{margin:0;font-size:1.15rem}.how-dialog .prose{width:100%}.site-footer{padding-top:var(--space-lg);color:var(--muted);text-align:center;margin-top:auto;font-size:.85rem}.field{gap:var(--space-xs);color:var(--cream-dim);font-size:.88rem;display:grid}.field input,.field select{font:inherit;color:var(--cream);background:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:44px;padding:.4rem .7rem}.settings-list,.programs-list{padding:var(--space-md);gap:0;display:grid}.program{gap:var(--space-sm);padding:var(--space-md) 0;border-bottom:1px solid var(--line);display:grid}.program:first-child{padding-top:0}.program:last-child{border-bottom:0;padding-bottom:0}.program-copy{gap:var(--space-xs);display:grid}.program-actions .btn.secondary{flex:100%}.setting{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 0;display:flex}.setting:last-child{border-bottom:0}.setting-copy{gap:var(--space-xs);min-width:0;display:grid}.setting-copy strong{font-weight:600}.switch{appearance:none;border-radius:var(--pill);border:1px solid var(--line);background:var(--ink-3);cursor:pointer;flex-shrink:0;width:2.75rem;height:1.65rem;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:1.28rem;height:1.28rem;transition:transform .15s;position:absolute;top:.14rem;left:.14rem}.switch:checked{background:var(--gold);border-color:#0000}.switch:checked:after{background:#24180c;transform:translate(1.08rem)}.setting+.btn.danger,.settings-list+.btn.danger,.programs-list+.btn{margin-top:var(--space-xs)}.block-edit{border-radius:var(--radius-sm);background:var(--ink);gap:.5rem;padding:.75rem;display:grid}.hint{color:var(--muted);margin:0;font-size:.82rem}.banner{background:var(--ink-3);border-radius:var(--radius);gap:.6rem;padding:.9rem 1rem;display:grid}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ring-progress,.switch:after{transition:none}}