@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,system-ui,-apple-system,sans-serif;color:#fff;background:#8fa9c5;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer}#scene{display:block;width:100%;height:100%}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;background:linear-gradient(180deg,#0c1d28bd,#0c1d2800);pointer-events:none}.identity,.top-actions{display:flex;align-items:center;gap:12px;pointer-events:auto}.identity strong{display:block;font-size:17px;font-weight:600;letter-spacing:.06em}.identity small{display:block;color:#d6e3e9;font-size:11px;letter-spacing:.18em;margin-top:2px}.seal{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.62);border-radius:50%;font-size:19px;font-family:serif}.top-actions button,.views button{color:#fff;background:#11242fa8;border:1px solid rgba(255,255,255,.36);border-radius:6px;padding:9px 13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-actions button:hover,.views button:hover{background:#254553d9}.top-actions .primary{background:#e7f0f1;color:#19303b;border-color:#e7f0f1;font-weight:600}.top-actions .primary:hover{background:#fff}.views{position:absolute;bottom:25px;left:28px;display:flex;align-items:center;gap:8px;padding:7px 9px 7px 13px;border-radius:8px;background:#0c1f29a3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.views span{font-size:11px;letter-spacing:.16em;color:#bdcfd7;margin-right:4px}.views button{font-size:12px;padding:7px 11px;background:transparent;border:1px solid transparent}.views button.active{background:#fff3;border-color:#ffffff40}.hint{position:absolute;right:28px;bottom:25px;display:flex;align-items:center;gap:9px;padding:12px 15px;border-radius:8px;background:#0c1f29a8;font-size:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hint #mode-label{font-weight:600}.hint #mode-hint{color:#c9d9df}.dot{height:4px;width:4px;border-radius:50%;background:#9cb3be}.loading{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#7595b2,#203746);z-index:5}.loading[hidden],.error[hidden]{display:none}.loading-card{width:min(360px,78vw)}.loading-kicker{font-size:15px;letter-spacing:.16em}.loading p{font-size:12px;color:#d8e4e8}.meter{height:3px;background:#ffffff3d;margin-top:22px}.meter i{display:block;width:0;height:100%;background:#f4f7f4;transition:width .2s}.error{position:absolute;top:85px;left:28px;z-index:6;max-width:420px;background:#532f2b;padding:16px;border-radius:7px;font-size:13px;line-height:1.7}@media(max-width:720px){.topbar{padding:13px;align-items:flex-start}.identity strong{font-size:13px}.identity small{font-size:9px}.seal{width:32px;height:32px}.top-actions{gap:6px}.top-actions button{padding:8px;font-size:11px}.views{left:12px;right:12px;bottom:62px;justify-content:space-between}.views button{padding:7px}.hint{left:12px;right:12px;bottom:10px;justify-content:center;padding:9px}}