:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ede8df;font-synthesis:none;text-rendering:optimizelegibility;background:#080604;font-family:Segoe UI Variable,Microsoft YaHei UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{background:#080604;width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;min-height:100dvh}body.is-idle,body.is-idle *{cursor:none}button{font:inherit}.stage{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;background:#080604;width:100%;min-height:100dvh;position:relative;overflow:hidden}.clock-canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.clock-canvas:focus-visible{box-shadow:inset 0 0 0 2px #ff7e36b8}.optical-overlay{z-index:2;pointer-events:none;mix-blend-mode:normal;background:radial-gradient(at 50% 44%,#0000 38%,#05040317 63%,#0403025e 105%),linear-gradient(#140d0809,#0000 28%,#02020124);position:fixed;inset:0}.optical-overlay:after{content:"";opacity:.17;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:3px 3px,3px 3px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 88%);mask-image:radial-gradient(#000,#0000 88%)}.loading-state,.fallback-state{z-index:5;text-align:center;background:radial-gradient(circle at 50% 45%,#15100b 0%,#080604 48%,#050403 100%);place-content:center;gap:13px;transition:opacity .85s cubic-bezier(.16,1,.3,1);display:grid;position:fixed;inset:0}.loading-state>span{color:#bbaa98;letter-spacing:.24em;text-transform:uppercase;font-size:12px}.warmup-tube{background:linear-gradient(90deg,#ffffff0d,#0000 35%,#ffffff05 65%,#0000),#0807062e;border:1px solid #e1e9ec38;border-radius:15px 15px 8px 8px/22px 22px 8px 8px;width:34px;height:78px;margin:0 auto 2px;position:relative;box-shadow:inset 4px 0 7px #ffffff06,0 9px 18px #00000061}.warmup-tube:after{content:"";background:linear-gradient(#6f655b,#22201d);border-radius:3px;height:12px;position:absolute;bottom:-8px;left:3px;right:3px;box-shadow:inset 0 1px #ffffff1f}.warmup-tube span{filter:drop-shadow(0 0 4px #ff4a08)drop-shadow(0 0 11px #ff470894);opacity:.42;border:2px solid #0000;border-color:#0000 #ff7a24;border-radius:45%;animation:1.25s ease-in-out infinite warmup;position:absolute;inset:13px 8px 12px}.loading-state.is-ready{opacity:0;pointer-events:none}.fallback-state[hidden],.loading-state[hidden]{display:none}.fallback-state strong{font-size:18px;font-weight:580}.fallback-state span{color:#a7a099;max-width:34ch;font-size:14px;line-height:1.65}.controls{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:4;-webkit-backdrop-filter:blur(20px)saturate(116%);backdrop-filter:blur(20px)saturate(116%);opacity:0;pointer-events:none;background:linear-gradient(#1a140fbd,#0a0806bd);border:1px solid #ffe8cf1a;border-radius:11px;gap:3px;padding:5px;transition:opacity .24s,transform .36s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;transform:translateY(9px)scale(.985);box-shadow:inset 0 1px #ffffff0e,0 16px 46px #0000005c}.controls.is-visible,.controls:focus-within{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.controls button{color:#c8c1b9;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;min-height:34px;padding:0 10px;font-size:12px;transition:color .16s,background-color .16s,border-color .16s,transform .1s}.controls button:hover{color:#fff3e7;background:#ee692716;border-color:#f47e3b2b}.controls button:active{transform:translateY(1px)}.controls button:focus-visible{outline-offset:1px;outline:2px solid #e46d31}.controls button:disabled{color:#736d67;cursor:not-allowed}.hint{left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:3;color:#dacdbfa3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);letter-spacing:.035em;opacity:0;pointer-events:none;background:#0a080670;border:1px solid #ffe1c513;border-radius:999px;padding:8px 13px;font-size:11px;transition:opacity .42s,transform .52s cubic-bezier(.16,1,.3,1);position:fixed;transform:translate(-50%,8px);box-shadow:0 10px 34px #00000040}.hint.is-visible{opacity:1;transform:translate(-50%)}@keyframes warmup{0%,to{opacity:.22;transform:scaleY(.93)}45%{opacity:1;transform:scaleY(1.015)}63%{opacity:.62}71%{opacity:.94}}@media (max-width:760px){.controls{scrollbar-width:none;justify-content:flex-start;bottom:10px;left:10px;right:10px;overflow-x:auto}.controls::-webkit-scrollbar{display:none}.controls button{flex:none;padding-inline:9px}.hint{text-overflow:ellipsis;white-space:nowrap;width:max-content;max-width:calc(100vw - 28px);bottom:64px;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:980px){.controls{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));flex-wrap:wrap;justify-content:flex-end}}.wallpaper-engine-host .controls,.wallpaper-engine-host .hint{display:none!important}
