:root{--bg: #ffffff;--soft: #f6f7f9;--line: #e6e8ec;--ink: #14171f;--dim: #667085;--coral: #f25f5c;--accent: #f25f5c;--ok: #0f9d58;--danger: #d92d20;font-family:Hanken Grotesk,Inter,system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select{font:inherit;color:inherit}.mark{width:26px;height:26px;border-radius:8px;background:var(--coral);display:inline-grid;place-items:center}.mark i{width:10px;height:10px;border:2px solid #fff;border-radius:50%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:10px;border:1px solid var(--line);background:var(--bg);text-decoration:none;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{box-shadow:0 4px 14px #10182814;transform:translateY(-1px)}.btn.primary{background:var(--coral);border-color:var(--coral);color:#fff}.btn.small{padding:6px 12px;font-size:14px}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.disabled,.btn[aria-disabled=true]{opacity:.4;pointer-events:none}.link{background:none;border:0;padding:0;color:var(--dim);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.err{color:var(--danger);margin:0}.muted{color:var(--dim);font-size:14px}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:700;margin:40px 0 12px}.gate{min-height:100%;display:grid;place-content:center;justify-items:center;gap:24px;padding:24px 16px;background:var(--soft)}.gate-card{width:min(420px,100%);background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 12px 40px #1018280f}.gate-card h1{margin:16px 0 6px;font-size:24px}.lead{margin:0 0 20px;color:var(--dim)}.gate form{display:grid;gap:14px}.gate label{display:grid;gap:6px;font-size:14px;font-weight:600}.gate input{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.gate input:focus{outline:2px solid var(--coral);outline-offset:1px}.gate-foot{color:var(--dim);font-size:13px;margin:0}.qr{width:176px;height:176px;display:block;margin:0 auto 16px}.top{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--bg);flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700}.brand em{font-style:normal;color:var(--dim);font-weight:500}.top-mid{flex:1;display:flex;align-items:center;gap:16px;min-width:0;flex-wrap:wrap}.top-end{display:flex;align-items:center;gap:14px}.who{color:var(--dim);font-size:14px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page{max-width:1080px;margin:0 auto;padding:56px 20px 48px}.hero h1{font-size:clamp(30px,5vw,46px);line-height:1.08;margin:0 0 12px;letter-spacing:-.02em;max-width:14em}.hero p{margin:0 0 24px;color:var(--dim);font-size:18px;max-width:34em}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{display:flex;flex-direction:column;gap:6px;padding:22px;text-decoration:none;background:var(--bg);border:1px solid var(--line);border-radius:16px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}a.card:hover{border-color:var(--accent);box-shadow:0 10px 30px #10182814;transform:translateY(-2px)}.card.static{background:var(--soft)}.card strong{font-size:18px}.card>span:not(.card-dot):not(.card-foot){color:var(--dim);font-size:14px}.card-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);margin-bottom:8px}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:13px}.status.live{color:var(--ok)}.status.soon{color:var(--dim)}.go{font-weight:700;color:var(--accent)}.foot{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);color:var(--dim);font-size:14px}.stage{display:flex;flex-direction:column;height:100%}.stage-body{flex:1;min-height:0;padding:0 12px}.stage-tools{display:flex;gap:20px;padding:8px 20px;font-size:13px;border-top:1px solid var(--line)}.frame{position:relative;height:100%;background:var(--soft);border:1px solid var(--line);border-radius:12px;overflow:hidden}.frame iframe{width:100%;height:100%;border:0;display:block;background:#fff;animation:fade .25s ease}.frame-note{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--dim);pointer-events:none}.frame-note a{pointer-events:auto}@keyframes fade{0%{opacity:0}to{opacity:1}}.switcher{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.switcher label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim)}.switcher select,.pane-bar select{padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.roles{display:flex;gap:6px;flex-wrap:wrap}.roles button,.seg button{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer;transition:background .15s ease}.roles button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.seg{display:inline-flex;gap:6px}.seg button[aria-pressed=true]{background:var(--coral);border-color:var(--coral);color:#fff}.toast{background:#ecfdf3;color:#067647;border:1px solid #abefc6;border-radius:8px;padding:5px 10px;cursor:pointer}.present{display:flex;flex-direction:column;height:100%}.present-bar{display:flex;align-items:center;gap:20px;padding:10px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.steps{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex:1;flex-wrap:wrap}.steps a{display:block;padding:6px 12px;border-radius:999px;text-decoration:none;font-size:14px;color:var(--dim)}.steps a[aria-current=step]{background:var(--ink);color:var(--bg)}.step-nav{display:flex;gap:8px}.present-body{flex:1;min-height:0;display:grid;grid-template-columns:320px 1fr;gap:12px;padding:12px}.caption{border-left:4px solid var(--accent);padding:8px 20px;align-self:start}.caption .eyebrow{margin:0 0 8px;color:var(--accent)}.caption h2{margin:0 0 12px;font-size:26px;line-height:1.15}.caption p{color:var(--dim);line-height:1.55}.wall{flex:1;display:grid;gap:8px;padding:0 12px 12px;min-height:0}.wall-quad{grid-template:1fr 1fr / 1fr 1fr}.wall-split{grid-template:1fr / 1fr 1fr}.wall-single{grid-template:1fr / 1fr}.wall-focus{grid-template:1fr 1fr 1fr / 2fr 1fr}.wall-focus .pane:first-child{grid-row:1 / span 3}.pane{display:flex;flex-direction:column;min-height:0;min-width:0;gap:6px}.pane-bar{display:flex;align-items:center;gap:8px;border-top:3px solid var(--accent);padding-top:6px}.pane .frame{flex:1;min-height:0}.chip{font:12px ui-monospace,monospace;color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:2px 6px}@media(max-width:800px){.present-body{grid-template-columns:1fr;grid-template-rows:auto 70vh;overflow:auto}.wall-quad,.wall-focus,.wall-split{grid-template:none;grid-auto-rows:70vh;overflow:auto}.wall-focus .pane:first-child{grid-row:auto}.who{display:none}.page{padding-top:32px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
