:root{--paper:#fff9f1;--ink:#2b2a29;--muted:#7c6f65;--line:#d9c5ad;--accent:#b86f2f;--accent-soft:#f6e5d3;--danger:#f55144;--running-bg:linear-gradient(180deg, #f4fff6 0%, #dff5e4 100%);--running-line:#9dc9aa;--paused-bg:linear-gradient(180deg, #fff8e8 0%, #f9e2bc 100%);--paused-line:#e3c07e;color:var(--ink);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-family:Space Grotesk,Segoe UI,Tahoma,sans-serif}*{box-sizing:border-box}body{background:#f5f6f8;place-items:center;min-height:100vh;margin:0;padding:18px;display:grid}body.mode-light{background:#f5f6f8}body.mode-dark{background:#151922}body.mode-light.theme-standard{background:radial-gradient(circle at 18% 14%,#fff7e69e 0%,#fff7e600 36%),repeating-linear-gradient(12deg,#9d7d5d0a 0 2px,#fff0 2px 6px),linear-gradient(160deg,#f4ece2 0%,#e7dacb 100%)}body.mode-dark.theme-standard{background:radial-gradient(circle at 18% 12%,#bf834a29 0%,#bf834a00 34%),repeating-linear-gradient(14deg,#ffe1c409 0 2px,#fff0 2px 7px),linear-gradient(160deg,#221b16 0%,#18120f 100%)}body.mode-light.theme-retro-8bit{background:#f3f3f3}body.mode-dark.theme-retro-8bit{background:#11131a}body.mode-light.theme-glass{background:radial-gradient(circle at 16% 14%,#ffffffa6 0%,#fff0 30%),linear-gradient(160deg,#dbe7f2 0%,#b4cbe0 52%,#95b5d3 100%)}body.mode-dark.theme-glass{background:radial-gradient(circle at 82% 20%,#7ba7d23d 0%,#7ba7d200 30%),linear-gradient(160deg,#091320 0%,#0e1f31 52%,#12314b 100%)}#app{width:min(350px,100vw - 16px);height:auto}.app-frame{isolation:isolate;width:100%;height:auto;position:relative}.alarm-backdrop{pointer-events:none;opacity:0;z-index:20;background:radial-gradient(circle at 12% 12%,#ffe2bb0f 0%,#ffe2bb00 22%,#0000 40%),radial-gradient(circle at 86% 82%,#ffffff14 0%,#fff0 26%,#0000 40%),linear-gradient(148deg,#ff3b30 0%,#ff8f7d 52%,#ffd0c4 100%);position:fixed;inset:0}.alarm-backdrop.is-active.is-lit{opacity:1}.shell{border:1px solid var(--paused-line);background:var(--paused-bg);z-index:1;border-radius:16px;grid-template-rows:auto auto auto auto auto;gap:7px;width:100%;height:auto;padding:11px;display:grid;position:relative;box-shadow:0 8px 18px #4e382429}.shell.is-running{background:var(--running-bg);border-color:var(--running-line)}.shell.is-paused{background:var(--paused-bg);border-color:var(--paused-line)}.shell.time-up{background:linear-gradient(#ffd5cd 0%,#ff8e7f 100%);border-color:#d41818;animation:.32s step-end infinite flashScreen}body.mode-dark .app-frame.theme-standard .shell{background:linear-gradient(#ffe5ca0f 0%,#ffe5ca00 28%),repeating-linear-gradient(10deg,#ffe0bc07 0 2px,#fff0 2px 7px),linear-gradient(#3a2d24 0%,#2d221c 100%);border-color:#8f7159;box-shadow:0 12px 28px #0a07059e}body.mode-dark .app-frame.theme-standard .shell.is-running{background:linear-gradient(#2e3a2f 0%,#232d24 100%);border-color:#7f9c75}body.mode-dark .app-frame.theme-standard .shell.is-paused{background:linear-gradient(#403027 0%,#31251f 100%);border-color:#94755f}body.mode-dark .app-frame.theme-standard .mode{color:#f0c28d}body.mode-dark .app-frame.theme-standard .clock,body.mode-dark .app-frame.theme-standard .btn,body.mode-dark .app-frame.theme-standard .ghost,body.mode-dark .app-frame.theme-standard .settings input,body.mode-dark .app-frame.theme-standard .theme-select,body.mode-dark .app-frame.theme-standard .mode-toggle{color:#f7eadf}body.mode-dark .app-frame.theme-standard .session,body.mode-dark .app-frame.theme-standard .status,body.mode-dark .app-frame.theme-standard .guide,body.mode-dark .app-frame.theme-standard .muted,body.mode-dark .app-frame.theme-standard .version,body.mode-dark .app-frame.theme-standard .privacy-link,body.mode-dark .app-frame.theme-standard .settings label{color:#dfc9b4}body.mode-dark .app-frame.theme-standard .btn,body.mode-dark .app-frame.theme-standard .ghost,body.mode-dark .app-frame.theme-standard .settings input,body.mode-dark .app-frame.theme-standard .theme-select,body.mode-dark .app-frame.theme-standard .mode-toggle{background:linear-gradient(#ffddb714 0%,#ffddb700 36%),#2a1f19eb;border-color:#96745a}body.mode-dark .app-frame.theme-standard .btn-break{background:#5c3c25e6;border-color:#b9916d}body.mode-light .app-frame.theme-standard .shell{background:linear-gradient(#ffffff8a 0%,#fff0 36%),repeating-linear-gradient(11deg,#ad8b680f 0 2px,#fff0 2px 6px),linear-gradient(#fff6ea 0%,#f2e2cd 100%);border-color:#cfb59a;box-shadow:0 10px 22px #57392133}body.mode-light .app-frame.theme-standard .shell.is-running{background:linear-gradient(#f1f5e8 0%,#dce7cd 100%);border-color:#9eb487}body.mode-light .app-frame.theme-standard .shell.is-paused{background:linear-gradient(#fff6ea 0%,#f2e2cd 100%);border-color:#cfb59a}body.mode-light .app-frame.theme-standard .btn,body.mode-light .app-frame.theme-standard .ghost,body.mode-light .app-frame.theme-standard .settings input,body.mode-light .app-frame.theme-standard .theme-select,body.mode-light .app-frame.theme-standard .mode-toggle{background:linear-gradient(#ffffffbf 0%,#ffffff2e 100%),#fff8ef;border-color:#cfb59a}body.mode-light .app-frame.theme-standard .btn-break{background:#f9e1c8;border-color:#d7aa7d}body.mode-light .app-frame.theme-standard .clock{text-shadow:0 1px #ffffffd9}body.mode-dark .app-frame.theme-standard .clock{text-shadow:0 1px #0000008c}body.mode-dark .theme-select select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body.mode-dark .theme-select select option{color:#f7eadf;background:#1f1814}body.mode-dark .app-frame.theme-retro-8bit .theme-select select option{color:#f1f1f1;background:#2b2b2b}body.mode-dark .app-frame.theme-glass .theme-select select option{color:#f1f7ff;background:#112338}header{justify-content:space-between;align-items:baseline;display:flex}.mode{text-transform:uppercase;letter-spacing:.24em;color:var(--accent);margin:0;font-size:10px;font-weight:700}.session{color:var(--muted);margin:0;font-size:11px}.status{color:var(--muted);margin:0;font-size:9px;line-height:1.1}.clock{text-align:center;letter-spacing:.04em;font-variant-numeric:tabular-nums;margin:0;font-size:52px;font-weight:700;line-height:1}.controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.btn,.ghost{border:1px solid var(--line);height:30px;color:var(--ink);letter-spacing:.03em;cursor:pointer;background:#fff;border-radius:9px;font-size:11px;font-weight:600}.btn-break{background:var(--accent-soft);border-color:#e7b98e}.btn:disabled{cursor:not-allowed;opacity:.52}.settings{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.settings label{color:var(--muted);gap:2px;font-size:10px;display:grid}.settings input{border:1px solid var(--line);text-align:center;width:100%;min-width:0;height:24px;color:var(--ink);background:#fff;border-radius:7px;font-size:11px}.utility{align-self:auto;gap:2px;display:grid}.utility-actions{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:3px;display:grid}.ghost{white-space:normal;text-align:center;background:0 0;place-items:center;width:100%;min-width:0;height:34px;padding:3px 5px;font-size:9px;line-height:1.05;display:grid}.guide{color:var(--muted);margin:0;font-size:8px;line-height:1.1}.footer-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.footer-links{align-items:center;gap:8px;display:flex}.privacy-link{color:var(--muted);font-size:8px;line-height:1;text-decoration:underline}.mode-toggle{border:1px solid var(--line);height:18px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:0 8px;font-size:8px;font-weight:700;line-height:1}.version{color:var(--muted);text-align:right;margin:0;font-size:8px;line-height:1}.muted{color:var(--muted);margin:0;font-size:10px}.theme-select{border:1px solid var(--line);width:100%;min-width:0;height:34px;color:var(--ink);letter-spacing:.03em;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:0;padding:0 5px;font-size:9px;font-weight:700;display:flex}.theme-select span{display:none}.theme-select select{width:100%;min-width:0;height:100%;color:inherit;font:inherit;text-transform:none;letter-spacing:0;appearance:none;cursor:pointer;text-overflow:ellipsis;text-align:center;text-align-last:center;background:0 0;border:0;outline:none;display:block}.utility-actions>.muted{grid-column:span 2;align-self:center}.btn:focus-visible,.ghost:focus-visible,.settings input:focus-visible,.theme-select:focus-within,.mode-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@keyframes flashScreen{0%,50%,to{background:linear-gradient(#fff8e8 0%,#f9e2bc 100%);transform:scale(1);box-shadow:inset 0 0 0 200vmax #f5514400,0 8px 18px #4e382429}51%,99%{background:linear-gradient(#ffd5cd 0%,#ff8e7f 100%);transform:scale(1.01);box-shadow:inset 0 0 0 200vmax #dc1e0eeb,0 0 0 3px #fff5f5d9,0 8px 18px #4e382429}}.app-frame.theme-retro-8bit{font-family:MS Sans Serif,Segoe UI,sans-serif}.app-frame.theme-retro-8bit .alarm-backdrop{background:repeating-linear-gradient(0deg,#ffffff14 0 2px,#fff0 2px 4px),linear-gradient(#7b0000 0%,#ff3b30 100%)}.app-frame.theme-retro-8bit .shell{background:silver;border:2px solid #000;border-radius:0;padding:8px;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.app-frame.theme-retro-8bit header{background:linear-gradient(90deg,navy 0%,#1084d0 100%);align-items:center;margin:-8px -8px 4px;padding:4px 6px}.app-frame.theme-retro-8bit .mode,.app-frame.theme-retro-8bit .session{color:#fff;letter-spacing:.08em;font-size:11px}.app-frame.theme-retro-8bit .clock{color:#111;background:#efefef;border:2px solid #fff;border-color:gray #fff #fff gray;padding:8px 0;font-family:Courier New,monospace;box-shadow:inset 1px 1px #000}.app-frame.theme-retro-8bit .btn,.app-frame.theme-retro-8bit .ghost,.app-frame.theme-retro-8bit .theme-select{color:#111;text-transform:none;letter-spacing:0;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;border-radius:0;font-family:MS Sans Serif,Segoe UI,sans-serif;box-shadow:inset -1px -1px gray,inset 1px 1px #dfdfdf}.app-frame.theme-retro-8bit .btn:active,.app-frame.theme-retro-8bit .ghost:active{border-color:#000 #fff #fff #000;box-shadow:inset 1px 1px gray}.app-frame.theme-retro-8bit .btn-break{background:silver;border-color:#fff #000 #000 #fff}.app-frame.theme-retro-8bit .settings label,.app-frame.theme-retro-8bit .status,.app-frame.theme-retro-8bit .guide,.app-frame.theme-retro-8bit .version,.app-frame.theme-retro-8bit .privacy-link,.app-frame.theme-retro-8bit .mode-toggle,.app-frame.theme-retro-8bit .muted{color:#111}.app-frame.theme-retro-8bit .mode-toggle{background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;border-radius:0;height:18px;box-shadow:inset -1px -1px gray,inset 1px 1px #dfdfdf}.app-frame.theme-retro-8bit .settings input{color:#111;background:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;border-radius:0;font-family:Courier New,monospace;box-shadow:inset 1px 1px #000}.app-frame.theme-retro-8bit .theme-select select{font-family:MS Sans Serif,Segoe UI,sans-serif}.app-frame.theme-retro-8bit .shell.time-up{background:silver;border-color:#000}body.mode-dark .app-frame.theme-retro-8bit .shell{background:#1f1f1f;border-color:#000;box-shadow:inset -1px -1px #000,inset 1px 1px #5f5f5f,inset -2px -2px #161616,inset 2px 2px #7a7a7a}body.mode-dark .app-frame.theme-retro-8bit header{background:linear-gradient(90deg,#08164a 0%,#0d5a98 100%)}body.mode-dark .app-frame.theme-retro-8bit .clock{color:#d9e8ff;background:#0e0e0e;border-color:#3a3a3a #b8b8b8 #b8b8b8 #3a3a3a}body.mode-dark .app-frame.theme-retro-8bit .btn,body.mode-dark .app-frame.theme-retro-8bit .ghost,body.mode-dark .app-frame.theme-retro-8bit .theme-select,body.mode-dark .app-frame.theme-retro-8bit .mode-toggle{color:#f1f1f1;background:#2b2b2b;border-color:#b7b7b7 #050505 #050505 #b7b7b7;box-shadow:inset -1px -1px #141414,inset 1px 1px #636363}body.mode-dark .app-frame.theme-retro-8bit .settings input{color:#f1f1f1;background:#111;border-color:#3b3b3b #b7b7b7 #b7b7b7 #3b3b3b}body.mode-dark .app-frame.theme-retro-8bit .settings label,body.mode-dark .app-frame.theme-retro-8bit .status,body.mode-dark .app-frame.theme-retro-8bit .guide,body.mode-dark .app-frame.theme-retro-8bit .version,body.mode-dark .app-frame.theme-retro-8bit .privacy-link,body.mode-dark .app-frame.theme-retro-8bit .muted{color:#d0d0d0}.app-frame.theme-glass{--glass-ink:#203243;--glass-muted:#4e6477;--glass-line:#ffffff75;--glass-panel:#f6faff6b;--glass-panel-strong:#ffffff9e;--glass-running:linear-gradient(160deg, #e2f6f0b8 0%, #ccece580 100%);--glass-paused:linear-gradient(160deg, #f1f6ffbd 0%, #dce8f780 100%);--glass-focus:#267ecf;--glass-mode:#194f7d;--glass-clock-shadow:0 1px 0 #ffffffe6;--glass-shadow:0 14px 34px #172d4738}body.mode-dark .app-frame.theme-glass{--glass-ink:#f0f7ff;--glass-muted:#d0def0;--glass-line:#b8d8f28f;--glass-panel:#0a1624b8;--glass-panel-strong:#122336d6;--glass-running:linear-gradient(160deg, #18534bdb 0%, #0e3530c7 100%);--glass-paused:linear-gradient(160deg, #14283ee0 0%, #0f1f31cc 100%);--glass-focus:#7ec6ff;--glass-mode:#b0dcff;--glass-clock-shadow:0 1px 0 #0000009e;--glass-shadow:0 20px 40px #0208109e}.app-frame.theme-glass .alarm-backdrop{background:radial-gradient(circle at 20% 14%,#ffffff6b 0%,#fff0 30%),radial-gradient(circle at 82% 78%,#a3caf070 0%,#a3caf000 36%),linear-gradient(140deg,#afcadf 0%,#7ca3c7 46%,#5f88ae 100%)}.app-frame.theme-glass .shell{border:1px solid var(--glass-line);background:var(--glass-paused);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(12px)saturate(124%);backdrop-filter:blur(12px)saturate(124%);border-radius:18px}.app-frame.theme-glass .shell.is-running{background:var(--glass-running);border-color:#ecfff8a3}.app-frame.theme-glass .shell.is-paused{background:var(--glass-paused);border-color:var(--glass-line)}.app-frame.theme-glass .shell.time-up{background:linear-gradient(160deg,#ffc4badb 0%,#ff9a8cc7 100%);border-color:#ffe4e0b3;box-shadow:inset 0 0 0 1px #fff5f3bf,0 16px 30px #741f174d}.app-frame.theme-glass .mode{color:var(--glass-mode)}.app-frame.theme-glass .clock{color:var(--glass-ink);text-shadow:var(--glass-clock-shadow)}.app-frame.theme-glass .session,.app-frame.theme-glass .status,.app-frame.theme-glass .guide,.app-frame.theme-glass .version,.app-frame.theme-glass .privacy-link,.app-frame.theme-glass .muted,.app-frame.theme-glass .settings label{color:var(--glass-muted)}.app-frame.theme-glass .btn,.app-frame.theme-glass .ghost,.app-frame.theme-glass .settings input,.app-frame.theme-glass .theme-select,.app-frame.theme-glass .mode-toggle{border:1px solid var(--glass-line);background:var(--glass-panel);color:var(--glass-ink);-webkit-backdrop-filter:blur(8px)saturate(120%);backdrop-filter:blur(8px)saturate(120%);box-shadow:inset 0 1px #ffffffc7,0 6px 12px #24436024}.app-frame.theme-glass .btn-break{background:var(--glass-panel-strong);border-color:var(--glass-line)}.app-frame.theme-glass .btn:hover:not(:disabled),.app-frame.theme-glass .ghost:hover,.app-frame.theme-glass .mode-toggle:hover,.app-frame.theme-glass .theme-select:hover{background:#ffffff8a;border-color:#ffffffbf}.app-frame.theme-glass .btn:active:not(:disabled),.app-frame.theme-glass .ghost:active,.app-frame.theme-glass .mode-toggle:active{transform:translateY(1px)}.app-frame.theme-glass .theme-select select{color:var(--glass-ink)}.app-frame.theme-glass .settings input{text-align:center}.app-frame.theme-glass .btn:focus-visible,.app-frame.theme-glass .ghost:focus-visible,.app-frame.theme-glass .settings input:focus-visible,.app-frame.theme-glass .theme-select:focus-within,.app-frame.theme-glass .mode-toggle:focus-visible{outline:2px solid var(--glass-focus);outline-offset:1px}@media (width<=360px),(height<=260px){.clock{font-size:46px}.btn{font-size:11px}.guide{font-size:7px}}@media (prefers-reduced-motion:reduce){.alarm-backdrop.is-active.is-lit{opacity:1}.shell.time-up{background:linear-gradient(#ffd5cd 0%,#ff8e7f 100%);animation:none;box-shadow:inset 0 0 0 200vmax #dc1e0ebf,0 8px 18px #4e382429}}