:root{--canvas:#08111c;--canvas-deep:#050b13;--surface:#13283a;--surface-soft:#1c3349;--surface-deep:#0e1f2c;--ink:#f4f2ec;--ink-soft:#d6cdc0;--ink-muted:#93a0ac;--muted:#6c7480;--line:rgba(197,167,107,0.18);--line-strong:rgba(197,167,107,0.32);--line-soft:rgba(197,167,107,0.1);--gold:#c5a76b;--gold-bright:#d8bc83;--gold-deep:#9b7b3c;--gold-tint:rgba(197,167,107,0.14);--panel:#0a1828;--panel-soft:#14293a;--panel-line:rgba(197,167,107,0.28);--signal:#c5a76b;--white-muted:#a8b6c2;--serif:"Fraunces","Source Serif Pro",Georgia,serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono","JetBrains Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#08111c;background:var(--canvas);color:#f4f2ec;color:var(--ink);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-family:var(--sans);-webkit-font-feature-settings:"ss01","cv11";font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a,button{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.app-wrapper{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(900px 600px at 88% -8%,rgba(197,167,107,.1),transparent 60%),radial-gradient(800px 500px at -8% 110%,rgba(20,41,58,.55),transparent 60%),#08111c;background:radial-gradient(900px 600px at 88% -8%,rgba(197,167,107,.1),transparent 60%),radial-gradient(800px 500px at -8% 110%,rgba(20,41,58,.55),transparent 60%),var(--canvas)}.app-wrapper:before{position:absolute;inset:0;background-image:linear-gradient(rgba(244,242,236,.018) 1px,transparent 0),linear-gradient(90deg,rgba(244,242,236,.018) 1px,transparent 0);background-size:56px 56px;background-position:-1px -1px;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(circle at 50% 30%,#000 30%,transparent 80%);content:"";pointer-events:none}.app-shell{position:relative;z-index:1;display:flex;flex-direction:column;width:min(100%,1200px);min-height:100vh;margin:0 auto;padding:0 clamp(1.5rem,5vw,5rem)}.site-header{display:flex;align-items:center;justify-content:space-between;grid-gap:2rem;gap:2rem;min-height:88px;padding-top:.5rem;border-bottom:1px solid rgba(197,167,107,.18);border-bottom:1px solid var(--line)}.brand{display:inline-flex;grid-gap:.85rem;gap:.85rem;align-items:center}.brand-mark{position:relative;display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid #c5a76b;border:1px solid var(--gold);border-radius:2px;background:#13283a;background:var(--surface)}.brand-mark:before{position:absolute;top:-3px;right:-3px;width:6px;height:6px;background:#d8bc83;background:var(--gold-bright);content:""}.brand-mark-text{color:#d8bc83;color:var(--gold-bright);font-family:"Fraunces","Source Serif Pro",Georgia,serif;font-family:var(--serif);font-size:1.15rem;font-weight:600;letter-spacing:-.04em}.brand-copy{display:flex;flex-direction:column;grid-gap:.18rem;gap:.18rem;line-height:1}.brand-name{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-family:var(--sans);font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#f4f2ec;color:var(--ink)}.brand-subtitle,.cycle-meta,.cycle-status,.eyebrow,.hero-stats span,.presets-label,.settings-section-label,.site-footer,.system-status,.task-estimate-btn,.task-estimate-sep,.time-setter-index,.timer-mode-eyebrow,.timer-panel-footer,.timer-state{font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);text-transform:uppercase}.brand-subtitle{font-weight:500;letter-spacing:.14em}.brand-subtitle,.header-meta{color:#93a0ac;color:var(--ink-muted);font-size:.62rem}.header-meta{display:flex;grid-gap:1.5rem;gap:1.5rem;align-items:center;letter-spacing:.1em}.cycle-status,.system-status{display:inline-flex;grid-gap:.55rem;gap:.55rem;align-items:center}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c5a76b;background:var(--gold);box-shadow:0 0 0 4px rgba(197,167,107,.14);box-shadow:0 0 0 4px var(--gold-tint)}.header-divider{width:1px;height:18px;background:rgba(197,167,107,.18);background:var(--line)}.workspace{display:flex;flex-direction:column;grid-gap:clamp(1.75rem,4vw,2.5rem);gap:clamp(1.75rem,4vw,2.5rem);flex:1 1;padding:clamp(2rem,4vh,3rem) 0 clamp(2.5rem,5vh,4rem);max-width:920px;width:100%;margin:0 auto}.intro{text-align:center;-webkit-animation:rise-in .7s ease-out both;animation:rise-in .7s ease-out both}.eyebrow{display:inline-flex;align-items:center;grid-gap:.7rem;gap:.7rem;margin:0 0 1.1rem;color:#c5a76b;color:var(--gold);font-size:.62rem;font-weight:600;letter-spacing:.2em}.eyebrow:after,.eyebrow:before{display:inline-block;width:28px;height:1px;background:#c5a76b;background:var(--gold);content:""}.intro h1{max-width:18ch;margin:0 auto;color:#f4f2ec;color:var(--ink);font-family:"Fraunces","Source Serif Pro",Georgia,serif;font-family:var(--serif);font-size:clamp(2.1rem,3.8vw,3rem);font-weight:500;letter-spacing:-.035em;line-height:1.05}.intro h1 em{color:#d8bc83;color:var(--gold-bright);font-style:italic;font-weight:400}.intro-lede{max-width:38rem;margin:.9rem auto 0;color:#93a0ac;color:var(--ink-muted);font-size:.92rem;line-height:1.55}.timer-panel{position:relative;width:100%;overflow:hidden;border:1px solid rgba(197,167,107,.28);border:1px solid var(--panel-line);background:radial-gradient(120% 80% at 100% 0,rgba(197,167,107,.12),transparent 55%),linear-gradient(180deg,#14293a,#0a1828);background:radial-gradient(120% 80% at 100% 0,rgba(197,167,107,.12),transparent 55%),linear-gradient(180deg,var(--panel-soft),var(--panel));box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 12px 24px -12px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.04);color:#f4f2ec;color:var(--ink);-webkit-animation:rise-in .75s ease-out .1s both;animation:rise-in .75s ease-out .1s both;--mode-color:var(--gold);--mode-color-bright:var(--gold-bright);--mode-glow:rgba(197,167,107,0.25);--mode-track-from:rgba(197,167,107,0.14);--mode-track-to:rgba(197,167,107,0.025);--mode-bg-tint:rgba(197,167,107,0.12)}.timer-panel.mode-break{--mode-color:#7ec0a8;--mode-color-bright:#a3d4be;--mode-glow:rgba(126,192,168,0.35);--mode-track-from:rgba(126,192,168,0.14);--mode-track-to:rgba(126,192,168,0.025);--mode-bg-tint:rgba(126,192,168,0.13);background:radial-gradient(120% 80% at 100% 0,var(--mode-bg-tint),transparent 55%),linear-gradient(180deg,#14293a,#0a1828);background:radial-gradient(120% 80% at 100% 0,var(--mode-bg-tint),transparent 55%),linear-gradient(180deg,var(--panel-soft),var(--panel))}.timer-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mode-color-bright),var(--mode-color));z-index:2;box-shadow:0 0 18px var(--mode-glow);transition:background .4s ease,box-shadow .4s ease}.timer-panel.is-running{box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 12px 24px -12px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.04),0 0 60px -20px var(--mode-glow)}.timer-panel:after{position:absolute;right:-8rem;bottom:-9rem;width:22rem;height:22rem;border:1px solid var(--mode-track-to);border-radius:50%;box-shadow:0 0 0 2rem var(--mode-track-to),0 0 0 4rem rgba(126,192,168,.012);content:"";pointer-events:none}.panel-topline,.timer-panel-footer{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;color:#a8b6c2;color:var(--white-muted);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;font-size:.6rem}.panel-topline{padding:clamp(1.4rem,3vw,2rem) clamp(1.4rem,3vw,2.2rem) 0}.cycle-status{color:#d8bc83;color:var(--gold-bright);font-size:.58rem;letter-spacing:.1em}.timer-panel .cycle-status{color:var(--mode-color-bright)}.timer-panel .status-dot{background:var(--mode-color);box-shadow:0 0 0 4px var(--mode-glow)}.timer-shell{position:relative;z-index:1;padding:clamp(1.5rem,3vw,2.4rem) clamp(1.5rem,3vw,2.2rem) clamp(1rem,2vw,1.5rem);text-align:center}.timer-mode-eyebrow{color:#d8bc83;color:var(--gold-bright);font-size:.66rem;font-weight:600;letter-spacing:.2em;margin-bottom:1.4rem;display:block;transition:color .4s ease}.timer-panel .timer-mode-eyebrow{color:var(--mode-color-bright)}.timer-display{position:relative;margin:0 auto;padding:.5rem 0 1.4rem;overflow:hidden;border:none;background:transparent}.timer-display-heading,.timer-label,.timer-state{display:none}.timer-value{margin:0;color:#f4f2ec;color:var(--ink);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:clamp(5.5rem,14vw,10.5rem);font-weight:400;letter-spacing:-.075em;line-height:.92;text-shadow:0 2px 18px rgba(0,0,0,.35);transition:text-shadow .4s ease,opacity .4s ease,color .4s ease}.timer-panel.is-running .timer-value{color:#f4f2ec;color:var(--ink);text-shadow:0 2px 18px rgba(0,0,0,.35),0 0 32px var(--mode-glow);-webkit-animation:value-glow 2.6s ease-in-out infinite;animation:value-glow 2.6s ease-in-out infinite}.timer-panel.is-paused .timer-value{opacity:.78}@-webkit-keyframes value-glow{0%,to{text-shadow:0 2px 18px rgba(0,0,0,.35),0 0 24px var(--mode-glow)}50%{text-shadow:0 2px 18px rgba(0,0,0,.35),0 0 48px var(--mode-glow)}}@keyframes value-glow{0%,to{text-shadow:0 2px 18px rgba(0,0,0,.35),0 0 24px var(--mode-glow)}50%{text-shadow:0 2px 18px rgba(0,0,0,.35),0 0 48px var(--mode-glow)}}.timer-track{position:relative;width:100%;max-width:360px;height:2px;margin:.6rem auto 0;background:rgba(244,242,236,.12)}.timer-track span{display:block;width:28%;height:100%;background:linear-gradient(90deg,#d8bc83,#c5a76b);background:linear-gradient(90deg,var(--gold-bright),var(--gold));transition:width .3s ease,background .4s ease}.timer-panel .timer-track span{background:linear-gradient(90deg,var(--mode-color-bright),var(--mode-color))}.timer-display.is-active .timer-track span{-webkit-animation:pulse-track 2.2s ease-in-out infinite;animation:pulse-track 2.2s ease-in-out infinite}.cycle-meta{margin:1.1rem 0 1.4rem;color:#a8b6c2;color:var(--white-muted);font-size:.58rem;font-weight:500;letter-spacing:.14em}.active-task-card{position:relative;z-index:1;display:flex;align-items:flex-start;grid-gap:.85rem;gap:.85rem;padding:.85rem 1rem;margin:0 auto 1.4rem;border:1px solid rgba(244,242,236,.12);background:rgba(244,242,236,.04);border-radius:2px;text-align:left;transition:border-color .3s ease,background .3s ease;max-width:520px}.active-task-card.is-break{border-color:rgba(244,242,236,.08);background:rgba(244,242,236,.02)}.active-task-card.is-done{opacity:.85}.active-task-card.is-done .active-task-text{text-decoration:line-through;-webkit-text-decoration-color:var(--mode-color);text-decoration-color:var(--mode-color);text-decoration-thickness:1px}.active-task-card.is-done .active-task-progress span{background:var(--mode-color);opacity:.55}.active-task-card.is-empty{border-style:dashed;border-color:rgba(244,242,236,.14);background:transparent}.active-task-icon{flex-shrink:0;margin-top:.1rem;color:var(--mode-color-bright);font-size:.85rem;transition:color .4s ease}.active-task-card.is-empty .active-task-icon{color:#a8b6c2;color:var(--white-muted)}.active-task-card.is-done .active-task-icon{color:var(--mode-color-bright)}.active-task-body{flex:1 1;min-width:0;display:flex;flex-direction:column;grid-gap:.4rem;gap:.4rem}.active-task-top{display:flex;align-items:center;justify-content:space-between;grid-gap:1rem;gap:1rem}.active-task-label{color:var(--mode-color-bright);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:color .4s ease}.active-task-card.is-empty .active-task-label,.active-task-cycle{color:#a8b6c2;color:var(--white-muted)}.active-task-cycle{font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;opacity:0;transition:opacity .3s ease}.active-task-card:not(.is-empty) .active-task-cycle{opacity:1}.active-task-help{color:#a8b6c2;color:var(--white-muted);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;line-height:1.4}.active-task-text{margin:0;color:#f4f2ec;color:var(--ink);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-family:var(--sans);font-size:.95rem;font-weight:500;letter-spacing:-.01em;overflow-wrap:anywhere}.active-task-card.is-break .active-task-text{opacity:.78}.active-task-progress-row{display:flex;align-items:center;grid-gap:.85rem;gap:.85rem;margin-top:.15rem}.active-task-progress{flex:1 1;height:2px;background:rgba(244,242,236,.1);overflow:hidden;border-radius:999px}.active-task-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--mode-color-bright),var(--mode-color));transition:width .3s ease,background .4s ease}.active-task-count{display:inline-flex;align-items:center;grid-gap:.55rem;gap:.55rem;flex-shrink:0;color:#f4f2ec;color:var(--ink);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:.68rem;letter-spacing:.04em}.active-task-count .muted{color:#a8b6c2;color:var(--white-muted);font-weight:500}.active-task-count strong{color:var(--mode-color-bright);font-weight:700}.active-task-pomos,.active-task-remaining{display:inline-flex;align-items:center;grid-gap:.3rem;gap:.3rem}.active-task-remaining svg{color:var(--mode-color);font-size:.65rem}.active-task-divider{width:1px;height:12px;background:rgba(244,242,236,.18)}.timer-controls{position:relative;z-index:1;display:flex;padding:.4rem clamp(1.5rem,3vw,2.2rem) clamp(1.5rem,3vw,2.4rem)}.control-button,.timer-controls{grid-gap:.7rem;gap:.7rem;justify-content:center}.control-button{display:inline-flex;min-height:50px;align-items:center;padding:0 1.2rem;border:1px solid transparent;border-radius:2px;font-size:.72rem;font-weight:600;letter-spacing:.04em;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.control-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.brand:focus-visible,.control-button:focus-visible,.inline-stepper-btn:focus-visible,.preset-chip-inner:focus-visible,.preset-chip:focus-visible,.preset-save:focus-visible,.site-footer a:focus-visible,.stepper-button:focus-visible,.task-add-btn:focus-visible,.task-add-input:focus-visible,.task-check:focus-visible,.task-estimate-btn:focus-visible,.task-remove:focus-visible,.toggle input:focus-visible+.toggle-track{outline:2px solid #c5a76b;outline:2px solid var(--gold);outline-offset:3px}.control-button-primary{min-width:200px;background:#c5a76b;background:var(--gold);color:#0a1828;color:var(--panel);box-shadow:0 8px 18px -8px rgba(197,167,107,.55);transition:background .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;transition:background .2s ease,box-shadow .2s ease,transform .2s ease,-webkit-transform .2s ease}.control-button-primary:hover{background:#d8bc83;background:var(--gold-bright)}.timer-panel .control-button-primary{background:var(--mode-color);box-shadow:0 8px 18px -8px var(--mode-glow)}.timer-panel .control-button-primary:hover{background:var(--mode-color-bright)}.control-button-secondary{min-width:124px;border-color:rgba(244,242,236,.22);background:transparent;color:#f4f2ec;color:var(--ink)}.control-button-secondary:hover{border-color:#c5a76b;border-color:var(--gold);color:#d8bc83;color:var(--gold-bright)}.presets{position:relative;z-index:1;display:flex;flex-wrap:wrap;grid-gap:.6rem;gap:.6rem;align-items:center;padding:1rem clamp(1.5rem,3vw,2.2rem);border-top:1px solid rgba(197,167,107,.18);border-top:1px solid var(--line);border-bottom:1px solid rgba(197,167,107,.18);border-bottom:1px solid var(--line);background:rgba(0,0,0,.18)}.presets-label{color:#d8bc83;color:var(--gold-bright);font-size:.58rem;font-weight:600;letter-spacing:.18em;margin-right:.25rem}.presets-chips{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;flex:1 1}.preset-chip,.preset-chip-saved{display:inline-flex;align-items:center;border:1px solid rgba(244,242,236,.14);background:rgba(244,242,236,.04);color:#f4f2ec;color:var(--ink);border-radius:2px;transition:border-color .2s ease,background .2s ease,color .2s ease,-webkit-transform .2s ease;transition:border-color .2s ease,background .2s ease,transform .2s ease,color .2s ease;transition:border-color .2s ease,background .2s ease,transform .2s ease,color .2s ease,-webkit-transform .2s ease}.preset-chip-saved:hover,.preset-chip:hover{border-color:#c5a76b;border-color:var(--gold);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.preset-chip-saved.is-active,.preset-chip.is-active{border-color:#c5a76b;border-color:var(--gold);background:rgba(197,167,107,.18);color:#d8bc83;color:var(--gold-bright)}.preset-chip,.preset-chip-inner{display:inline-flex;flex-direction:column;grid-gap:.18rem;gap:.18rem;padding:.55rem .85rem;background:transparent;color:inherit;text-align:left}.preset-chip-label{color:#f4f2ec;color:var(--ink);font-size:.85rem;font-weight:600;letter-spacing:.02em;text-transform:none}.preset-chip-label,.preset-chip-sub{font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono)}.preset-chip-sub{color:#a8b6c2;color:var(--white-muted);font-size:.55rem;letter-spacing:.14em}.preset-chip-saved.is-active .preset-chip-label,.preset-chip.is-active .preset-chip-label{color:#d8bc83;color:var(--gold-bright)}.preset-chip-saved{padding-right:.3rem}.preset-chip-remove{display:inline-grid;place-items:center;width:24px;height:24px;margin-left:.3rem;border:none;border-radius:50%;background:transparent;color:#a8b6c2;color:var(--white-muted);font-size:.55rem;transition:background .2s ease,color .2s ease}.preset-chip-remove:hover{background:rgba(244,242,236,.08);color:#d8bc83;color:var(--gold-bright)}.preset-save{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.55rem .9rem;border:1px dashed rgba(197,167,107,.32);border:1px dashed var(--line-strong);background:transparent;color:#d8bc83;color:var(--gold-bright);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border-radius:2px;transition:background .2s ease,border-color .2s ease,color .2s ease}.preset-save:hover:not(:disabled){background:rgba(197,167,107,.12);border-color:#c5a76b;border-color:var(--gold);color:#d8bc83;color:var(--gold-bright)}.preset-save:disabled{opacity:.4;cursor:not-allowed}.settings-panel{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:clamp(.9rem,2vw,1.4rem);gap:clamp(.9rem,2vw,1.4rem);align-items:stretch;padding:clamp(1.2rem,3vw,1.8rem) clamp(1.5rem,3vw,2.2rem)}.settings-section-label-block{grid-column:1/-1;margin-bottom:-.2rem}.lang-toggle{display:inline-flex;align-items:center;grid-gap:0;gap:0;padding:3px;border:1px solid rgba(197,167,107,.18);border:1px solid var(--line);border-radius:999px;background:#0e1f2c;background:var(--surface-deep)}.lang-btn{min-width:32px;padding:.3rem .6rem;border:none;background:transparent;color:#93a0ac;color:var(--ink-muted);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-radius:999px;transition:background .2s ease,color .2s ease}.lang-btn:hover:not(.is-active){color:#f4f2ec;color:var(--ink);background:rgba(244,242,236,.05)}.lang-btn.is-active{color:#0a1828;color:var(--panel);background:#c5a76b;background:var(--gold);box-shadow:0 2px 8px -4px rgba(197,167,107,.55)}.lang-btn:focus-visible{outline:2px solid #c5a76b;outline:2px solid var(--gold);outline-offset:3px}.inline-stepper{display:flex;align-items:center;justify-content:space-between;grid-gap:.85rem;gap:.85rem;padding:.7rem .95rem;border:1px solid rgba(197,167,107,.18);border:1px solid var(--line);background:#0e1f2c;background:var(--surface-deep);border-radius:2px;transition:border-color .2s ease}.inline-stepper:hover{border-color:#c5a76b;border-color:var(--gold)}.inline-stepper-label{color:#d8bc83;color:var(--gold-bright);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:.6rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.inline-stepper-controls{display:inline-flex;align-items:center;grid-gap:.6rem;gap:.6rem}.inline-stepper-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(197,167,107,.32);border:1px solid var(--line-strong);border-radius:50%;background:#13283a;background:var(--surface);color:#f4f2ec;color:var(--ink);font-size:.62rem;transition:background .2s ease,border-color .2s ease,color .2s ease,-webkit-transform .2s ease;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,-webkit-transform .2s ease}.inline-stepper-btn:hover:not(:disabled){border-color:#c5a76b;border-color:var(--gold);background:#c5a76b;background:var(--gold);color:#0a1828;color:var(--panel);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.inline-stepper-btn:disabled{opacity:.32;cursor:not-allowed}.inline-stepper-value{color:#f4f2ec;color:var(--ink);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:1.1rem;font-weight:500;letter-spacing:-.02em;min-width:2.4ch;text-align:center}.toggles-panel{position:relative;z-index:1;display:flex;flex-wrap:wrap;grid-gap:1.5rem 2.25rem;gap:1.5rem 2.25rem;padding:1rem clamp(1.5rem,3vw,2.2rem);border-top:1px solid rgba(197,167,107,.18);border-top:1px solid var(--line);background:rgba(0,0,0,.18)}.toggle{display:flex;align-items:center;grid-gap:.7rem;gap:.7rem;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-track{position:relative;flex-shrink:0;width:32px;height:18px;border:1px solid rgba(244,242,236,.22);border-radius:999px;background:rgba(0,0,0,.25);transition:background .2s ease,border-color .2s ease}.toggle-thumb{position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:#a8b6c2;background:var(--white-muted);transition:background .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,background .2s ease;transition:transform .2s ease,background .2s ease,-webkit-transform .2s ease}.toggle input:checked+.toggle-track{background:rgba(197,167,107,.3);border-color:#c5a76b;border-color:var(--gold)}.toggle input:checked+.toggle-track .toggle-thumb{-webkit-transform:translateX(14px);transform:translateX(14px);background:#d8bc83;background:var(--gold-bright)}.toggle-label{color:#f4f2ec;color:var(--ink);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:.6rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.timer-panel-footer{padding:.85rem clamp(1.5rem,3vw,2.2rem) 1.4rem;color:#a8b6c2;color:var(--white-muted);font-size:.56rem;letter-spacing:.12em}.timer-panel-footer b{padding:0 .3rem;color:#d8bc83;color:var(--gold-bright);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:.85rem;font-weight:400}.timer-panel .timer-panel-footer b{color:var(--mode-color-bright)}.task-list{width:100%;padding:clamp(1.5rem,3vw,2.2rem);border:1px solid rgba(197,167,107,.18);border:1px solid var(--line);background:#13283a;background:var(--surface);box-shadow:0 12px 24px -16px rgba(0,0,0,.4);-webkit-animation:rise-in .75s ease-out .25s both;animation:rise-in .75s ease-out .25s both}.task-list-header{display:flex;align-items:flex-start;justify-content:space-between;grid-gap:1.5rem;gap:1.5rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(197,167,107,.18);border-bottom:1px solid var(--line)}.task-list-header h2{margin:0;color:#f4f2ec;color:var(--ink);font-family:"Fraunces","Source Serif Pro",Georgia,serif;font-family:var(--serif);font-size:clamp(1.35rem,2.2vw,1.7rem);font-weight:500;letter-spacing:-.03em;line-height:1.1}.task-list-header .eyebrow{margin-bottom:.5rem}.task-list-summary{display:flex;flex-direction:column;align-items:flex-end;grid-gap:.2rem;gap:.2rem;color:#f4f2ec;color:var(--ink);font-size:.66rem;font-weight:600;letter-spacing:.12em;text-align:right}.task-list-summary strong{color:#d8bc83;color:var(--gold-bright);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:.95rem;font-weight:700}.task-list-summary .muted{color:#93a0ac;color:var(--ink-muted);font-weight:500}.task-list-summary-pomos{display:inline-flex;align-items:center;grid-gap:.35rem;gap:.35rem}.task-list-summary-icon{color:#c5a76b;color:var(--gold);font-size:.78rem;margin-left:.1rem}.task-add{display:flex;grid-gap:.6rem;gap:.6rem;margin:1.1rem 0 1rem}.task-add-input{flex:1 1;min-width:0;padding:.85rem 1rem;border:1px solid rgba(197,167,107,.18);border:1px solid var(--line);background:#0e1f2c;background:var(--surface-deep);color:#f4f2ec;color:var(--ink);font-size:.92rem;border-radius:2px;transition:border-color .2s ease,background .2s ease}.task-add-input::-webkit-input-placeholder{color:#6c7480;color:var(--muted)}.task-add-input:-ms-input-placeholder{color:#6c7480;color:var(--muted)}.task-add-input::placeholder{color:#6c7480;color:var(--muted)}.task-add-input:focus{outline:none;border-color:#c5a76b;border-color:var(--gold);background:#13283a;background:var(--surface)}.task-add-btn{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:0 1.1rem;border:1px solid #c5a76b;border:1px solid var(--gold);background:#c5a76b;background:var(--gold);color:#0a1828;color:var(--panel);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:2px;transition:background .2s ease,color .2s ease,-webkit-transform .2s ease;transition:background .2s ease,color .2s ease,transform .2s ease;transition:background .2s ease,color .2s ease,transform .2s ease,-webkit-transform .2s ease}.task-add-btn:hover:not(:disabled){background:#d8bc83;background:var(--gold-bright);border-color:#d8bc83;border-color:var(--gold-bright);color:#0a1828;color:var(--panel);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.task-add-btn:disabled{opacity:.4;cursor:not-allowed}.task-empty{margin:1.2rem 0 0;padding:1.4rem;text-align:center;color:#93a0ac;color:var(--ink-muted);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-family:var(--sans);font-size:.8rem;text-transform:none;line-height:1.5;border:1px dashed rgba(197,167,107,.18);border:1px dashed var(--line);background:#0e1f2c;background:var(--surface-deep)}.task-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.task{position:relative;display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;grid-gap:.7rem;gap:.7rem;padding:.85rem .95rem .85rem 1.25rem;border:1px solid rgba(197,167,107,.18);border:1px solid var(--line);background:#0e1f2c;background:var(--surface-deep);border-radius:2px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,-webkit-transform .2s ease;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease,-webkit-transform .2s ease;overflow:hidden}.task:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(180deg,#d8bc83,#c5a76b);background:linear-gradient(180deg,var(--gold-bright),var(--gold));transition:width .2s ease}.task:hover{background:#13283a;background:var(--surface);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.task.is-active,.task:hover{border-color:#c5a76b;border-color:var(--gold)}.task.is-active{background:linear-gradient(90deg,rgba(197,167,107,.12),#0e1f2c 65%);background:linear-gradient(90deg,rgba(197,167,107,.12),var(--surface-deep) 65%);box-shadow:0 6px 14px -8px rgba(197,167,107,.4)}.task.is-active:before{width:3px}.task.is-done{opacity:.5}.task.is-done:before{width:0}.task.is-done .task-text{text-decoration:line-through;color:#6c7480;color:var(--muted)}.task-active-toggle{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid transparent;background:transparent;color:#93a0ac;color:var(--ink-muted);font-size:.95rem;border-radius:50%;transition:color .2s ease,background .2s ease,border-color .2s ease,-webkit-transform .2s ease;transition:color .2s ease,transform .2s ease,background .2s ease,border-color .2s ease;transition:color .2s ease,transform .2s ease,background .2s ease,border-color .2s ease,-webkit-transform .2s ease;flex-shrink:0}.task-active-toggle:hover:not(:disabled){color:#c5a76b;color:var(--gold);background:rgba(197,167,107,.14);border-color:rgba(197,167,107,.32);border-color:var(--line-strong);-webkit-transform:scale(1.08);transform:scale(1.08)}.task-active-toggle:disabled{cursor:not-allowed;opacity:.45}.task-active-toggle.is-active{color:#d8bc83;color:var(--gold-bright);background:rgba(197,167,107,.18);border-color:#c5a76b;border-color:var(--gold)}.task-active-toggle.is-active:hover:not(:disabled){background:rgba(197,167,107,.28);border-color:#d8bc83;border-color:var(--gold-bright)}.task-body-button{display:flex;flex-direction:column;align-items:stretch;grid-gap:.4rem;gap:.4rem;min-width:0;padding:.25rem .55rem;margin:-.25rem -.55rem;border:none;background:transparent;border-radius:2px;text-align:left;cursor:pointer;color:inherit;font:inherit;transition:background .18s ease}.task-body-button:hover:not(:disabled){background:rgba(197,167,107,.08)}.task-body-button:disabled{cursor:default}.task-body-button.is-active{background:rgba(197,167,107,.1)}.task-body-button:hover:not(:disabled).is-active{background:rgba(197,167,107,.18)}.task-text-row{display:flex;align-items:center;grid-gap:.55rem;gap:.55rem;min-width:0}.task-active-badge{display:inline-flex;align-items:center;grid-gap:.3rem;gap:.3rem;padding:.15rem .45rem;border:1px solid #c5a76b;border:1px solid var(--gold);background:rgba(197,167,107,.16);color:#d8bc83;color:var(--gold-bright);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:.52rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-radius:999px;flex-shrink:0}.task-active-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:#d8bc83;background:var(--gold-bright);box-shadow:0 0 0 3px rgba(197,167,107,.22)}.task-check{display:grid;place-items:center;width:22px;height:22px;border:1px solid #93a0ac;border:1px solid var(--ink-muted);border-radius:50%;background:transparent;color:transparent;font-size:.6rem;transition:background .2s ease,color .2s ease,border-color .2s ease}.task-check:hover,.task.is-done .task-check{border-color:#c5a76b;border-color:var(--gold)}.task.is-done .task-check{background:#c5a76b;background:var(--gold);color:#0a1828;color:var(--panel)}.task-body{display:flex;flex-direction:column;grid-gap:.4rem;gap:.4rem;min-width:0}.task-text{color:#f4f2ec;color:var(--ink);font-size:.92rem;font-weight:500;letter-spacing:-.005em;overflow-wrap:anywhere}.task-progress{width:100%;height:2px;background:rgba(197,167,107,.18);background:var(--line);overflow:hidden}.task-progress span{display:block;height:100%;background:linear-gradient(90deg,#d8bc83,#c5a76b);background:linear-gradient(90deg,var(--gold-bright),var(--gold));transition:width .3s ease}.task-estimate{display:inline-flex;align-items:center;grid-gap:.4rem;gap:.4rem;padding:.25rem .55rem;border:1px solid rgba(197,167,107,.18);border:1px solid var(--line);background:#13283a;background:var(--surface);border-radius:999px}.task-estimate-btn{display:grid;place-items:center;width:20px;height:20px;border:none;border-radius:50%;background:transparent;color:#93a0ac;color:var(--ink-muted);font-size:.55rem;transition:background .2s ease,color .2s ease}.task-estimate-btn:hover:not(:disabled){background:#c5a76b;background:var(--gold);color:#0a1828;color:var(--panel)}.task-estimate-btn:disabled{opacity:.3;cursor:not-allowed}.task-estimate-count{display:inline-flex;align-items:center;grid-gap:.15rem;gap:.15rem;color:#f4f2ec;color:var(--ink);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.04em}.task-estimate-sep{font-weight:400}.task-estimate-sep,.task-remove{color:#93a0ac;color:var(--ink-muted)}.task-remove{display:grid;place-items:center;width:26px;height:26px;border:none;border-radius:50%;background:transparent;font-size:.7rem;transition:background .2s ease,color .2s ease}.task-remove:hover{background:rgba(197,167,107,.18);color:#d8bc83;color:var(--gold-bright)}.site-footer{display:flex;justify-content:space-between;align-items:center;grid-gap:1rem;gap:1rem;min-height:72px;padding-bottom:.5rem;border-top:1px solid rgba(197,167,107,.18);border-top:1px solid var(--line);color:#93a0ac;color:var(--ink-muted);font-family:"IBM Plex Mono","JetBrains Mono",monospace;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.site-footer a{color:#f4f2ec;color:var(--ink);transition:color .2s ease}.site-footer a:hover{color:#d8bc83;color:var(--gold-bright)}.footer-divider{color:rgba(197,167,107,.18);color:var(--line)}@-webkit-keyframes rise-in{0%{opacity:0;-webkit-transform:translateY(14px);transform:translateY(14px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes rise-in{0%{opacity:0;-webkit-transform:translateY(14px);transform:translateY(14px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse-track{0%,to{opacity:.65}50%{opacity:1}}@keyframes pulse-track{0%,to{opacity:.65}50%{opacity:1}}@media (max-width:720px){.task-items{grid-template-columns:1fr}}@media (max-width:600px){.app-shell{padding:0 1.15rem}.site-header{min-height:72px}.header-code:not(.system-status),.header-divider{display:none}.workspace{grid-gap:1.5rem;gap:1.5rem;padding-top:1.5rem;padding-bottom:2rem}.intro h1{font-size:clamp(1.7rem,8vw,2.4rem)}.intro-lede{font-size:.85rem}.timer-value{font-size:clamp(4rem,18vw,7rem)}.control-button-primary{min-width:0;flex:1 1}.control-button-secondary{min-width:110px}.settings-panel{grid-template-columns:1fr}.task-list-header{flex-direction:column;grid-gap:.8rem;gap:.8rem}.task-list-summary{flex-direction:row;align-items:center;grid-gap:1rem;gap:1rem;align-self:flex-start}.task{grid-template-columns:auto auto 1fr auto}.task-remove{grid-column:3;grid-row:1}.site-footer{min-height:84px;flex-direction:column;align-items:flex-start;justify-content:center;grid-gap:.5rem;gap:.5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.ef159f74.chunk.css.map */