@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Space+Grotesk:wght@400;500;700&display=swap";:root{font-family:Space Grotesk,sans-serif;line-height:1.5;font-weight:400;color:#f8f3e7;background:radial-gradient(circle at top left,rgba(211,121,60,.25),transparent 30%),radial-gradient(circle at top right,rgba(44,102,165,.25),transparent 28%),linear-gradient(180deg,#0a1620,#071118);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface: rgba(8, 20, 28, .78);--surface-strong: rgba(3, 10, 15, .92);--surface-line: rgba(255, 248, 232, .14);--accent: #f4b350;--accent-strong: #ff8744;--success: #4fc88f;--warning: #ffce6a;--text-muted: rgba(248, 243, 231, .72);--shadow: 0 24px 64px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(180deg,rgba(255,255,255,.38),transparent 78%);mask-image:linear-gradient(180deg,rgba(255,255,255,.38),transparent 78%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}#root{width:100%}.app-shell{min-height:100vh;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.topbar h1,.panel h2,.panel h3{margin:0}.eyebrow{margin:0 0 8px;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:var(--accent)}.nav-links{display:flex;gap:10px;flex-wrap:wrap}.nav-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav-link,.ghost-button,.primary-button{border:1px solid var(--surface-line);border-radius:999px;padding:12px 18px;transition:transform .16s ease,background .16s ease,border-color .16s ease}.nav-link{background:#ffffff0d}.nav-link.active,.nav-link:hover,.ghost-button:hover,.primary-button:hover,.upload-card:hover,.recent-card:hover{transform:translateY(-2px);border-color:#fff8e852}.main-shell{display:flex;flex-direction:column;gap:24px}.audience-shell{min-height:100vh}.remote-shell{min-height:100dvh;height:100dvh;overflow:hidden}.panel{background:var(--surface);border:1px solid var(--surface-line);border-radius:28px;padding:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.import-grid,.presenter-grid,.remote-layout{display:grid;gap:24px}.import-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr)}.presenter-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);align-items:start}.remote-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.remote-screen{height:100dvh;padding:12px;overflow:hidden}.hero-panel{min-height:420px;background:linear-gradient(135deg,#f4b3501f,#447fb024),var(--surface)}.hero-copy,.muted-text,.notes-card p,.status-card,.recent-card p{color:var(--text-muted)}.import-actions{margin-top:14px}.upload-card{display:flex;flex-direction:column;gap:6px;margin-top:28px;padding:26px;border:1.5px dashed rgba(255,248,232,.24);border-radius:24px;background:#ffffff0a}.recent-list,.warning-list{display:flex;flex-direction:column;gap:14px}.recent-card,.metric-card,.status-card,.notes-card,.preview-card,.modal-card,.stage-card,.remote-panel,.notes-panel{background:#ffffff0a;border:1px solid var(--surface-line)}.remote-single{display:flex;flex-direction:column;gap:16px;height:calc(100dvh - 24px);padding:18px;overflow:hidden;background:#08141cf5}.recent-card{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:18px;border-radius:20px;text-align:left}.warning-chip{border-radius:999px;padding:6px 12px;background:#ffce6a24;color:var(--warning);font-family:IBM Plex Mono,monospace;font-size:.82rem}.stage-header,.section-heading,.modal-header,.button-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.stage-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:58vh;border-radius:24px;overflow:hidden;padding:18px}.stage-card:fullscreen{min-height:100vh;padding:0;border-radius:0;background:#000}.stage-card:fullscreen .slide-frame{width:100vw;height:100vh;max-height:none;border-radius:0}.slide-frame{position:relative;width:100%;max-height:100%;border-radius:20px;overflow:hidden;background:#fff}.pdf-canvas{display:block;width:100%;height:auto}.ppt-text,.ppt-shape,.ppt-image{position:absolute}.ppt-text{padding:8px 10px;white-space:pre-wrap}.ppt-text p{margin:0 0 .45em}.ppt-image{object-fit:contain}.sidebar-panel,.preview-card{display:flex;flex-direction:column;gap:18px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-card,.notes-card,.status-card,.preview-card,.notes-panel{padding:18px;border-radius:20px}.remote-notes{flex:1;overflow:auto}.metric-card span{display:block;color:var(--text-muted);font-size:.92rem}.metric-card strong{font-size:1.2rem}.ghost-button,.primary-button{background:#ffffff0f;color:#f8f3e7}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#1d140d;font-weight:700}.danger{background:linear-gradient(135deg,#ffb84f,#ff5d42)}.blackout-stage{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#000000eb;color:#fff;text-transform:uppercase;letter-spacing:.2em}.preview-frame{max-width:100%}.audience-screen{position:relative;min-height:100vh;display:grid;place-items:center;padding:18px}.audience-screen .slide-frame{width:min(96vw,1480px);box-shadow:0 30px 80px #0000006b}.audience-toolbar{position:fixed;top:16px;right:16px;z-index:4}.audience-blackout{position:fixed;inset:0}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#02070cf0;z-index:20}.modal-card{width:min(92vw,780px);border-radius:28px;padding:24px;background:#08131d;border:1px solid rgba(255,248,232,.16);box-shadow:0 28px 80px #0000007a}.qr-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:center}.qr-image{width:100%;border-radius:24px;background:#f4efe4;padding:12px}.remote-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.remote-button{min-height:112px;border-radius:24px}.success{color:var(--success)}.warning{color:var(--warning)}@media(max-width:1024px){.import-grid,.presenter-grid,.remote-layout,.qr-layout,.metric-grid,.remote-controls{grid-template-columns:1fr}.app-shell{padding:16px}.topbar{flex-direction:column}}