: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)}.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__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--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__link{color:var(--accent-soft);text-decoration:none}.adminVideoCard__link:hover{text-decoration:underline}.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}@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}}