:root{--bg:#e8eef2;--grid:#14283c0f;--fg:#2b3440;--muted:#6b7683;--accent:#3b6fa6;--accent-fg:#fff;--panel:#ffffffd9;--border:#14283c26;--shadow:#141e2847;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.dark{--bg:#1b1f27;--grid:#ffffff0d;--fg:#e6eaf0;--muted:#98a2b3;--accent:#7fa7d6;--accent-fg:#101418;--panel:#1e232ed9;--border:#ffffff24;--shadow:#0000008c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg)}.stage{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);color:var(--fg);perspective:900px;background-size:32px 32px;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.head-wrap{position:relative}.head{object-fit:contain;width:auto;max-width:90vw;height:min(62vh,78vw);filter:drop-shadow(0 10px 14px var(--shadow));will-change:translate, rotate;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;animation:3.5s ease-in-out infinite bob,7s ease-in-out infinite yaw;display:block;translate:0 -10px;rotate:y -6deg}.head-shadow{background:radial-gradient(ellipse at center, var(--shadow), transparent 70%);opacity:.5;pointer-events:none;border-radius:50%;width:55%;height:7%;animation:3.5s ease-in-out infinite breathe;position:absolute;bottom:-9%;left:50%;transform:translate(-50%)scale(.85)}@keyframes bob{0%,to{translate:0 -10px}50%{translate:0 10px}}@keyframes yaw{0%,to{rotate:y -6deg}50%{rotate:y 6deg}}@keyframes breathe{0%,to{opacity:.45;transform:translate(-50%)scale(.85)}50%{opacity:.8;transform:translate(-50%)scale(1.05)}}@media (prefers-reduced-motion:reduce){.head,.head-shadow{animation:none}}.panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;border-radius:16px;width:min(92vw,520px);max-height:96vh;padding:28px 24px;overflow:auto}.panel h1{letter-spacing:-.01em;margin:0 0 8px;font-size:1.8rem}.panel p{margin:0 0 18px}.muted{color:var(--muted)}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--fg);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-weight:500;text-decoration:none;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:#0000}.btn.big{padding:14px 22px;font-size:1.05rem}.btn.small{padding:6px 12px;font-size:.9rem}.btn.icon{padding:6px 10px;font-size:1rem;line-height:1}.quiet{color:var(--muted);font-size:.85rem;text-decoration:none}.quiet:hover{color:var(--fg);text-decoration:underline}.toolbar{left:50%;bottom:max(18px, env(safe-area-inset-bottom));background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;flex-wrap:wrap;justify-content:center;gap:8px;max-width:96vw;padding:8px;display:flex;position:absolute;transform:translate(-50%)}.corner{align-items:center;gap:12px;display:flex;position:absolute}.corner.top-right{top:14px;right:14px}.corner.bottom{bottom:max(16px, env(safe-area-inset-bottom));left:50%;transform:translate(-50%)}.toast{border-radius:8px;margin-top:14px;padding:8px 12px;font-size:.9rem}.toast.error{color:#c0392b;background:#c83c3c1f}.dark .toast.error{color:#ff8a7a}.toolbar+.toast{position:absolute;top:14px;left:50%;transform:translate(-50%)}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;margin:6px auto 16px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.camera-video{background:#000;border-radius:12px;width:100%;max-height:60vh;margin-bottom:14px;transform:scaleX(-1)}.oval-wrap{touch-action:none;border-radius:12px;width:100%;max-height:62vh;margin:0 auto 14px;position:relative;overflow:hidden}.oval-wrap img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.oval-wrap svg{width:100%;height:100%;position:absolute;inset:0}