@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fbf9f7;--text:#191716;--muted-strong:#5e5752;--separator:#938f8b;--period:#79716c;--accent:#9c6458;--accent-soft:#816e69;--quiet:#78716c;--switch-text:#78716c;--switch-active-text:#211e1c;--switch-line:#9c6458;--focus:#9c6458;--selection:#f2e5e1;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:DM Sans Variable,sans-serif}[data-theme=dark]{--bg:#17130f;--text:#fbf9f7;--muted-strong:#cec5be;--separator:#68625a;--period:#b3aaa2;--accent:#e3a897;--accent-soft:#a9776a;--quiet:#b3aaa2;--switch-text:#847d76;--switch-active-text:#fbf9f7;--switch-line:#e3a897;--focus:#e3a897;--selection:#3c2d26}[data-theme=cute-0]{--bg:#f6e9eb;--text:#93626a;--muted-strong:#7e585e;--separator:#8c8586;--period:#856167;--accent:#9e5461;--accent-soft:#7e6368;--quiet:#856166;--switch-text:#766669;--switch-active-text:#55343a;--switch-line:#9e5461;--focus:#9e5461;--selection:#eedde0}[data-theme=cute-1]{--bg:#ede9f6;--text:#716293;--muted-strong:#63587e;--separator:#87858c;--period:#6e6388;--accent:#7059a6;--accent-soft:#6d6581;--quiet:#6f6489;--switch-text:#6c6777;--switch-active-text:#3e3455;--switch-line:#7059a6;--focus:#7059a6;--selection:#e2ddee}[data-theme=cute-2]{--bg:#e9f6f0;--text:#62937a;--muted-strong:#537665;--separator:#868d8a;--period:#567565;--accent:#41795e;--accent-soft:#5c7468;--quiet:#557565;--switch-text:#63726b;--switch-active-text:#345545;--switch-line:#41795e;--focus:#41795e;--selection:#ddeee6}[data-theme=cute-3]{--bg:#f6eee9;--text:#937262;--muted-strong:#7e6558;--separator:#8d8886;--period:#7f675c;--accent:#8e624c;--accent-soft:#7a6961;--quiet:#7f675c;--switch-text:#746a65;--switch-active-text:#553f34;--switch-line:#8e624c;--focus:#8e624c;--selection:#eee3dd}[data-theme=cute-4]{--bg:#e9f1f6;--text:#627e93;--muted-strong:#586e7e;--separator:#858a8d;--period:#5c6f7e;--accent:#4b718b;--accent-soft:#606e79;--quiet:#5b6f7e;--switch-text:#656e74;--switch-active-text:#344855;--switch-line:#4b718b;--focus:#4b718b;--selection:#dde7ee}[data-theme=cute-5]{--bg:#f6f3e9;--text:#938762;--muted-strong:#776e53;--separator:#8d8b86;--period:#766e56;--accent:#7c6d42;--accent-soft:#756e5c;--quiet:#776e56;--switch-text:#726e63;--switch-active-text:#554d34;--switch-line:#7c6d42;--focus:#7c6d42;--selection:#eeeadd}[data-theme=cute-6]{--bg:#f6ebe9;--text:#936862;--muted-strong:#7e5d58;--separator:#8d8685;--period:#82645f;--accent:#985b51;--accent-soft:#7d6662;--quiet:#83635f;--switch-text:#766867;--switch-active-text:#553934;--switch-line:#985b51;--focus:#985b51;--selection:#eee0dd}[data-theme=cute-7]{--bg:#f0e9f6;--text:#7a6293;--muted-strong:#6b587e;--separator:#89858c;--period:#746387;--accent:#7f59a6;--accent-soft:#72657f;--quiet:#756288;--switch-text:#6f6777;--switch-active-text:#453455;--switch-line:#7f59a6;--focus:#7f59a6;--selection:#e6ddee}[data-theme=cute-8]{--bg:#e9f6f4;--text:#629389;--muted-strong:#52756f;--separator:#868d8c;--period:#55756f;--accent:#41786d;--accent-soft:#5b736e;--quiet:#55756f;--switch-text:#63716f;--switch-active-text:#34554f;--switch-line:#41786d;--focus:#41786d;--selection:#ddeeea}[data-theme=cute-9]{--bg:#f6f4e9;--text:#938962;--muted-strong:#766f52;--separator:#8d8c86;--period:#766f56;--accent:#7a6f42;--accent-soft:#746f5c;--quiet:#766f56;--switch-text:#726f63;--switch-active-text:#554f34;--switch-line:#7a6f42;--focus:#7a6f42;--selection:#eeeadd}*{box-sizing:border-box}body{background:var(--bg);min-width:280px;margin:0}button{font:inherit}::selection{background:var(--selection)}.app{background:var(--bg);min-height:100svh;color:var(--text);flex-direction:column;padding:40px 64px 44px;transition:background-color .2s,color .2s;display:flex}.footer{justify-content:space-between;align-items:center;gap:24px;display:flex}.header{justify-content:flex-end;display:flex}.fullscreen-button{border:1px solid var(--separator);width:30px;height:30px;color:var(--switch-active-text);cursor:pointer;opacity:.85;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .15s,border-color .15s,transform .15s,opacity .15s;display:inline-flex}.fullscreen-button svg{flex-shrink:0}.fullscreen-button:hover{opacity:1;border-color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.fullscreen-button:active{background:color-mix(in srgb, var(--text) 16%, transparent);transform:scale(.97)}.fullscreen-button:focus-visible{opacity:1;outline:2px solid var(--focus);outline-offset:3px}main{flex:1;justify-content:center;align-items:center;padding:64px 0;display:flex}.clock-block{text-align:center}.clock{white-space:nowrap;justify-content:center;align-items:baseline;display:flex}.digits{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-family:Bricolage Grotesque Variable,sans-serif;font-size:clamp(110px,18.75vw,240px);font-weight:300;line-height:1}.clock-aside{flex-direction:column;align-items:flex-start;margin-left:16px;display:flex;transform:translateY(-48px)}.period{color:var(--period);letter-spacing:.18em;margin-bottom:4px;font-size:13px;font-weight:500}.seconds{letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums;font-family:Bricolage Grotesque Variable,sans-serif;font-size:42px;font-weight:400;line-height:1}.seconds-colon{color:var(--accent-soft);margin-right:2px;font-size:.65em}.quiet-note{color:var(--quiet);letter-spacing:.04em;margin:28px 0 0;font-size:14px;font-style:italic;font-weight:300}.switch{border-bottom:1px solid var(--separator);align-items:center;gap:18px;padding-bottom:9px;display:inline-flex;position:relative}.switch button{color:var(--switch-text);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:2px 1px 10px;font-size:11px;font-weight:500;transition:color .2s;position:relative}.switch button:after{content:"";background:var(--switch-line);transform-origin:50%;border-radius:2px;height:2px;transition:transform .3s cubic-bezier(.65,0,.35,1);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.switch button:hover{color:var(--muted-strong)}.switch button[aria-pressed=true]{color:var(--switch-active-text)}.switch button[aria-pressed=true]:after{transform:scaleX(1)}.switch button:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:2px}@media (width<=700px){.app{padding:28px}main{padding:56px 0}.digits{font-size:clamp(80px,21vw,147px)}.clock-aside{margin-left:8px;transform:translateY(-24px)}.seconds{font-size:28px}.period{font-size:11px}.quiet-note{margin-top:24px;font-size:13px}.switch button{padding:2px 1px 12px}}@media (width<=360px){.app{padding-left:20px;padding-right:20px}.digits{font-size:21vw}.seconds{font-size:23px}.footer,.switch{gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}