:root{--bg:#111315;--panel:#1c1f23;--accent:#4f9dff;--text:#f2f4f7;--muted:#8b939c}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100%;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);flex-direction:column;align-items:center;display:flex}header{letter-spacing:.3px;color:var(--muted);padding:16px;font-size:15px;font-weight:600}.stage{flex:1;justify-content:center;align-items:center;width:100%;max-width:640px;display:flex;position:relative;overflow:hidden}video,.shot{object-fit:cover;background:#000;border-radius:12px;width:100%;max-height:70vh}video.front{transform:scaleX(-1)}video.hidden{display:none}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;max-width:640px;padding:18px 16px 24px;display:flex}button{font:inherit;color:var(--text);background:var(--panel);cursor:pointer;border:1px solid #2c3036;border-radius:10px;padding:12px 18px;font-weight:600;transition:background .15s,opacity .15s}button:hover:not(:disabled){background:#262a30}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#06121f}button.primary:hover:not(:disabled){background:#6aabff}.shutter{background:#fff;border:4px solid #2c3036;border-radius:50%;width:68px;height:68px;padding:0}.shutter:hover:not(:disabled){background:#e8e8e8}.error{color:#ff7a7a;text-align:center;max-width:640px;padding:0 16px;font-size:14px}