:root{--bg: #0e0f13;--panel: #1a1c22;--text: #f3f4f6;--muted: #9aa0aa;--accent: #c9a14a;--warn: #e08a4b;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:16px;gap:16px}.app__header{text-align:center}.app__header h1{margin:0;font-size:28px;letter-spacing:2px;color:var(--accent)}.app__header p{margin:4px 0 0;color:var(--muted);font-size:14px}.panel{background:var(--panel);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.panel--center{align-items:center;text-align:center}.panel--scene{padding:12px;gap:12px}.hint{color:var(--muted);font-size:15px;line-height:1.5;margin:0}.hint--warn{color:var(--warn)}.btn{border:none;border-radius:12px;padding:14px 18px;font-size:16px;font-weight:600;cursor:pointer;text-align:center}.btn--primary{background:var(--accent);color:#1a1305}.btn--ghost{background:transparent;color:var(--text);border:1px solid #343842}.capture{display:flex;flex-direction:column;gap:16px}.capture__frame{aspect-ratio:1;border-radius:16px;overflow:hidden;background:#000}.capture__frame video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.capture__actions{display:flex;gap:12px}.capture__actions .btn{flex:1}.spinner{width:40px;height:40px;border:4px solid #343842;border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;background:#000}.stage__layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform;transform-origin:center}.stage__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.stage__bg-fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#2a3a55,#5a6b87 45%,#9a8a6a);background-size:100% 200%;animation:sky 14s ease-in-out infinite alternate}@keyframes sky{to{background-position:0 100%}}.stage__figure{position:absolute;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 24px rgba(0,0,0,.5));pointer-events:none}.stage__motion-btn{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:#c9a14aeb;color:#1a1305;border:none;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer}.scene__meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.chip{background:#2a2d35;border-radius:999px;padding:6px 12px;font-size:13px;color:var(--muted)}