:root{--bg: #0e1726;--bg-2: #131f33;--card: #182842;--card-hi: #1f3352;--text: #e7edf5;--muted: #8ea2c0;--accent: #7f9cf5;--radius: 16px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(120% 80% at 50% -10%,#1a2b47 0%,var(--bg) 55%);-webkit-font-smoothing:antialiased}.screen{max-width:480px;margin:0 auto;min-height:100%;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.app-head h1{font-size:28px;margin:4px 0 2px}.subtitle{margin:0 0 12px;color:var(--muted);font-size:14px}.block{margin-top:22px}.block h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px}.patterns{display:grid;gap:10px}.pattern-card{text-align:left;background:var(--card);border:1.5px solid transparent;border-radius:var(--radius);padding:14px 16px;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,transform .05s}.pattern-card:active{transform:scale(.99)}.pattern-card.active{border-color:var(--accent);background:var(--card-hi)}.pattern-name{font-size:17px;font-weight:600}.pattern-formula{font-variant-numeric:tabular-nums;font-size:13px;color:var(--accent);margin-top:2px;letter-spacing:.08em}.pattern-desc{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.35}.pattern-info{float:right;margin-left:auto;color:var(--muted);font-size:16px;padding:0 2px 0 10px;cursor:pointer}.pattern-name{display:flex;align-items:center}.pattern-info:active{color:var(--text)}.pattern-details{font-size:13px;line-height:1.5;color:var(--text);background:#ffffff0a;border-radius:10px;padding:10px 12px;margin-top:10px;text-align:left}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--card);border:1.5px solid transparent;color:var(--text);padding:10px 16px;border-radius:999px;font-size:15px;cursor:pointer}.chip.active{border-color:var(--accent);background:var(--card-hi);color:#fff}.stats{margin:6px 0 0;color:var(--accent);font-size:13px;font-variant-numeric:tabular-nums}.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border-radius:var(--radius);padding:12px 14px}.account-email{font-size:15px;overflow-wrap:anywhere}.account-hint{font-size:12px;color:var(--muted);margin-top:2px}.account-signin{display:flex;align-items:center;gap:12px;width:100%;background:var(--card);border:1.5px solid #ffffff1c;border-radius:var(--radius);padding:12px 14px;color:var(--text);font-size:15px;cursor:pointer;text-align:left}.account-signin:active{transform:scale(.99)}.g-mark{flex:none;width:34px;height:34px;border-radius:50%;background:#fff;color:#4285f4;font-weight:700;font-size:18px;display:grid;place-items:center}.account-signin-text{display:flex;flex-direction:column;gap:2px}.account-signin-text small{color:var(--muted);font-size:12px}.auth-intro{margin:0 0 10px}.auth-form{display:grid;gap:8px}.auth-input{background:var(--card);border:1.5px solid #ffffff1c;border-radius:12px;padding:12px 14px;color:var(--text);font-size:15px;width:100%}.auth-input:focus{outline:none;border-color:var(--accent)}.auth-actions{display:flex;gap:8px}.auth-btn{padding:12px;font-size:15px}.auth-btn:disabled{opacity:.6}.auth-error{color:#fca5a5;font-size:13px}.auth-notice{color:#86efac;font-size:13px}.link-btn{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:4px 0 0;text-decoration:underline;justify-self:start}.auth-divider{text-align:center;color:var(--muted);font-size:13px;margin:12px 0}.toggles{display:flex;flex-wrap:wrap;gap:10px}.theme-chips{margin-top:12px}.theme-chips .chip{font-size:14px;padding:8px 14px}.volume-row{display:flex;align-items:center;gap:14px;margin-top:12px;background:var(--card);border-radius:999px;padding:10px 18px}.volume-label{font-size:14px;color:var(--muted);flex:none}.volume-slider{flex:1;accent-color:var(--accent);height:22px}.section-hint{margin:10px 0 0;color:var(--muted);font-size:12.5px;line-height:1.45}.toggle{display:inline-flex;align-items:center;gap:10px;background:var(--card);border:none;border-radius:999px;padding:8px 16px 8px 8px;color:var(--text);cursor:pointer;font-size:15px}.toggle-knob{width:40px;height:24px;border-radius:999px;background:#2c3d5c;position:relative;transition:background .15s;flex:none}.toggle-knob:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.on .toggle-knob{background:var(--accent)}.toggle.on .toggle-knob:after{transform:translate(16px)}.start-btn{margin-top:auto;margin-bottom:4px;padding-top:24px;border:none;background:none}.start-btn{position:sticky;bottom:0}.start-btn{width:100%;color:#fff;font-size:17px;font-weight:600;border-radius:var(--radius);padding:18px;cursor:pointer;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#000));box-shadow:0 8px 24px -8px var(--accent)}.start-btn:active{transform:scale(.99)}.pattern-card.locked{opacity:.75}.lock-badge{margin-left:8px;font-size:14px}.week-badge{margin-left:8px;font-size:11px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);border-radius:999px;padding:3px 8px;vertical-align:middle;white-space:nowrap}.stats-link{background:none;border:none;cursor:pointer;padding:0;text-align:left}.premium-fold{background:none;border:1.5px dashed #ffffff2a;border-radius:var(--radius);color:var(--muted);padding:14px 16px;font-size:14.5px;cursor:pointer;text-align:center}.premium-fold:active{color:var(--text)}.stats-screen{justify-content:flex-start}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 22px}.stat-card{background:var(--card);border-radius:var(--radius);padding:14px 16px}.stat-value{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.stat-label{font-size:12.5px;color:var(--muted);margin-top:2px}.hist-day{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 6px}.hist-row{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:12px;padding:10px 14px;margin-bottom:6px;font-size:14.5px}.hist-time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.hist-name{flex:1}.hist-dur{color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{width:100%;max-width:480px;background:var(--bg-2);border-radius:24px 24px 0 0;padding:12px 20px calc(20px + env(safe-area-inset-bottom));animation:sheet-up .22s ease-out}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-handle{width:40px;height:4px;border-radius:999px;background:#ffffff30;margin:0 auto 14px}.sheet-title{font-size:20px;margin:0 0 8px}.sheet-status{font-size:16px;font-weight:600;margin:0 0 4px}.sheet-note{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 14px}.sheet-list{margin:0 0 12px;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.55}.sheet-plans{display:grid;gap:10px;margin-bottom:12px}.plan-btn{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title price" "note price";align-items:center;text-align:left;gap:2px 12px;background:var(--card);border:1.5px solid #ffffff1c;border-radius:14px;padding:12px 16px;color:var(--text);cursor:pointer}.plan-btn:active{transform:scale(.99)}.plan-btn-title{grid-area:title;font-size:16px;font-weight:600}.plan-btn-price{grid-area:price;font-size:18px;font-weight:700;color:var(--accent)}.plan-btn-note{grid-area:note;font-size:12.5px;color:var(--muted)}.sheet-legal{font-size:12px;color:var(--muted);line-height:1.45;margin:0 0 14px}.sheet-legal a{color:var(--accent)}.sheet-close{width:100%}.editor-name{margin-bottom:14px}.editor-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.editor-label{font-size:14.5px}.editor-stepper{display:flex;align-items:center;gap:4px;flex:none}.stepper-btn{width:40px;height:40px;border-radius:12px;background:var(--card);border:1.5px solid #ffffff1c;color:var(--text);font-size:20px;cursor:pointer}.stepper-btn:disabled{opacity:.3;cursor:default}.stepper-value{min-width:52px;text-align:center;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.stepper-value small{color:var(--muted);font-weight:400}.editor-summary{margin-top:4px}.editor-delete{margin-top:10px;color:#fca5a5;justify-self:center;width:100%;text-align:center}.app-footer{display:flex;justify-content:center;gap:16px;padding:16px 0 4px}.app-footer a{color:var(--muted);font-size:12.5px;text-decoration:none}.app-footer a:active{color:var(--text)}.session{justify-content:space-between}.session-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.session-title{text-align:center;font-weight:600}.session-timer{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:15px}.ghost-btn{justify-self:start;background:none;border:none;color:var(--muted);font-size:15px;cursor:pointer;padding:4px 0}.viz-area{position:relative;flex:1;display:grid;place-items:center;padding:20px 0}.ring,.wave{width:min(86vw,340px);height:auto;display:block}.phase-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.phase-overlay.overlay-top{position:static;inset:auto;margin-bottom:10px}.phase-overlay.overlay-none{position:static;inset:auto}.overlay-none .phase-name{font-size:34px}.overlay-none .phase-count{font-size:72px}.phase-name{font-size:26px;font-weight:600;letter-spacing:.02em}.phase-count{font-size:44px;font-weight:300;font-variant-numeric:tabular-nums;color:var(--muted);line-height:1.1}.sess-toggles{display:flex;justify-content:center;gap:14px;padding:4px 0 14px}.sess-toggle{position:relative;width:46px;height:46px;border-radius:50%;background:var(--card);border:1.5px solid #ffffff1c;font-size:20px;display:grid;place-items:center;cursor:pointer;color:var(--text)}.sess-toggle:active{transform:scale(.95)}.sess-toggle.off{opacity:.5}.sess-toggle.off:after{content:"";position:absolute;left:15%;top:48%;width:70%;height:2.5px;background:#e7edf5;border-radius:2px;transform:rotate(-45deg)}.sess-toggle.soon{opacity:.3;cursor:default}.controls{display:flex;gap:12px}.ctrl-btn{flex:1;padding:16px;border-radius:var(--radius);border:1.5px solid #ffffff1c;background:var(--card);color:var(--text);font-size:16px;font-weight:500;cursor:pointer}.ctrl-btn:active{transform:scale(.99)}.ctrl-btn.primary{border-color:transparent;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#000));color:#fff}