:root{color-scheme:dark;--bg-top: #10212a;--bg-bottom: #051118;--surface: rgba(6, 15, 20, .66);--surface-border: rgba(196, 226, 236, .12);--text: #f5fbff;--muted: #9cb4bf;--danger: #e86060;--accent: #ff6a3d;--accent-soft: #ffb36b;--success: #2dcc71;--button-dark: #20323d;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top,rgba(255,179,107,.17),transparent 28%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom));color:var(--text)}button,a{font:inherit}.appShell{min-height:100vh;display:grid;place-items:center;padding:24px 18px 40px}.panel{width:min(100%,540px);padding:24px;border:1px solid var(--surface-border);border-radius:36px;background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 32px 90px #0000004d}.hero{text-align:center;margin-bottom:24px}.eyebrow{margin:0 0 8px;color:var(--accent-soft);letter-spacing:.22em;text-transform:uppercase;font-size:.78rem}.hero h1{margin:0;font-size:clamp(2rem,4vw,2.8rem);line-height:.95}.lead{margin:14px auto 0;color:var(--muted);max-width:32ch;line-height:1.45}.stage{display:grid;gap:16px;justify-items:center}.circleFrame{position:relative;width:min(72vw,360px);aspect-ratio:1;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#ffffff14,#ffffff05);overflow:hidden}.progressRing{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:conic-gradient(var(--accent) 0deg,var(--accent) var(--progress),rgba(255,255,255,.08) var(--progress),rgba(255,255,255,.08) 360deg);mask:radial-gradient(circle,transparent 58%,black 60%);-webkit-mask:radial-gradient(circle,transparent 58%,black 60%);pointer-events:none}.circleVideo{width:calc(100% - 18px);height:calc(100% - 18px);display:block;border-radius:inherit;object-fit:cover;object-position:center center;background:#091217}.circleCanvas{image-rendering:auto}.liveSourceVideo{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.resultPlayer{position:relative;width:calc(100% - 18px);height:calc(100% - 18px);border:0;padding:0;display:grid;place-items:center;background:transparent;cursor:pointer;border-radius:999px;overflow:hidden}.resultPlayer__badge{position:absolute;inset:auto auto 18px 50%;transform:translate(-50%);min-width:86px;min-height:42px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:#051118b8;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.resultPlayer__badge--playing{opacity:.72}.resultPlayer .circleVideo{width:100%;height:100%;border-radius:inherit}.circleVideo--live{transform:scaleX(-1)}.meta{width:min(100%,360px);display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.9rem}.meta--single{justify-content:center}.meta span:last-child{text-align:right}.buttonRow{min-height:90px;display:flex;align-items:center;justify-content:center;gap:20px;margin-top:22px}.buttonRow--split{justify-content:center}.recordControls{position:relative;width:100%;min-height:86px;display:flex;align-items:center;justify-content:center}.recordControls--withFlip{--record-button-size: 86px;--flip-button-size: 58px;--flip-button-gap: 18px}.previewAssist{margin-top:8px;display:grid;gap:10px}.sendNotice{margin:0;padding:14px 16px;border-radius:18px;line-height:1.4}.sendNotice{font-weight:600}.sendNotice--error{color:#ffd8d8;background:#e860602e;border:1px solid rgba(232,96,96,.35)}.sendNotice--info{color:#e5f8ff;background:#50add62e;border:1px solid rgba(80,173,214,.35)}.recordButton,.actionButton,.accessButton{border:0;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease}.recordButton{width:86px;height:86px;border-radius:999px;background:#ffffff14;box-shadow:0 20px 35px #00000038}.recordButton:disabled,.accessButton:disabled,.actionButton:disabled{cursor:not-allowed;opacity:.55}.recordButton__core{display:block;width:42px;height:42px;margin:auto;border-radius:999px;background:var(--accent);box-shadow:0 0 24px #ff6a3d73}.recordButton--active{transform:scale(1.06)}.recordButton--active .recordButton__core{background:var(--danger)}.cameraFlipButton{position:absolute;left:calc(50% + (var(--record-button-size) / 2) + var(--flip-button-gap));width:58px;height:58px;border-radius:999px;border:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:#ffffff14;box-shadow:0 16px 28px #0003}.cameraFlipButton__icon{width:25px;height:25px}.actionButton,.accessButton{min-width:144px;min-height:62px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text)}.actionButton{background:var(--button-dark)}.actionButton--secondary,.actionButton--ghost{background:#ffffff14}.actionButton--send{background:var(--success);color:#062012;font-weight:700}.accessButton{margin:0 auto;display:flex;background:var(--accent);color:#1b0b04;font-weight:700}.recordButton:hover,.actionButton:hover,.accessButton:hover{transform:translateY(-1px)}@media (max-width: 720px){.panel{min-height:calc(100vh - 32px);display:flex;flex-direction:column;justify-content:center}.meta{flex-direction:column;align-items:center;text-align:center}.meta span:last-child{text-align:center}.actionButton,.accessButton{min-width:132px}}