:root{font-family:Avenir Next,Segoe UI Variable Display,Helvetica Neue,sans-serif;color:#101010;background:#f4f1ea;line-height:1.5;font-weight:400;--bg: #f4f1ea;--surface: rgba(255, 255, 255, .72);--ink: #101010;--muted: rgba(16, 16, 16, .62);--line: rgba(16, 16, 16, .14);--line-strong: rgba(16, 16, 16, .28);--accent: #101010;--radius: 26px;--mono: "IBM Plex Mono", "Cascadia Mono", "SFMono-Regular", monospace}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ffffff80,#fff0),var(--bg);color:var(--ink)}button,.button{appearance:none;border:0;border-radius:999px;padding:.95rem 1.35rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .14s ease,opacity .14s ease,background-color .14s ease,color .14s ease,border-color .14s ease}button:hover,.button:hover{transform:translateY(-1px)}button:disabled,.button:disabled{opacity:.4;cursor:not-allowed;transform:none}input{width:100%;border:1px solid var(--line);border-radius:18px;background:#ffffffc2;color:var(--ink);padding:1rem 1.05rem;font:inherit}input::placeholder{color:#1010106b}.app-shell{min-height:100vh}.screen{width:min(100%,44rem);margin:0 auto;padding:1.25rem 1rem 2rem}.screen--create,.screen--lobby,.screen--theme{display:grid;gap:1.1rem}.screen--create{min-height:100vh;align-content:center;padding-top:2rem;padding-bottom:2rem}.screen__masthead{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.screen__meta,.screen__kicker,.microcopy,.participant-row span,.lobby-block__header p{color:var(--muted)}.screen__meta{display:inline-flex;gap:.75rem;font-family:var(--mono);font-size:.82rem}.wordmark{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:-.04em}.screen__kicker,.create-hero__index{margin:0;font-family:var(--mono);font-size:.85rem;letter-spacing:.03em;text-transform:uppercase}.create-hero,.theme-heading{display:grid;gap:.55rem}.create-hero h1,.theme-heading h1{margin:0;font-size:clamp(2.8rem,10vw,4.9rem);line-height:.92;letter-spacing:-.07em}.create-hero__lede,.theme-heading p{max-width:30rem;margin:0;color:var(--muted);font-size:1rem}.create-form,.field{display:grid;gap:.7rem}.field span{font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.button--primary{background:var(--accent);color:#faf8f2}.button--secondary{background:#ffffffb8;color:var(--ink);border:1px solid var(--line)}.button--ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.booth-shell,.strip-stage{border-radius:calc(var(--radius) + 2px);overflow:hidden;background:#ffffff8f;border:1px solid var(--line)}.stage-canvas{width:100%;aspect-ratio:4 / 3;display:block;background:#191919}.lobby-block{display:grid;gap:.85rem;padding:.15rem 0 0;border-top:1px solid var(--line)}.lobby-block__header{display:grid;gap:.2rem}.lobby-block__header h2{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.03em}.lobby-block__header p{margin:0;font-size:.92rem}.invite-row{display:grid;gap:.85rem}.invite-row code{display:block;overflow-wrap:anywhere;border-radius:18px;border:1px solid var(--line);background:#ffffffa6;padding:.95rem 1rem;font-family:var(--mono);font-size:.84rem}.invite-row__actions{display:flex;flex-wrap:wrap;gap:.7rem}.participant-list{display:grid;gap:.7rem}.participant-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 0;border-bottom:1px solid rgba(16,16,16,.08)}.participant-row:last-child{border-bottom:0}.participant-row div{display:grid;gap:.12rem}.participant-row strong{font-size:1rem}.participant-row span{font-size:.86rem}.status-pill{border:1px solid var(--line);border-radius:999px;padding:.4rem .7rem;font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.status-pill--ready{background:#101010eb;color:#f7f4ee;border-color:#101010eb}.status-pill--waiting,.status-pill--offline{background:transparent;color:var(--muted)}.background-rail,.theme-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(7.4rem,1fr);gap:.8rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.background-rail::-webkit-scrollbar,.theme-rail::-webkit-scrollbar{display:none}.background-chip,.theme-chip{position:relative;display:grid;gap:.7rem;min-height:7rem;padding:.75rem;border-radius:22px;border:1px solid transparent}.background-chip{align-content:end;color:#fff;text-align:left}.background-chip span{font-size:.88rem;font-weight:600;text-shadow:0 1px 10px rgba(0,0,0,.32)}.background-chip.is-active,.theme-chip.is-active{border-color:var(--ink)}.action-bar{position:sticky;bottom:0;display:grid;grid-template-columns:1fr;gap:.7rem;padding-top:.35rem;background:linear-gradient(180deg,rgba(244,241,234,0),rgba(244,241,234,.88) 22%,var(--bg) 100%)}.screen--capture{width:100%;min-height:100vh;padding:0;background:#050505}.capture-stage{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden}.stage-canvas--capture{width:100vw;max-width:min(100vw,75vh);max-height:100vh;border-radius:0}.capture-overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.6rem;color:#fff9eff2;text-align:center;pointer-events:none}.capture-overlay__primary,.capture-overlay__secondary{margin:0}.capture-overlay__primary{font-size:clamp(6rem,28vw,13rem);line-height:.9;font-weight:600;letter-spacing:-.08em;text-shadow:0 8px 40px rgba(0,0,0,.55)}.capture-overlay__secondary{font-family:var(--mono);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 16px rgba(0,0,0,.55)}.screen--theme{min-height:100vh;align-content:start}.strip-stage{display:grid;place-items:center;min-height:24rem;padding:1rem}.strip-preview{width:min(100%,24rem);display:block}.theme-chip{background:#ffffffb8;color:var(--ink);border-color:var(--line);align-content:start;text-align:left}.theme-chip__mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;align-items:end;min-height:5.25rem;border-radius:16px;padding:.45rem;background:var(--theme-paper);border:1px solid var(--theme-accent)}.theme-chip__mini span{display:block;border-radius:10px;background:var(--theme-panel);border:1px solid var(--theme-accent)}.theme-chip__mini span:nth-child(1){height:100%}.theme-chip__mini span:nth-child(2){height:72%}.theme-chip__mini span:nth-child(3){height:84%}.theme-chip__label{font-size:.87rem;font-weight:600}.button--download{width:100%;justify-content:center;text-align:center}.error-banner{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);width:min(calc(100vw - 2rem),32rem);padding:.95rem 1rem;border-radius:18px;background:#871a1af2;color:#fff;box-shadow:0 14px 40px #00000038;z-index:20}@media(min-width:720px){.screen{padding:1.5rem 1.5rem 2.5rem}.screen--create,.screen--theme{align-content:center}.action-bar{grid-template-columns:minmax(0,12rem) minmax(0,1fr);align-items:center}}