:root{--glass:rgba(16,20,30,.55);--glass-2:rgba(16,20,30,.38);--stroke:rgba(255,255,255,.14);--text:#eef2f8;--dim:#a9b4c6;--accent:#ffce7a;--accent-2:#7fd7d0;--shadow:0 10px 30px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.25)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%;margin:0;overflow:hidden;background:#070a12}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0}#stage canvas{display:block;width:100%;height:100%}.card{background:var(--glass);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--stroke);border-radius:16px;box-shadow:var(--shadow)}#title{position:fixed;left:18px;top:16px;padding:12px 16px 11px;z-index:5;pointer-events:none;opacity:0;transform:translateY(-8px);transition:opacity .8s ease .2s,transform .8s ease .2s}#title h1{margin:0;font-size:17px;letter-spacing:.14em;font-weight:650}#title h1 b{color:var(--accent);font-weight:650}#title p{margin:4px 0 0;font-size:11px;color:var(--dim);letter-spacing:.16em}#info{position:fixed;right:18px;top:16px;z-index:5;padding:11px 13px;min-width:158px;font-variant-numeric:tabular-nums;opacity:0;transform:translateY(-8px);transition:opacity .8s ease .35s,transform .8s ease .35s}#info .row{display:flex;justify-content:space-between;gap:14px;font-size:12px;line-height:1.85}#info .k{color:var(--dim)}#info .v{color:#fff;font-weight:600}#clock{color:var(--accent);font-size:14px}#info .hint{margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.1);font-size:10.5px;color:var(--dim);line-height:1.7;letter-spacing:.02em}#dock{position:fixed;left:50%;bottom:20px;transform:translate(-50%,14px);z-index:6;padding:9px 12px;display:flex;flex-direction:column;gap:7px;width:min(720px,calc(100vw - 28px));opacity:0;transition:opacity .8s ease .5s,transform .8s ease .5s}.ready #dock,.ready #info,.ready #title{opacity:1;transform:translateY(0)}.ready #dock{transform:translate(-50%)}.line{display:flex;align-items:center;gap:10px}.line.wrap{flex-wrap:wrap}button,select{font:inherit;color:var(--text);background:var(--glass-2);border:1px solid var(--stroke);border-radius:10px;padding:6px 11px;cursor:pointer;transition:background .18s,border-color .18s,transform .12s,color .18s}button:hover,select:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}button:active{transform:translateY(1px) scale(.98)}button.icon{width:38px;height:34px;padding:0;font-size:14px;display:grid;place-items:center}button.on{background:rgba(255,206,122,.2);border-color:rgba(255,206,122,.55);color:var(--accent)}select{padding:6px 8px}select option{background:#141924;color:#eef2f8}.seg{display:flex;gap:5px}.seg button{padding:5px 10px;font-size:12px}.lbl{font-size:11px;color:var(--dim);letter-spacing:.08em;white-space:nowrap}input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:22px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,#12203c,#20406e 18%,#f0a765 26%,#8fd0f2 42%,#cfe9ff 52%,#9ed3f0 62%,#f59a5c 74%,#3a3a6b 84%,#101832);border:1px solid rgba(255,255,255,.16)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff,var(--accent) 62%,#b57b2c);border:1px solid rgba(0,0,0,.35);box-shadow:0 0 10px rgba(255,206,122,.75)}input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:#2b3550}input[type=range]::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(255,206,122,.75)}#collapse{position:absolute;right:10px;top:-13px;width:34px;height:26px;border-radius:9px;font-size:11px;padding:0;display:grid;place-items:center}#dock.min .line.body{display:none}#loader{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 8%,#1d2a4a 0,#0d1220 55%,#05070d 100%);transition:opacity .9s ease;text-align:center;padding:24px}#loader.hide{opacity:0;pointer-events:none}#loader .lt{font-size:20px;letter-spacing:.34em;font-weight:600}#loader .ls{margin-top:9px;font-size:11px;letter-spacing:.26em;color:var(--dim)}#bar{margin:22px auto 0;width:210px;height:3px;background:rgba(255,255,255,.13);overflow:hidden}#bar,#bar i{border-radius:99px}#bar i{display:block;height:100%;width:36%;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);animation:slide 1.25s cubic-bezier(.4,0,.6,1) infinite}@keyframes slide{0%{transform:translateX(-110%)}to{transform:translateX(310%)}}#status{margin-top:14px;font-size:11px;color:var(--dim);letter-spacing:.1em;min-height:1.4em}#status.err{color:#ff9f9f;letter-spacing:.02em;line-height:1.7;max-width:34em}#toast{position:fixed;left:50%;bottom:104px;transform:translate(-50%,10px);z-index:9;padding:8px 15px;font-size:12px;letter-spacing:.06em;border-radius:99px;background:rgba(10,14,22,.72);border:1px solid var(--stroke);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}#toast.show{opacity:1;transform:translate(-50%)}@media (max-width:720px){#title{padding:9px 12px}#title h1{font-size:14px}#title p{display:none}#info{min-width:0;padding:8px 10px}#info .hint{display:none}#dock{bottom:12px;padding:10px;gap:8px}.lbl.hide-s{display:none}}