*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#151515;background:#fff}body{min-width:320px;margin:0}button,input{font:inherit}main.svelte-1uha8ag{min-height:100vh;display:grid;justify-items:center;align-items:start;padding:clamp(14px,4vw,40px);background:#fff}.shell.svelte-1uha8ag{--control-height: 36px;width:min(900px,100%);display:grid;grid-template-columns:1fr;gap:clamp(8px,1.4vw,14px);align-items:start}.timer-panel.svelte-1uha8ag,.controls.svelte-1uha8ag{border:1px solid #e8e8e8;box-shadow:none}.timer-panel.svelte-1uha8ag{position:relative;min-width:0;border-radius:10px;padding:clamp(14px,2.6vw,24px);display:grid;align-content:center;gap:0;background:#fff}.visual-timer.svelte-1uha8ag{display:grid;grid-template-columns:minmax(160px,1fr) clamp(108px,18vw,180px);gap:clamp(8px,1.6vw,14px);align-items:center;padding:0}.segments.svelte-1uha8ag,.clock.svelte-1uha8ag{height:clamp(54px,15vh,108px);min-height:48px;border:6px solid #111;background:#050606;box-shadow:inset 0 0 0 1px #ffffff14,0 1px 2px #0000002e}.segments.svelte-1uha8ag{display:grid;grid-template-columns:repeat(36,minmax(4px,1fr));gap:3px;padding:5px;border-radius:4px;overflow:hidden}.segments.svelte-1uha8ag span:where(.svelte-1uha8ag){min-width:0;border-radius:1px;background:#bf8a55;opacity:1;transition:opacity .22s ease,filter .22s ease;filter:saturate(.9) brightness(1)}.segments.svelte-1uha8ag span.phase-1:where(.svelte-1uha8ag){background:#bf8a55}.segments.svelte-1uha8ag span.phase-2:where(.svelte-1uha8ag){background:#b9aa72}.segments.svelte-1uha8ag span.phase-3:where(.svelte-1uha8ag){background:#7d9d83}.segments.svelte-1uha8ag span.phase-4:where(.svelte-1uha8ag){background:#577f8f}.segments.svelte-1uha8ag span.off:where(.svelte-1uha8ag){opacity:.16;filter:grayscale(1) brightness(.88)}.clock.svelte-1uha8ag{border-radius:4px;color:#f7f7f7;display:grid;place-items:center;align-content:center;gap:0;text-shadow:0 0 9px rgba(255,255,255,.45)}.clock.svelte-1uha8ag span:where(.svelte-1uha8ag){font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.55rem,4vw,3rem);line-height:.95;letter-spacing:0}.clock.svelte-1uha8ag small:where(.svelte-1uha8ag){color:#d8d8d8;font-size:clamp(.64rem,1.5vw,.78rem);font-weight:700}.status.svelte-1uha8ag{position:absolute;right:8px;bottom:7px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0;color:#555}.dot.svelte-1uha8ag{width:6px;height:6px;flex:0 0 6px;border-radius:999px;background:#252525;box-shadow:none}.dot.idle.svelte-1uha8ag{background:#9a9a9a;box-shadow:none}.controls.svelte-1uha8ag{border-radius:10px;padding:12px 14px;display:grid;grid-template-columns:1fr;gap:10px;background:#fff}.control-bar.svelte-1uha8ag{display:grid;grid-template-columns:max-content auto;gap:8px;align-items:center;justify-content:start}.settings-toggle.svelte-1uha8ag{width:72px;height:var(--control-height);border-color:#e5e5e5;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 10px;color:#202020;background:#fff;font-size:.82rem}.settings-body.svelte-1uha8ag{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(230px,1fr);gap:10px;align-items:end}.duration-row.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:10px}label.svelte-1uha8ag{display:grid;gap:5px;color:#484848;font-size:.78rem;font-weight:800}input.svelte-1uha8ag{width:100%;min-width:0;border:1px solid #c8c8c8;border-radius:4px;height:var(--control-height);padding:0 10px;background:#fff;color:#151515;font-size:1rem;font-weight:800}input.svelte-1uha8ag:focus{outline:3px solid rgba(0,0,0,.14);border-color:#555}.presets.svelte-1uha8ag{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}button.svelte-1uha8ag{border:1px solid transparent;cursor:pointer;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}button.svelte-1uha8ag:disabled{cursor:not-allowed;opacity:.52}button.svelte-1uha8ag:not(:disabled):active{transform:translateY(1px)}.presets.svelte-1uha8ag button:where(.svelte-1uha8ag){height:var(--control-height);border-radius:4px;color:#1f1f1f;border-color:#e5e5e5;background:#fff;font-size:.95rem}.presets.svelte-1uha8ag button.active:where(.svelte-1uha8ag){color:#fff;background:#1b1b1b}.actions.svelte-1uha8ag{display:grid;grid-template-columns:104px 104px;gap:8px}.actions.svelte-1uha8ag button:where(.svelte-1uha8ag){min-width:0;height:var(--control-height);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;white-space:nowrap}.actions.running.svelte-1uha8ag{opacity:.72}.actions.running.svelte-1uha8ag:focus-within,.actions.running.svelte-1uha8ag:hover{opacity:1}.primary.svelte-1uha8ag{color:#fff;background:#151515;box-shadow:none}.secondary.svelte-1uha8ag{color:#202020;border-color:#e5e5e5;background:#fff}.finished.svelte-1uha8ag .timer-panel:where(.svelte-1uha8ag){animation:svelte-1uha8ag-done-fade .9s ease-in-out 1}.finished.svelte-1uha8ag .status:where(.svelte-1uha8ag){color:#1f1f1f}@keyframes svelte-1uha8ag-done-fade{0%,to{opacity:1}50%{opacity:.86}}@media(max-width:820px),(max-height:520px){main.svelte-1uha8ag{padding:6px}.timer-panel.svelte-1uha8ag,.controls.svelte-1uha8ag{border-radius:10px}.timer-panel.svelte-1uha8ag{padding:8px}.controls.svelte-1uha8ag{padding:8px;gap:6px}.status.svelte-1uha8ag{right:7px;bottom:6px}.segments.svelte-1uha8ag,.clock.svelte-1uha8ag{height:clamp(46px,18vh,72px);border-width:5px}.visual-timer.svelte-1uha8ag{gap:8px}.segments.svelte-1uha8ag{gap:2px;padding:4px}.duration-row.svelte-1uha8ag,.presets.svelte-1uha8ag,.actions.svelte-1uha8ag,.settings-body.svelte-1uha8ag,.control-bar.svelte-1uha8ag{gap:6px}.actions.svelte-1uha8ag{grid-template-columns:92px 92px}input.svelte-1uha8ag{padding:0 8px}}@media(max-width:680px){.settings-body.svelte-1uha8ag{grid-template-columns:1fr}.segments.svelte-1uha8ag,.clock.svelte-1uha8ag{height:50px}.clock.svelte-1uha8ag span:where(.svelte-1uha8ag){font-size:1.65rem}}@media(max-width:430px){.shell.svelte-1uha8ag{--control-height: 34px}.actions.svelte-1uha8ag{grid-template-columns:86px 86px}.actions.svelte-1uha8ag button:where(.svelte-1uha8ag){font-size:.86rem;gap:5px}.settings-toggle.svelte-1uha8ag{width:66px;padding:0 7px}}