:root{--ink:#eef2f8;--muted:#9aa6b8;--panel:#0c1018d1;--line:#ffffff1f;--accent:#4db7ff;--ok:#3dce7e;color:var(--ink);background:#07090e;font-family:IBM Plex Sans,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block}.hud-top,.hud-bottom{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;left:0;right:0}.hud-top{padding:max(10px, env(safe-area-inset-top)) 18px 12px;color:#1a2433;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ebf0f8eb,#dce4f0c7);border-bottom:1px solid #0000000f;top:0}.hud-left,.hud-right,.prompts,.stats,.brand{align-items:center;gap:10px;display:flex}.hud-icon{color:#fff;background:#2f6dff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid}.hud-title{font-size:15px;font-weight:700}.hud-chip{color:#2f6dff;background:#2f6dff1f;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.hud-right{color:#334155;font-size:13px;font-weight:600}.hud-batt{color:#1f9d57}.hud-bottom{padding:12px 18px max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#080a0e8c,#080a0eeb);font-size:13px;bottom:0}.brand{gap:8px}.brand strong{letter-spacing:.02em;font-family:Syne,IBM Plex Sans,sans-serif}.brand span,.prompts span{color:var(--muted)}.prompts kbd{border:1px solid var(--line);min-width:1.6em;color:var(--ink);font:inherit;text-align:center;background:#ffffff0f;border-radius:6px;margin-right:4px;padding:2px 7px;font-size:12px;font-weight:700;display:inline-block}.stats{color:var(--muted);font-variant-numeric:tabular-nums}.fab{right:18px;bottom:max(72px, calc(env(safe-area-inset-bottom) + 64px));z-index:6;color:#061018;height:44px;font:inherit;cursor:pointer;background:linear-gradient(120deg,#3d8dff,#62d0ff);border:0;border-radius:999px;padding:0 18px;font-weight:700;position:fixed;box-shadow:0 12px 28px #00000059}.panel{z-index:6;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;border-radius:18px;width:min(320px,100vw - 32px);padding:16px;transition:opacity .2s,transform .2s;position:fixed;top:70px;right:16px;transform:translateY(-8px);box-shadow:0 18px 40px #00000059}.panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.panel h2{margin:0 0 8px;font-family:Syne,IBM Plex Sans,sans-serif;font-size:18px}.panel p{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.5}.upload-btn,.ghost-btn{width:100%;height:42px;font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.upload-btn{color:#061018;background:linear-gradient(120deg,#3d8dff,#62d0ff);margin-bottom:8px}.ghost-btn{border:1px solid var(--line);color:var(--muted);background:0 0}.hints{color:var(--muted);gap:6px;margin:14px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.hints li:before{content:"· ";color:var(--accent)}@media (width<=720px){.prompts,.hud-chip,.hud-wifi{display:none}.hud-title{font-size:14px}}