.fx3d{--fx3d-ink:#ffffffe0;--fx3d-ink-soft:#fff9;--fx3d-beige:#ffffff47;--fx3d-cream:#141414;--fx3d-cream-deep:#0a0a0a;--fx3d-rust:#fff;--fx3d-dark:#fff;--fx3d-display:inherit;--fx3d-t-small:.875rem;background:var(--fx3d-cream-deep);position:absolute;inset:0;overflow:hidden}.fx3d-canvas{position:absolute;inset:0}.fx3d-canvas canvas{touch-action:none;display:block}.fx3d-canvas:focus-visible{outline:2px solid var(--fx3d-ink);outline-offset:-3px}.fx3d-state{text-align:center;color:var(--fx3d-ink);background:var(--fx3d-cream-deep);place-content:center;gap:6px;padding:24px;display:grid;position:absolute;inset:0}.fx3d-state p{font-size:var(--fx3d-t-small);max-width:34ch;line-height:1.5}.fx3d-lock{z-index:3;touch-action:pan-y;cursor:pointer;font:inherit;color:var(--fx3d-ink);background:0 0;border:0;align-content:center;place-items:center;gap:10px;padding-bottom:0;display:grid;position:absolute;inset:0}.fx3d-lock-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121212e6;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:9px;padding:13px 22px;animation:2.4s ease-in-out infinite fx3d-lock-puls;display:inline-flex;box-shadow:0 10px 26px #00000073}.fx3d-lock-btn b{font-family:var(--fx3d-display);letter-spacing:.02em;font-size:1.02rem;font-weight:400;line-height:1}.fx3d-lock-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.fx3d-lock small{font-size:var(--fx3d-t-small);color:var(--fx3d-ink-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121212bd;border-radius:999px;padding:4px 11px}@keyframes fx3d-lock-puls{0%,to{scale:1}50%{scale:1.045}}@media (prefers-reduced-motion:reduce){.fx3d-lock-btn{animation:none}}.fx3d-bottom{z-index:2;justify-items:end;gap:10px;max-width:calc(100% - 28px);display:grid;position:absolute;bottom:14px;right:14px}.fx3d-nav{gap:6px;display:flex}.fx3d-navbtn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:42px;height:42px;color:var(--fx3d-ink);cursor:pointer;background:#121212d1;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;transition:background .3s cubic-bezier(.52,.16,.24,1),color .3s cubic-bezier(.52,.16,.24,1),border-color .3s cubic-bezier(.52,.16,.24,1);display:inline-flex}.fx3d-navbtn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.fx3d-navbtn:hover{border-color:#ffffff80}.fx3d-navbtn:focus-visible{outline:2px solid var(--fx3d-ink);outline-offset:2px}.fx3d-navbtn[aria-pressed=true]{background:var(--fx3d-ink);border-color:var(--fx3d-ink);color:var(--fx3d-cream)}.fx3d-sun{width:min(300px,100%);color:var(--fx3d-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121212d6;border:1px solid #ffffff29;border-radius:16px;gap:10px;padding:12px 14px;animation:.26s cubic-bezier(.22,1,.36,1) both fx3d-auf;display:grid}@keyframes fx3d-auf{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.fx3d-sun-top{font-size:var(--fx3d-t-small);justify-content:space-between;align-items:center;gap:12px;display:flex}.fx3d-time{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:400}.fx3d-sun-close{width:26px;height:26px;color:var(--fx3d-ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0;font-size:1.1rem;line-height:1}.fx3d-sun-close:hover{color:var(--fx3d-dark)}.fx3d-sun-meta{color:var(--fx3d-ink-soft);font-size:.78rem}.fx3d-slider{appearance:none;background:linear-gradient(90deg, var(--fx3d-beige), var(--fx3d-rust));cursor:pointer;border-radius:999px;width:100%;height:4px}.fx3d-slider::-webkit-slider-thumb{appearance:none;background:var(--fx3d-cream);border:1px solid #fff6;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000059}.fx3d-slider::-moz-range-thumb{background:var(--fx3d-cream);border:1px solid #fff6;border-radius:50%;width:18px;height:18px}.fx3d-presets{flex-wrap:wrap;gap:6px;display:flex}.fx3d-preset{color:var(--fx3d-ink);font-size:var(--fx3d-t-small);cursor:pointer;background:0 0;border:1px solid #ffffff3d;border-radius:999px;padding:5px 12px;transition:background .3s cubic-bezier(.52,.16,.24,1),color .3s cubic-bezier(.52,.16,.24,1),border-color .3s cubic-bezier(.52,.16,.24,1)}.fx3d-preset:hover{border-color:#ffffff80}.fx3d-preset[aria-pressed=true]{background:var(--fx3d-ink);border-color:var(--fx3d-ink);color:var(--fx3d-cream)}.fx3d-preset:focus-visible,.fx3d-slider:focus-visible{outline:2px solid var(--fx3d-ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){.fx3d-sun{animation:none}}@media (max-width:640px){.fx3d-bottom{justify-items:center;gap:8px;max-width:none;bottom:10px;left:10px;right:10px}.fx3d-nav{justify-content:center}.fx3d-navbtn{width:44px;height:44px}.fx3d-sun{width:min(300px,100vw - 40px)}.fx3d-slider::-webkit-slider-thumb{width:22px;height:22px}.fx3d-slider::-moz-range-thumb{width:22px;height:22px}}