:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7f7;font-synthesis:none;--accent:#31e6a1;background:#080a0b;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%,#173129 0,#0b0e0f 36%,#080a0b 65%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.ui-icon{flex:none;display:block}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{width:min(100%,850px);margin:auto;padding:0 22px 140px}.app-header{border-bottom:1px solid #25292a;justify-content:space-between;align-items:center;height:92px;display:flex}.brand{color:inherit;letter-spacing:2px;align-items:center;gap:10px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;line-height:1.05;text-decoration:none;display:flex}.brand strong{color:var(--accent)}.brand-mark{color:#08100d;background:var(--accent);border-radius:50%;place-items:center;width:36px;height:36px;font:800 17px Inter,ui-sans-serif,system-ui,sans-serif;display:grid;box-shadow:0 0 26px #31e6a144}.ghost-button{color:#cdd2d0;background:#121615;border:1px solid #2c3231;border-radius:99px;align-items:center;gap:8px;min-height:44px;padding:0 15px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.ghost-button .ui-icon{color:var(--accent)}.ghost-button:hover{color:#fff;background:#151b19;border-color:#48635a}.hero{text-align:center;padding:74px 0 44px}.eyebrow{color:var(--accent);letter-spacing:3px;margin:0 0 14px;font-size:11px;font-weight:700}.hero h1,.finished h1{letter-spacing:-3px;margin:0;font:800 clamp(42px,8vw,68px)/.98 Inter,ui-sans-serif,system-ui,sans-serif}.hero h1 em{color:var(--accent);font-style:normal}.hero>p:last-child{color:#89918e;font-size:15px}.summary{background:#111514cc;border:1px solid #272c2b;border-radius:16px;grid-template-columns:repeat(3,1fr);padding:22px 0;display:grid}.summary div{border-right:1px solid #272c2b;padding:0 26px}.summary div:last-child{border:0}.summary span{color:#747c79;text-transform:uppercase;letter-spacing:1.6px;font-size:9px;display:block}.summary strong{font-variant-numeric:tabular-nums;margin-top:8px;font:700 27px Inter,ui-sans-serif,system-ui,sans-serif;display:block}.editor-heading{justify-content:space-between;align-items:end;margin:56px 0 18px;display:flex}.editor-heading h2{margin:0;font:700 25px Inter,ui-sans-serif,system-ui,sans-serif}.editor-heading .eyebrow{margin-bottom:4px}.editor-heading>span{color:#68706d;font-size:11px}.local-tools{background:#101412;border:1px solid #252a29;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:10px 18px;margin-bottom:18px;padding:14px 16px;display:grid}.save-status{color:#98a09d;font-size:12px}.save-status:before{content:"";background:#69716e;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.save-status.saved:before{background:var(--accent);box-shadow:0 0 8px #31e6a177}.save-status.error{color:#ff9aa3}.save-status.error:before{background:#ff6875}.file-actions{gap:8px;display:flex}.file-actions button{color:#c9cecc;background:#171c1a;border:1px solid #303735;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 11px;font-size:11px;display:inline-flex}.file-actions button:hover{color:#fff;border-color:#4b6259}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.storage-note,.import-error{grid-column:1/-1;margin:0;font-size:11px;line-height:1.45}.storage-note{color:#6f7774}.import-error{color:#ff9aa3}.blocks{gap:14px;display:grid}.block-card{background:linear-gradient(145deg,#151918,#101312);border:1px solid #252a29;border-radius:17px;transition:border-color .2s,transform .2s;overflow:hidden;box-shadow:0 12px 38px #0000001f}.block-card:focus-within{border-color:#34423d}.block-top{border-bottom:1px solid #252a29;align-items:center;gap:14px;min-height:74px;padding:16px;display:flex}.block-number{width:38px;height:38px;color:var(--accent);border:1px solid #30433c;border-radius:9px;place-items:center;font-weight:700;display:grid}.block-name{flex:1;min-width:0}.block-name>label,.repetitions span{color:#68706d;letter-spacing:1.5px;font-size:8px;display:block}.block-name-editor{align-items:center;display:flex;position:relative}.block-name input{color:#f5f7f7;background:0 0;border:1px solid #0000;border-radius:6px;width:100%;height:38px;margin-top:2px;padding:0 38px 0 7px;font-size:16px;font-weight:700}.block-name input:hover,.block-name input:focus{background:#0b0e0d;border-color:#303735}.block-name-trigger{color:#f5f7f7;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:40px;margin-top:2px;padding:0 7px;display:flex;overflow:hidden}.block-name-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.block-name-trigger .ui-icon{color:#68716d;opacity:.72;transition:color .2s,opacity .2s}.block-name-trigger:hover{background:#0b0e0d;border-color:#303735}.block-name-trigger:hover .ui-icon{color:var(--accent);opacity:1}.save-block-name{background:var(--accent);color:#07100c;touch-action:manipulation;border:0;border-radius:5px;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:3px;right:3px;box-shadow:0 4px 16px #31e6a133}.repetitions input{color:#fff;text-align:center;background:#0b0e0d;border:1px solid #303635;border-radius:7px;width:58px;height:34px;margin-top:4px}.icon-button{color:#68706d;background:0 0;border:0;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{color:#fff}.danger:hover{color:#ff6875;background:#ff687510}.segments{padding:7px 16px 0}.segment{border-bottom:1px solid #242928;align-items:center;gap:12px;padding:14px 0 14px 12px;display:flex;position:relative}.segment:before{background:var(--zone);content:"";width:3px;height:32px;box-shadow:0 0 12px var(--zone);border-radius:3px;position:absolute;left:0}.segment-index{color:#69716e;text-align:center;width:20px;font-size:11px}.segment-fields{flex:1;align-items:end;gap:7px;display:flex}.segment-fields label span{color:#606865;text-transform:uppercase;margin-bottom:4px;font-size:8px;display:block}.segment-fields input{color:#eef2f0;font-variant-numeric:tabular-nums;background:#0b0e0d;border:1px solid #2b312f;border-radius:7px;width:62px;height:38px;padding:0 7px}.zone-picker{position:relative}.zone-picker>span{color:#606865;text-transform:uppercase;margin-bottom:4px;font-size:8px;display:block}.zone-trigger{width:69px;height:38px;color:var(--zone);text-align:left;background:#0b0e0d;border:1px solid #2b312f;border-radius:7px;justify-content:space-between;align-items:center;padding:0 8px;font-weight:800;display:flex}.zone-trigger .ui-icon{color:#7b8480}.zone-popover-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020403b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.zone-dialog{background:#111514;border:1px solid #343c39;border-radius:18px;width:min(100%,390px);padding:22px;box-shadow:0 28px 90px #000}.zone-dialog-header{justify-content:space-between;align-items:start;margin-bottom:16px;display:flex}.zone-dialog-header .eyebrow{margin-bottom:5px}.zone-dialog-header h2{margin:0;font-size:23px}.zone-dialog-header>button{color:#e6eae8;background:#242a28;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.zone-options{gap:7px;display:grid}.zone-options button{color:#cdd3d0;text-align:left;background:#0b0e0d;border:1px solid #29302e;border-radius:10px;grid-template-columns:4px 42px 1fr 20px;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 14px;display:grid}.zone-options button:hover,.zone-options button[aria-selected=true]{border-color:var(--zone);background:color-mix(in srgb, var(--zone) 9%, #0b0e0d)}.zone-options i{background:var(--zone);width:4px;height:28px;box-shadow:0 0 12px color-mix(in srgb, var(--zone) 55%, transparent);border-radius:4px}.zone-options strong{color:var(--zone);font-size:16px}.zone-options span{font-variant-numeric:tabular-nums;font-size:13px}.zone-options b{color:var(--zone)}.colon{color:#68706d;padding-bottom:9px}.add-segment{color:#7f8884;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;width:100%;height:48px;font-size:12px;display:flex}.add-segment:hover{color:var(--accent)}.add-block{height:64px;color:var(--accent);background:#10151380;border:1px dashed #36403d;border-radius:16px;justify-content:center;align-items:center;gap:8px;transition:border-color .2s,background .2s;display:flex}.add-block:hover{border-color:var(--accent);background:#132019}.add-block span{color:#b1b8b5;font-size:12px}.start-bar{z-index:4;min-height:104px;padding:16px max(22px, env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1210ef;border-top:1px solid #26302d;justify-content:center;align-items:center;gap:90px;display:flex;position:fixed;bottom:0;left:0;right:0}.start-bar div{display:grid}.start-bar div span{color:#68716d;letter-spacing:1.4px;font-size:9px}.start-bar div strong{margin-top:5px;font-size:13px}.start-bar button,.finished button{background:var(--accent);color:#06100c;border:0;border-radius:10px;min-width:240px;min-height:54px;padding:0 22px;font-weight:800;box-shadow:0 10px 30px #31e6a122}.start-bar button{justify-content:space-between;align-items:center;gap:18px;display:flex}.start-bar button:disabled{cursor:not-allowed;opacity:.35}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.zones-sheet{background:#121615;border:1px solid #2d3532;border-radius:22px;width:min(100%,520px);padding:34px;position:relative;box-shadow:0 30px 90px #000}.zones-sheet h2{margin:0;font:700 30px Inter,ui-sans-serif,system-ui,sans-serif}.zones-sheet>p:not(.eyebrow):not(.disclaimer){color:#89918e}.modal-close{color:#fff;background:#222826;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:20px;right:20px}.age-field span,.age-field small{color:#7a827f;font-size:11px;display:block}.age-field input{color:#fff;background:#090c0b;border:1px solid #343b38;border-radius:9px;width:100%;height:50px;margin:7px 0;padding:0 14px}.zone-list{margin-top:22px}.zone-list div{border-bottom:1px solid #272c2b;grid-template-columns:5px 34px 1fr auto;align-items:center;gap:11px;min-height:46px;display:grid}.zone-list i{border-radius:4px;width:4px;height:22px}.zone-list span{color:#838b88;font-size:12px}.zone-list b{font-size:12px}.disclaimer{color:#68706d;margin:22px 0 0;font-size:10px}.save-zones{background:var(--accent);color:#07100c;border:0;border-radius:9px;width:100%;min-height:50px;margin-top:22px;font-weight:800}.save-zones:disabled{cursor:not-allowed;opacity:.35}.timer-screen{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--active-zone) 12%, transparent), transparent 34%), #080a0b;flex-direction:column;min-height:100dvh;display:flex}.timeline{background:#171b1a;gap:2px;height:5px;display:flex}.timeline span{background:color-mix(in srgb, var(--step-zone) 23%, #171b1a)}.timeline span.done,.timeline span.active{background:var(--step-zone)}.timer-header{color:#87908c;justify-content:center;align-items:center;gap:16px;height:74px;font-size:12px;display:flex}.timer-header .brand-mark{position:absolute;left:24px}.timer-main{text-align:center;flex:1;align-content:center;place-items:center;gap:20px;display:grid}.timer-main .eyebrow{margin:0}.timer-ring{aspect-ratio:1;background:conic-gradient(var(--active-zone) var(--progress), #242a28 0);width:min(68vw,420px);box-shadow:0 0 80px color-mix(in srgb, var(--active-zone) 20%, transparent);border-radius:50%;place-items:center;display:grid}.timer-ring:before{aspect-ratio:1;content:"";background:#0b0e0d;border-radius:50%;width:calc(min(68vw,420px) - 18px);position:absolute}.timer-ring div{z-index:1;display:grid}.timer-ring span{color:var(--active-zone);letter-spacing:1.5px;text-transform:uppercase;font:700 14px Inter,ui-sans-serif,system-ui,sans-serif}.timer-ring strong{letter-spacing:-5px;font-variant-numeric:tabular-nums;margin:10px 0;font:700 clamp(58px,14vw,104px) Inter,ui-sans-serif,system-ui,sans-serif}.timer-bpm{color:#d9dfdc;font-variant-numeric:tabular-nums;margin:-2px 0 12px;font-size:14px}.timer-ring small{color:#68706d;letter-spacing:2px;font-size:9px}.context{color:#aab0ad;margin:2px 0 0}.next{color:#68706d;margin:0;font-size:13px}.timer-controls{padding:26px 20px calc(26px + env(safe-area-inset-bottom));justify-content:center;gap:12px;display:flex}.timer-controls button{border-radius:10px;min-width:140px;min-height:52px;font-weight:700}.timer-controls .primary{background:var(--active-zone);color:#07100d;border:0}.timer-controls .secondary{color:#bbc0be;background:#121615;border:1px solid #303634}.finished{text-align:center;align-content:center;place-items:center;gap:22px;min-height:100dvh;padding:30px;display:grid}.finished>p:not(.eyebrow){color:#89918e}@media (width<=600px){.shell{padding-inline:14px}.app-header{height:76px}.hero{padding:52px 0 36px}.hero h1{letter-spacing:-2px;font-size:42px}.summary div{padding:0 14px}.summary strong{font-size:22px}.local-tools{grid-template-columns:1fr}.file-actions{width:100%}.file-actions button{flex:1;justify-content:center}.block-top{gap:8px}.block-number{width:34px;height:34px;font-size:13px}.block-name input{font-size:16px}.block-name-trigger{padding-inline:4px}.segment{gap:6px;padding-left:8px}.segment-index{display:none}.segment-fields{gap:4px}.segment-fields input{width:52px}.zone-trigger{width:60px}.start-bar{justify-content:stretch}.start-bar>div{display:none}.start-bar button{width:100%;min-width:0}.timer-controls button{flex:1;min-width:0;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}