@import "https://fonts.googleapis.com/css2?family=Audiowide&family=Bitcount+Grid+Single&family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Doto:wght@100..900&dot-size=0..1&family=Henny+Penny&family=Luckiest+Guy&family=Micro+5&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Ribeye&family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--font-display:"Doto", "Space Mono", monospace;--font-body:"Space Grotesk", "DM Sans", system-ui, sans-serif;--font-data:"Space Mono", "JetBrains Mono", "SF Mono", monospace;--display-xl:clamp(180px, 32vmin, 560px);--display-xl-lh:1;--display-xl-ls:-.04em;--display-lg:clamp(72px, 14vmin, 400px);--display-lg-lh:1.05;--display-lg-ls:-.03em;--display-md:clamp(40px, 8vmin, 240px);--display-md-lh:1.1;--display-md-ls:-.02em;--heading:clamp(20px, 4.5vmin, 96px);--heading-lh:1.2;--heading-ls:-.01em;--subheading:18px;--subheading-lh:1.3;--subheading-ls:0;--body:16px;--body-lh:1.5;--body-ls:0;--body-sm:14px;--body-sm-lh:1.5;--body-sm-ls:.01em;--caption:12px;--caption-lh:1.4;--caption-ls:.04em;--label:11px;--label-lh:1.2;--label-ls:.08em;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--duration-micro:.15s;--duration-transition:.3s;--easing:cubic-bezier(.22, 1, .36, 1);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;--black:#000;--surface:#111;--surface-raised:#1a1a1a;--border:#222;--border-visible:#333;--text-disabled:#666;--text-secondary:#999;--text-primary:#e8e8e8;--text-display:#fff;--accent:#d71921;--accent-subtle:#d7192126;--success:#4a9e5c;--warning:#d4a843;--interactive:#5b9bf6}[data-theme=light]{--black:#f5f5f5;--surface:#fff;--surface-raised:#f0f0f0;--border:#e8e8e8;--border-visible:#ccc;--text-disabled:#999;--text-secondary:#666;--text-primary:#1a1a1a;--text-display:#000;--accent:#d71921;--accent-subtle:#d719211a;--success:#4a9e5c;--warning:#d4a843;--interactive:#007aff}[data-theme=amber]{--black:#1a0e03;--surface:#2a1a08;--surface-raised:#3a2410;--border:#3a2410;--border-visible:#5a3818;--text-disabled:#5a3e26;--text-secondary:#b07840;--text-primary:#ffb866;--text-display:#fc8;--accent:#ff6a00;--accent-subtle:#ff6a002e;--success:#c99457;--warning:#fc8;--interactive:#ff8c2a}[data-theme=mint]{--black:#001a14;--surface:#00261c;--surface-raised:#003328;--border:#003328;--border-visible:#1f4d40;--text-disabled:#3d6e5e;--text-secondary:#6fb8a0;--text-primary:#afd;--text-display:#cfe;--accent:#00d4a3;--accent-subtle:#00d4a32e;--success:#00d4a3;--warning:#ffe066;--interactive:#5bc8e5}[data-theme=rose]{--black:#1a0a14;--surface:#2a1421;--surface-raised:#3a1e2d;--border:#2a1421;--border-visible:#4a2d3d;--text-disabled:#5a3d4a;--text-secondary:#b88895;--text-primary:#ffd8e0;--text-display:#ffeef2;--accent:#ff4d88;--accent-subtle:#ff4d882e;--success:#4a9e5c;--warning:#ffb347;--interactive:#ff80aa}[data-theme=forest]{--black:#0a140c;--surface:#122017;--surface-raised:#1a2d20;--border:#1a2d20;--border-visible:#2d4d38;--text-disabled:#3a5a45;--text-secondary:#6fa37f;--text-primary:#b8ddc4;--text-display:#ddffe6;--accent:#4ade80;--accent-subtle:#4ade802e;--success:#4ade80;--warning:#e5c16e;--interactive:#80e0b0}[data-theme=ocean]{--black:#04101a;--surface:#0a1a2a;--surface-raised:#142840;--border:#0a1a2a;--border-visible:#1f3a5c;--text-disabled:#2d4566;--text-secondary:#7ba8c8;--text-primary:#c8e0f0;--text-display:#e0f0ff;--accent:#2dd4bf;--accent-subtle:#2dd4bf2e;--success:#4ade80;--warning:#fbbf24;--interactive:#38bdf8}[data-theme=paper]{--black:#f2ebdc;--surface:#faf4e6;--surface-raised:#fffaef;--border:#e8decc;--border-visible:#d5c8b0;--text-disabled:#b5a695;--text-secondary:#6a5f58;--text-primary:#2d2825;--text-display:#1a1614;--accent:#c84a1a;--accent-subtle:#c84a1a24;--success:#4a9e5c;--warning:#c99427;--interactive:#2d6bcc}[data-theme=terminal]{--black:#050805;--surface:#0f1a0c;--surface-raised:#142817;--border:#142817;--border-visible:#1f4d1f;--text-disabled:#1a4d1f;--text-secondary:#1f8833;--text-primary:#3c5;--text-display:#0f6;--accent:#0f6;--accent-subtle:#00ff6638;--success:#0f6;--warning:#ffe066;--interactive:#6f9}:root[data-theme=custom]{--black:var(--background,#000);--surface:var(--card,#111);--surface-raised:var(--popover,#1a1a1a);--border-visible:var(--input,#333);--text-disabled:var(--muted-foreground,#666);--text-secondary:var(--muted-foreground,#999);--text-primary:var(--foreground,#e8e8e8);--text-display:var(--foreground,#fff);--accent:var(--primary,#d71921);--accent-subtle:color-mix(in oklch, var(--primary,#d71921) 18%, transparent);--interactive:var(--ring,#5b9bf6)}:root{--digit-dur:.5s;--digit-distance:8px;--digit-blur:2px;--digit-ease:cubic-bezier(.34, 1.45, .64, 1);--digit-dir-x:0;--digit-dir-y:1;--digit-stagger:70ms}@keyframes t-digit-pop-in{0%{transform:translate(calc(var(--digit-distance) * var(--digit-dir-x)), calc(var(--digit-distance) * var(--digit-dir-y)));opacity:0;filter:blur(var(--digit-blur))}to{opacity:1;filter:blur();transform:translate(0)}}.t-digit-group{font-variant-numeric:tabular-nums;align-items:baseline;display:inline-flex}.t-digit{will-change:transform, opacity, filter;display:inline-block}[class*=__seconds] .t-digit{text-align:center;width:1ch}.t-digit-group.is-animating .t-digit{animation:t-digit-pop-in var(--digit-dur) var(--digit-ease) both}.t-digit-group.is-animating .t-digit[data-stagger="1"]{animation-delay:var(--digit-stagger)}.t-digit-group.is-animating .t-digit[data-stagger="2"]{animation-delay:calc(var(--digit-stagger) * 2)}.t-digit-group.is-animating .t-digit[data-stagger="3"]{animation-delay:calc(var(--digit-stagger) * 3)}@media (prefers-reduced-motion:reduce){.t-digit-group .t-digit{animation:none!important}}:root{--panel-open-dur:.4s;--panel-close-dur:.35s;--panel-translate-y:93.5px;--panel-blur:2px;--panel-ease:cubic-bezier(.22, 1, .36, 1)}.t-panel-slide{transform:translateY(var(--panel-translate-y));opacity:0;filter:blur(var(--panel-blur));pointer-events:none;transition:transform var(--panel-close-dur) var(--panel-ease), opacity var(--panel-close-dur) var(--panel-ease), filter var(--panel-close-dur) var(--panel-ease);will-change:transform, opacity, filter}.t-panel-slide[data-open=true]{opacity:1;filter:blur();pointer-events:auto;transition:transform var(--panel-open-dur) var(--panel-ease), opacity var(--panel-open-dur) var(--panel-ease), filter var(--panel-open-dur) var(--panel-ease);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.t-panel-slide{transition:none!important}}:root{--icon-swap-dur:.3s;--icon-swap-scale:1.1;--icon-swap-ease:cubic-bezier(.22, 1, .36, 1)}.t-icon-swap{justify-content:center;align-items:center;display:inline-flex;position:relative}.t-icon-swap .t-icon{transition:opacity var(--icon-swap-dur) var(--icon-swap-ease), transform var(--icon-swap-dur) var(--icon-swap-ease)}.t-icon-swap[data-state=a] .t-icon--a{opacity:1;transform:scale(1)}.t-icon-swap[data-state=a] .t-icon--b,.t-icon-swap[data-state=b] .t-icon--a{opacity:0;transform:scale(calc(1 / var(--icon-swap-scale)));position:absolute}.t-icon-swap[data-state=b] .t-icon--b{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.t-icon-swap .t-icon{transition:none!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);font-size:var(--body);line-height:var(--body-lh);color:var(--text-primary);background-color:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{flex-direction:column;height:100%;display:flex}.label{font-family:var(--font-data);font-size:var(--label);line-height:var(--label-lh);letter-spacing:var(--label-ls);text-transform:uppercase}.dotmatrix{align-items:baseline;gap:var(--space-xs);display:flex}.dotmatrix__time{font-family:Doto,Space Mono,monospace;font-size:var(--display-xl);line-height:var(--display-xl-lh);letter-spacing:var(--display-xl-ls);font-variation-settings:"dot-size" 1;color:var(--text-display);font-weight:900}.dotmatrix__seconds{font-family:var(--font-data);font-size:var(--heading);color:var(--accent);font-variant-numeric:tabular-nums;align-self:flex-end;margin-bottom:.15em;font-weight:700}.editorial{align-items:baseline;gap:0;display:flex}.editorial__hours,.editorial__minutes{font-family:Space Grotesk,system-ui,sans-serif;font-size:var(--display-xl);line-height:var(--display-xl-lh);letter-spacing:-.04em;color:var(--text-display);font-weight:700}.editorial__colon{font-family:Space Grotesk,system-ui,sans-serif;font-size:var(--display-xl);line-height:var(--display-xl-lh);color:var(--text-display);margin:0 4px;font-weight:300}.editorial__seconds{font-family:var(--font-data);font-size:var(--heading);color:var(--accent);margin-left:var(--space-md);vertical-align:super;font-weight:700}.neon{align-items:baseline;gap:var(--space-sm);display:flex}.neon__time{font-family:Audiowide,Space Mono,monospace;font-size:var(--display-xl);line-height:var(--display-xl-lh);letter-spacing:.02em;color:var(--text-display);text-shadow:0 0 6px var(--accent-subtle), 0 0 18px var(--accent-subtle), 0 0 36px var(--accent-subtle);font-weight:400}.neon__seconds{font-family:Audiowide,Space Mono,monospace;font-size:var(--heading);color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 0 8px var(--accent-subtle)}@media (prefers-reduced-motion:reduce){.neon__time,.neon__seconds{text-shadow:none}}.serif{align-items:baseline;gap:0;display:flex}.serif__hours,.serif__minutes{font-family:Playfair Display,Georgia,serif;font-size:var(--display-xl);letter-spacing:-.03em;color:var(--text-display);font-style:italic;font-weight:800;line-height:1.18}.serif__colon{font-family:Playfair Display,Georgia,serif;font-size:var(--display-xl);color:var(--text-display);margin:0 6px;font-style:italic;font-weight:300;line-height:1.18}.serif__seconds{font-family:var(--font-data);font-size:var(--heading);color:var(--accent);margin-left:var(--space-md);vertical-align:super;font-weight:700}.ribeye{align-items:baseline;gap:var(--space-md);display:flex}.ribeye__time{font-family:Ribeye,Georgia,serif;font-size:var(--display-xl);line-height:var(--display-xl-lh);letter-spacing:.01em;color:var(--text-display);font-weight:400}.ribeye__seconds{font-family:var(--font-data);font-size:var(--heading);color:var(--accent);font-weight:700}.bodoni{align-items:baseline;gap:var(--space-md);display:flex}.bodoni__time{font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:var(--display-xl);line-height:var(--display-xl-lh);letter-spacing:-.02em;color:var(--text-display);font-optical-sizing:auto;font-style:italic;font-weight:800}.bodoni__seconds{font-family:var(--font-data);font-size:var(--heading);color:var(--accent);font-weight:700}.bitcount{align-items:baseline;gap:var(--space-md);display:flex}.bitcount__time{font-family:Bitcount Grid Single,Space Mono,monospace;font-size:var(--display-xl);line-height:var(--display-xl-lh);letter-spacing:-.12em;color:var(--text-display);font-weight:400}.bitcount__seconds{font-family:Bitcount Grid Single,Space Mono,monospace;font-size:var(--heading);color:var(--accent);font-variant-numeric:tabular-nums}.micro5{align-items:baseline;gap:var(--space-md);display:flex}.micro5__time{font-family:"Micro 5",Space Mono,monospace;font-size:calc(var(--display-xl) * 1.6);line-height:var(--display-xl-lh);letter-spacing:0;color:var(--text-display);-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto;font-weight:400}.micro5__seconds{font-family:"Micro 5",Space Mono,monospace;font-size:calc(var(--display-md) * 1.5);color:var(--accent);-webkit-font-smoothing:none}.henny{align-items:baseline;gap:var(--space-md);display:flex}.henny__time{font-family:Henny Penny,cursive;font-size:var(--display-xl);line-height:var(--display-xl-lh);letter-spacing:0;color:var(--text-display);font-weight:400}.henny__seconds{font-family:var(--font-data);font-size:var(--heading);color:var(--accent);font-weight:700}.lucky{align-items:baseline;gap:var(--space-md);display:flex}.lucky__time{font-family:Luckiest Guy,cursive;font-size:var(--display-xl);line-height:var(--display-xl-lh);letter-spacing:.02em;color:var(--text-display);font-weight:400}.lucky__seconds{font-family:var(--font-data);font-size:var(--heading);color:var(--accent);font-weight:700}.clock{justify-content:center;align-items:center;display:flex}.date-info{align-items:center;gap:var(--space-md);margin-top:var(--space-md);justify-content:center;display:flex}.date-info__weekday,.date-info__date{color:var(--text-secondary);font-size:clamp(15px,2.6vmin,28px)}.date-info__separator{color:var(--text-disabled);font-size:var(--caption)}@media (width<=768px) and (height<=500px){.date-info{margin-top:var(--space-xs);gap:var(--space-sm)}.date-info__weekday,.date-info__date{font-size:clamp(13px,2vw,20px)}}.segmented-control{border:1px solid var(--border-visible);border-radius:var(--radius-md);flex-wrap:wrap;min-height:36px;display:flex;overflow:hidden}.segmented-control__option{font-family:var(--font-data);font-size:var(--label);line-height:var(--label-lh);letter-spacing:var(--label-ls);text-transform:uppercase;color:var(--text-secondary);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color var(--duration-micro) var(--easing), color var(--duration-micro) var(--easing);white-space:nowrap;min-height:36px;box-shadow:-1px 0 0 var(--border-visible), 0 -1px 0 var(--border-visible);background:0 0;border:none;flex:auto}.segmented-control__option--active{background-color:var(--text-display);color:var(--black)}.segmented-control__option:hover:not(.segmented-control__option--active){color:var(--text-primary)}@media (prefers-reduced-motion:reduce){.segmented-control__option{transition:none}}.toggle{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-xs) 0;cursor:pointer;color:var(--text-secondary);transition:color var(--duration-micro) var(--easing);background:0 0;border:none;display:flex}.toggle:hover{color:var(--text-primary)}.toggle__label{text-align:left;flex:1}.toggle__track{border-radius:var(--radius-pill);border:1px solid var(--border-visible);width:36px;height:20px;transition:background var(--duration-micro) var(--easing), border-color var(--duration-micro) var(--easing);background:0 0;flex-shrink:0;position:relative}.toggle__track--on{background:var(--accent);border-color:var(--accent)}.toggle__thumb{border-radius:var(--radius-pill);background:var(--text-secondary);width:14px;height:14px;transition:transform var(--duration-micro) var(--easing), background var(--duration-micro) var(--easing);position:absolute;top:2px;left:2px}.toggle__track--on .toggle__thumb{background:var(--text-display);transform:translate(16px)}@media (prefers-reduced-motion:reduce){.toggle,.toggle__track,.toggle__thumb{transition:none}}.settings-panel__backdrop{z-index:100;animation:fadeIn var(--duration-transition) var(--easing);background:#000c;position:fixed;inset:0}.settings-panel{right:var(--space-lg);bottom:var(--space-lg);background-color:var(--surface);border:1px solid var(--border-visible);border-radius:var(--radius-lg);padding:var(--space-lg);padding-top:var(--space-2xl);width:min(420px, calc(100vw - var(--space-xl)));z-index:101;position:fixed}.settings-panel__close{top:var(--space-sm);right:var(--space-sm);color:var(--text-secondary);font-size:var(--body);cursor:pointer;padding:var(--space-xs);transition:color var(--duration-micro) var(--easing);background:0 0;border:none;position:absolute}.settings-panel__close:hover{color:var(--text-primary)}.settings-panel__section{margin-bottom:var(--space-lg)}.settings-panel__section:last-child{margin-bottom:0}.settings-panel__label{margin-bottom:var(--space-sm);display:block}.settings-panel__textarea{resize:vertical;background:var(--surface-raised);width:100%;min-height:140px;max-height:320px;color:var(--text-primary);border:1px solid var(--border-visible);border-radius:var(--radius-md);padding:var(--space-sm);font-family:var(--font-data);font-size:var(--caption);margin-bottom:var(--space-sm);transition:border-color var(--duration-micro) var(--easing);outline:none;line-height:1.45;display:block}.settings-panel__textarea:focus{border-color:var(--text-primary)}.settings-panel__textarea::placeholder{color:var(--text-disabled)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=600px){.settings-panel{right:var(--space-sm);bottom:var(--space-sm)}}.gesture-hint{top:var(--space-md);left:var(--space-md);gap:var(--space-2xs);color:var(--text-disabled);pointer-events:none;z-index:5;animation:gesture-hint-fade-in var(--duration-transition) var(--easing) both;flex-direction:column;display:flex;position:fixed}.gesture-hint__row{display:block}@keyframes gesture-hint-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.gesture-hint{animation:none}}.app{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.app__clock-wrap{display:contents}.app__center{--clock-descent:calc(var(--display-xl) * .15);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.app__center:has(.dotmatrix),.app__center:has(.serif),.app__center:has(.bodoni),.app__center:has(.henny),.app__center:has(.lucky)){--clock-descent:0px}.app__center:has(.micro5){--clock-descent:calc(var(--display-xl) * 1.6 * .15)}.app__center>.date-info{margin-top:calc(var(--space-md) - var(--clock-descent));white-space:nowrap;position:absolute;top:100%;left:50%;transform:translate(-50%)}.app__bottom-bar{bottom:var(--space-md);right:var(--space-md);gap:var(--space-sm);z-index:10;opacity:1;transition:opacity var(--duration-transition) var(--easing);display:flex;position:fixed}.app[data-hud=off] .app__bottom-bar{opacity:0}@media (prefers-reduced-motion:reduce){.app__bottom-bar{transition:none}}.app__settings-btn{color:var(--text-disabled);cursor:pointer;padding:var(--space-sm);transition:color var(--duration-micro) var(--easing);background:0 0;border:none}.app__settings-btn:hover{color:var(--text-secondary)}