:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0;overflow-x:hidden}body,#root{min-height:100dvh}@font-face{font-family:TitilliumWeb;src:local(Titillium Web),url(/assets/TitilliumWeb-Regular-BNW2HhQP.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ArialRounded;src:local(Arial Rounded MT),url(/assets/ArialRoundedMTW02Bold-B85dS7sE.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Saira Semi Condensed;src:url(/assets/SairaSemiCondensed-SemiBold-CrREjGy_.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--glass-bg:#ffffff1a;--glass-bg-dark:#0000001f;--round-bg:#af4949;--rest-bg:#297479;--radius:.5rem;--timer-padding:clamp(.5rem, 2vw, 3rem)}body{color:#fff;font-family:TitilliumWeb,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400}button{cursor:pointer;color:#fff;border:0;border-radius:.5rem;min-width:6rem;padding:.5rem .75rem;font-family:inherit;font-size:1.1rem;font-weight:600}button:hover{opacity:.8;background:var(--glass-bg-dark)}button:focus-visible{outline-offset:2px;outline:3px solid #ffffff2e}@media (prefers-reduced-motion:reduce){.btn,.btn:before,.btn:after{transition:none!important;animation:none!important}}.app{place-items:center;width:100%;min-height:100svh;padding:clamp(1rem,8vw,4rem);transition:background-color .3s;display:grid;overflow-x:hidden}.app-round{background:var(--round-bg)}.app-rest{background:var(--rest-bg)}.timer-shell{gap:2rem;width:min(100%,45rem);display:grid}.mode-tabs,.timer-card,.controls{width:100%}.timer-card{padding:var(--timer-padding);background:var(--glass-bg);text-align:center;border-radius:.75rem;box-shadow:0 24px 80px #2b21181f}.timer{width:100%;padding:var(--timer-padding);grid-template-columns:.55em .55em .3em .55em .55em;justify-content:center;align-items:center;margin:0 0 2rem;font-family:Saira Semi Condensed,ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:clamp(7rem,25vw,14rem);font-weight:600;line-height:1;display:grid}.timer-digit{text-align:center;display:inline-block}.timer-colon{font-family:ArialRounded,ui-sans-serif,system-ui,monospace;font-size:.85em;transform:translateY(-.04em)}.controls{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.control-button{background:var(--glass-bg-dark);border-radius:var(--radius);border:1px solid #0000;width:100%;padding:1rem;font-size:1.5rem;font-weight:400}.mode-label{color:#fff;margin:0 0 12px;font-size:1.5rem;font-weight:400}.mode-tabs{justify-content:space-between;display:flex}.mode-tab{color:#fff;background:0 0;border:1px solid #0000;border-radius:.5rem;font-size:1.5rem;font-weight:400}.mode-tab.active{background:var(--glass-bg-dark);z-index:2}.btn{border-radius:var(--radius);z-index:0;transition:transform .12s,box-shadow .2s;position:relative}.btn:active{transform:translateY(0)scale(.97)}.btn:before{content:"";opacity:0;z-index:0;border-radius:var(--radius);border:#0000;width:100%;height:100%;transition:opacity .2s,background .2s;position:absolute;top:0;left:0}.btn:after{content:"";opacity:0;z-index:1;border-radius:var(--radius);border:1px solid #ffffff80;width:100%;height:100%;transition:transform .2s,opacity .2s;position:absolute;top:0;left:0;transform:scale(1.2)}.btn:hover:before{opacity:1}.btn:hover:after{opacity:1;transform:scale(1)}@media (width<=480px){.mode-tabs{gap:.5rem}.mode-tab{flex:1;min-width:0;padding:.5rem .25rem;font-size:1.25rem}.timer-card{padding:1.5rem .75rem}.timer{margin-bottom:1.25rem;padding:.5rem 0;font-size:clamp(4.5rem,25vw,6rem)}.timer-colon{font-size:.9em}.control-button{font-size:1.25rem}}