:root{--ink:#f4f7f5;--ink-dim:#f4f7f5b8;--panel:#0e181e94;--panel-line:#ffffff24;--accent:#7fe0d0;--accent-ink:#0c1f22;--font:"PingFang SC", "Noto Sans SC", "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);background:#0b1419;margin:0;overflow:hidden}#view{touch-action:none;outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui{--fade:0;font-size:14px}#ui:before{content:"";opacity:var(--fade);pointer-events:none;background:#000;position:fixed;inset:0}#ui.hidden .brand,#ui.hidden .dock,#ui.hidden .credits,#ui.hidden .hint,#ui.hidden .caption{opacity:0;pointer-events:none}button,select,input{font:inherit;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.loading{z-index:10;background:radial-gradient(120% 90% at 30% 20%,#1d3b44 0%,#0d1b21 55%,#081115 100%);place-items:center;transition:opacity 1s;display:grid;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.load-card{width:min(520px,86vw)}.load-kicker{letter-spacing:.32em;color:var(--accent);font-size:11px}.load-card h1{letter-spacing:.02em;margin:10px 0 6px;font-size:clamp(34px,6vw,54px);font-weight:700}.load-card p{color:var(--ink-dim);margin:0 0 26px}.bar{background:#ffffff1f;border-radius:4px;height:4px;overflow:hidden}.bar i{background:linear-gradient(90deg,#7fe0d0,#b9f1e3);width:0;height:100%;transition:width .3s;display:block}.load-status{color:var(--ink-dim);justify-content:space-between;margin-top:10px;font-size:13px;display:flex}.load-fact{font-size:13px;margin-top:36px!important}.brand{text-shadow:0 1px 12px #00000073;pointer-events:none;transition:opacity .4s;position:fixed;top:20px;left:24px}.brand-title{letter-spacing:.04em;font-size:22px;font-weight:700}.brand-sub{color:var(--ink-dim);margin-top:4px;font-size:12px}.caption{letter-spacing:.08em;opacity:0;text-shadow:0 1px 10px #00000080;pointer-events:none;font-size:18px;transition:opacity .5s;position:fixed;bottom:92px;left:24px}.caption.show{opacity:1}.caption b{color:var(--accent);margin-right:8px;font-weight:600}.hint{color:var(--ink-dim);pointer-events:none;background:#00000040;border-radius:999px;padding:6px 12px;font-size:12px;transition:opacity .4s;position:fixed;top:22px;left:50%;transform:translate(-50%)}.hint:empty{opacity:0}.dock{background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(14px);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:8px 10px;transition:opacity .4s;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.seg{background:#ffffff0f;border-radius:10px;padding:2px;display:flex}.seg-btn{cursor:pointer;color:var(--ink-dim);background:0 0;border:0;border-radius:8px;padding:7px 13px}.seg-btn.on{background:var(--accent);color:var(--accent-ink);font-weight:600}.time{align-items:center;gap:8px;display:flex}.time-label{font-variant-numeric:tabular-nums;text-align:center;width:44px}.icon-btn{cursor:pointer;background:#ffffff14;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.icon-btn svg{fill:currentColor;width:18px;height:18px}.icon-btn.on{background:var(--accent);color:var(--accent-ink)}.text-btn{cursor:pointer;background:#ffffff14;border:0;border-radius:9px;height:34px;padding:0 11px}.slider{appearance:none;background:#ffffff38;border-radius:4px;width:190px;height:4px}.slider.small{width:76px}.slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0006}.slider::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:50%;width:16px;height:16px}.mini{color:var(--ink-dim);align-items:center;gap:6px;font-size:12px;display:flex}.select{background:#ffffff14;border:0;border-radius:9px;height:34px;padding:0 8px}.select option{color:#111}.help{background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;border-radius:14px;width:min(380px,100vw - 40px);padding:16px 18px;transition:opacity .25s,transform .25s;position:fixed;bottom:90px;right:20px;transform:translateY(8px)}.help.open{opacity:1;pointer-events:auto;transform:none}.help h2{margin:0 0 10px;font-size:15px}.help dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:13px;display:grid}.help dt{color:var(--accent)}.help dd{color:var(--ink-dim);margin:0}.credits{color:#ffffff80;pointer-events:none;font-size:10px;position:fixed;bottom:4px;right:14px}@media (max-width:760px){.brand{top:12px;left:14px}.brand-title{font-size:17px}.dock{gap:8px;bottom:10px}.slider{width:120px}.mini{display:none}.caption{font-size:15px;bottom:126px;left:14px}}