: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{position:relative;overflow:hidden;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}.panelFooter{margin-top:18px;padding-top:8px}.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}.heroSublead{margin:10px auto 0;color:#f5fbffd6;max-width:32ch;line-height:1.4;font-size:1rem}.heroStatus{margin:12px auto 0;max-width:34ch;color:var(--muted);line-height:1.45;font-size:.96rem}.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--loading{cursor:default;background:radial-gradient(circle at top,rgba(255,179,107,.16),transparent 38%),#091217f2}.resultPlayer__spinner{width:68px;height:68px;border-radius:999px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent-soft);animation:circlevid-spin 1s linear infinite}.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)}.modalBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;padding:18px;display:grid;place-items:center;background:#02080cb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:inherit}.introModal{width:min(100%,430px);padding:24px;border-radius:28px;background:radial-gradient(circle at top right,rgba(255,179,107,.16),transparent 34%),#081218f5;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 70px #00000059}.introModal h2{margin:0;font-size:clamp(1.7rem,4vw,2.2rem);line-height:1}.introModal__lead{margin:14px 0 0;color:var(--muted);line-height:1.45}.introSteps{margin-top:20px;display:grid;gap:12px}.introStep{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;padding:14px 16px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07)}.legalLinks{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.legalLinks__link{color:#f5fbff75;font-size:.82rem;text-decoration:none;transition:color .2s ease,opacity .2s ease}.legalLinks__link:hover,.legalLinks__link:focus-visible{color:#f5fbffcc}.legalShell{min-height:100vh;padding:28px 18px 40px;display:grid;place-items:start center}.legalCard{width:min(100%,920px);border-radius:32px;border:1px solid var(--surface-border);background:#060f14d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 32px 90px #0000004d;padding:28px}.legalHeader h1{margin:0;font-size:clamp(2rem,4vw,2.9rem);line-height:.95}.legalLead{margin:12px 0 0;color:var(--muted)}.legalContent{margin-top:22px;display:grid;gap:18px}.legalSection{padding:18px 0;border-top:1px solid rgba(255,255,255,.08)}.legalSection:first-child{border-top:0;padding-top:0}.legalSection h2{margin:0 0 10px;font-size:1.05rem}.legalSection p{margin:0 0 10px;line-height:1.55;color:#f5fbffe6}.legalSection ul{margin:0;padding-left:18px;color:#f5fbffe6}.legalSection li{margin:0 0 8px;line-height:1.5}.legalTableWrap{margin-top:12px;overflow-x:auto}.legalTable{width:100%;border-collapse:collapse;min-width:640px}.legalTable th,.legalTable td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.08)}.legalTable th{color:var(--accent-soft);font-weight:700}.legalFooter{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:16px;justify-items:start}.legalBackLink{color:var(--text);text-decoration:none}.legalBackLink:hover,.legalBackLink:focus-visible{text-decoration:underline}.legalLinks--footer{justify-content:flex-start}@media (max-width: 720px){.legalCard{padding:22px 18px;border-radius:26px}.legalTable{min-width:560px}}.introStep__icon{width:42px;height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#1b0b04;background:linear-gradient(180deg,var(--accent-soft),var(--accent))}.introStep__iconSvg{width:22px;height:22px;display:block}.introStep__title{display:block;margin-top:2px}.introStep__text{margin:6px 0 0;color:var(--muted);line-height:1.4}.introModal__button{margin-top:20px;width:100%}.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)}.adminPanel{width:min(100%,1040px)}.adminHero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;text-align:left}.adminLoginForm{display:grid;gap:16px;max-width:420px;margin:0 auto}.adminField{display:grid;gap:8px}.adminField span{color:var(--muted);font-size:.92rem}.adminField input{min-height:58px;padding:0 16px;border:1px solid var(--surface-border);border-radius:18px;background:#ffffff0d;color:var(--text)}.adminField input[readonly]{color:#f5fbffcc}.adminLoginButton,.adminLogoutButton{justify-self:start}.adminTabs{display:flex;gap:12px;margin-top:8px;margin-bottom:24px}.adminTab{min-height:48px;padding:0 18px;border:1px solid var(--surface-border);border-radius:999px;color:var(--text);background:#ffffff0a;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.adminTab:hover{transform:translateY(-1px)}.adminTab--active{background:#ff6a3d29;border-color:#ffb36b66}.adminSection{display:grid;gap:18px}.adminInlineLead{margin:0;max-width:none}.adminStatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.adminStatCard{padding:18px;border-radius:22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.adminStatCard__label{display:block;color:var(--muted);font-size:.88rem}.adminStatCard__value{display:block;margin-top:8px;font-size:1.35rem;line-height:1.2}.adminVideoListHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.adminVideoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.adminVideoCard{display:grid;gap:14px;padding:16px;border-radius:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.adminVideoCard__stage{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;background:#091217}.adminVideoCard__player{width:100%;height:100%;display:block;object-fit:cover;background:#091217}.adminVideoCard__placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at top,rgba(255,179,107,.14),transparent 42%),#091217f5}.adminVideoCard__spinner{width:58px;height:58px;border-radius:999px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent-soft);animation:circlevid-spin 1s linear infinite}.adminVideoCard__playButton{position:absolute;left:50%;bottom:14px;transform:translate(-50%);min-width:86px;min-height:42px;padding:0 16px;border:0;border-radius:999px;color:var(--text);background:#051118c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.adminVideoCard__playButton:disabled{cursor:not-allowed;opacity:.85}.adminVideoCard__playButton--active{background:#e86060c7}.adminVideoCard__body{display:grid;gap:8px}.adminVideoCard__meta{margin:0;display:grid;gap:4px;word-break:break-word}.adminVideoCard__meta span{color:var(--muted);font-size:.84rem}.adminVideoCard__status{margin:0;color:var(--muted);line-height:1.4}.adminVideoCard__link{color:var(--accent-soft);text-decoration:none}.adminVideoCard__link:hover{text-decoration:underline}.adminVideoCard__actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.adminVideoCard__deleteButton{min-height:42px;padding:0 16px;border:1px solid rgba(232,96,96,.35);border-radius:999px;color:#ffd8d8;background:#e860601f;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease}.adminVideoCard__deleteButton:hover{transform:translateY(-1px);background:#e860602e}.adminVideoCard__deleteButton:disabled{cursor:not-allowed;opacity:.65;transform:none}.adminPagination{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.adminPagination__button{min-width:46px;min-height:46px;padding:0 14px;border:1px solid var(--surface-border);border-radius:999px;color:var(--text);background:#ffffff0d;cursor:pointer}.adminPagination__button--active{background:var(--accent);color:#1b0b04;border-color:transparent}@keyframes circlevid-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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}.adminHero{flex-direction:column;text-align:center}.adminLoginButton,.adminLogoutButton{justify-self:center}.adminTabs{justify-content:center;flex-wrap:wrap}.modalBackdrop{padding:14px}.introModal{padding:20px}}