:root{--bg:#f4f7f6;--surface:#fff;--border:#dde6e3;--text:#13201d;--muted:#5d6e6a;--accent:#0f8a78;--accent-strong:#0b6f61;--accent-soft:#d8efea;--on-accent:#fff;--track:#e3ebe9;--danger:#b3261e;--break-bg-1:#0d3b36;--break-bg-2:#071f1d;--break-text:#eaf6f3;--break-muted:#9fc3bb;--break-accent:#5fd6c1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root{--bg:#111716;--surface:#182120;--border:#26322f;--text:#e6efec;--muted:#93a6a1;--accent:#3cc2ab;--accent-strong:#5fd6c1;--accent-soft:#1d3632;--on-accent:#06201c;--track:#24302d;--danger:#ff8a80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);-webkit-user-select:none;user-select:none;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.main{flex-direction:column;gap:14px;height:100%;padding:18px 18px 14px;display:flex;overflow-y:auto}.main.loading{color:var(--muted);justify-content:center;align-items:center}.brand{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:650}.brand p{color:var(--muted);margin:2px 0 0;font-size:12px}.logo{flex:none;width:38px;height:38px}.logo-bg{fill:var(--accent)}.logo-iris{fill:#0f8a78}.timer{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:18px 16px 16px;display:flex}.ring{flex:none;position:relative}.ring svg{display:block}.ring-track{fill:none;stroke:var(--track)}.ring-fill{fill:none;stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .9s linear}.ring-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:44px;font-weight:600;line-height:1.05}.caption{color:var(--muted);margin-top:4px;font-size:12px}.is-paused .ring-fill{stroke:var(--muted)}.is-paused .time{color:var(--muted)}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:84px;padding:8px 14px;font-weight:550;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover:not(:disabled){background:var(--accent-strong)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){color:var(--text);border-color:var(--border)}.stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stats div{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:10px 12px;display:flex}.stats strong{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.stats span{color:var(--muted);font-size:12px}.settings{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:4px 14px}.settings h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:10px 0 2px;font-size:11px;font-weight:600}.row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.row:last-of-type{border-bottom:0}.number{align-items:center;gap:6px;display:inline-flex}.number input{border:1px solid var(--border);background:var(--bg);width:64px;color:var(--text);font:inherit;text-align:right;font-variant-numeric:tabular-nums;border-radius:8px;padding:5px 8px}.number input:focus{border-color:var(--accent);outline:none}.number em{color:var(--muted);width:24px;font-size:12px;font-style:normal}.segmented{background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:2px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:4px 9px;font-size:12px}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000001f}.switch{background:var(--track);border:0;border-radius:11px;width:38px;height:22px;padding:0;transition:background .15s;position:relative}.switch i{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true] i{transform:translate(16px)}.row small{color:var(--muted);max-width:230px;margin-top:1px;font-size:11.5px;line-height:1.35;display:block}.row:has(small){padding:8px 0}.btn.small{min-width:64px;padding:5px 12px;font-size:13px}.status{color:var(--accent);font-size:13px;font-style:normal;font-weight:600}.switch:disabled{opacity:.4}.main.waiting{text-align:center;justify-content:center}.waiting h1{margin:0;font-size:18px}.waiting p{color:var(--muted);margin:0}footer{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:8px;margin-top:auto;font-size:11.5px;display:flex}.float{justify-content:center;align-items:center;gap:16px;height:100%;padding:12px 16px;display:flex}.float .time{font-size:24px}.float-info{flex-direction:column;gap:10px;display:flex}.float .caption{margin:0;font-size:12.5px}.float .actions{flex-wrap:nowrap;justify-content:flex-start}.float .btn{min-width:0;padding:6px 10px;font-size:13px}.break{height:100%;color:var(--break-text);background:radial-gradient(ellipse at 50% 35%, var(--break-bg-1), var(--break-bg-2) 75%);--text:var(--break-text);--muted:var(--break-muted);--accent:var(--break-accent);--track:#ffffff1a;--border:#ffffff2e;--surface:#ffffff0f;justify-content:center;align-items:center;padding:24px;display:flex}.break-card{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:560px;animation:.5s ease-out rise;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--break-accent);margin:0;font-size:12px;font-weight:600}.break h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:34px;font-weight:600}.break .sub{color:var(--break-muted);margin:0 0 8px;font-size:16px}.break .ring-fill{transition-duration:1s}.break .btn{color:var(--break-text)}.break .btn.ghost{color:var(--break-muted)}kbd{font:inherit;border:1px solid var(--border);border-radius:4px;margin-left:4px;padding:0 4px;font-size:11px}.check{width:64px;height:64px;color:var(--break-bg-2);background:var(--break-accent);border-radius:50%;place-items:center;font-size:32px;display:grid}.done p{color:var(--break-muted);margin:0}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (height<=420px){.break{border:1px solid var(--border);padding:14px 16px}.break-card{text-align:left;grid-template-columns:auto 1fr;grid-template-areas:"ring eyebrow""ring title""ring sub""actions actions";align-items:center;gap:2px 14px;display:grid}.break-card .ring{grid-area:ring;width:92px!important;height:92px!important}.break-card .ring svg{width:92px;height:92px}.break-card .time{font-size:28px}.break-card .caption{margin-top:0;font-size:10px}.eyebrow{grid-area:eyebrow;font-size:10px}.break h1{grid-area:title;font-size:17px}.break .sub{grid-area:sub;margin:0;font-size:12px}.break-card .actions{grid-area:actions;justify-content:flex-end;margin-top:12px}.break .btn{min-width:0;padding:6px 12px}.break-card.done{text-align:center;gap:6px;display:flex}.check{width:40px;height:40px;font-size:20px}.done h1{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}