:root{--bg: #0b0f17;--surface: #131a26;--text: #e7ecf3;--text-dim: #8b97a8;--accent: #4f8cff;--ring-track: #1e2735;--ring-muted: #2b3648;--border: #232d3d;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--app-font, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 1rem calc(1.5rem + env(safe-area-inset-bottom))}.brand{display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%;font-weight:600;letter-spacing:.02em;color:var(--text-dim)}.brand-left{display:flex;align-items:center;gap:.4rem}.brand-mark{display:block;border-radius:6px}.stage{flex:1;display:flex;align-items:center;justify-content:center}.timer-track-wrap{position:relative;width:100%;flex:1;display:flex;flex-direction:column;align-items:center}.timer-track{width:100%;display:flex;gap:2rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:1rem;padding:.25rem 1rem .5rem;justify-content:safe center;scrollbar-width:none;-ms-overflow-style:none}.timer-track::-webkit-scrollbar{display:none}.timer-card{position:relative;flex:0 0 min(92vw,25rem);scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;border-radius:20px}.timer-card-body{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.timer-header{width:100%;max-width:22rem;display:flex;align-items:center;gap:.5rem}.timer-title-wrap{flex:1;min-width:0}.timer-title-field{width:100%;border:none;background:transparent;color:var(--text);padding:.3rem .4rem;border-radius:8px}.timer-title-field::placeholder{color:var(--text-dim)}.timer-title-field:hover{background:var(--ring-track)}.timer-title-field:focus{outline:none;background:var(--bg)}.timer-header-actions{display:flex;align-items:center;gap:.25rem}.track-arrow{position:absolute;top:44%;z-index:6;width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:0 2px 10px #0000001f;transition:border-color .12s ease,color .12s ease,transform 80ms ease}.track-arrow:hover{border-color:var(--accent);color:var(--accent)}.track-arrow:active{transform:scale(.94)}.track-arrow-left{left:.25rem}.track-arrow-right{right:.25rem}.ring-dials{position:absolute;left:50%;bottom:13%;transform:translate(-50%);display:flex;align-items:center;gap:.1rem}.ring-dial{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-dim);padding:.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;cursor:pointer;opacity:.7;transition:color .12s ease,opacity .12s ease}.ring-dial:hover,.ring-dial.active{color:var(--accent);opacity:1}.time-input-edit{position:relative;display:inline-flex;align-items:center}.time-quick{position:absolute;left:50%;top:calc(100% + .5rem);transform:translate(-50%);z-index:40;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;width:max-content;max-width:14rem;padding:.5rem;border:1px solid var(--border);background:var(--surface);border-radius:12px;box-shadow:0 6px 20px #0000002e}.time-quick.above{top:auto;bottom:calc(100% + .5rem)}.step-duration-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.step-duration-trigger:hover{border-color:var(--accent)}.timer-settings-panel{max-width:20rem}.timer-settings-rows{display:flex;flex-direction:column;gap:.6rem}.timer-settings-rows .toggle-switch{width:100%}.sound-row{display:flex;flex-direction:column;gap:.5rem}.sound-row-label{display:flex;align-items:center;gap:.5rem;font-weight:600}.sound-options{display:flex;flex-wrap:wrap;gap:.4rem}.sound-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 4rem;padding:.4rem .5rem;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .12s ease,color .12s ease}.sound-option:hover{border-color:var(--accent)}.sound-option.active{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent) inset}.ring{position:relative;display:grid;place-items:center;max-width:100%}.ring svg{max-width:100%;height:auto}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.readout{display:flex;flex-direction:column;align-items:center;gap:.35rem}.digits{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:600;line-height:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text);padding:.1rem .3rem;border-radius:10px}.digits.editable{cursor:text}.digits.editable:hover{background:var(--ring-track)}.digits:disabled{cursor:default}.time-edit{width:9.5rem;max-width:62vw;text-align:center;font-variant-numeric:tabular-nums;font-size:3rem;font-weight:600;line-height:1;border:none;border-bottom:2px solid var(--accent);background:transparent;color:var(--text);padding:0}.time-edit:focus{outline:none}.status{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--text-dim)}.status-finished{color:var(--accent)}.controls{display:flex;gap:.75rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.7rem 1.3rem;border-radius:999px;font-size:1rem;font-weight:500;cursor:pointer;transition:transform 80ms ease,border-color .12s ease,opacity .12s ease}.btn svg{display:block}.icon-toggle{padding:.7rem .85rem;color:var(--text-dim)}.icon-toggle.active{border-color:var(--accent);color:var(--accent)}.btn:hover{border-color:var(--accent)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;min-width:8rem}.btn-small{padding:.5rem .9rem;font-size:.9rem}.btn-danger{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.btn-danger:hover{border-color:#ff8585;background:#ff8585}.confirm-panel{max-width:22rem}.confirm-body{color:var(--text);font-size:.95rem;line-height:1.5}.confirm-body p{margin:.5rem 0}.confirm-body .settings-note{margin:.5rem 0 0}.confirm-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.1rem}.setup{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:22rem}.quick-input{display:flex;align-items:center;gap:.5rem}.quick-input input{width:5rem;text-align:center;font-size:1.4rem;font-variant-numeric:tabular-nums;padding:.5rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.quick-input input:focus{outline:2px solid var(--accent);outline-offset:1px}.unit{color:var(--text-dim)}.presets{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.45rem .9rem;border-radius:999px;font-size:.9rem;cursor:pointer}.chip:hover{border-color:var(--accent)}.toggles{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.toggle{display:flex;align-items:center;gap:.5rem;color:var(--text-dim);font-size:.9rem;cursor:pointer}.options{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:34rem}.toggle-switch{position:relative;display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .7rem;border:1px solid var(--border);background:var(--surface);border-radius:999px;color:var(--text-dim);font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .12s ease,color .12s ease}.toggle-switch:hover{border-color:var(--accent);color:var(--text)}.toggle-switch.on{color:var(--text);border-color:var(--accent)}.toggle-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.toggle-icon{display:inline-flex;color:var(--text-dim)}.toggle-switch.on .toggle-icon{color:var(--accent)}.toggle-icon svg{display:block}.toggle-text{white-space:nowrap}.toggle-track{position:relative;flex:none;width:2.1rem;height:1.2rem;border-radius:999px;background:var(--ring-muted);transition:background .14s ease}.toggle-switch.on .toggle-track{background:var(--accent)}.toggle-thumb{position:absolute;top:.15rem;left:.15rem;width:.9rem;height:.9rem;border-radius:50%;background:#fff;transition:transform .14s ease}.toggle-switch.on .toggle-thumb{transform:translate(.9rem)}.toggle-input:focus-visible~.toggle-track{outline:2px solid var(--accent);outline-offset:2px}.settings-toggle{width:100%;justify-content:space-between;border-radius:12px;margin-bottom:.4rem}.step-indicator{text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;color:var(--text-dim)}.step-name-display{font-size:1rem;font-weight:500;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-name-display.editable{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text);cursor:text;padding:.05rem .3rem;border-radius:8px;max-width:14rem}.step-name-display.editable:hover{background:var(--ring-track)}.step-name-display.placeholder{color:var(--text-dim);font-weight:400}.sequence{width:100%;max-width:34rem;border-top:1px solid var(--border);padding-top:1.25rem}.sequence-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.75rem}.sequence-head h2{margin:0;font-size:1rem;font-weight:600}.sequence-total{color:var(--text-dim);font-size:.85rem;font-variant-numeric:tabular-nums}.step-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-width:1px 1px 1px 0}.step-row{display:flex;align-items:center;gap:.5rem;padding:.2rem .5rem;border:1px solid var(--border);border-width:0 0 0 1px;background:var(--surface)}.step-row.current{border-color:var(--accent)}.step-num{width:1.4rem;height:1.4rem;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--ring-track);color:var(--text-dim);font-size:.8rem;font-variant-numeric:tabular-nums}.step-name{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-size:.95rem;padding:.25rem}.step-name:focus{outline:none;background:var(--bg);border-radius:6px}.step-duration{width:4rem;flex:none;text-align:center;font-variant-numeric:tabular-nums;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:.3rem}.step-advance{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);border-radius:999px;padding:.25rem .6rem;font-size:.78rem;cursor:pointer;white-space:nowrap}.step-advance:hover{border-color:var(--accent)}.step-actions{display:flex;gap:.15rem;flex:none}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-dim);width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:8px;cursor:pointer;font-size:.9rem;line-height:1}.icon-btn svg{display:block}.icon-btn:hover:not(:disabled){background:var(--ring-track);color:var(--text)}.icon-btn.danger:hover:not(:disabled){color:#ff6b6b}.icon-btn:disabled{opacity:.25;cursor:default}.step-row.readonly{gap:.6rem}.step-name-ro{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-dur-ro{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.9rem}.step-advance-ro{color:var(--text-dim)}.sequence-foot{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.drag-handle{flex:none;display:inline-flex;align-items:center;cursor:grab;color:var(--text-dim);padding:0 .15rem;-webkit-user-select:none;user-select:none;line-height:1}.drag-handle svg{display:block}.drag-handle:active{cursor:grabbing}.step-row.drag-over{position:relative}.step-row.drag-over:after{content:"";position:absolute;left:0;right:0;height:3px;border-radius:3px;background:var(--accent);box-shadow:0 0 8px var(--accent);pointer-events:none}.step-row.drop-before:after{top:-2px}.step-row.drop-after:after{bottom:-2px}.step-row.dragging{opacity:.4}.add-row{border-top:1px solid var(--border)}.add-plus{flex:none;display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--accent);padding:0 .15rem;cursor:pointer;line-height:1;opacity:.85;transition:opacity .12s ease}.add-plus:hover{opacity:1}.add-plus svg{display:block}.add-duration{color:var(--text-dim)}.chip:disabled{opacity:.35;cursor:default}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:1rem;z-index:50}.settings-panel{width:100%;max-width:24rem;max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem}.settings-head{flex:none;display:flex;align-items:center;justify-content:space-between}.settings-tabs{flex:none;display:flex;gap:.25rem;margin:.9rem 0 .25rem;padding:.25rem;background:var(--bg);border:1px solid var(--border);border-radius:12px}.settings-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;padding:.45rem .5rem;border:none;background:transparent;color:var(--text-dim);font-size:.9rem;font-weight:500;border-radius:9px;cursor:pointer;transition:background .12s ease,color .12s ease}.settings-tab:hover{color:var(--text)}.settings-tab.active{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--accent) inset}.settings-body{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0 -1.25rem -1.25rem;padding:.35rem 1.25rem 1.25rem}.settings-head h2{margin:0;font-size:1.1rem}.settings-note{color:var(--text-dim);font-size:.85rem;margin:.35rem 0 1rem}.settings-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.settings-row{display:flex;align-items:center;gap:.5rem}.settings-actions{display:flex;gap:.5rem;flex-wrap:wrap}.bg-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:#3d0a0a;transition:opacity 1.5s ease}.card-tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 50% 34%,#c4422cf2,#781a1a00 70%);transition:opacity .26s linear}.text-input{position:relative;display:inline-flex;align-items:center}.text-input-field{min-width:0}.text-input.ti-lg .text-input-field{font-size:1.1rem;font-weight:600}.text-input.has-mic .text-input-field{padding-right:1.85rem}.text-input.ti-lg.has-mic .text-input-field{padding-right:2rem}.mic-btn{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-dim);width:1.5rem;height:1.5rem;display:inline-grid;place-items:center;border-radius:999px;cursor:pointer;opacity:.5;transition:color .12s ease,opacity .12s ease}.mic-btn:hover,.text-input:focus-within .mic-btn{opacity:1;color:var(--accent)}.mic-btn.listening{opacity:1;color:#ff6b6b;animation:mic-pulse 1s ease-in-out infinite}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.5}}.step-name-wrap{flex:1;min-width:0}.step-name-wrap .step-name{flex:1;width:100%}.step-duration-wrap,.time-edit-wrap,.name-edit-wrap{flex:none}.name-edit-wrap{justify-content:center}.name-edit{width:9rem;text-align:center;font-size:1rem;font-weight:500;border:none;border-bottom:2px solid var(--accent);background:transparent;color:var(--text);padding:.1rem 0}.name-edit:focus{outline:none}.controls.compact .btn{padding:.6rem .75rem}.controls.compact .btn-primary{min-width:0}.readout .controls{margin-top:.35rem;gap:.4rem;flex-wrap:wrap;justify-content:center;max-width:15rem}.readout .controls .btn{padding:.4rem .5rem}.settings-subhead{margin:1.1rem 0 .15rem;font-size:.95rem;font-weight:600}.settings-subhead:first-of-type{margin-top:.5rem}.layout-group{margin-bottom:.9rem}.layout-group-title{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:.4rem}.layout-options{display:flex;gap:.6rem}.layout-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);border-radius:12px;cursor:pointer;transition:border-color .12s ease,color .12s ease}.layout-option:hover{border-color:var(--accent)}.layout-option.active{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent) inset}.layout-label{font-size:.8rem}.font-options{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.3rem}.font-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 4rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem .4rem;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);border-radius:12px;cursor:pointer;transition:border-color .12s ease,color .12s ease}.font-option:hover{border-color:var(--accent)}.font-option.active{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent) inset}.font-sample{font-size:1.5rem;line-height:1;color:var(--text)}.font-label{font-size:.75rem}.layout-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;width:100%;height:3.4rem}.pv-ring{width:1.9rem;height:1.9rem;border-radius:50%;border:2px solid currentColor;flex:none;display:grid;place-items:center;gap:2px}.pv-ring.with-dots{grid-auto-flow:column}.pv-row{display:flex;gap:.25rem;align-items:center}.pv-pill{width:.9rem;height:.4rem;border-radius:999px;background:currentColor}.pv-dot{width:.32rem;height:.32rem;border-radius:50%;background:currentColor}.settings-toggle{margin-bottom:.4rem}.ring.seekable{cursor:pointer}.tooltip-wrap{position:relative;display:inline-flex}.tooltip{position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%) translateY(4px);display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.3rem .5rem;border-radius:8px;background:#05070c;border:1px solid var(--border);color:var(--text);font-size:.78rem;font-weight:500;box-shadow:0 6px 20px #0006;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:40}.tooltip-wrap:hover .tooltip,.tooltip-wrap:focus-within .tooltip{opacity:1;transform:translate(-50%) translateY(0)}.tt-bottom .tooltip{top:calc(100% + .4rem);bottom:auto;transform:translate(-50%) translateY(-4px)}.tt-bottom:hover .tooltip,.tt-bottom:focus-within .tooltip{transform:translate(-50%) translateY(0)}.tt-end .tooltip{left:auto;right:0;transform:translateY(4px)}.tt-end.tt-bottom .tooltip{transform:translateY(-4px)}.tt-end:hover .tooltip,.tt-end:focus-within .tooltip{transform:translateY(0)}.tooltip-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;line-height:1;padding:.15rem .35rem;border-radius:5px;background:var(--surface);border:1px solid var(--border);color:var(--text-dim)}.brand-actions{display:flex;align-items:center;gap:.25rem}.account-panel{max-width:26rem}.account-signin,.account-status{display:flex;flex-direction:column;gap:.9rem}.account-form{display:flex;flex-direction:column;gap:.6rem}.account-input input{width:100%}.account-google{justify-content:center;width:100%}.account-divider{display:flex;align-items:center;gap:.6rem;color:var(--text-dim);font-size:.8rem}.account-divider:before,.account-divider:after{content:"";flex:1;height:1px;background:var(--border)}.account-link{align-self:flex-start;background:none;border:none;color:var(--text-dim);font:inherit;font-size:.82rem;text-decoration:underline;cursor:pointer;padding:0}.account-link:hover{color:var(--accent)}.account-error{color:#ff6b6b;font-size:.82rem;margin:0}.account-email{font-size:.85rem;color:var(--text-dim);margin:0}.account-plan{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .9rem;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.account-plan-name{display:flex;align-items:center;gap:.4rem;font-weight:600}.account-plan-pro{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.account-plan-pro .account-plan-name{color:var(--accent)}.account-upgrade{display:flex;flex-wrap:wrap;gap:.5rem}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem;padding-top:.5rem;color:var(--text-dim);font-size:.8rem}.footer-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text-dim);font:inherit;cursor:pointer;padding:.15rem .1rem}.footer-link:hover{color:var(--accent);text-decoration:underline}.footer-upgrade{color:var(--accent);font-weight:600}.footer-sep{color:var(--border)}.upgrade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:1rem;z-index:60}.upgrade-panel{width:100%;max-width:52rem;max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem}.upgrade-panel .settings-head h2{display:flex;align-items:center;gap:.4rem}.upgrade-intro{margin:.6rem 0 .25rem}.upgrade-scroll{flex:1 1 auto;min-height:0;overflow:auto;margin-top:.75rem}.plan-table{width:100%;min-width:34rem;border-collapse:collapse;font-size:.86rem}.plan-table th,.plan-table td{padding:.5rem .6rem;text-align:center;border-bottom:1px solid var(--border);vertical-align:middle}.plan-corner{border-bottom:none}.plan-feature{text-align:left;font-weight:500;color:var(--text);width:40%}.plan-head th{vertical-align:top}.plan-col.featured,td.featured{background:#4f8cff1a}.plan-col.featured{border-radius:12px 12px 0 0;box-shadow:inset 0 0 0 1px var(--accent)}.plan-name{display:block;font-weight:600;font-size:.95rem}.plan-badge{display:inline-block;margin-top:.2rem;font-size:.66rem;font-weight:700;letter-spacing:.02em;color:var(--accent);background:#4f8cff29;border-radius:999px;padding:.1rem .5rem}.plan-price{display:block;margin-top:.35rem;font-size:1.35rem;font-weight:700;color:var(--text)}.plan-cadence{font-size:.75rem;font-weight:500;color:var(--text-dim);margin-left:.15rem}.plan-tagline{display:block;margin:.3rem 0 .6rem;font-size:.76rem;font-weight:400;color:var(--text-dim)}.plan-cta{width:100%;justify-content:center}.plan-current{display:inline-block;font-size:.8rem;font-weight:600;color:var(--accent);padding:.35rem}.plan-current.ending{color:var(--text-dim)}.plan-note{display:inline-block;font-size:.78rem;font-weight:500;color:var(--text-dim);padding:.35rem;line-height:1.35}.plan-yes{color:var(--accent);display:inline-flex}.plan-no{color:var(--ring-muted)}.plan-val{font-weight:600}.upgrade-fineprint{margin-top:.75rem}.info-panel{max-width:32rem}.info-body{line-height:1.55}.info-body p{margin:0 0 .9rem;font-size:.9rem}.info-body a{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-top{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-weight:600;letter-spacing:.02em}.dev-banner{display:inline-flex;align-items:baseline;gap:.4rem;margin-left:auto;padding:.28rem .6rem;border-radius:8px;background:#4f8cff1a;border:1px solid rgba(79,140,255,.35);font-size:.78rem;font-weight:500;color:var(--text-dim);white-space:nowrap}.dev-banner-tag{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;color:var(--accent)}.nav-brand{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-dim);text-decoration:none}.nav-brand:hover{color:var(--text)}.nav-brand .brand-mark{width:24px;height:24px}.nav-links{display:flex;align-items:center;gap:.25rem;margin-left:.5rem}.nav-link{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:9px;color:var(--text-dim);text-decoration:none;font-size:.9rem;transition:background .12s ease,color .12s ease}.nav-link:hover{color:var(--text);background:var(--surface)}.nav-link.active{color:var(--text);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.nav-link svg{opacity:.85}.nav-gear{margin-left:auto}.nav-bottom{display:none}.page{width:100%;max-width:40rem;align-self:center;text-align:left}.page-wide{max-width:52rem}.page-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.5rem}.page-lead{margin:0 0 1.25rem;color:var(--text-dim);font-size:.95rem;line-height:1.5}.plan-scroll{overflow-x:auto}.preset-crumbs{display:flex;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.85rem}.preset-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1.5rem}.preset-start{font-size:1rem;padding:.7rem 1.4rem}.preset-config{margin:0;color:var(--text-dim);font-size:.9rem}.preset-plan{margin-bottom:1.5rem}.preset-plan-list{list-style:none;margin:.5rem 0 0;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.preset-plan-step{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .9rem;background:var(--surface)}.preset-plan-step+.preset-plan-step{border-top:1px solid var(--border)}.preset-plan-name{font-weight:600}.preset-plan-dur{color:var(--text-dim);font-variant-numeric:tabular-nums}.preset-body{margin-bottom:1.5rem}.preset-steps{margin:.25rem 0 .75rem;padding-left:1.25rem;line-height:1.6}.preset-steps li{margin:.2rem 0}.preset-faq{margin-bottom:1.5rem}.preset-faq-item{margin:0 0 .9rem}.preset-faq-q{margin:0 0 .2rem;font-weight:600}.preset-faq-a{margin:0;color:var(--text-dim);line-height:1.55}.preset-related-list{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1rem}.theme-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.theme-card-link{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-decoration:none;color:var(--text)}.theme-card-link:hover{border-color:var(--accent)}.theme-card-title{font-weight:700;font-size:1.05rem}.theme-card-desc{color:var(--text-dim);font-size:.9rem;line-height:1.5}.theme-card-config{color:var(--accent);font-size:.82rem}.split{width:100%;max-width:76rem;align-self:center;display:flex;gap:2rem;align-items:flex-start}.split-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.split-aside{flex:0 0 24rem;width:24rem;position:sticky;top:1.5rem;align-self:stretch;max-height:calc(100dvh - 3rem);overflow-y:auto}.split-aside.collapsed{flex:0 0 auto;width:auto;overflow:visible}.split-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font:inherit;font-size:.8rem;font-weight:600;padding:.35rem .8rem;border-radius:999px;margin-bottom:1rem}.split-toggle:hover{border-color:var(--accent);color:var(--accent)}.split-aside .page{max-width:none;align-self:stretch;text-align:left}.split-aside .page-title{font-size:1.25rem}@media(max-width:900px){.split{flex-direction:column;align-items:stretch;gap:1.25rem}.split-aside,.split-aside.collapsed{position:static;width:auto;flex-basis:auto;max-height:none;overflow:visible;border-top:1px solid var(--border);padding-top:1.25rem}}@media(max-width:640px){.timer-card{flex-basis:min(100vw - 2rem,25rem)}.nav-links{display:none}.dev-banner{order:3;flex-basis:100%;margin-left:0;justify-content:center;white-space:normal}.app{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.nav-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;justify-content:space-around;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.55rem .25rem;color:var(--text-dim);text-decoration:none;font-size:.68rem;font-weight:600}.nav-tab.active{color:var(--accent)}.nav-tab svg{width:22px;height:22px}}