@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/rubik-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/rubik-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--bg: #ffffff;--fg: #1f2328;--muted: #6e7781;--track: #eaeef2;--surface: #f6f8fa;--border: #d0d7de;--accent: #d9480f;--on-accent: #ffffff}@media(prefers-color-scheme:dark){:root{--bg: #1c1f24;--fg: #e6edf3;--muted: #9198a1;--track: #30363d;--surface: #262b32;--border: #3d444d;--accent: #ff7a45;--on-accent: #1c1f24}}:root[data-phase=shortBreak]{--accent: #2f9e44}:root[data-phase=longBreak]{--accent: #1971c2}@media(prefers-color-scheme:dark){:root[data-phase=shortBreak]{--accent: #51cf66}:root[data-phase=longBreak]{--accent: #4dabf7}}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0 auto;width:320px;background:var(--bg);color:var(--fg);font:15px/1.4 Rubik,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--surface);color:var(--muted)}.icon-btn:hover{color:var(--fg)}.icon-btn svg{width:18px;height:18px;fill:currentColor}.icon-btn.ghost{background:transparent;width:32px;height:32px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url("./media/rubik-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url("./media/rubik-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{padding:24px 0}@media(min-width:480px){body{padding-top:48px}app-root{border:1px solid var(--border);border-radius:16px}}