@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.woff) format("woff");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-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.woff) format("woff");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-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff");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}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");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-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");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-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");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}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-vietnamese-600-normal-DUi7WF5p.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-600-normal-D6zpsUhD.woff) format("woff");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-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-ext-600-normal-DxxdqCpr.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-600-normal-VcznFIpX.woff) format("woff");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-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2) format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff) format("woff");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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");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:#effff9;background:#020605;font-family:Space Grotesk,system-ui,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:#020605;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{color:inherit;font:inherit;touch-action:manipulation}button:focus-visible{outline:1px solid var(--accent, #b5ffe9);outline-offset:4px}.click-spark{position:relative;width:100%;height:100dvh}.click-spark__canvas{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.timepiece{--accent: #b5ffe9;--secondary-accent: #3ed9ff;--accent-muted: #6ebda7;--grid-color: #183d35;--accent-glow: rgba(132, 255, 220, .22);--clock-rotate-x: 0deg;--clock-rotate-y: 0deg;--clock-shine-x: 54%;--clock-shine-y: 42%;position:relative;isolation:isolate;width:100%;height:100dvh;min-height:560px;overflow:hidden;background:#020605;color:#effff9;-webkit-user-select:none;user-select:none}.timepiece:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--accent) 5%,transparent) 70%,transparent);content:"";mix-blend-mode:screen;pointer-events:none;transition:background .6s ease}.gravity-field{position:absolute;z-index:-4;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none}.gravity-cursor{position:absolute;z-index:70;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0}.scene-shading{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#00030247,#00030208 48%,#00030214),radial-gradient(ellipse at center,transparent 43%,rgba(0,3,2,.3) 100%),linear-gradient(180deg,rgba(0,3,2,.22),transparent 18%,transparent 80%,rgba(0,3,2,.34));pointer-events:none}.site-header{position:absolute;z-index:20;top:42px;right:40px;left:30px;display:flex;align-items:center;justify-content:space-between;gap:28px}.interface-chrome{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.timepiece--idle .interface-chrome{opacity:.64}.timepiece--idle .site-header{transform:translateY(-3px)}.timepiece--idle .site-footer{transform:translateY(3px)}.brand-lockup{position:relative;padding:9px 0 8px 24px;border-top:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-left:1px solid color-mix(in srgb,var(--accent) 30%,transparent);transform:translateY(-12px)}.brand-lockup__mark{position:absolute;bottom:-17px;left:25px;color:color-mix(in srgb,var(--accent) 42%,transparent)}.wordmark{display:inline-flex;align-items:center;gap:0;color:color-mix(in srgb,var(--accent) 82%,#ffffff);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.2em;line-height:1;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 18px color-mix(in srgb,var(--accent) 28%,transparent)}.wordmark__signal{display:none}.display-controls{display:flex;align-items:center;gap:18px;font-family:IBM Plex Mono,monospace}.mode-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid rgba(184,255,234,.34);border-radius:14px;background:#02090757;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.mode-switch>div>div{display:flex}.mode-switch__button{min-width:58px;height:36px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:#e0f5ee9e;cursor:pointer;font-size:11px;font-weight:500;letter-spacing:.13em;transition:color .22s ease,background-color .22s ease,box-shadow .22s ease}.mode-switch__button:hover{color:#effff9d1}.mode-switch__button[data-active=true]{background:color-mix(in srgb,var(--accent) 13%,rgba(3,13,10,.72));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 48%,transparent);color:var(--accent)}.display-controls__divider{width:1px;height:43px;background:color-mix(in srgb,var(--accent) 30%,transparent)}.palette-control{display:grid;width:130px;height:44px;padding:0 16px;place-items:center;border:1px solid rgba(184,255,234,.34);border-radius:13px;background:#02090757;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:border-color .22s ease,background-color .22s ease}.palette-control:hover{border-color:#b8ffea57;background:#02090757}.palette-control__track{display:flex;align-items:center;gap:7px}.palette-control__option{display:grid;width:13px;height:28px;padding:0;place-items:center;border:0;border-radius:7px;background:transparent;cursor:pointer}.palette-control__option:hover .palette-control__swatch{opacity:1;transform:scale(1.08)}.palette-control__swatch{display:block;width:7px;height:7px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 transparent;opacity:.68;transform:scale(.72);transition:opacity .26s ease,transform .26s ease,box-shadow .26s ease}.palette-control__swatch[data-active=true]{box-shadow:0 0 9px var(--swatch);opacity:1;transform:scale(1.45)}.clock-panel{position:absolute;z-index:5;top:49.5%;left:clamp(54px,11.7vw,174px);width:min(80vw,1190px);perspective:1150px;perspective-origin:42% 50%;transform:translateY(-50%);animation:clock-arrival 1.35s cubic-bezier(.16,1,.3,1) both}.clock{display:flex;align-items:baseline;gap:clamp(14px,2vw,32px);color:var(--accent);line-height:.82;white-space:nowrap;transform:rotateX(var(--clock-rotate-x)) rotateY(var(--clock-rotate-y));transform-origin:42% 60%;transform-style:preserve-3d;transition:transform .18s cubic-bezier(.2,.8,.2,1);will-change:transform}.clock__primary{position:relative;z-index:0;display:inline-flex;isolation:isolate;color:transparent;font-size:clamp(104px,18.6vw,286px);font-weight:400;filter:drop-shadow(0 0 1px rgba(232,255,248,.82)) drop-shadow(0 0 20px color-mix(in srgb,var(--accent) 14%,transparent)) drop-shadow(12px 18px 28px rgba(0,0,0,.48));text-shadow:1px 1px 0 color-mix(in srgb,var(--accent) 78%,#174d41),2px 2px 0 color-mix(in srgb,var(--accent) 66%,#123e35),3px 3px 0 color-mix(in srgb,var(--accent) 56%,#0c312a),4px 4px 0 color-mix(in srgb,var(--accent) 44%,#08251f),5px 5px 0 rgba(4,24,20,.94),8px 12px 22px rgba(0,0,0,.56);transform:translateZ(18px);transform-style:preserve-3d}.clock__glyph{--glyph-pointer-x: 50%;--glyph-pointer-y: 50%;position:relative;display:inline-block;isolation:isolate;color:transparent;background-clip:text;-webkit-background-clip:text;transition:filter .18s ease,transform .18s ease}.clock__glyph--primary:not(:last-child){margin-inline-end:-.088em}.clock__glyph--secondary:not(:last-child){margin-inline-end:-.055em}.clock__glyph--primary{background:radial-gradient(ellipse 84% 130% at var(--clock-shine-x) var(--clock-shine-y),#effff9 0%,color-mix(in srgb,var(--accent) 84%,white) 18%,var(--accent) 44%,color-mix(in srgb,var(--accent) 64%,#0c342d) 100%);background-clip:text;-webkit-background-clip:text}.clock__glyph--secondary{background:radial-gradient(ellipse 86% 132% at var(--clock-shine-x) var(--clock-shine-y),#e7fbff 0%,color-mix(in srgb,var(--secondary-accent) 82%,white) 20%,var(--secondary-accent) 48%,color-mix(in srgb,var(--secondary-accent) 56%,#0b2d36) 100%);background-clip:text;-webkit-background-clip:text}.clock__glyph:before,.clock__glyph:after{position:absolute;top:0;right:0;bottom:0;left:0;content:attr(data-text);pointer-events:none}.clock__glyph--primary:before{z-index:-1;color:#093028bd;filter:blur(.45px);transform:translate3d(7px,10px,-24px)}.clock__glyph--primary:after{z-index:2;color:transparent;-webkit-text-stroke:1px rgba(236,255,249,.28);text-shadow:-2px -2px 12px rgba(224,255,246,.18);transform:translateZ(12px)}.clock__secondary{display:inline-flex;align-items:flex-end;gap:2px;color:var(--secondary-accent);font-family:IBM Plex Mono,monospace;font-size:clamp(48px,8.2vw,126px);font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:normal;transform:translateY(-.2em) translateZ(28px);transform-style:preserve-3d}.clock__seconds{position:relative;z-index:0;display:inline-flex;isolation:isolate;color:transparent;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--secondary-accent) 18%,transparent)) drop-shadow(7px 10px 18px rgba(0,0,0,.42));text-shadow:1px 1px 0 color-mix(in srgb,var(--secondary-accent) 68%,#113c47),2px 2px 0 color-mix(in srgb,var(--secondary-accent) 48%,#0a2931),3px 3px 0 rgba(4,23,28,.9);transform-style:preserve-3d}.clock__glyph--secondary:before{z-index:-1;color:#05262db8;transform:translate3d(4px,6px,-14px)}.clock__glyph--secondary:after{z-index:2;color:transparent;-webkit-text-stroke:1px rgba(224,250,255,.25);transform:translateZ(8px)}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.clock__glyph[data-clock-highlight=true]{filter:brightness(1.18) drop-shadow(0 0 13px color-mix(in srgb,var(--accent) 58%,transparent));transform:translateZ(4px) scale(1.012)}.clock__glyph[data-clock-highlight=true]:after{background:radial-gradient(circle at var(--glyph-pointer-x) var(--glyph-pointer-y),rgba(255,255,255,1) 0 5%,color-mix(in srgb,var(--accent) 88%,white) 11%,transparent 32%),linear-gradient(104deg,transparent 30%,color-mix(in srgb,var(--accent) 48%,transparent) 42%,rgba(255,255,255,.98) 49%,color-mix(in srgb,var(--secondary-accent) 82%,white) 55%,transparent 69%);background-position:0 0,120% 0;background-size:100% 100%,260% 100%;background-clip:text;-webkit-background-clip:text;filter:brightness(1.3) drop-shadow(0 0 9px color-mix(in srgb,var(--accent) 82%,transparent)) drop-shadow(0 0 24px color-mix(in srgb,var(--secondary-accent) 34%,transparent));animation:glyph-light-flow .95s linear infinite}}@keyframes glyph-light-flow{to{background-position:0 0,-160% 0}}.clock__period{padding-bottom:.18em;font-size:.2em;letter-spacing:.12em;opacity:.72}.clock-meta{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:34px 0 0 .6vw;color:#d6efe782;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.18em;line-height:1}.clock-meta__date-row{display:flex;align-items:center;gap:16px;width:min(530px,58vw);color:var(--accent)}.clock-meta__date{color:color-mix(in srgb,var(--accent) 86%,#ffffff);font-size:clamp(13px,1.35vw,20px);letter-spacing:.2em;white-space:nowrap}.clock-meta__location{margin-left:38px;color:#ebf7f3a8;letter-spacing:.16em}.clock-meta__rule{flex:1;min-width:42px;height:1px;background:color-mix(in srgb,var(--accent) 24%,transparent)}.site-footer{position:absolute;z-index:20;right:18%;bottom:66px;left:18%;display:flex;align-items:center;justify-content:center;gap:24px;color:#d7efe7c7;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.2em}.site-footer__item,.site-footer__status{display:inline-flex;align-items:center;gap:8px}.site-footer__status{color:color-mix(in srgb,var(--accent) 84%,transparent)}.site-footer__link{color:inherit;text-decoration:none}.site-footer__link:hover,.site-footer__link:focus-visible{color:color-mix(in srgb,var(--accent) 92%,#ffffff);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 42%,transparent)}.site-footer__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 48%,transparent))}.site-footer__line:last-child{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 48%,transparent),transparent)}.site-footer__node{width:5px;height:5px;border:1px solid color-mix(in srgb,var(--accent) 56%,transparent);transform:rotate(45deg)}.status-dot{width:4px;height:4px;border-radius:50%;background:var(--accent-muted);box-shadow:0 0 7px var(--accent-muted)}.interaction-guide{position:absolute;z-index:28;bottom:108px;left:50%;display:flex;align-items:center;width:max-content;max-width:calc(100vw - 48px);gap:15px;color:#daf1e98f;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;line-height:1;pointer-events:none;transform:translate(-50%);animation:interaction-guide-in .52s cubic-bezier(.16,1,.3,1) both}.interaction-guide__rule{width:clamp(26px,4vw,62px);height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 46%,transparent))}.interaction-guide__rule:last-child{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 46%,transparent),transparent)}.interaction-guide__icon{flex:0 0 auto;color:color-mix(in srgb,var(--accent) 86%,#ffffff);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 58%,transparent));animation:interaction-guide-icon 1.8s ease-in-out infinite}.interaction-guide__steps{display:flex;align-items:center;gap:18px}.interaction-guide__step{position:relative;display:flex;align-items:center;gap:7px;opacity:.28;transform:translateY(0);transition:opacity .26s ease,transform .26s ease,filter .26s ease}.interaction-guide__step+.interaction-guide__step{padding-left:18px}.interaction-guide__step+.interaction-guide__step:before{position:absolute;top:1px;bottom:1px;left:0;width:1px;background:color-mix(in srgb,var(--accent) 22%,transparent);content:""}.interaction-guide__step[data-complete=true]{opacity:.48}.interaction-guide__step[data-active=true]{opacity:1;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 18%,transparent));transform:translateY(-1px)}.interaction-guide__index{color:color-mix(in srgb,var(--accent) 62%,transparent);font-size:8px;letter-spacing:.08em}.interaction-guide__copy{display:flex;flex-direction:column;gap:4px}.interaction-guide__command{color:#e8f8f3b8;font-size:9px}.interaction-guide__result{color:color-mix(in srgb,var(--accent) 90%,#ffffff);font-size:10px;text-shadow:0 0 10px color-mix(in srgb,var(--accent) 36%,transparent)}.interaction-guide__step[data-active=true] .interaction-guide__command{color:#f0fffaeb}.interaction-guide__step[data-active=true] .interaction-guide__result{text-shadow:0 0 8px color-mix(in srgb,var(--accent) 62%,transparent),0 0 18px color-mix(in srgb,var(--accent) 26%,transparent)}.interaction-guide[data-language=zh]{letter-spacing:.08em}.interaction-guide[data-language=zh] .interaction-guide__command{font-size:10px}.interaction-guide[data-language=zh] .interaction-guide__result{font-size:11px}@keyframes interaction-guide-in{0%{opacity:0;filter:blur(5px);transform:translate(-50%,9px)}to{opacity:1;filter:blur(0);transform:translate(-50%)}}@keyframes interaction-guide-icon{0%,to{opacity:.52;transform:translateY(1px)}50%{opacity:1;transform:translateY(-1px)}}@keyframes clock-arrival{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}@keyframes signal-pulse{0%,to{opacity:.48;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@media(max-width:900px){.clock-panel{top:51%;left:40px;width:calc(100vw - 80px)}.clock__primary{font-size:clamp(88px,17.2vw,154px)}.clock__secondary{font-size:clamp(31px,5.2vw,47px)}}@media(max-width:600px){.timepiece{min-height:520px}.scene-shading{background:linear-gradient(90deg,rgba(0,3,2,.48),transparent 68%),linear-gradient(180deg,rgba(0,3,2,.2),transparent 17%,transparent 74%,rgba(0,3,2,.54))}.site-header{top:20px;right:20px;left:20px;align-items:flex-start}.wordmark{max-width:104px;gap:7px;font-size:8px;letter-spacing:.18em;line-height:1.5;white-space:normal}.brand-lockup{transform:translateY(-7px)}.display-controls{gap:7px}.mode-switch__button{min-width:44px;height:44px;padding-inline:7px;font-size:8px}.palette-control{width:46px;height:44px;padding:0}.palette-control__track{gap:1px}.palette-control__option{width:7px;height:28px}.palette-control__swatch{width:2px;height:9px}.clock-panel{top:48.5%;left:20px;width:calc(100vw - 40px);transform:translateY(-43%)}.clock{gap:12px}.clock__primary{font-size:clamp(66px,21vw,106px);text-shadow:1px 1px 0 color-mix(in srgb,var(--accent) 70%,#123e35),2px 2px 0 color-mix(in srgb,var(--accent) 52%,#0c312a),3px 3px 0 rgba(4,24,20,.9),5px 8px 16px rgba(0,0,0,.48)}.clock__secondary{gap:4px;font-size:clamp(29px,9.5vw,45px);transform:translateY(-.12em)}.clock__glyph--primary:before{transform:translate3d(4px,6px,-16px)}.clock__glyph--secondary:before{transform:translate3d(2px,3px,-10px)}.clock-meta{flex-direction:column;align-items:flex-start;gap:12px;margin:24px 0 0 2px;font-size:8px;letter-spacing:.15em}.site-footer{right:20px;bottom:20px;left:20px;font-size:8px;letter-spacing:.15em}.interaction-guide{display:none}}@media(max-width:370px){.clock__primary{font-size:20vw}.clock__secondary{font-size:8.5vw}.site-footer{letter-spacing:.1em}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.timepiece--custom-cursor,.timepiece--custom-cursor *{cursor:none!important}.timepiece--custom-cursor .gravity-cursor{opacity:1}}@media(forced-colors:active){.timepiece,.timepiece *{cursor:auto!important}.timepiece button{cursor:pointer!important}.gravity-cursor,.interaction-guide{display:none}}@media(hover:none),(pointer:coarse){.interaction-guide{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.clock{transform:none;transition:none}}
