:root{--navy:#001c3f;--navy-deep:#000f25;--blue:#1673c9;--blue-bright:#35a2e8;--gold:#d5a64b;--gold-light:#f0c879;--white:#fff;--ice:#edf6ff;--ink:#071d3c;--muted:#5f6f84;--line:#d9e4ef;--success:#087a55}*{box-sizing:border-box}html{background:var(--navy-deep)}body{background:radial-gradient(circle at 82% 4%,#2689d940,transparent 28rem),linear-gradient(145deg,var(--navy-deep),var(--navy) 56%,#063666);min-height:100dvh;color:var(--white);flex-direction:column;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{flex:1;min-height:0}main{width:min(1180px,92vw);margin:0 auto;padding:24px 0 48px}h1,h2,p{margin-top:0}.powered-footer{color:#ffffffad;text-align:center;border-top:1px solid #ffffff1a;padding:18px 24px 22px;font-size:.78rem}.section-kicker{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:850}.card{color:var(--ink);background:#fffffff7;border:1px solid #fff9;border-radius:18px;padding:26px;box-shadow:0 24px 70px #00071840}.grid{gap:20px;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.host-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-heading,.viewer-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-heading h1,.viewer-heading h1{margin-bottom:0;font-size:clamp(2rem,4.5vw,4rem)}button,.button{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#081a34;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:12px 21px;font-weight:800;text-decoration:none;display:inline-flex}button.secondary,.button.secondary{border-color:var(--line);color:var(--ink);background:#edf4fb}input,select,textarea{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);border-radius:10px;padding:13px 14px}label{color:var(--ink);gap:7px;font-weight:750;display:grid}.small{color:var(--muted);margin-bottom:0;font-size:.88rem;line-height:1.55}.status{width:fit-content;color:var(--success);background:#e8f7f1;border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:800;display:inline-flex}.source-caption,.caption{min-height:190px;color:var(--white);background:linear-gradient(150deg,#00162f,#052f5c);border:1px solid #479de057;border-radius:14px;align-items:center;padding:26px;font-size:clamp(1.7rem,4.5vw,3.7rem);line-height:1.18;display:flex}.qr{border:1px solid var(--line);background:#fff;border-radius:12px;width:min(260px,100%);height:auto;margin:0 auto;padding:10px}@media (max-width:820px){.host-grid,.viewer-toolbar{grid-template-columns:1fr}}
.host-page{color:#eef6ff;width:min(1180px,92vw);margin:0 auto;padding:42px 0 64px}.host-page .page-heading{align-items:flex-start;margin:0 0 26px;padding:0}.host-page .page-heading .eyebrow{display:none}.host-page .page-heading h1{letter-spacing:-.055em;background:linear-gradient(90deg,#fff 0%,#71e5ff 34%,#fff 50%,#f6d56c 68%,#fff 100%) 0 0/240% 100%;color:#0000;text-shadow:0 0 28px #71e5ff0f;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(54px,8vw,94px);font-weight:850;line-height:.94;animation:4.8s linear infinite host-title-shimmer,8s ease-in-out infinite host-title-flicker}.host-page .live-dashboard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080f1cbd;border:1px solid #94a3b829;border-radius:20px;box-shadow:0 24px 80px #00000047}.host-page .live-dashboard__item{background:#080f1cd6}.host-page .card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#eef6ff;background:#080f1cc7;border:1px solid #94a3b829;border-radius:24px;box-shadow:0 24px 80px #00000047}.host-page .host-console,.host-page .audience-access,.host-page .transcript-card{background:linear-gradient(#0f172ac7,#080f1cd1)}.host-page .section-kicker{color:#64d9f5;letter-spacing:.18em;font-size:11px;font-weight:800}.host-page .small{color:#8da1b9}.host-page label{color:#a8b6c7}.host-page input,.host-page textarea,.host-page select{color:#edf6ff;background:#0206178c;border:1px solid #94a3b829}.host-page input:focus,.host-page textarea:focus,.host-page select:focus{border-color:#22d3ee99;outline:none;box-shadow:0 0 0 3px #22d3ee14}.host-page .source-caption{color:#eef6ff;background:linear-gradient(145deg,#0f1d33,#0a1424);border:1px solid #22d3ee2e;border-radius:18px;box-shadow:inset 0 1px #ffffff06}.host-page .status{color:#7ce3ad;background:#22c55e1f;border:1px solid #22c55e2e}.host-page button,.host-page .button{color:#fff;background:linear-gradient(90deg,#21c7ea,#4f7cff);border:1px solid #94a3b82e;border-radius:12px;box-shadow:0 12px 28px #22d3ee24}.host-page button.secondary,.host-page .button.secondary,.host-page .audio-source-option{color:#d8e4ef;box-shadow:none;background:#ffffff09;border-color:#94a3b82e}.host-page .audio-source-option.active{color:#79e9ff;background:#22d3ee14;border-color:#22d3ee8c}.host-page .audio-source-option i{background:#0a1424;border-color:#657b92;box-shadow:inset 0 0 0 3px #0a1424}.host-page .audio-source-option.active i{background:#22d3ee;border-color:#22d3ee}.host-page .audio-source-panel{border-bottom:1px solid #94a3b81f}.host-page .audience-access h2,.host-page .transcript-card h2{color:#eef6ff}.host-page .qr{border:1px solid #94a3b829;border-radius:16px;box-shadow:0 16px 42px #00000038}.host-page .transcript{border-top:1px solid #94a3b81f}.host-page .segment{border-bottom:1px solid #94a3b81a}@keyframes host-title-shimmer{0%{background-position:220% 0}to{background-position:-20% 0}}@keyframes host-title-flicker{0%,18%,22%,24%,55%,to{opacity:1;filter:brightness()}19%{opacity:.72;filter:brightness(1.25)}23%{opacity:.88;filter:brightness(.92)}56%{opacity:.92;filter:brightness(1.16)}57%{opacity:1;filter:brightness()}}@media (max-width:620px){.host-page{width:min(94vw,1180px);padding-top:28px}.host-page .page-heading h1{font-size:48px}}@media (prefers-reduced-motion:reduce){.host-page .page-heading h1{background-position:50% 0;animation:none}}