@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:optional;src:url(/fonts/geist-latin.woff2)format("woff2")}:root{--bg:#0a0d10;--surface:#14181c;--surface-raised:#1c2227;--border:#2a3238;--text:#f2f4f5;--text-muted:#bcc4c3;--action-bg:#fff;--action-fg:var(--bg);--live:#1fa89a;--error:#e5484d;--sans:Geist, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--heading:Geist, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space:16px;--radius:12px;font:16px/150% var(--sans);letter-spacing:.01em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{background:var(--bg);max-width:100%;margin:0;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text);font-weight:560}h1{letter-spacing:-.06em;margin:0 0 12px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.05}h2{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.8rem;font-weight:600;line-height:1.2}p{margin:0}a,button{font:inherit}:focus-visible{outline:2px solid var(--action-bg);outline-offset:3px}.button{background:var(--action-bg);color:var(--action-fg);font:inherit;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:color-mix(in srgb, var(--action-bg) 88%, var(--bg))}.button:disabled{opacity:.6;cursor:default}.button-live{background:var(--live)}.button-live:hover:not(:disabled){background:color-mix(in srgb, var(--live) 88%, var(--bg))}.button-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.button-secondary:hover:not(:disabled){background:var(--surface-raised)}.page-title{letter-spacing:-.025em;font-size:1.875rem;font-weight:700;line-height:1.1}@media (width>=640px){.page-title{font-size:2.25rem}}.topbar{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.topbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;max-width:1024px;min-height:48px;margin:0 auto;padding:8px 20px;display:flex}.topbar-brand{align-items:center;gap:8px;display:flex}.topbar-home{color:var(--text);align-items:center;gap:8px;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;display:flex}.topbar-home img{opacity:.9;width:auto;height:28px}.topbar-home:hover img{opacity:1}.topbar-slash{color:color-mix(in srgb, var(--text-muted) 65%, transparent);font-size:.875rem;line-height:1}.topbar-current{color:var(--text-muted);font-size:.875rem;line-height:1;text-decoration:none}.topbar-current:hover{color:var(--text)}.topbar-signout{color:var(--text-muted);font-size:.875rem;line-height:1;text-decoration:none}.topbar-signout:hover{color:var(--text)}.background-wave{opacity:.3;pointer-events:none;width:100%;height:900px;position:absolute;bottom:-100px;left:0}.home-page{flex:1;min-height:100vh;position:relative;overflow:hidden}.home{z-index:1;width:100%;max-width:960px;padding:32px var(--space) 64px;margin:0 auto;position:relative}.home-header{padding:12px 0 4px;container-type:inline-size}.home-lede{max-width:100%;color:var(--text-muted);font-family:Geist, var(--heading);letter-spacing:-.025em;white-space:nowrap;font-size:min(2rem,2.45cqi);font-weight:700;line-height:1.1}@media (width<=640px){.home-lede{white-space:normal;font-size:1.65rem}}.home-section{margin-top:36px}.home-section>h2{margin-bottom:16px}.home-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.home-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.home-list-default{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;display:grid}.home-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 18px 16px;display:flex}.home-card-default{flex-direction:column;align-items:stretch;min-height:132px}.home-card-default .button{align-self:flex-end}.home-card-custom{background:var(--surface-raised);color:inherit;flex-direction:column;align-items:flex-start;gap:6px;text-decoration:none}.home-card-custom:hover,.home-card-default:hover{border-color:var(--text-muted)}.home-card-title{color:var(--text);letter-spacing:-.02em;font-size:1.05rem;font-weight:600}.home-muted,.home-empty,.home-status{color:var(--text-muted)}.home-live{color:var(--live);font-weight:600}.home-empty,.home-status{margin-top:4px}.home-status[role=alert]{color:var(--error)}@media (width<=520px){.home{padding:20px 16px 48px}.home-card-default .button{align-self:stretch}}.create-page{flex:1;position:relative;overflow:hidden}.create-room{z-index:1;width:100%;max-width:640px;padding:36px var(--space) 40px;margin:0 auto;position:relative}.create-lede{max-width:36rem;color:var(--text-muted);margin:8px 0 0}.create-room-form{flex-direction:column;gap:20px;margin-top:28px;display:flex}.create-pair label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;line-height:1.2;display:flex}.create-room input[type=text],.create-room input[type=date],.create-room input[type=time],.create-room input[type=number]{border:1px solid var(--border);border-radius:var(--radius);font:inherit;letter-spacing:normal;text-transform:none;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;padding:10px 12px;font-size:1rem;font-weight:400;line-height:1.5}.create-room input::placeholder{color:var(--text-muted)}.create-pair,.create-when{gap:12px;display:grid}.create-pair{grid-template-columns:1fr 1fr}.create-when{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.8fr);align-items:center}.create-when input{width:100%;min-width:0}.create-pills,.create-role{border:none;min-width:0;margin:0;padding:0}.create-pill-row{flex-wrap:wrap;gap:8px;display:flex}.create-pills legend,.create-role legend{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;padding:0;font-size:.8rem;font-weight:600;line-height:1.2}.create-pill{border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;padding:8px 16px;font-size:.92rem;font-weight:600;display:inline-flex;position:relative}.create-pill input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.create-pill:has(input:checked){background:var(--action-bg);border-color:var(--action-bg);color:var(--action-fg)}.create-pill:has(input:focus-visible){outline:2px solid var(--action-bg);outline-offset:3px}.create-pill input:focus-visible{outline:none}.create-other{flex:1;min-width:12rem}.create-role-row{flex-flow:wrap;align-items:center;gap:8px 24px;display:flex}.create-role label{color:var(--text-muted);flex-direction:row;align-items:center;gap:8px;font-weight:400;display:flex}.create-room-form>.button{align-self:flex-start}.create-room-error{color:var(--error);margin:0}@media (width<=520px){.create-room{padding:28px 16px 32px}.create-pair,.create-when{grid-template-columns:1fr}.create-role-row{flex-direction:column;align-items:flex-start}}.feedback-form{border-top:1px solid var(--border);flex-direction:column;gap:16px;margin-top:40px;padding-top:24px;display:flex}.feedback-title,.feedback-about-title{letter-spacing:-.02em;font-weight:600}.feedback-rating{border:none;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.feedback-rating legend{color:var(--text-muted);font-weight:500}.feedback-rating-scale{gap:14px;display:flex}.feedback-rating-option{align-items:center;gap:6px;font-weight:400;display:flex}.feedback-notes{flex-direction:column;gap:6px;font-weight:500;display:flex}.feedback-notes textarea{border:1px solid var(--border);border-radius:var(--radius);font:inherit;color:var(--text);resize:vertical;background:0 0;padding:10px 12px}.feedback-error{color:var(--error)}.feedback-done{color:var(--text-muted)}.feedback-thanks{color:var(--text);font-weight:600}.feedback-about{margin-top:12px}.feedback-ratings-list{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.feedback-notes-read{margin-top:8px}.feedback-waiting{margin-top:4px}.room-page{flex:1;min-height:100vh;position:relative;overflow:hidden}.room{z-index:1;width:100%;max-width:640px;padding:40px var(--space) 80px;margin:0 auto;position:relative}.room-lede,.room-muted{color:var(--text-muted)}.room-lede{max-width:36rem;margin:8px 0 0}.room>.room-muted{margin-top:28px}.room-stage{flex-direction:column;align-items:flex-start;gap:10px;margin-top:40px;display:flex}.room-stage-title{letter-spacing:-.03em;font-size:1.35rem;font-weight:600;line-height:1.2}.room-section{margin-top:48px}.room-section>h2{margin-bottom:4px}.room-people{margin:0;padding:0;list-style:none}.room-person{border-bottom:1px solid var(--border);padding:16px 0}.room-person-row,.room-person-invite{justify-content:space-between;align-items:center;gap:16px;display:flex}.room-person-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.room-name{letter-spacing:-.02em;font-weight:600}.room-you{color:var(--text-muted);margin-left:8px;font-weight:500}.room-live{color:var(--live);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:600;line-height:1.2}.room-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.room-person-row .room-actions,.room-person-invite .room-actions,.room-stage .room-actions{flex-shrink:0;margin-top:0}.room-alert{color:var(--error);margin:20px 0 0}.room-text-button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.room-invite-form{flex-direction:column;gap:16px;margin-top:16px;display:flex}.room-invite-form fieldset{border:none;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.room-invite-form legend,.room-invite-form label{font-weight:500}.room-radio{color:var(--text-muted);flex-direction:row;align-items:center;gap:8px;font-weight:400;display:flex}.room-invite-form textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;font:inherit;color:var(--text);resize:vertical;background:0 0;margin-top:6px;padding:10px 12px;display:block}.room-dev-user{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:56px;font-size:.92rem;display:flex}.room-dev-user select{border:1px solid var(--border);border-radius:var(--radius);font:inherit;color:var(--text);background:var(--surface);padding:6px 10px}.room-dev-user span{flex-basis:100%}@media (width<=520px){.room{padding:28px 16px 56px}.room-person-row,.room-person-invite{flex-direction:column;align-items:flex-start}}.custom-room-page{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.custom-room-page .background-wave{height:300px;bottom:-70px}.custom-room{z-index:1;width:100%;padding:24px var(--space) 22vh;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.custom-room h1{margin:0}.custom-room-lede,.custom-room-muted{color:var(--text-muted)}.custom-room-lede{max-width:28rem;margin:12px auto 0}.custom-room-status{margin:8px auto 0}.custom-room-open{color:var(--live);font-weight:600}.custom-room-header{width:100%;max-width:640px}.custom-room-header-row{flex-direction:column;align-items:center;gap:28px;display:flex}.custom-room-header>.custom-room-kicker{margin:0 0 10px}.custom-room-kicker,.custom-room-live{letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:600;line-height:1.2}.custom-room-kicker{color:var(--text-muted)}.custom-room-live{color:var(--live)}.custom-room-actions{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:flex}.custom-room-alert{color:var(--error);flex-direction:column;align-items:flex-start;gap:12px;display:flex}@media (width<=640px){.custom-room{padding:24px 16px 12vh}}
