:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#d9b975;--background:#080f1a;--margin:clamp(20px,3.8vmin,46px);--date-space:48px}*,:before,:after{box-sizing:border-box}html{background:var(--background);height:100%}body{color:#ecf1fb;background:radial-gradient(48% 45% at 50% 46%,#1c2d49 0%,#111c2d 62%,#080f1a 100%);min-height:100dvh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}body[data-date-visible=false]{--date-space:0px;--margin:clamp(16px,3vmin,36px)}button,input{font:inherit}button{cursor:pointer}.ambient{z-index:0;pointer-events:none;filter:blur(60px);opacity:.2;border-radius:50%;position:fixed}.ambient-one{background:#0a50dc;width:26rem;height:26rem;top:34%;left:-15rem}.ambient-two{opacity:.12;background:#756343;width:24rem;height:24rem;top:-6rem;right:-16rem}.main-stage{z-index:1;place-items:center;min-height:100dvh;display:grid;position:relative}.clock-section{flex-direction:column;justify-content:center;align-items:center;gap:0;max-width:100%;display:flex}.clock-surround{--clock-size:max(120px,min(calc(100vw - 2 * var(--margin)),calc(100dvh - 2 * var(--margin) - var(--date-space))));width:var(--clock-size);height:var(--clock-size);filter:drop-shadow(0 20px 34px #00000075);place-items:center;display:grid}.clock-svg{width:100%;height:100%;display:block;overflow:visible}#coreNeon{opacity:.93}.date-line{color:#e5dcc8cc;letter-spacing:.16em;text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:18px;min-height:22px;margin-top:18px;font-size:clamp(11px,1.45vmin,15px);display:flex}.date-line[hidden]{display:none}.date-rule{background:linear-gradient(90deg,#0000,#a8894f,#0000);width:26px;height:1px;display:block}.icon-button{color:#d9b975;background:#0e1828b8;border:1px solid #d9b97538;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .2s,border-color .2s;display:inline-grid}.icon-button:hover{background:#1d2a41;border-color:#f1d89e99}.icon-button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #83baff}.settings-trigger{top:max(15px,env(safe-area-inset-top));right:max(15px,env(safe-area-inset-right));z-index:4;transition:background .2s,border-color .2s,opacity .2s,transform .2s;position:fixed}body[data-auto-hide-settings=true] .settings-trigger{opacity:0;transform:translateY(-6px)}body[data-auto-hide-settings=true] .settings-trigger:is(:hover,:focus-visible),body[data-auto-hide-settings=true][data-settings-corner-visible=true] .settings-trigger,body[data-auto-hide-settings=true][data-settings-modal-open=true] .settings-trigger{opacity:1;transform:translateY(0)}.settings-modal{color:#e9edf9;background:linear-gradient(165deg,#19263d 0%,#101a2a 65%,#0e1625 100%);border:1px solid #d9b9754d;border-radius:20px;width:min(390px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 26px 100px #000000a6,inset 0 1px #ffffff0a}.settings-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#01050db8}.modal-header{border-bottom:1px solid #d9b97524;justify-content:space-between;align-items:center;padding:18px 22px 12px;display:flex}.modal-header h2{letter-spacing:.02em;margin:0;font-size:19px;font-weight:650}.close-button{width:35px;height:35px}.modal-content{padding:12px 22px 22px}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.toggle-row+.toggle-row{border-top:1px solid #d9b97517}.toggle-row>span{flex-direction:column;flex:1;gap:4px;display:flex}.toggle-row strong{font-size:14px;font-weight:600}.toggle-row small{color:#9dadc7;font-size:12px;line-height:1.4}.toggle-row input{appearance:none;background:#2d3b51;border:1px solid #56647a;border-radius:16px;flex-shrink:0;width:40px;height:23px;margin:0;transition:background .16s,border-color .16s;position:relative}.toggle-row input:before{content:"";background:#dfe5ef;border-radius:50%;width:15px;height:15px;transition:transform .16s;position:absolute;top:3px;left:3px}.toggle-row input:checked{background:#536746;border-color:#c6ae78}.toggle-row input:checked:before{background:#f1d89e;transform:translate(17px)}@media (width<=480px){:root{--margin:22px;--date-space:46px}.settings-trigger{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.date-line{margin-top:14px}}@media (prefers-reduced-motion:reduce){.icon-button,.settings-trigger,.toggle-row input,.toggle-row input:before{transition:none}}html:has(body[data-background-off=true]){background:#000}body[data-background-off=true]{background:#000}body[data-background-off=true] .ambient{display:none}body[data-background-off=true] #dialBackground{fill:#000}body[data-background-off=true] #dialNebula{display:none}