@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8b44c7e6549520b2-s.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:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6c25f6e897d845a3-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Bebas Neue Fallback;src:local("Arial");ascent-override:117.32%;descent-override:39.11%;line-gap-override:0.00%;size-adjust:76.72%}.__className_d758cf{font-family:Bebas Neue,Bebas Neue Fallback;font-weight:400;font-style:normal}.__variable_d758cf{--font-bebas-neue:"Bebas Neue","Bebas Neue Fallback"}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/79dc71eb81eeb04b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b2f220a05f61d2fd-s.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:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/07844ae7c4262727-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_8e2105{font-family:Space Grotesk,Space Grotesk Fallback;font-weight:700;font-style:normal}.__variable_8e2105{--font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"}:root{color-scheme:dark;font-synthesis:none;--panel:rgba(18,18,20,0.9);--panel-border:rgba(255,255,255,0.12);--muted:rgba(255,255,255,0.58)}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:#000;overscroll-behavior:none}body{color:#fff;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}.timer-shell{--progress-color:rgb(34,197,94);position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr 66px 78px;width:100vw;height:100dvh;min-height:560px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.055),transparent 44%),#000}.progress-fill{position:absolute;z-index:-2;right:0;bottom:0;left:0;min-height:0;background:var(--progress-color);transition:height .1s linear,background-color .5s linear}.completion-glow{position:absolute;z-index:0;inset:0;visibility:hidden;background:#ff1515;opacity:0;pointer-events:none}.status-complete .progress-fill{background:#000!important;transition:none}.status-complete .completion-glow{visibility:visible;animation:completion-flash 1.8s ease-in-out infinite}@keyframes completion-flash{0%,to{opacity:1}50%{opacity:0}}.top-bar{z-index:2;display:flex;align-items:center;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 12px max(22px,env(safe-area-inset-left))}.brand{color:#fff;font-family:var(--font-space-grotesk),"Avenir Next",Inter,sans-serif;font-size:18px;font-weight:700;letter-spacing:0;line-height:1.05;text-decoration:none}.add-preset,.controls,.preset-strip,.utility-actions{display:flex;align-items:center}.utility-actions{gap:8px}.icon-button,.preset,.primary-button,.secondary-button,.toggle{border:1px solid var(--panel-border);cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.icon-button:hover,.preset:hover,.secondary-button:hover,.toggle:hover{transform:translateY(-1px)}.icon-button{display:grid;width:44px;height:44px;padding:0;border-radius:50%;background:rgba(255,255,255,.09);place-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.icon-button svg{width:19px;height:19px}.install-button{background:#fff;color:#050505}.timer-stage{z-index:1;display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;padding:2vh 24px 0;transition:transform .36s cubic-bezier(.22,.8,.28,1)}.status-chip{min-width:86px;margin:0 0 1.5vh;padding:7px 13px 6px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(0,0,0,.18);color:rgba(255,255,255,.72);font:700 11px/1 Arial,sans-serif;letter-spacing:.18em;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.timer-display{max-width:100%;padding:0 .04em;border:0;background:transparent;color:transparent;cursor:pointer;font-family:var(--font-bebas-neue),Impact,"Arial Narrow",sans-serif;font-size:min(38vw,39vh);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:.78;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.timer-display:active{cursor:-webkit-grabbing;cursor:grabbing}.digit-clock{display:flex;height:.82em;align-items:center;justify-content:center;line-height:.82}.digit-window{position:relative;display:inline-block;width:.5em;height:.82em;overflow:hidden;perspective:.85em;mask-image:linear-gradient(180deg,#000 0,#000 90%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 90%,transparent)}.digit-glyph{position:absolute;inset:0;display:grid;background:linear-gradient(180deg,#fff 4%,#fbfbfb 42%,#e9e9e9 53%,#f7f7f7 78%,#dedede);background-clip:text;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;place-items:center;text-shadow:0 1px 0 rgba(255,255,255,.32),0 -1px 0 rgba(0,0,0,.16),0 5px 28px rgba(0,0,0,.22);transform-style:preserve-3d;will-change:transform,opacity}.digit-colon{width:.2em;background:linear-gradient(180deg,#fff 8%,#ececec 54%,#ddd);background-clip:text;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:translateY(-.035em)}.digit-outgoing{z-index:2;transform-origin:50% 45%;animation:digit-cylinder-out .52s cubic-bezier(.5,.04,.35,1) both}.digit-incoming{z-index:1;transform-origin:50% 55%;animation:digit-cylinder-in .52s cubic-bezier(.2,.72,.25,1) both}@keyframes digit-cylinder-out{0%,12%{opacity:1;transform:translateY(0) rotateX(0deg) scaleY(1)}52%,to{opacity:0;transform:translateY(-42%) rotateX(88deg) scaleY(.84)}}@keyframes digit-cylinder-in{0%,48%{opacity:0;transform:translateY(42%) rotateX(-88deg) scaleY(.84)}to{opacity:1;transform:translateY(0) rotateX(0deg) scaleY(1)}}.timer-hint{margin:2.2vh 0 0;color:rgba(255,255,255,.64);font-size:clamp(12px,1.2vw,15px);letter-spacing:.03em}.controls{position:relative;z-index:2;justify-content:center;width:min(100%,430px);margin:0 auto;padding:8px 20px}.primary-button,.secondary-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:9px;padding:0 23px;border-radius:999px;font-weight:700}.controls>.primary-button{width:132px;padding-right:18px;padding-left:18px}.primary-button{border-color:#fff;background:#fff;color:#080808}.primary-button:disabled{cursor:default}.guest-controlled{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:rgba(255,255,255,.58)}.guest-controlled,.secondary-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.secondary-button{background:rgba(0,0,0,.22);color:#fff}.primary-button svg,.secondary-button svg{width:18px;height:18px}.controls span,.controls svg{transition:opacity .22s ease,transform .28s cubic-bezier(.22,.8,.28,1)}.reset-button{position:absolute;top:8px;left:calc(50% + 78px);min-width:112px}.control-hidden{visibility:hidden;opacity:0;transform:translateX(-8px);pointer-events:none}.compact{min-height:42px;padding:0 17px;border-radius:12px}.preset-strip{z-index:2;max-width:calc(100vw - 32px);justify-content:center;gap:8px;padding:12px max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));overflow-x:auto;scrollbar-width:none;transition:opacity .26s ease,transform .36s cubic-bezier(.22,.8,.28,1),visibility .26s}.preset-strip-hidden{visibility:hidden;opacity:0;transform:translateY(12px);pointer-events:none}.preset-strip::-webkit-scrollbar{display:none}.preset{min-width:54px;min-height:42px;flex:0 0 auto;padding:0 14px;border-radius:13px;background:rgba(0,0,0,.28);color:rgba(255,255,255,.76);font-weight:700;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.preset.active{border-color:#fff;background:#fff;color:#080808}.preset.custom{display:inline-flex;align-items:center;gap:5px}.preset.custom svg{width:15px;height:15px}.corner-status{position:absolute;z-index:2;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:5px;color:rgba(255,255,255,.42);font-size:9px;font-weight:700;letter-spacing:.14em;pointer-events:none}.dialog-backdrop{position:fixed;z-index:20;inset:0;display:grid;padding:20px;overflow-y:auto;background:rgba(0,0,0,.72);place-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.settings-dialog,.share-dialog{width:min(560px,100%);max-height:calc(100dvh - 40px);overflow-y:auto}.settings-dialog,.share-dialog{padding:26px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:var(--panel);box-shadow:0 30px 100px rgba(0,0,0,.6)}.share-dialog{width:min(510px,100%)}.share-copy{margin:22px 0 0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.55}.share-link-field{display:flex;flex-direction:column;gap:7px;margin-top:18px}.share-link-field span{color:var(--muted);font-size:11px}.share-link-field input{width:100%;height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.62);font-size:12px}.share-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:22px}.share-actions .primary-button,.share-actions .secondary-button{width:100%}.sync-button{min-height:54px}.sync-note{margin:16px 0 0;color:rgba(255,255,255,.42);font-size:11px;line-height:1.5}.dialog-heading,.group-title,.setting-row,.volume-control{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{margin:4px 0 0;font-size:28px}.eyebrow{margin:0;color:#22c55e;font-size:10px;font-weight:800;letter-spacing:.22em}.duration-form{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:end;grid-gap:12px;gap:12px;margin-top:26px}.duration-form label,.group-title>div,.setting-row>div{display:flex;flex-direction:column;gap:5px}.duration-form label>span,.group-title span,.setting-row span,.volume-control>span{color:var(--muted);font-size:12px}.add-preset input,.duration-form input{width:100%;height:48px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.07);color:#fff}.duration-form input{padding:3px 12px 0;font-family:var(--font-bebas-neue),Impact,sans-serif;font-size:28px;text-align:center}.duration-colon{padding-bottom:8px;font:30px/1 var(--font-bebas-neue),Impact,sans-serif}.setting-group{display:flex;flex-direction:column;gap:17px;margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}.group-title strong,.setting-row strong{font-size:14px}.toggle{display:grid;width:46px;height:38px;border-radius:13px;background:rgba(255,255,255,.06);place-items:center}.toggle.on{border-color:#22c55e;background:rgba(34,197,94,.2);color:#86efac}.toggle:disabled{cursor:not-allowed;opacity:.35}.toggle svg{width:18px;height:18px}.volume-control{gap:12px}.volume-control input{min-width:0;flex:1 1;accent-color:#22c55e}.volume-control output{width:38px;color:var(--muted);font-size:12px;text-align:right}.test-button{align-self:flex-start;min-height:40px;padding:0 16px;font-size:12px}.editable-presets{display:flex;flex-wrap:wrap;gap:8px}.editable-preset{display:inline-flex;height:34px;align-items:center;gap:5px;padding-left:12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;font-weight:700}.editable-preset button{display:grid;width:29px;height:29px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;place-items:center}.editable-preset svg{width:13px;height:13px}.add-preset{gap:9px}.add-preset input{max-width:150px;padding:0 12px}.shortcuts{margin:22px 0 0;color:rgba(255,255,255,.4);font-size:11px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:720px){.timer-shell{min-height:500px}.top-bar{padding-top:max(14px,env(safe-area-inset-top))}.timer-display{font-size:min(37vw,31vh)}.corner-status{display:none}.preset-strip{justify-content:flex-start}.duration-form{grid-template-columns:1fr auto 1fr}.duration-form .primary-button{grid-column:1/-1}.settings-dialog,.share-dialog{padding:21px;border-radius:20px}.reset-button{left:calc(50% + 73px);min-width:102px;padding-right:14px;padding-left:14px}}@media (max-height:650px) and (orientation:landscape){.timer-display{font-size:min(32vw,40vh)}.status-chip,.timer-hint{margin-top:5px;margin-bottom:5px}.preset-strip{padding-bottom:10px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.status-complete .completion-glow{animation-duration:3s!important;animation-iteration-count:infinite!important}}