.record-page{min-height:100dvh;display:flex;flex-direction:column;padding:1.25rem;gap:1rem;background:radial-gradient(circle at top,#2d2d5a,#1a1a2e 55%);color:#f5f5f7}header h1{margin:.25rem 0 0;font-size:1.5rem;font-weight:600}.eyebrow{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.queue-badge{display:inline-block;margin-top:.5rem;padding:.25rem .6rem;border-radius:999px;background:#ffffff1f;font-size:.75rem}.video-shell{position:relative;flex:1;min-height:55vh;border-radius:1rem;overflow:hidden;background:#000;box-shadow:0 20px 60px #00000073}.camera{width:100%;height:100%;object-fit:cover}.timer{position:absolute;top:1rem;right:1rem;background:#dc2626e6;padding:.35rem .75rem;border-radius:999px;font-weight:700;font-variant-numeric:tabular-nums}.actions{display:flex;flex-direction:column;gap:.75rem}.btn{border:none;border-radius:999px;padding:1rem 1.25rem;font-size:1rem;font-weight:600;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff}.btn.danger{background:#dc2626;color:#fff}.btn.ghost{background:#ffffff14;color:#fff}.btn.small{padding:.6rem 1rem;font-size:.875rem}.btn:disabled{opacity:.6;cursor:not-allowed}.error{color:#fca5a5;margin:0;font-size:.875rem}.success{color:#86efac;margin:0;font-size:.875rem}.offline-hint{text-align:center;opacity:.75;font-size:.875rem;margin:0}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit}.center-page{min-height:100dvh;display:grid;place-items:center;padding:2rem;background:#1a1a2e;color:#f5f5f7;text-align:center}.center-page a{color:#c4b5fd}