*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--timer-bg:#fff;--timer-ink:#020617;--timer-muted:#e8e8e8;--timer-hover:#eef0f5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--timer-bg:#17171a;--timer-ink:#f7f7f8;--timer-muted:#3a3a40;--timer-hover:#2b2b32}body{background:var(--timer-bg);min-width:320px;min-height:100vh;color:var(--timer-ink);font-optical-sizing:auto;font-family:Google Sans Flex,Arial,sans-serif;font-weight:400;transition:background-color .18s,color .18s}button,input{font:inherit}#root{--landing-purple:#5d50e6;min-height:100svh}main{width:100%;min-height:100svh}.time-part{align-items:baseline;gap:.04em;display:inline-flex}.time-value{font:inherit}.time-unit{font-size:.44em;font-weight:500;line-height:1}.landing-timer{width:100%;min-height:100dvh;color:var(--timer-ink);grid-template-rows:auto auto;align-content:center;justify-items:center;gap:32px;padding:88px clamp(12px,4vw,48px);display:grid;position:relative}.timer-tabs{z-index:2;background:#fff;border-radius:100px;grid-template-columns:auto auto;gap:4px;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%)}.timer-tab{color:var(--timer-ink);cursor:pointer;background:0 0;border:0;border-radius:100px;padding:10px 16px;font-size:16px;transition:background .16s,color .16s,box-shadow .16s}.timer-tab.active{background:#eef0f5;font-weight:500}.timer-tab:focus-visible{outline:2px solid var(--landing-purple);outline-offset:2px}:root[data-theme=dark] .timer-tabs{background:#17171a}:root[data-theme=dark] .timer-tab.active{background:#2a2a2a}.timer-tab:hover,:root[data-theme=dark] .timer-tab:hover{background:var(--timer-hover);box-shadow:inset 0 0 0 1px var(--timer-muted)}.timer-panel{justify-items:center;gap:48px;width:100%;display:grid}@media (width<=600px){.timer-tabs{top:72px}.landing-timer{padding-top:132px}}.header{z-index:1;top:16px;justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;inset-inline:clamp(16px,4vw,24px)}.landing-logo{width:140px;max-height:34px;display:block}.header-actions{align-items:center;gap:20px;display:flex}.landing-icon-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.landing-icon-button:hover,.landing-icon-button:focus-visible{border-color:var(--timer-muted);background:var(--timer-hover);outline:none}.landing-icon-button img{width:20px;height:20px;display:block}.landing-timer-display-row{justify-content:center;align-self:center;align-items:center;gap:clamp(12px,4vw,52px);width:100%;display:flex}.landing-timer-time{min-width:0;color:var(--timer-ink);font-variant-numeric:tabular-nums;letter-spacing:-.06em;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:baseline;gap:.28em;padding:0;font-family:inherit;font-size:clamp(134px,11vw,224px);font-weight:400;line-height:1;display:flex}button.landing-timer-time:not(:disabled){cursor:text;transition:opacity .16s}button.landing-timer-time:not(:disabled):hover{opacity:.65}.landing-timer-time.is-paused{animation:3s ease-in-out infinite timer-paused-pulse}@keyframes timer-paused-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.landing-timer-time.is-paused{opacity:.45;animation:none}}.timer-entry{cursor:text;min-width:0;position:relative}.timer-entry-display{pointer-events:none}.timer-entry .is-placeholder{opacity:.5}.has-entry-caret{position:relative}.timer-entry:focus-within .has-entry-caret:after{content:"";background:var(--timer-ink);width:1px;height:.82em;animation:1s step-end infinite timer-caret-blink;position:absolute;top:.08em;right:-.08em}@keyframes timer-caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.timer-entry:focus-within .has-entry-caret:after{animation:none}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.timer-entry-input{opacity:0;cursor:text;-webkit-user-select:none;user-select:none;border:0;width:100%;min-width:0;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.landing-time-step{border:1px solid var(--timer-muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:40px;min-width:40px;height:40px;padding:0;display:grid}.landing-time-step:hover,.landing-time-step:focus-visible{background:var(--timer-hover);border-color:#5c5d5e;outline:none}.landing-time-step:disabled{cursor:not-allowed;opacity:.4}:root:not([data-theme=dark]) .landing-time-step:hover{border-color:#d9dcdf}.landing-time-step img{width:16px;height:16px;display:block}:root[data-theme=dark] .landing-time-step img,:root[data-theme=dark] .landing-icon-button img{filter:brightness(0)invert()}.landing-timer-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:16px;display:grid}.landing-timer-actions.single{grid-template-columns:1fr}.landing-timer-main-action,.landing-timer-stop-action{min-height:64px;font:inherit;cursor:pointer;border:0;border-radius:120px;place-items:center;padding:0 48px;font-size:18px;font-weight:500;display:grid}.landing-timer-main-action{background:var(--landing-purple);color:#fff}.landing-timer-main-action:hover,.landing-timer-main-action:focus-visible{background:#3d33ce;outline:none}:root:not([data-theme=dark]) .landing-timer-main-action.is-pause{color:#5d49de;background:#e1e5fc}:root:not([data-theme=dark]) .landing-timer-main-action.is-pause:hover{background:#c5ceff}:root[data-theme=dark] .landing-timer-main-action.is-pause{color:#dee0ff;background:#2b2c5e}:root[data-theme=dark] .landing-timer-main-action.is-pause:hover{background:#302391}.landing-timer-stop-action{color:#020617;background:#eef0f5}.landing-timer-stop-action:hover,.landing-timer-stop-action:focus-visible{background:#e2e5ec;outline:none}:root[data-theme=dark] .landing-timer-stop-action{color:#fff;background:#2a2a2a}:root[data-theme=dark] .landing-timer-stop-action:hover{background:#343434}.landing-timer-main-action.is-repeat{color:#020617;background:#eef0f5}.landing-timer-main-action.is-repeat:hover,.landing-timer-main-action.is-repeat:focus-visible{background:#e2e5ec}:root[data-theme=dark] .landing-timer-main-action.is-repeat{color:#fff;background:#2a2a2a}:root[data-theme=dark] .landing-timer-main-action.is-repeat:hover,:root[data-theme=dark] .landing-timer-main-action.is-repeat:focus-visible{background:#444}:root:not([data-theme=dark]) .landing-timer-stop-action.is-completed{color:#245c34;background:#d5f3dc}:root:not([data-theme=dark]) .landing-timer-stop-action.is-completed:hover,:root:not([data-theme=dark]) .landing-timer-stop-action.is-completed:focus-visible{background:#bce8c7}:root[data-theme=dark] .landing-timer-stop-action.is-completed{color:#d5f3dc;background:#243d2c}:root[data-theme=dark] .landing-timer-stop-action.is-completed:hover,:root[data-theme=dark] .landing-timer-stop-action.is-completed:focus-visible{background:#31533c}.landing-timer-main-action img,.landing-timer-stop-action img{width:22px;height:22px;display:block}@media (width<=760px){.landing-timer-time{font-size:clamp(56px,20vw,92px)}.landing-time-step{width:38px;min-width:38px;height:38px}}