:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #f4f0e8;--surface: #fffaf1;--text: #202322;--muted: #656a66;--line: rgba(32, 35, 34, .18);--accent: #e5553f;--accent-text: #fffaf7;--area-empty: #e4dddd;--fill: #e7656c;--fill-edge: #ffc1c4;--shadow: 0 16px 50px rgba(50, 43, 32, .16)}:root[data-theme=dark]{--bg: #151718;--surface: #1d2021;--text: #f1ede4;--muted: #a7aca8;--line: rgba(241, 237, 228, .18);--accent: #f06b55;--accent-text: #171818;--area-empty: #2b2223;--fill: #e7656c;--fill-edge: #ffc1c4;--shadow: 0 16px 50px rgba(0, 0, 0, .38)}@media(prefers-color-scheme:dark){:root[data-theme=system]{--bg: #151718;--surface: #1d2021;--text: #f1ede4;--muted: #a7aca8;--line: rgba(241, 237, 228, .18);--accent: #f06b55;--accent-text: #171818;--area-empty: #2b2223;--fill: #e7656c;--fill-edge: #ffc1c4;--shadow: 0 16px 50px rgba(0, 0, 0, .38)}}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-width:320px;min-height:100svh;overflow:hidden;background:var(--bg);color:var(--text)}button,select,input{font:inherit}button,select{min-height:44px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text)}button{padding:.65rem 1rem;cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:hover{border-color:var(--accent)}button.primary,button.selected{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}button.danger{border-color:var(--accent);color:var(--accent)}.icon-button{display:inline-grid;width:48px;min-height:48px;place-items:center;padding:0}.icon-button svg{width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.pause-resume svg path:first-child{fill:currentColor;stroke:none}#app{position:relative;min-height:100svh;background:var(--bg)}.timer-pane,.area-pane{position:relative;min-width:0;min-height:0;overflow:hidden}.timer-pane{position:absolute;z-index:2;inset:0;container-type:size;padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}.app-name{position:absolute;z-index:3;top:max(1rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));display:flex;align-items:center;gap:.55rem;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);font-size:1.05rem;font-weight:800;letter-spacing:-.02em;line-height:1}.app-name:disabled{cursor:default;opacity:1}#app[data-status=finished] .app-name{cursor:pointer}#app[data-status=finished] .app-name:hover{opacity:.72}.app-name__wordmark{display:inline-flex}.app-name__pace{color:var(--text)}.app-name__timer{color:var(--accent)}.app-name:before{width:.3rem;height:1.15rem;border-radius:999px;background:var(--accent);content:""}.time{position:absolute;z-index:2;top:46%;left:50%;padding:.08em .18em .14em;border:1px solid rgba(255,255,255,.2);border-radius:.2em;background:#0a0d0cc7;box-shadow:0 .08em .35em #0000004d;color:#fff;font-size:clamp(4rem,min(22cqi,36cqb),15rem);font-weight:650;font-variant-numeric:tabular-nums;line-height:.9;letter-spacing:-.07em;white-space:nowrap;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.idle-controls{position:absolute;z-index:3;bottom:max(1.25rem,env(safe-area-inset-bottom));left:50%;display:grid;gap:.8rem;width:min(calc(100% - 2.5rem),34rem);padding:.8rem;border:1px solid rgba(255,255,255,.2);border-radius:1.25rem;background:#0a0d0cc7;color:#fff;box-shadow:var(--shadow);transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.control-section{display:grid;gap:.4rem}.control-label{margin:0 .2rem;color:#ffffffad;font-size:.75rem;font-weight:650;letter-spacing:.06em}.presets{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.presets button{min-height:50px;font-size:1.05rem;font-weight:650}.adjustments{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.adjustment-group{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.adjustment-group button{padding-inline:.35rem;font-size:.88rem}.seconds-adjustment{display:none}#app[data-show-seconds=true] .seconds-adjustment{display:block}#app[data-show-seconds=false] .adjustment-group{grid-template-columns:repeat(2,1fr)}.start{width:100%;font-size:1.1rem}.settings-toggle{position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right))}.settings-panel{position:absolute;z-index:6;top:calc(max(1rem,env(safe-area-inset-top)) + 3.3rem);right:max(1rem,env(safe-area-inset-right));width:min(22rem,calc(100% - 2rem));padding:3.5rem 1rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:1.25rem;background:#0a0d0cc7;color:#fff;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.settings-close{position:absolute;top:.75rem;right:.75rem;width:44px;min-height:44px;padding:0;border-color:transparent;background:transparent;color:#ffffff9e;font-size:1.25rem;line-height:1}.settings-close:hover{border-color:#ffffff2e;color:#fff}.settings-close svg{width:1rem;height:1rem}.settings-panel h2{position:absolute;top:1rem;left:1rem;margin:0;font-size:1.05rem;line-height:1.5}.settings-panel label{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:1rem}.settings-panel input{width:1.4rem;height:1.4rem;accent-color:var(--accent)}.settings-panel select{padding:0 .8rem}.settings-note{margin:.5rem 0 0;color:#ffffffb8;font-size:.85rem}.interface-backdrop{position:absolute;z-index:4;inset:0;background:#14141414;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.area-pane{position:absolute;z-index:1;inset:0;background:var(--bg)}.remaining-area{position:absolute;inset:auto 0 0;width:100%;height:var(--remaining, 100%);background:var(--bg);box-shadow:none;transition:height .24s linear,width .24s linear}#app[data-status=running] .area-pane,#app[data-status=paused] .area-pane,#app[data-status=finished] .area-pane{background:var(--area-empty)}#app[data-status=running] .remaining-area,#app[data-status=paused] .remaining-area,#app[data-status=finished] .remaining-area{background:var(--fill);box-shadow:inset 0 5px 0 var(--fill-edge)}.run-overlay{position:absolute;z-index:5;bottom:max(1.25rem,env(safe-area-inset-bottom));left:50%;grid-template-columns:repeat(3,3.5rem);gap:.8rem;padding:.8rem;border:1px solid rgba(255,255,255,.2);border-radius:1.25rem;background:#0a0d0cc7;box-shadow:var(--shadow);transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.run-overlay .icon-button{width:3.5rem;min-height:3.5rem}.run-overlay:not([hidden]){display:grid}.finished-controls{position:absolute;z-index:3;bottom:max(2rem,env(safe-area-inset-bottom));left:50%;width:min(calc(100% - 2.5rem),18rem);padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:1.25rem;background:#0a0d0cc7;color:#fff;text-align:left;box-shadow:var(--shadow);transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.finished-controls:not([hidden]){display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem}.finished-controls p{margin:0;font-size:1.65rem;font-weight:800;letter-spacing:-.03em}.finished-controls .icon-button{width:3.25rem;min-height:3.25rem}#app[data-status=running],#app[data-status=paused]{cursor:pointer}#app[data-status=running] .time,#app[data-status=paused] .time,#app[data-status=finished] .time{font-size:clamp(4rem,min(31cqi,72cqb),24rem)}#app[data-status=finished] .time{animation:time-up-pulse 2.05s linear 1;border-color:var(--accent);background:var(--accent);box-shadow:none;color:var(--accent-text)}@keyframes time-up-pulse{0%,23%,35%,58%,70%,94%,to{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}24%,34%,59%,69%,95%,99%{border-color:#fff3;background:#0a0d0cc7;color:#fff}}#app[data-status=finished] .area-pane,#app[data-status=finished] .remaining-area{background:var(--bg);box-shadow:none}[hidden]{display:none!important}@media(min-aspect-ratio:11 / 10){#app[data-status=idle] .time{top:31%;font-size:clamp(3.5rem,min(18cqi,25cqb),11rem)}#app:not([data-status=idle]) .time{top:54%}.remaining-area{inset:0 auto 0 0;width:var(--remaining, 100%);height:100%}#app[data-status=running] .remaining-area,#app[data-status=paused] .remaining-area,#app[data-status=finished] .remaining-area{box-shadow:inset -5px 0 0 var(--fill-edge)}}@media(max-width:560px){.timer-pane{padding:1rem}.idle-controls{gap:.5rem}.presets,.adjustments{gap:.35rem}.adjustment-group{gap:.25rem}.adjustment-group button{padding-inline:.2rem;font-size:.78rem}button{padding-inline:.6rem}}@media(prefers-reduced-motion:reduce){.remaining-area{transition:none}#app[data-status=finished] .time{animation:none}}