:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08090b;--card:#111318;--card-2:#171a21;--line:#ffffff1a;--text:#f8fafc;--muted:#9aa3b2;--ok:#35d07f;--warn:#f7b955;--bad:#ff6b7a;--brand:#7c8cff;--blue:#46c2ff}*{box-sizing:border-box}body{background:radial-gradient(circle at 14% -10%, #7c8cff3d, transparent 30rem), radial-gradient(circle at 90% 0%, #46c2ff1f, transparent 34rem), var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(135deg,#6472ff,#2563eb);border:1px solid #7c8cff66;border-radius:12px;padding:10px 18px;font-weight:800;box-shadow:0 12px 32px #2563eb47}button.secondary{border-color:var(--line);box-shadow:none;background:#ffffff0d}button.success{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#35d07f94;box-shadow:0 14px 34px #16a34a47}button.danger{background:linear-gradient(135deg,#dc2626,#be123c);border-color:#ff6b7a8c;box-shadow:0 14px 34px #be123c47}button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.shell{gap:22px;width:min(1320px,100% - 32px);margin:24px auto;display:grid}.active-session-page{gap:0;width:100%;min-height:100vh;margin:0}.active-session-page .topbar,.active-session-page .hero-grid,.active-session-page .queue-column,.active-session-page .status-section>h2{display:none}.active-session-page .lower-grid{min-height:100vh;display:block}.topbar,.section{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0c10b8;border-radius:28px;box-shadow:0 28px 110px #00000047}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:92px;padding:22px 26px;display:flex}h1{letter-spacing:-.06em;margin:0;font-size:clamp(32px,5vw,56px);line-height:.95}h2{letter-spacing:-.02em;margin:0;font-size:16px}p{color:var(--muted);margin:6px 0 0}.hero-grid{grid-template-columns:minmax(330px,.65fr) minmax(0,1.35fr);align-items:start;gap:22px;display:grid}.lower-grid{grid-template-columns:minmax(390px,.7fr) minmax(0,1.3fr);align-items:start;gap:22px;display:grid}.section{padding:22px 24px}.section>h2{color:#d8deea;text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px;font-size:12px}.pill{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#ffffff0b;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.pill span,.signal{background:currentColor;border-radius:999px;width:10px;height:10px;box-shadow:0 0 18px}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}.neutral{color:var(--muted)}.info{color:var(--blue)}.board-grid{gap:12px;display:grid}.info-row{border:1px solid var(--line);background:#ffffff09;border-radius:18px;grid-template-columns:16px 1fr;align-items:center;gap:8px 12px;padding:15px;display:grid}.info-row strong{font-size:18px}.info-row p{overflow-wrap:anywhere;grid-column:2;margin:0}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.demo-card{border:1px solid var(--line);background:radial-gradient(circle at 20% 0,#7c8cff2e,#0000 55%),linear-gradient(#ffffff0f,#ffffff06);border-radius:22px;align-content:space-between;gap:14px;min-height:170px;padding:18px;display:grid}.demo-card strong{letter-spacing:-.04em;font-size:22px;display:block}.demo-card span{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.35;display:block}.queue-column{gap:22px;display:grid}.queue-section{min-height:250px}.queue-panel{gap:18px;display:grid}.queue-count,.eta-card{border:1px solid var(--line);background:#ffffff0a;border-radius:22px;padding:22px}.queue-count strong,.eta-card strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:clamp(50px,7vw,84px);line-height:1;display:block}.queue-count strong.queue-empty,.eta-card strong.queue-empty{letter-spacing:-.035em;font-size:clamp(28px,3.4vw,42px);line-height:1.05}.queue-count span,.eta-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:12px;font-weight:800;display:block}.queue-count small{color:var(--muted);margin-top:10px;font-size:14px;font-weight:800;display:block}.eta-card{background:linear-gradient(135deg,#7c8cff24,#46c2ff14)}.eta-card.fault{background:linear-gradient(135deg,#ff6b7a29,#be123c14);border-color:#ff6b7a6b}.eta-card.fault strong{color:var(--bad);letter-spacing:-.035em;font-size:clamp(26px,2.8vw,38px)}.eta-card strong{white-space:nowrap;font-size:clamp(34px,4.2vw,58px)}.queue-progress{background:#ffffff13;border:1px solid #ffffff0f;border-radius:999px;height:12px;margin-top:18px;overflow:hidden}.queue-progress div{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--blue));height:100%;transition:width .35s;box-shadow:0 0 28px #46c2ff61}.recent-section{padding:18px}.recent-list{gap:10px;display:grid}.recent-row{border:1px solid var(--line);background:#ffffff08;border-radius:16px;grid-template-columns:14px 1fr;align-items:center;gap:6px 10px;padding:12px;display:grid}.recent-row small{color:var(--muted);grid-column:2}.empty.compact{padding:14px}.status-section{overflow:hidden}.active-demo-layout{grid-template-columns:minmax(390px,.7fr) minmax(0,1.3fr)}.active-demo-status{flex-direction:column;order:-1;grid-column:1/-1;min-height:calc(100vh - 150px);display:flex}.active-session-page .active-demo-status{height:100vh;min-height:100vh;box-shadow:none;background:#05070a;border:0;border-radius:0;padding:14px}.status-panel{border:1px solid var(--line);background:radial-gradient(circle at 8% 12%,#7c8cff38,#0000 36%),#ffffff09;border-radius:24px;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin:-4px -2px 18px;padding:18px;display:grid;position:relative}.status-orb{border:1px solid var(--line);background:#0003;border-radius:24px;place-items:center;width:74px;height:74px;display:grid}.status-orb span{background:currentColor;border-radius:999px;width:24px;height:24px;box-shadow:0 0 34px}.status-copy{min-width:0}.status-topline{grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:start;gap:14px;display:grid}.status-text-stack{justify-items:start;gap:7px;min-width:0;display:grid}.status-actions{justify-items:stretch;gap:10px;min-width:166px;display:grid}.open-demo-button,.end-button{width:100%}.fullscreen-button{z-index:2;color:#e5edf8;background:#ffffff13;border-color:#ffffff2e;border-radius:14px;place-items:center;width:44px;min-width:0;height:44px;padding:0;font-size:20px;line-height:1;display:grid;position:absolute;top:14px;right:14px;box-shadow:inset 0 1px #ffffff14,0 12px 28px #0000002e}.fullscreen-button:hover:not(:disabled){background:#ffffff1f;transform:translateY(-1px)}.status-copy h2{letter-spacing:-.06em;margin:0;font-size:clamp(28px,4vw,48px);line-height:.98}.status-copy p{max-width:56ch}.end-button{min-width:96px}.active-demo-status .status-panel{flex:none;margin-bottom:16px}.active-demo-status .demo-frame-wrap{flex:auto;min-height:min(72vh,860px)}.demo-frame-wrap{min-height:520px;display:flex;position:relative}.demo-frame-wrap iframe{flex:auto}.active-session-page .active-demo-status .status-panel{background:radial-gradient(circle at 8% 12%,#7c8cff33,#0000 36%),#0c0f14db;border-radius:20px;margin:0 0 12px}.active-session-page .active-demo-status .demo-frame-wrap{min-height:0}.active-session-page .active-demo-status iframe{border-radius:18px;height:auto;min-height:0}.active-demo-status iframe:fullscreen{border:0;border-radius:0;width:100vw;height:100vh;min-height:100vh}iframe,.iframe-placeholder{border:1px solid var(--line);background:#05070a;border-radius:24px;width:100%;min-height:520px}iframe{display:block}.iframe-placeholder{color:var(--muted);border-style:dashed;place-items:center;display:grid}.empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:18px;grid-column:1/-1;padding:22px}.toast-stack{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:50;pointer-events:none;gap:10px;width:min(380px,100vw - 28px);display:grid;position:fixed}.toast{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#0e1117f0;border-radius:18px;grid-template-columns:10px 1fr;align-items:start;gap:12px;padding:14px 15px;font-size:14px;font-weight:800;line-height:1.35;animation:.18s ease-out toast-in;display:grid;box-shadow:0 18px 70px #0000006b,inset 0 1px #ffffff0f}.toast:hover{transform:translateY(-1px)}.toast-dot{background:currentColor;border-radius:999px;width:10px;height:10px;margin-top:4px;box-shadow:0 0 20px}.toast-info{color:var(--blue);border-color:#46c2ff4d}.toast-success{color:var(--ok);border-color:#35d07f59}.toast-warn{color:var(--warn);border-color:#f7b95559}.toast-error{color:var(--bad);border-color:#ff6b7a59}.toast span:last-child{color:var(--text);overflow-wrap:anywhere}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}.skeleton-shell .section,.skeleton-shell .topbar{position:relative;overflow:hidden}.skeleton-section{min-height:180px}.skeleton-lines,.skeleton-cards{gap:12px;display:grid}.skeleton-lines span,.skeleton-cards span,.skeleton-hero div,.skeleton-hero span{background:linear-gradient(90deg,#ffffff0b,#ffffff1a,#ffffff0b) 0 0/220% 100%;border-radius:18px;animation:1.4s ease-in-out infinite shimmer;display:block}.skeleton-lines span{height:52px}.skeleton-lines span:nth-child(2){width:82%}.skeleton-lines span:nth-child(3){width:68%}.skeleton-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.skeleton-cards span{height:150px}.skeleton-hero{gap:14px;display:grid}.skeleton-hero div{height:104px}.skeleton-hero span{height:48px}.compact-skeleton{min-height:150px}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (width<=920px){.hero-grid,.lower-grid,.demo-grid{grid-template-columns:1fr}.queue-column{display:contents}.queue-section{order:1}.status-section{order:2}.recent-section{order:3}.active-demo-status{grid-column:auto;min-height:auto}.status-panel{grid-template-columns:auto 1fr;align-items:start;gap:14px}.status-orb{border-radius:18px;width:54px;height:54px}.skeleton-cards{grid-template-columns:1fr}}@media (width<=760px){.shell{gap:12px;width:min(100% - 20px,1320px);margin:10px auto}.active-session-page{gap:0;width:100%;margin:0}.toast-stack{top:max(10px, env(safe-area-inset-top));width:auto;left:10px;right:10px}.topbar{flex-direction:column;align-items:flex-start}.section,.topbar{border-radius:22px;padding:18px}.status-panel{margin:0 0 14px;padding:14px}.status-topline{grid-template-columns:1fr;align-items:stretch}.status-actions{width:100%;min-width:0}.status-copy h2{margin-top:0;font-size:clamp(24px,8vw,36px)}.end-button{min-width:110px}}