@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfbf9;--bg-grid:#d9dde5;--panel:#fff;--panel-raised:#f4f6fb;--input:#fff;--ink:#1c293c;--muted:#596579;--line:#1c293c;--shadow-color:#1c293c;--primary:#fdc800;--primary-ink:#1c293c;--primary-hover:#ffe15a;--secondary:#432dd7;--secondary-ink:#fff;--secondary-active:#3220ad;--accent:var(--primary);--accent-ink:var(--primary-ink);--pink:#ff4f92;--ok:#16a34a;--ok-ink:#fff;--warn-bg:#f59e0b;--bad:#dc2626;--bad-ink:#fff;--border:3px;--border-thick:4px;--radius:6px;--shadow-sm:3px 3px 0 0 var(--shadow-color);--shadow-md:6px 6px 0 0 var(--shadow-color);--shadow-lg:10px 10px 0 0 var(--shadow-color);--font-display:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121212;--bg-grid:#232323;--panel:#1a1a1a;--panel-raised:#222;--input:#121212;--ink:#f2f2f0;--muted:#9a9a94;--line:#f2f2f0;--shadow-color:#f2f2f0;--primary:#fdc800;--primary-ink:#121212;--primary-hover:#ffe15a;--secondary:#fdc800;--secondary-ink:#121212;--secondary-active:#e0b200;--accent:var(--primary);--accent-ink:var(--primary-ink);--pink:#fdc800}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background-color:var(--bg);background-image:linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px), linear-gradient(var(--bg-grid) 1px, transparent 1px);min-height:100vh;color:var(--ink);font-family:var(--font-body);background-position:0 0;background-size:32px 32px;margin:0;font-size:15px;line-height:1.5}::selection{background:var(--primary);color:var(--primary-ink)}[hidden]{display:none!important}button,input{font:inherit}button{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--panel-raised);min-height:44px;box-shadow:var(--shadow-sm);color:var(--ink);cursor:pointer;font-family:var(--font-body);letter-spacing:0;text-transform:uppercase;padding:0 16px;font-size:13px;font-weight:800;transition:transform .1s,box-shadow .1s,background-color .1s}button:hover{box-shadow:5px 5px 0 0 var(--shadow-color);transform:translate(-1px,-1px)}button:active{box-shadow:1px 1px 0 0 var(--shadow-color);transform:translate(3px,3px)}button.primary{background:var(--primary);color:var(--primary-ink)}button.primary:hover{background:var(--primary-hover)}button:disabled{box-shadow:var(--shadow-sm);cursor:not-allowed;opacity:.5;transform:none}button:focus-visible,input:focus-visible,summary:focus-visible{outline:4px solid var(--pink);outline-offset:2px}input[type=text],input[type=password]{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--input);width:100%;min-height:44px;color:var(--ink);font-family:var(--font-mono);box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--line) 12%, transparent);padding:0 12px;font-size:13px;font-weight:600}input[type=text]::placeholder,input[type=password]::placeholder{color:var(--muted);font-family:var(--font-body)}input[readonly]{background:color-mix(in srgb, var(--panel) 84%, var(--bg));color:var(--muted)}input[aria-invalid=true]{border-color:var(--bad);box-shadow:inset 0 0 0 2px var(--bad)}.field-message,.field-error{min-height:0;margin:0;font-size:.86rem;font-weight:800}.field-message:empty,.field-error:empty{display:none}.field-message{color:var(--muted)}.field-message[data-kind=error],.field-error{color:var(--bad)}@media (prefers-reduced-motion:reduce){button{transition:none}button:hover,button:active{transform:none}}#app{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{z-index:5;border-bottom:var(--border-thick) solid var(--line);background:var(--panel);min-height:72px;box-shadow:0 4px 0 0 var(--shadow-color);justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}:root[data-theme=dark] .topbar{background:var(--panel);color:var(--ink);border-bottom-color:var(--primary)}.brand{min-width:0;font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;align-items:center;gap:12px;font-size:17px;font-weight:900;display:flex}.brand span{overflow-wrap:anywhere}.mark{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--primary);width:34px;height:34px;box-shadow:var(--shadow-sm);color:var(--primary-ink);font-family:var(--font-display);flex:none;place-items:center;font-size:13px;font-weight:900;display:grid;transform:rotate(-2deg)}:root[data-theme=dark] .mark{background:var(--secondary);color:var(--secondary-ink)}:root[data-theme=dark] .disclosure-panel summary:before{background:var(--secondary);color:var(--secondary-ink);border-color:var(--line)}.badge-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.badge,.theme-toggle,.summary-meta{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--panel-raised);min-height:30px;box-shadow:var(--shadow-sm);color:var(--ink);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;white-space:nowrap;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}:root[data-theme=dark] .badge,:root[data-theme=dark] .summary-meta{background:var(--panel-raised);color:var(--ink)}.theme-toggle{background:var(--secondary);height:38px;color:var(--secondary-ink)}:root[data-theme=dark] .theme-toggle{border-color:var(--line);background:var(--secondary);color:var(--secondary-ink)}.badge.ok{border-color:var(--line);background:var(--ok);color:var(--ok-ink)}.layout{grid-template-columns:minmax(0,1fr) minmax(360px,420px);align-items:start;gap:24px;width:min(100%,1440px);margin:0 auto;padding:24px;display:grid}.layout.no-video{grid-template-columns:minmax(320px,460px);justify-content:center}.stage{grid-template-rows:auto auto;gap:16px;min-width:0;display:grid}.video-shell{border:var(--border-thick) solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--secondary) 16%, transparent), transparent 44%), var(--panel);min-height:420px;box-shadow:var(--shadow-lg);place-items:center;display:grid;overflow:hidden}:root[data-theme=dark] .video-shell{background:linear-gradient(135deg, #fdc8001f, transparent 42%), linear-gradient(315deg, #7a6cff33, transparent 48%), var(--panel)}video{object-fit:contain;background:0 0;width:100%;height:100%;max-height:calc(100vh - 190px);display:block}.playback-prompt{justify-self:start}.side{flex-direction:column;gap:18px;min-width:0;display:flex}.panel{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-md);padding:18px}:root[data-theme=dark] .panel{border-color:var(--line);box-shadow:7px 7px 0 0 var(--shadow-color)}.disclosure-panel{padding:0}.disclosure-panel summary{cursor:pointer;min-height:56px;font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:15px;font-weight:900;list-style:none;display:flex}.disclosure-panel summary::-webkit-details-marker{display:none}.disclosure-panel summary:before{content:"+";border:2px solid var(--line);background:var(--primary);width:28px;height:28px;color:var(--primary-ink);font-family:var(--font-mono);border-radius:4px;flex:none;place-items:center;font-weight:700;display:grid}.disclosure-panel[open] summary:before{content:"-"}.disclosure-panel summary span:first-child{margin-right:auto}.summary-meta{min-height:26px;box-shadow:2px 2px 0 0 var(--shadow-color);padding:0 8px;font-size:11px}.panel-body{padding:0 18px 18px}.modal{border:var(--border-thick) solid var(--line);border-radius:var(--radius);background:var(--panel);padding:20px}.panel h2,.modal h2{border:var(--border) solid var(--line);background:var(--primary);box-shadow:3px 3px 0 0 var(--shadow-color);color:var(--primary-ink);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;border-radius:4px;margin:0 0 16px;padding:3px 8px 4px;font-size:13px;font-weight:900;display:inline-block}:root[data-theme=dark] .panel h2,:root[data-theme=dark] .modal h2{background:var(--panel-raised);color:var(--primary);border-color:var(--line);box-shadow:3px 3px 0 0 var(--shadow-color)}.field{gap:7px;margin-bottom:14px;display:grid}.field label{color:var(--ink);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.hint{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.switch-row{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--panel-raised);min-height:42px;box-shadow:var(--shadow-sm);cursor:pointer;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:8px;padding:9px 10px;font-size:13px;font-weight:800;display:flex}.switch-row input{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.switch-row:has(input:disabled){cursor:not-allowed;opacity:.62}.switch-row:has(input:disabled) input{cursor:not-allowed}.control-help{margin-bottom:12px}.button-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.button-row button{min-width:0}.invite-row{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--input);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;display:grid;overflow:hidden}.invite-row input[type=text]{box-shadow:none;background:0 0;border:none;border-radius:0}.invite-row button{border:none;border-left:3px dashed var(--line);background:var(--secondary);box-shadow:none;color:var(--secondary-ink);border-radius:0}.invite-row button:hover,.invite-row button:active{transform:none}.invite-row button:active{background:var(--secondary-active)}.file-picker{gap:12px;display:grid}.file-picker input[type=file]{border:var(--border) dashed var(--line);border-radius:var(--radius);background:var(--panel-raised);width:100%;color:var(--ink);font-family:var(--font-mono);padding:12px;font-size:13px}.file-picker input[type=file]:disabled{cursor:not-allowed;opacity:.55}.status{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--primary);min-height:44px;box-shadow:var(--shadow-sm);color:var(--primary-ink);font-family:var(--font-mono);align-items:center;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.4;display:flex}:root[data-theme=dark] .status{background:var(--panel-raised);color:var(--primary);border-color:var(--line)}.status:before{content:">";margin-right:8px;font-weight:700}.members{gap:10px;margin:0;padding:0;list-style:none;display:grid}.call-controls{grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px;margin-bottom:10px;display:grid}.call-controls .icon-button{place-items:center;min-width:44px;padding:0;display:inline-grid}.call-controls .icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.call-controls button[aria-pressed=true]{background:var(--secondary);color:var(--secondary-ink)}.voice-members{gap:8px;margin:10px 0 12px;padding:0;list-style:none;display:grid}.voice-member{border:2px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);justify-content:space-between;align-items:center;gap:10px;min-height:32px;padding:8px 10px;font-size:.9rem;font-weight:800;display:flex}.voice-audio{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.member{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--panel-raised);box-shadow:var(--shadow-sm);gap:6px;padding:12px;display:grid}.member-head{font-family:var(--font-display);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.member-file{overflow-wrap:anywhere;color:var(--muted);font-family:var(--font-mono);font-size:12px}.pill{border:2px solid var(--line);background:var(--panel);min-height:24px;color:var(--ink);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;white-space:nowrap;border-radius:4px;align-items:center;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.pill.ok{background:var(--ok);color:var(--ok-ink)}.pill.warn{background:var(--warn-bg);color:var(--primary-ink)}.pill.bad{background:var(--bad);color:var(--bad-ink)}.empty{border:var(--border) dashed var(--line);border-radius:var(--radius);color:var(--muted);font-family:var(--font-mono);text-align:center;margin:0;padding:14px;font-size:12px}.chat-messages{align-content:start;gap:8px;min-height:120px;max-height:220px;margin:0 0 12px;padding:0;list-style:none;display:grid;overflow:auto}.chat-message{border:2px solid var(--line);border-radius:var(--radius);background:var(--panel-raised);gap:3px;padding:9px 10px;display:grid}.chat-message-head{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;justify-content:space-between;gap:8px;font-size:11px;display:flex}.chat-message-text{overflow-wrap:anywhere;font-size:13px;line-height:1.35}.chat-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.modal-backdrop{z-index:10;background:#1c293cb8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}:root[data-theme=dark] .modal-backdrop{background:#05050ac7}.modal{width:min(440px,100%);box-shadow:var(--shadow-lg)}.modal .hint{margin-bottom:16px}.modal .hint strong{border:2px solid var(--line);background:var(--primary);color:var(--primary-ink);font-family:var(--font-mono);padding:1px 5px}:root[data-theme=dark] .modal .hint strong{background:var(--secondary);color:var(--secondary-ink)}@media (width<=900px){.layout,.layout.no-video{grid-template-columns:1fr;padding:16px}.topbar{padding:0 16px}.video-shell{min-height:300px;box-shadow:var(--shadow-md)}.panel{box-shadow:var(--shadow-sm)}}@media (width<=560px){.topbar{flex-direction:column;align-items:flex-start;gap:10px;min-height:72px;padding:14px 16px}.badge-row,.button-row,.invite-row,.call-controls,.chat-form{width:100%}.badge-row{flex-wrap:wrap;justify-content:flex-start}.badge,.theme-toggle{max-width:100%}.button-row,.invite-row,.chat-form{grid-template-columns:1fr}.invite-row button{border-top:3px dashed var(--line);border-left:none}}