.admin-shell{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse 70% 45% at 0% 0%,rgba(61,155,106,.16),transparent 50%),linear-gradient(160deg,#0c1210,#15201b);color:#e8f0ea;font-family:DM Sans,sans-serif;padding:1.25rem}.admin-shell.login{display:grid;place-items:center}.admin-card{width:min(420px,100%);display:flex;flex-direction:column;gap:.55rem;padding:1.5rem;border:1px solid rgba(232,240,234,.12);background:#0c1210b8}.admin-card h1,.admin-panel h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;margin:0 0 .35rem}.admin-card label{font-size:.82rem;color:#9aafa3;margin-top:.35rem}.admin-card input,.admin-row input{background:#00000047;border:1px solid rgba(232,240,234,.12);color:#e8f0ea;padding:.7rem .8rem;font:inherit}.admin-card button,.admin-row button,.admin-item-actions button,.preview-head button,.admin-top-actions button{font:inherit;font-weight:600;border:none;background:#3d9b6a;color:#04120a;padding:.7rem .95rem;cursor:pointer}button.ghost{background:transparent;color:#e8f0ea;border:1px solid rgba(232,240,234,.18)}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid rgba(232,240,234,.12)}.admin-top-actions{display:flex;gap:.5rem;align-items:center}.admin-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.1fr);gap:1rem}.admin-grid.with-ops{grid-template-columns:minmax(240px,.85fr) minmax(280px,1fr) minmax(320px,1.1fr)}.admin-op-form{display:flex;flex-direction:column;gap:.45rem;margin:.75rem 0 1rem}.admin-op-form input{background:#00000047;border:1px solid rgba(232,240,234,.12);color:#e8f0ea;padding:.65rem .8rem;font:inherit}.admin-op-form button{font:inherit;font-weight:600;border:none;background:#3d9b6a;color:#04120a;padding:.7rem .95rem;cursor:pointer}.admin-panel{border:1px solid rgba(232,240,234,.12);background:#00000038;padding:1rem}.admin-row{display:flex;gap:.5rem;margin:.75rem 0 1rem}.admin-row input{flex:1}.admin-list{display:flex;flex-direction:column;gap:.65rem;max-height:65vh;overflow:auto}.admin-item{display:flex;justify-content:space-between;gap:.75rem;padding:.75rem;border:1px solid rgba(232,240,234,.1);background:#0003}.admin-item-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-content:flex-start;justify-content:flex-end}.admin-meta,.admin-muted{color:#9aafa3;font-size:.85rem}.admin-muted.small{margin-top:.75rem;font-size:.78rem}.admin-link{margin-top:.35rem;font-size:.75rem;word-break:break-all;color:#c4a35a}.admin-error{color:#e86a5c;margin-top:.75rem}.pill{font-size:.72rem;padding:.3rem .55rem;border:1px solid rgba(232,240,234,.15);color:#9aafa3}.pill.on{color:#e8f0ea;border-color:#3d9b6a80;background:#3d9b6a2e}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.preview-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin:.75rem 0;font-size:.82rem;color:#9aafa3}.preview-stage{position:relative;aspect-ratio:16 / 10;background:#050807;border:1px solid rgba(232,240,234,.12);overflow:hidden}.preview-stage video{width:100%;height:100%;object-fit:contain;background:#000}.preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#9aafa3}@media(max-width:1100px){.admin-grid.with-ops{grid-template-columns:1fr 1fr}}@media(max-width:900px){.admin-grid,.admin-grid.with-ops{grid-template-columns:1fr}}:root{--bg-deep: #0c1210;--bg-mid: #15201b;--fg: #e8f0ea;--muted: #9aafa3;--accent: #3d9b6a;--accent-2: #c4a35a;--danger: #e86a5c;--panel: rgba(18, 28, 24, .72);--line: rgba(232, 240, 234, .12);--font-sans: "DM Sans", sans-serif;--font-display: "Instrument Serif", Georgia, serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-sans);color:var(--fg);background:var(--bg-deep)}.page{position:relative;min-height:100vh;overflow:hidden}.atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 10% 10%,rgba(61,155,106,.22),transparent 55%),radial-gradient(ellipse 60% 45% at 90% 20%,rgba(196,163,90,.16),transparent 50%),linear-gradient(160deg,var(--bg-deep),var(--bg-mid) 45%,#0a100e);pointer-events:none;z-index:0}.topbar,.stage{position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;border-bottom:1px solid var(--line)}.brand{font-family:var(--font-display);font-size:1.75rem;letter-spacing:.02em}.status-pills{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.pill{font-size:.75rem;padding:.35rem .7rem;border:1px solid var(--line);color:var(--muted);background:#0003}.pill.on{color:var(--fg);border-color:#3d9b6a80;background:#3d9b6a2e}.stage{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.1fr);gap:2rem;padding:2rem 1.75rem 3rem;max-width:1100px;margin:0 auto;align-items:center;min-height:calc(100vh - 72px)}.copy h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.05;margin:.35rem 0 .75rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--accent-2);margin:0}.hint{color:var(--muted);font-size:1.05rem;line-height:1.55;max-width:34ch;margin:0 0 1.5rem}.start-form{display:flex;flex-direction:column;gap:.55rem;max-width:360px}.start-form label{font-size:.85rem;color:var(--muted)}.row{display:flex;gap:.5rem}input{flex:1;background:var(--panel);border:1px solid var(--line);color:var(--fg);padding:.75rem .9rem;font:inherit;letter-spacing:.12em}button{font:inherit;cursor:pointer;border:none;background:var(--accent);color:#04120a;font-weight:600;padding:.8rem 1.1rem;transition:transform .18s ease,filter .18s ease}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}.actions{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.queue-box{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;max-width:360px;padding:1.1rem 0}.queue-box p{margin:0;color:var(--muted);line-height:1.5}.queue-spinner{width:36px;height:36px;border:3px solid rgba(232,240,234,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--danger);margin-top:1rem}.progress{margin-top:1.75rem;height:3px;background:#ffffff14;max-width:280px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .35s ease}.camera-panel{display:flex;flex-direction:column;gap:.75rem}.viewport{position:relative;aspect-ratio:4 / 3;background:#050807;border:1px solid var(--line);overflow:hidden;box-shadow:0 30px 80px #00000059}.page.guide-mode .stage{grid-template-columns:1fr;align-items:stretch}.page.guide-mode .copy h1{font-size:clamp(1.6rem,4vw,2.2rem)}.page.guide-mode .viewport{aspect-ratio:auto;min-height:min(78vh,720px)}.viewport video{width:100%;height:100%;object-fit:contain;background:#050807}.viewport .local-video{transform:none}.viewport .local-video.mirror{transform:scaleX(-1)}.cam-fab{position:absolute;right:12px;bottom:12px;z-index:5;min-width:52px;padding:.65rem .8rem;border-radius:999px;background:#080e0bc7;color:var(--fg);border:1px solid var(--line);font-size:.85rem}.viewport .local-video.pip~.cam-fab,.viewport.has-remote-guide .cam-fab{right:12px;bottom:calc(28% + 28px)}.viewport .guide-video{display:none;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain;transform:none;background:#050807;z-index:1}.viewport .guide-video.show{display:block}.viewport .local-video.pip{position:absolute;right:12px;bottom:12px;width:28%;height:auto;aspect-ratio:4 / 3;object-fit:cover;z-index:3;border:1px solid rgba(232,240,234,.45);box-shadow:0 10px 30px #00000073}.guide-badge{position:absolute;top:12px;left:12px;z-index:4;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .55rem;background:#0000008c;border:1px solid var(--line);color:var(--accent-2)}.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);background:repeating-linear-gradient(-12deg,transparent,transparent 12px,rgba(255,255,255,.02) 12px,rgba(255,255,255,.02) 24px)}.id-frame{position:absolute;top:12%;right:10%;bottom:12%;left:10%;border:2px solid rgba(232,240,234,.85);border-radius:8px;box-shadow:0 0 0 999px #00000059;pointer-events:none;animation:pulse-border 2.4s ease-in-out infinite}.face-ring{position:absolute;top:50%;left:50%;width:min(58%,280px);aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid rgba(232,240,234,.9);border-radius:50%;box-shadow:0 0 0 999px #0006;pointer-events:none;animation:pulse-border 2.4s ease-in-out infinite}.camera-note{margin:0;font-size:.82rem;color:var(--muted)}@keyframes pulse-border{0%,to{opacity:.75}50%{opacity:1}}@media(max-width:860px){.stage{grid-template-columns:1fr;padding-top:1.25rem}.topbar{flex-direction:column;align-items:flex-start;gap:.75rem}}.gate{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(61,155,106,.2),transparent 55%),#0c1210}.gate-card{width:min(420px,100%);text-align:center}.gate-card h1{font-family:var(--font-display);font-weight:400;font-size:2.4rem;margin:0 0 .6rem}.gate-card p{color:var(--muted);line-height:1.5;margin:0 0 1.25rem}.gate-card button{font:inherit;font-weight:600;border:none;background:var(--accent);color:#04120a;padding:.95rem 1.4rem;width:100%;cursor:pointer}.gate-card .error{color:var(--danger);margin-top:1rem}.cam-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.cam-layer,.guide-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.cam-layer.mirror{transform:scaleX(-1)}.guide-layer{display:none;object-fit:contain;z-index:2;background:#000}.guide-layer.show{display:block;z-index:10}.cam-layer.hidden-cam{opacity:0;pointer-events:none;position:absolute;width:1px;height:1px;left:-9999px}.cam-screen.with-guide .guide-layer.show{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.cam-layer.pip{right:12px;bottom:88px;left:auto;top:auto;width:28vw;max-width:140px;height:auto;aspect-ratio:3 / 4;z-index:4;border:1px solid rgba(255,255,255,.35);object-fit:cover}.wait-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;background:#00000061;pointer-events:none}.wait-pulse{width:18px;height:18px;border-radius:50%;background:var(--accent);box-shadow:0 0 #3d9b6a8c;animation:waitPulse 1.4s ease-out infinite;margin-bottom:.35rem}.wait-title{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.wait-sub{margin:0;color:#e8f0ead9;font-size:.95rem;text-align:center;padding:0 1.5rem}.notice-banner{position:absolute;left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:8;padding:.95rem 1rem;background:#080c0ad1;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.notice-banner-text{margin:0;font-size:.95rem;line-height:1.45;text-align:center;color:#f2f6f3}.notice-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;background:#0000008c;padding:1.25rem}.cam-screen.hold-black{background:#000}.cam-screen.hold-black .cam-layer,.cam-screen.hold-black .guide-layer,.cam-screen.hold-black .notice-banner,.cam-screen.hold-black .cam-controls,.cam-screen.hold-black .step-chip,.cam-screen.hold-black .guide-chip,.cam-screen.hold-black .cam-status{opacity:0;pointer-events:none}.notice-overlay.hold{background:#000}.notice-card{width:min(360px,100%);text-align:center;padding:1.4rem 1.1rem;background:#0c1210eb;border:1px solid rgba(255,255,255,.14)}.notice-title{margin:.55rem 0 .35rem;font-size:1.35rem;font-weight:700;letter-spacing:.02em}.notice-text{margin:0;color:#e8f0eae6;line-height:1.45}.step-chip,.guide-chip{position:absolute;top:calc(12px + env(safe-area-inset-top));left:12px;z-index:6;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding:.4rem .6rem;background:#0000008c;border:1px solid rgba(255,255,255,.18)}.guide-chip{color:var(--accent-2)}.cam-controls{position:absolute;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));z-index:7;display:flex;justify-content:center;gap:.65rem;padding:0 1rem}.cam-btn{font:inherit;font-weight:600;border:1px solid rgba(255,255,255,.28);background:#080c0ab8;color:#fff;padding:.75rem 1.1rem;min-width:72px;cursor:pointer}.cam-btn.primary{background:var(--accent);color:#04120a;border-color:transparent}.cam-btn:disabled{opacity:.5;cursor:not-allowed}.cam-status{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;z-index:6;display:flex;align-items:center;gap:.4rem;font-size:.78rem;padding:.35rem .55rem;background:#00000080;border:1px solid rgba(255,255,255,.15)}.cam-status .dot{width:8px;height:8px;border-radius:50%;background:#666}.cam-status .dot.on{background:var(--accent)}.cam-error{position:absolute;left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:8;margin:0;color:#ffb4ab;text-align:center;font-size:.88rem;background:#0000008c;padding:.55rem}@keyframes waitPulse{0%{box-shadow:0 0 #3d9b6a8c}70%{box-shadow:0 0 0 18px #3d9b6a00}to{box-shadow:0 0 #3d9b6a00}}