.face-station .face-cap{fill:#e00}.face-analog{letter-spacing:0;width:100%;height:auto;display:block}.face-analog line{stroke-linecap:round}.face-analog .face-hour{stroke-width:5px}.face-analog .face-minute{stroke-width:3.5px}.face-analog .face-second{stroke-width:1px}.face-analog .face-number{font:700 13px -apple-system,BlinkMacSystemFont,sans-serif}.face-station .face-edge{fill:#fffdf9;stroke:#111;stroke-width:2px}.face-station .face-tick{stroke:#000;stroke-width:2.0833px;stroke-linecap:butt}.face-station .face-major{stroke-width:6.25px}.face-station [data-hand=hour],.face-station [data-hand=minute]{fill:#333}.face-station [data-hand=second]{fill:#e00}.face-neumorphic{border-radius:50%;box-shadow:20px 20px 55px #ccd5deaa,-20px -20px 55px #faffff99}.face-neumorphic .face-hour{stroke:#333;stroke-width:7px}.face-neumorphic .face-minute{stroke:#ff7575;stroke-width:6px}.face-neumorphic .face-second{stroke:#747474;stroke-width:2px}.face-neumorphic .face-cap{fill:#ff7575}.face-roman .face-edge{stroke:#caa45a;stroke-width:2.5px}.face-roman .face-tick{stroke:#8d877d;stroke-width:1px}.face-roman .face-major,.face-roman .face-hour,.face-roman .face-minute{stroke:#2a2118}.face-roman .face-second{stroke:#8a6d2f}.face-roman .face-cap{fill:#8a6d2f}.face-chronograph .face-edge{stroke:#2a3340;stroke-width:2px}.face-chronograph .face-tick{stroke:#747c87;stroke-width:1px}.face-chronograph .face-major{stroke:#e6edf3;stroke-width:1.8px}.face-chronograph .face-number{fill:#e6edf3;font-size:17px}.face-chronograph .face-hour,.face-chronograph .face-minute{stroke:#e6edf3}.face-chronograph .face-second,.subdial-hand{stroke:#ef4565;stroke-width:1px}.face-chronograph .face-cap{fill:#ef4565}.face-brand{fill:#ef4565;letter-spacing:2px;font:800 11px -apple-system,sans-serif}.subdial-edge{fill:none;stroke:#67717b;stroke-width:.5px}.subdial-label{fill:#89929a;font:6px sans-serif}.face-aura{text-align:center;backdrop-filter:blur(25px);background:#ffffff0e;border:1px solid #ffffff21;border-radius:30px;padding:42px 32px;box-shadow:0 30px 80px #0008,inset 0 1px #ffffff14}.aura-weekday{color:#aaa9b7;letter-spacing:6px;text-transform:uppercase;margin-bottom:30px;font-size:clamp(11px,.11em,16px);font-weight:600;display:block}.aura-time{justify-content:center;align-items:baseline;gap:.12em;display:flex}.aura-time>[data-face-time]{color:#0000;filter:drop-shadow(0 0 20px #9f8cff33);letter-spacing:-.05em;background:linear-gradient(135deg,#fff,#d8d2ff 45%,#9f8cff) text;font-family:Space Mono,monospace;font-weight:700}.aura-time>[data-face-period]{color:#b4a4ff;font-size:.17em}.aura-date{color:#aaa9b7;letter-spacing:2px;margin-top:25px;font-size:clamp(11px,.11em,16px);display:block}.aura-divider{background:linear-gradient(90deg,#0000,#9d8cff,#0000);width:70px;height:1px;margin:26px auto 0;display:block}.face-rolling{color:#fff;backdrop-filter:blur(15px);letter-spacing:0;background:#101526bb;border-radius:.5em;justify-content:center;align-items:center;gap:.09em;padding:.28em .42em;font-family:Victor Mono,monospace;display:flex;box-shadow:0 14px 40px #11142b22}.rolling-digit{width:.65em;height:1.35em;display:inline-block;overflow:hidden}.rolling-strip{flex-direction:column;display:flex}.rolling-strip>span{flex-shrink:0;height:1.35em;line-height:1.35;display:block}.rolling-colon{font-size:.8em;line-height:1}.face-bubble{letter-spacing:0;justify-content:center;align-items:center;font-family:Fredoka,sans-serif;font-weight:500;line-height:1.05;display:flex}.bubble-pair{display:flex}.bubble-pair>span+span{margin-left:-.13em}.bubble-pair>span:first-child{color:#a083df}.bubble-pair>span:last-child{color:#7650c5}.bubble-pair:last-child>span:first-child{color:#b58bda}.bubble-colon{color:#bcaabb;z-index:1;margin-inline:-.035em;font-size:.75em}.bubble-seconds{text-align:center;letter-spacing:.08em;color:#b89bdd;margin-top:.4em;font:500 .19em Fredoka,sans-serif;display:block}.clock-station{color:#333;color-scheme:light;background:#fffdf9}.clock-neumorphic{color:#333;color-scheme:light;background:#e3edf7}.clock-roman{color:#2a2118;color-scheme:light;background:#f0ebdf}.clock-chronograph{color:#e6edf3;background:#060f16}.clock-station .clock-display,.clock-neumorphic .clock-display,.clock-roman .clock-display,.clock-chronograph .clock-display{width:min(52svh,80vw,480px)}.clock-station #date,.clock-station .clock-name,.clock-neumorphic #date,.clock-neumorphic .clock-name,.clock-roman #date,.clock-roman .clock-name{color:#687179}.clock-station .clock-toolbar button,.clock-station .clock-toolbar select,.clock-neumorphic .clock-toolbar button,.clock-neumorphic .clock-toolbar select,.clock-roman .clock-toolbar button,.clock-roman .clock-toolbar select{color:#36424a;background:#ffffff60;border-color:#a7b1b8}.clock-aura{color:#eee;background:radial-gradient(at 0 0,#43296288,#0000 55%),radial-gradient(at 100% 100%,#07556066,#0000 55%),#07070b}.clock-aura .clock-display{width:min(94vw,870px);font-size:clamp(36px,9.2vw,115px)}.clock-aura #date,.clock-aura #period{display:none}.clock-aura .clock-name{color:#bdb5d1}.clock-rolling{color:#fff;background:linear-gradient(135deg,#3498db,#8e44ad)}.clock-rolling .clock-display{letter-spacing:0;font-size:clamp(34px,8vw,110px)}.clock-rolling #date,.clock-rolling #period,.clock-rolling .clock-name{color:#f0edf8}.clock-bubble{color:#a083df;background:#07040b}.clock-bubble .clock-display{letter-spacing:0;font-size:clamp(80px,22vw,310px)}.clock-bubble #date,.clock-bubble #period{color:#bcaabb}.clock-nixie{color:#fae8a5;background:linear-gradient(#040909 65%,#312c2a)}.clock-nixie .clock-stage{gap:15px}.clock-nixie .clock-display{width:min(94vw,1160px);height:auto;font-size:initial;letter-spacing:0;line-height:normal;container-type:inline-size}.clock-nixie #date,.clock-nixie #period{color:#fae8a5}.preview-station,.preview-neumorphic,.preview-roman,.preview-chronograph,.preview-aura,.preview-rolling,.preview-bubble,.preview-nixie{container-type:inline-size}.preview-station{background:#fffdf9}.preview-neumorphic{background:#e3edf7}.preview-roman{background:#f0ebdf}.preview-chronograph{background:#060f16}.clock-preview .face-analog{width:58%;max-height:88%}.preview-neumorphic .face-analog{width:52%}.preview-aura{background:radial-gradient(at 0 0,#382151,#0000 65%),#07070b}.preview-aura .face-aura{border-radius:16px;width:82%;padding:6cqw 3cqw;font-size:10cqw}.preview-aura .aura-weekday{letter-spacing:2px;margin-bottom:3cqw;font-size:2cqw}.preview-aura .aura-date{letter-spacing:0;margin-top:3cqw;font-size:1.7cqw}.preview-aura .aura-divider{width:12cqw;margin-top:3cqw}.preview-rolling{background:linear-gradient(135deg,#3498db,#8e44ad)}.preview-rolling .face-rolling{font-size:8cqw}.preview-bubble{background:#07040b}.preview-bubble .face-bubble{font-size:23cqw}.preview-bubble .bubble-seconds{display:none}.preview-nixie{background:linear-gradient(#040909 65%,#312c2a)}body.has-custom-background .face-neumorphic{box-shadow:none}body.has-custom-background .face-rolling{background:#101526a8}@media (width<=600px){.face-aura{border-radius:20px;padding:30px 12px}.aura-weekday{letter-spacing:2px;margin-bottom:20px}.aura-date{letter-spacing:0}.clock-aura .clock-display{font-size:9.2vw}.clock-bubble .face-bubble{flex-direction:column}.clock-bubble .bubble-colon{display:none}.clock-bubble .clock-display{font-size:min(37vw,19svh)}.clock-bubble .clock-stage{gap:12px}.clock-nixie .clock-display{width:94vw}}@media (height<=650px) and (width>=600px){.clock-stage:has(.face-analog) .clock-display{width:43svh}.clock-aura .clock-display{font-size:min(9.2vw,18svh)}.clock-aura .face-aura{padding:20px 24px}.clock-aura .aura-weekday{margin-bottom:14px}.clock-aura .aura-date,.clock-aura .aura-divider{margin-top:14px}.clock-bubble .clock-display{font-size:min(22vw,26svh)}.clock-nixie .clock-stage{gap:8px}}@media (height<=700px) and (width<=600px){.clock-bubble .clock-display{font-size:min(37vw,16svh)}.clock-bubble .clock-stage,.clock-nixie .clock-stage{gap:8px}}.nixie-machine{--nixie-brass:#bc9259;isolation:isolate;width:100%;max-width:7em;margin-inline:auto;padding:.65em .48em .85em;font-size:min(14cqw,14svh,150px);position:relative}.nixie-housing{background:repeating-linear-gradient(0deg,#ffe6bf04 0 1px,#0000 1px 3px),linear-gradient(120deg,#65513a,#211f1b 28%,#151815 70%,#59422c);border:.025em solid #9d7543;border-radius:.11em;padding:.2em .3em .08em;position:relative;box-shadow:inset 0 0 0 .025em #171714,inset 0 0 0 .04em #ba915841,inset 0 .035em .05em #edd5ad33,0 .14em .25em #0009}.nixie-screw{background:linear-gradient(45deg,#b49263 43%,#2b2319 44% 56%,#ba9869 57%);border-radius:50%;width:.07em;height:.07em;position:absolute;box-shadow:0 0 .025em #000}.screw-tl{top:.065em;left:.065em}.screw-tr{top:.065em;right:.065em}.screw-bl{bottom:.065em;left:.065em}.screw-br{bottom:.065em;right:.065em}.nixie-pipework{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pipe-shadow{stroke:#050706;stroke-width:28px;filter:drop-shadow(0 4px 3px #0008)}.nixie-piston{animation:4s ease-in-out infinite alternate nixie-piston-stroke}.nixie-steam{pointer-events:none;width:.5em;height:.55em;position:absolute;top:-.28em}.steam-left{left:calc(9.4% - .18em)}.steam-right{right:calc(9% - .18em)}.nixie-steam i{filter:blur(.015em);opacity:0;background:radial-gradient(at 50% 75%,#e4e6d7aa,#b9c2b550 40%,#fff0 72%);border-radius:50%;width:65%;height:85%;animation:5s ease-out infinite nixie-steam-rise;position:absolute;bottom:0;left:20%}.nixie-steam i:nth-child(2){animation-delay:-1.7s}.nixie-steam i:nth-child(3){animation-delay:-3.4s}.steam-right i{animation-direction:normal;animation-delay:-2.5s}.nixie-mechanism{border-top:1px solid #c19a6040;justify-content:space-between;align-items:center;height:.7em;margin-top:.1em;padding:.09em .15em .01em;display:flex}.nixie-gear-window{background:#0c100f;border:.012em solid #b9935866;border-radius:.07em;width:1.35em;height:.62em;overflow:hidden;box-shadow:inset 0 0 .08em #000}.nixie-gear-window svg{fill:#9a7847;stroke:#d3b174;stroke-width:1px;width:100%;height:100%;display:block}.nixie-gear{transform-box:fill-box;transform-origin:50%;animation:48s linear infinite nixie-gear-turn}.gear-reverse{animation-duration:38s;animation-direction:reverse}.nixie-gear:nth-child(3){animation-duration:31s}.gear-well{fill:#201f19;stroke:#665433}.gear-pin{fill:#c1a270;stroke:#6a5230}.gear-bridge{fill:none;stroke:#726447;stroke-width:5px}.nixie-maker{color:#d6bb88;text-align:center;letter-spacing:.015em;align-content:center;gap:.025em;font-family:Georgia,serif;display:grid}.nixie-maker>span{font-size:.17em;line-height:1.5}.nixie-maker small{letter-spacing:.02em;color:#b59a73;font:400 .08em/1.4 ui-monospace,monospace}.nixie-gauge{width:.72em;height:.72em}.nixie-gauge svg{width:100%;height:100%;display:block}.gauge-rim{fill:#80613a;stroke:#c7a26b;stroke-width:2px}.gauge-dial{fill:#d7c8a7;stroke:#29251c;stroke-width:2px}.gauge-ticks{stroke:#594735;stroke-width:1.5px}.nixie-gauge text{fill:#584631;text-anchor:middle;font:9px Georgia,serif}.nixie-pressure-needle{fill:#973f29;transform-origin:50px 50px;animation:8s ease-in-out infinite alternate nixie-pressure}.nixie-feet{z-index:-2;justify-content:space-between;display:flex;position:absolute;bottom:0;left:10%;right:10%}.nixie-feet span{background:linear-gradient(90deg,#30281e,#856a47,#32271a);border-radius:0 0 .06em .06em;width:.3em;height:.22em;box-shadow:0 .04em .03em #0009}@keyframes nixie-steam-rise{0%{opacity:0;transform:translateY(.15em)scale(.55)}25%{opacity:.6}75%{opacity:.25}to{opacity:0;transform:translate(-.1em,-.38em)scale(1.45)}}@keyframes nixie-gear-turn{to{transform:rotate(360deg)}}@keyframes nixie-pressure{0%{transform:rotate(25deg)}to{transform:rotate(38deg)}}@keyframes nixie-piston-stroke{0%{transform:translate(-6px)}to{transform:translate(6px)}}.nixie-face{--nixie-light:#ffdb9e;--nixie-amber:#ff791b;isolation:isolate;width:100%;color:var(--nixie-light);justify-content:center;align-items:center;gap:.08em;font:400 1em/1 DSEG7,monospace;display:flex;position:relative}.nixie-pair{gap:.065em;display:flex}.nixie-tube{background:linear-gradient(105deg,#fff2 0%,#fff0 12% 75%,#fff1 100%),radial-gradient(at 50% 70%,#b3400826,#080a0ae6 75%);border:1px solid #b8a88b55;border-radius:.28em .28em .13em .13em;place-items:center;width:.72em;height:1.6em;padding-top:.08em;display:grid;position:relative;box-shadow:inset 0 0 .08em #f1d2a422,inset .025em 0 .035em #fff2,0 .15em .2em #0008}.nixie-tube:before{content:"";background:repeating-linear-gradient(0deg,#e5c8a408 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#e5c8a408 0 1px,#0000 1px 4px);border:1px solid #ddc89b18;border-radius:.2em .2em .04em .04em;position:absolute;inset:.12em .07em .23em}.nixie-tube:after{content:"";background:linear-gradient(#5d5141,#1a1b1a 24%,#38332c 58%,#0e1010);border-top:1px solid #bda58077;border-radius:.045em .045em .08em .08em;height:.22em;position:absolute;bottom:-.09em;left:-.025em;right:-.025em;box-shadow:0 .06em .1em #0008}.nixie-digit{letter-spacing:-.08em;font-size:.78em;position:relative}.nixie-digit>span{display:block}.nixie-digit>[data-nixie-digit]{position:absolute;inset:0}.nixie-ghost{opacity:.06}.nixie-glow{text-shadow:0 0 .045em #fff7db, 0 0 .12em var(--nixie-amber), 0 0 .3em #fb5c1399}.nixie-colon{color:var(--nixie-amber);text-shadow:0 0 .2em #ff9e46;padding-top:.08em;font-size:.38em}.preview-nixie .nixie-machine{width:92%;font-size:12.5cqw}.preview-nixie .nixie-face{width:100%;height:auto}.preview-nixie .nixie-steam i{opacity:.4;animation:none}.preview-nixie .nixie-gear,.preview-nixie .nixie-pressure-needle,.preview-nixie .nixie-piston{animation:none}@media (height<=650px) and (width>=600px){.clock-nixie .nixie-machine{font-size:min(14cqw,9svh)}}@media (prefers-reduced-motion:reduce){.nixie-steam i{opacity:.4;animation:none}.nixie-gear,.nixie-pressure-needle,.nixie-piston{animation:none}}