:root{--serif:"Noto Serif CJK SC", "Songti SC", "STSong", serif;--sans:"Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--ink:#26384a;--mute:#26384a9e;--glass:#f0f6fa85;--line:#ffffffb3;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{color:#fff;height:100%;font-family:var(--sans);-webkit-user-select:none;user-select:none;background:#9fb3c4;overflow:hidden}#sky{position:fixed;inset:0}#sky canvas{touch-action:none;display:block}#skySnap{z-index:5;pointer-events:none;background:50%/cover no-repeat;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}#top{padding:calc(14px + var(--safe-t)) 18px 0;z-index:10;pointer-events:none;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid;position:fixed;top:0;left:0;right:0}#top>*{pointer-events:auto}.brand{font:400 17px var(--serif);letter-spacing:.32em;text-shadow:0 1px 10px #14283c40;white-space:nowrap}.time{text-align:center;justify-self:center;width:min(420px,100%)}.clock{font:300 13px var(--sans);letter-spacing:.2em;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #14283c4d}.track{touch-action:none;cursor:pointer;height:26px;position:relative}.track:before{content:"";background:#ffffff73;border-radius:2px;height:1.5px;position:absolute;top:12px;left:0;right:0}.track .fill{background:#fff;border-radius:2px;height:1.5px;position:absolute;top:12px;left:0}.track .knob{background:#fff;border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:5px;box-shadow:0 1px 6px #14283c4d}.track.locked{opacity:.45}.track.nudge .knob{animation:1.9s cubic-bezier(.45,0,.25,1) knobNudge}@keyframes knobNudge{0%{transform:none;box-shadow:0 1px 6px #14283c4d}35%{transform:translate(22px);box-shadow:0 0 0 7px #ffffff47,0 0 18px #ffffffb3}70%{transform:translate(22px);box-shadow:0 0 0 7px #ffffff2e,0 0 18px #ffffff80}to{transform:none;box-shadow:0 1px 6px #14283c4d}}.track.unlocked .knob{animation:1.2s ease-in-out 2 knobGlow}@keyframes knobGlow{50%{transform:scale(1.25);box-shadow:0 0 0 6px #ffffff59,0 0 18px 6px #ffecc8e6}}.tools{gap:6px;display:flex}.ico{-webkit-backdrop-filter:blur(8px);background:#ffffff29;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.ico svg{stroke:#fff;fill:none;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media (max-width:600px){#top{grid-template-columns:1fr auto}.time{grid-area:2/1/auto/-1;width:100%}.brand{font-size:15px}}#panel{z-index:10;padding:16px 20px calc(16px + var(--safe-b));color:var(--ink);-webkit-backdrop-filter:blur(18px)saturate(1.1);background:linear-gradient(#ecf3f86b,#ecf3f8ad);border-radius:22px 22px 0 0;max-width:640px;margin:0 auto;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 30px #1e32461f}#panel.away{opacity:0;transform:translateY(110%)}.row{grid-template-columns:4.6em 1fr;align-items:center;gap:10px;min-height:40px;display:grid}.lab{font:500 13px var(--sans);letter-spacing:.2em;color:var(--mute)}.slider{touch-action:none;cursor:pointer;height:34px;position:relative}.slider:before{content:"";background:#26384a2e;border-radius:2px;height:2px;position:absolute;top:16px;left:0;right:0}.slider .fill{background:var(--ink);opacity:.55;border-radius:2px;height:2px;position:absolute;top:16px;left:0}.slider .knob{background:#fff;border-radius:50%;width:20px;height:20px;margin-left:-10px;position:absolute;top:7px;box-shadow:0 1px 5px #1e324647}.slider .ends{letter-spacing:.15em;color:var(--mute);pointer-events:none;justify-content:space-between;font-size:10.5px;display:flex;position:absolute;top:-9px;left:0;right:0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{letter-spacing:.08em;color:var(--ink);background:#ffffff73;border:1px solid #ffffffb3;border-radius:12px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;display:inline-flex}.chip svg{width:16px;height:16px;stroke:var(--ink);fill:none;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip.on svg{stroke:#fff}.lifts{grid-template-columns:4.6em 1fr;padding:4px 0}.more{align-items:center;gap:10px;margin-top:4px;display:flex}.moreBtn{letter-spacing:.2em;color:var(--mute);padding:4px 0;font-size:12px}.moreBody{flex-direction:column;gap:6px;display:none}.more.open .moreBody{display:flex}.more{align-items:flex-start}.windrow{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.chip.tog{padding:5px 8px;font-size:11px}.row.dim{opacity:.38}.row.sub{min-height:34px}.act{gap:10px;margin-top:12px;display:flex}.risk-hint{text-align:center;font:400 12.5px var(--sans);letter-spacing:.15em;color:#6b7f95;margin:6px 0 -4px}.btn{height:46px;font:500 15px var(--sans);letter-spacing:.3em;border-radius:23px;flex:1}.btn.main{background:var(--ink);color:#fff;box-shadow:0 6px 16px #1e324638}.btn.ghost{color:var(--ink);background:#ffffff80;border:1px solid #fffc}.btn:active{transform:scale(.97)}#first{left:0;right:0;bottom:calc(60px + var(--safe-b));z-index:10;justify-content:center;display:flex;position:fixed}.btn.big{width:min(300px,76vw);height:56px;color:var(--ink);-webkit-backdrop-filter:blur(10px);background:#ffffffc7;border-radius:28px;flex:none;font-size:17px}#alt{z-index:9;font:500 11px var(--sans);letter-spacing:.25em;writing-mode:vertical-rl;text-shadow:0 1px 8px #14283c66;opacity:.9;position:fixed;top:46%;right:14px;transform:translateY(-50%)}#boxLayer{z-index:20;position:fixed;inset:0}#boxLayer canvas{touch-action:none;display:block}#boxHint{left:0;right:0;bottom:calc(70px + var(--safe-b));text-align:center;z-index:21;font:400 13px var(--sans);letter-spacing:.35em;text-shadow:0 1px 10px #14283c66;pointer-events:none;animation:2.4s ease-in-out infinite breathe;position:fixed}@keyframes breathe{50%{opacity:.45}}#reveal{z-index:15;padding:22px 22px calc(18px + var(--safe-b));text-align:center;color:#fff;background:linear-gradient(#0000,#14233261 30%,#1423328c);position:fixed;bottom:0;left:0;right:0}.rv-name{font:400 34px var(--serif);letter-spacing:.3em;text-shadow:0 2px 14px #00000040;margin-top:8px;padding-left:.3em}.rv-latin{font:italic 400 12.5px var(--serif);letter-spacing:.1em;opacity:.68;margin-top:4px}.rv-meta{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.rv-meta .pill{height:26px;font:500 12.5px var(--sans);letter-spacing:.14em;background:#ffffff29;border:1px solid #ffffff61;border-radius:13px;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.rv-meta .pill i{border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #ffffffb3}.rv-meta .pill b{opacity:.75;letter-spacing:.06em;font-weight:400}.rv-beads{justify-content:center;gap:14px;margin-top:12px;display:flex}.rv-beads .bd{opacity:.5;flex-direction:column;align-items:center;gap:4px;display:flex}.rv-beads .bd.on{opacity:1}.rv-beads .bd i{border:1px solid #ffffffb3;border-radius:50%;width:9px;height:9px}.rv-beads .bd.on i{border:0;box-shadow:0 0 6px #fffc}.rv-beads .bd.now i{outline-offset:3px;outline:1.5px solid #fff}.rv-beads .bd em{font:normal 400 10.5px var(--sans);letter-spacing:.1em}.rv-beads .bd.now em{font-weight:600}.rv-fact{font:400 14.5px/1.85 var(--serif);letter-spacing:.04em;text-wrap:pretty;max-width:24em;margin:14px auto 0;padding-top:12px;position:relative}.rv-fact:before{content:"";background:#ffffff8c;width:28px;height:1px;margin-left:-14px;position:absolute;top:0;left:50%}.rv-random{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;max-width:28em;margin:10px auto 0;display:flex}.rv-random .lab{font:500 11px var(--sans);letter-spacing:.2em;color:#fff;text-shadow:0 1px 4px #0a14238c;margin-right:2px}.rv-random .tag{font:400 11px/1 var(--sans);letter-spacing:.05em;opacity:.95;background:#14233757;border-radius:9px;padding:4px 8px}.rv-assume{font:italic 400 11.5px/1.7 var(--sans);opacity:.72;max-width:30em;margin:6px auto 0}.rv-safety{font:400 12px/1.7 var(--sans);background:#ffdca02e;border:1px solid #ffdca073;border-radius:10px;max-width:30em;margin:10px auto 0;padding:8px 12px}.rv-safety .ln{display:block}.rv-act{gap:8px;max-width:520px;margin:16px auto 0;display:flex}.rv-act .btn{letter-spacing:.15em;height:42px;font-size:13px}#reveal .btn.ghost{color:#fff;background:#ffffff2e;border-color:#ffffff80}#reveal .btn.main{color:var(--ink);background:#ffffffe6}.foil{min-width:46px;height:24px;font:700 13px var(--serif);letter-spacing:.22em;border-radius:5px;place-items:center;padding:0 9px 0 calc(9px + .22em);display:inline-grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #1e2d3c40,inset 0 1px #fff9}.foil.C{color:#5f7384;background:#ffffff73;border:1px solid #ffffffbf}.foil.B{color:#34424f;background:linear-gradient(135deg,#f7f9fc,#b6c2ce 38%,#eef2f6 52%,#9aa8b6 78%,#e3e8ee)}.foil.A{color:#4e360a;background:linear-gradient(135deg,#fff3c9,#d4a148 36%,#fbe5a4 52%,#b5852b 78%,#f2d58a)}.foil.S,.foil.SSR{color:#fff;text-shadow:0 1px 2px #3c325a8c;background:linear-gradient(115deg,#ffc4dc,#ffe9a8,#b6f2dc,#b9ccff,#f0c4ff,#ffc4dc) 0 0/300% 100%;animation:6s linear infinite holo}.foil.SSR{background:linear-gradient(115deg,#ff9fc8,#ffe38a,#86f0cc,#8fb2ff,#e7a0ff,#ff9fc8) 0 0/300% 100%;min-width:58px;height:26px}.foil.SSR:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffffd9 48%,#0000 64%) 0 0/260% 100%;animation:3.2s ease-in-out infinite sweep;position:absolute;inset:0}@keyframes holo{to{background-position:300% 0}}@keyframes sweep{0%,55%{background-position:150% 0}to{background-position:-60% 0}}.holo-t{background:linear-gradient(90deg,#ff9fc8,#ffe38a,#86f0cc,#8fb2ff,#e7a0ff,#ff9fc8) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:6s linear infinite holo}#dexLayer,#shareLayer{z-index:30;position:fixed;inset:0}#toast{left:50%;top:calc(178px + var(--safe-t));z-index:40;text-align:center;text-wrap:balance;width:min(84vw,20em);font:400 16px/1.7 var(--serif);letter-spacing:.12em;color:#fff;text-shadow:0 0 10px #28466e8c,0 0 22px #ffffff73;pointer-events:none;position:fixed;transform:translate(-50%)}.rv-top{justify-content:center;align-items:center;gap:10px;display:flex}.nw{letter-spacing:.08em;color:#fff;text-shadow:0 1px 1px #78142859;background:linear-gradient(135deg,#ff8a5c,#ff5e7a 55%,#ffb347);border-radius:5px;place-items:center;height:24px;padding:0 10px;font:italic 800 14px/1 Avenir Next,Helvetica Neue,Arial,sans-serif;animation:.6s cubic-bezier(.3,1.6,.5,1) .35s both nwPop;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 2px 10px #ff5e7a73}.nw:after{content:"";background:linear-gradient(110deg,#0000 35%,#fffc 50%,#0000 65%) 0 0/260% 100%;animation:2.6s ease-in-out 1s infinite sweep;position:absolute;inset:0}.nw.sm{letter-spacing:.12em;color:#3c4a58;height:22px;text-shadow:none;background:#ffffffe0;font-family:inherit;font-size:12px;font-style:normal;font-weight:600;box-shadow:0 2px 8px #0000001f}.nw.sm:after{display:none}@keyframes nwPop{0%{opacity:0;transform:scale(.2)rotate(-12deg)}to{opacity:1;transform:none}}.chip.off{opacity:.32;filter:grayscale();pointer-events:none}.slider .blocked{pointer-events:none;border-radius:4px;height:8px;position:absolute;top:13px;left:0;right:0}.slider .risky{pointer-events:none;filter:blur(.3px);background-image:radial-gradient(#96aac38c 1.1px,#0000 1.6px);background-size:6px 6px;height:16px;position:absolute;top:9px;left:0;right:0}#panel .row.dim .chips,#panel .row.dim .slider,#panel .row.dim .chip{pointer-events:none}
