:root[data-theme=light]{--bg-a:#ffe9f2;--bg-b:#def;--bg-spot-a:#ffbed68c;--bg-spot-b:#a0cdff80;--band:#c98a5e;--band-edge:#a86b41;--band-stitch:#f3e2cd;--clasp:#e8d9b0;--case:#fffdf6;--case-edge:#51456b;--face:#fff7e8;--face-highlight:#ffffffbf;--tick:#cdb9da;--digit:#6d5f8f;--hand-hour:#5567d6;--hand-min:#ff8f5e;--hand-sec:#ff5d7a;--hub:#fffdf6;--hub-edge:#51456b;--eye-white:#fff;--eye-edge:#51456b;--iris:#3c3352;--eye-glint:#fff;--cheek:#ff8fab80;--mouth:#8a6a7a;--bubble-bg:#fffffff0;--bubble-text:#3b3350;--bubble-sub:#3b33509e;--crown:#ffd166;--crown-edge:#e2a83e;--next-text:#fff}:root[data-theme=dark]{--bg-a:#171734;--bg-b:#2c2057;--bg-spot-a:#7c5cff47;--bg-spot-b:#4096ff3d;--band:#6e4a38;--band-edge:#513426;--band-stitch:#a8825f;--clasp:#8f7e5a;--case:#2a2a52;--case-edge:#8f89e0;--face:#222246;--face-highlight:#ffffff0f;--tick:#6f6aa8;--digit:#b6aef0;--hand-hour:#8fb0ff;--hand-min:#ffb37e;--hand-sec:#ff7d9c;--hub:#2a2a52;--hub-edge:#8f89e0;--eye-white:#fff;--eye-edge:#8f89e0;--iris:#dfe4ff;--eye-glint:#fff;--cheek:#ff7d9c59;--mouth:#c9b8e8;--bubble-bg:#262650f0;--bubble-text:#eceaff;--bubble-sub:#eceaff99;--crown:#f4a261;--crown-edge:#d08a4a;--next-text:#1d1d3d}html{background:var(--bg-a);height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--bubble-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,system-ui,-apple-system,sans-serif;transition:background .5s,color .5s}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{background:linear-gradient(160deg, var(--bg-a) 0%, var(--bg-b) 100%);place-items:center;min-height:100dvh;padding:28px 16px;transition:background .5s;display:grid;position:relative;overflow:hidden}.stage:before,.stage:after{content:"";filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.stage:before{background:var(--bg-spot-a);width:46vmax;height:46vmax;animation:14s ease-in-out infinite alternate drift-a;top:-14vmax;left:-12vmax}.stage:after{background:var(--bg-spot-b);width:40vmax;height:40vmax;animation:16s ease-in-out infinite alternate drift-b;bottom:-12vmax;right:-10vmax}@keyframes drift-a{to{transform:translate(5vmax,4vmax)}}@keyframes drift-b{to{transform:translate(-4vmax,-5vmax)}}.watch-wrap{z-index:1;width:min(94vw,430px);position:relative}.watch-wrap .watch{width:100%;height:auto;display:block}.watch-float{animation:4.5s ease-in-out infinite floaty}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.band{fill:var(--band);stroke:var(--band-edge);stroke-width:3px;transition:fill .4s,stroke .4s}.stitch{stroke:var(--band-stitch);stroke-width:2px;stroke-dasharray:6 4;stroke-linecap:round;opacity:.9;transition:stroke .4s}.clasp{fill:var(--clasp);stroke:var(--band-edge);stroke-width:2px;opacity:.9;transition:fill .4s,stroke .4s}.case{fill:var(--case);stroke:var(--case-edge);stroke-width:5px;transition:fill .4s,stroke .4s}.face{fill:var(--face);transition:fill .4s}.face-highlight{fill:var(--face-highlight);transition:fill .4s}.tick{fill:var(--tick);transition:fill .4s}.digit{fill:var(--digit);font-size:22px;font-weight:700;transition:fill .4s}.hand{transition:fill .4s}.hand-hour{fill:var(--hand-hour)}.hand-min{fill:var(--hand-min);transform-origin:210px 280px;transition:transform .3s,fill .4s}.hand-sec{fill:var(--hand-sec);transform-origin:210px 280px;transition:transform .25s linear,fill .4s}.eye-white{fill:var(--eye-white);stroke:var(--eye-edge);stroke-width:2.5px;transition:fill .4s,stroke .4s}.iris{fill:var(--iris);transition:fill .4s}.eye-glint{fill:var(--eye-glint)}.cheek{fill:var(--cheek);transition:fill .4s}.mouth{stroke:var(--mouth);transition:stroke .4s}.hub{fill:var(--hub);stroke:var(--hub-edge);stroke-width:3px;transition:fill .4s,stroke .4s}.watch-eyes{transform-box:fill-box;transform-origin:50%;animation:4.6s ease-in-out infinite blink}@keyframes blink{0%,90%,to{transform:scaleY(1)}93%{transform:scaleY(.08)}96%{transform:scaleY(1)}}.bubble{cursor:pointer;transform-box:fill-box;transform-origin:50%;transition:transform .2s}.bubble:hover{transform:scale(1.05)}.bubble:focus-visible{outline:2px dashed var(--case-edge);outline-offset:2px}.bubble-selected{transform:scale(1.05)}.bubble-rect{fill:var(--bubble-bg);stroke-width:2px;transition:fill .4s,stroke-width .2s}.bubble-selected .bubble-rect{stroke-width:3.5px}.bubble-title{fill:var(--bubble-text);font-size:12px;font-weight:700;transition:fill .4s}.bubble-sub{opacity:.9;font-size:10px;font-weight:600;transition:opacity .4s}.next-card{animation:.35s card-in}@keyframes card-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.next-card-bg{transition:fill .4s}.next-card-text{fill:var(--next-text);font-size:11px;font-weight:700;transition:fill .4s}.crown-btn{cursor:pointer}.crown-btn:focus-visible{outline:2px dashed var(--case-edge);outline-offset:2px;border-radius:50%}.crown-link{fill:var(--case);stroke:var(--case-edge);stroke-width:2.5px;transition:fill .4s,stroke .4s}.crown{fill:var(--crown);stroke:var(--crown-edge);stroke-width:3px;transition:fill .4s,stroke .4s}@media (prefers-reduced-motion:reduce){.watch-float,.watch-eyes,.next-card,.stage:before,.stage:after{animation:none!important}.hand-min,.hand-sec{transition:none}}