@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#152138;background:#f4f6fa;margin:0;font:16px/1.5 DM Sans,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{outline-offset:4px}a{color:inherit}main{max-width:1080px;margin:auto;padding:0 32px}header{border-bottom:1px solid #dde2ec;justify-content:space-between;align-items:center;padding:30px 0;display:flex}.brand{align-items:center;gap:10px;font:700 24px Space Grotesk,sans-serif;text-decoration:none;display:flex}.brand svg{color:#3864f5}.tag,.eyebrow{letter-spacing:.12em;font-size:12px;font-weight:700}.tag{color:#677188}.eyebrow{color:#3864f5;align-items:center;gap:8px;display:flex}.landing{max-width:860px;margin:auto;padding:58px 0 0}h1{letter-spacing:-.045em;margin:18px 0 20px;font:600 clamp(40px,6vw,66px)/1.06 Space Grotesk,sans-serif}h1 span{color:#3864f5}.intro{color:#626d82;max-width:490px;margin-bottom:34px;font-size:18px}h2{margin:18px 0 10px;font:600 21px Space Grotesk,sans-serif}.entry-grid,.host-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.panel{background:#fff;border:1px solid #dce2ed;border-radius:16px;padding:28px}.panel p{color:#657086}.tile-icon{color:#3864f5;background:#eef2ff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}button,.button{cursor:pointer;color:#fff;background:#355ff0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:49px;padding:14px 20px;font:600 16px DM Sans,sans-serif;text-decoration:none;display:flex}button:hover,.button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{color:#2449c9;background:#eaf0ff}small{color:#727d90;margin-top:12px;font-size:12px;display:block}label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}input:not([type=checkbox]){letter-spacing:.14em;color:#152138;background:#fafbfe;border:1px solid #cdd5e4;border-radius:8px;width:100%;margin-bottom:12px;padding:11px 15px;font:600 21px Space Grotesk,sans-serif}.entry-grid .panel>p{min-height:48px}.setup{background:#eef3ff;border:1px solid #b8c9f7;border-radius:12px;margin-top:24px;padding:20px}.setup p{margin:6px 0 0;font-size:14px}.room-heading{justify-content:space-between;align-items:center;margin-top:35px;display:flex}.room-code{letter-spacing:.08em;margin:8px 0;font-size:42px}.status{color:#976210;background:#fff1d7;border-radius:30px;padding:8px 12px;font-size:14px}.status.connected{color:#177754;background:#e0f6ed}.room-meta{color:#737f91;justify-content:space-between;align-items:center;gap:16px;margin:10px 0 24px;font-size:13px;display:flex}.text-button{color:#355ff0;background:0 0;width:auto;min-height:32px;padding:0;font-size:14px}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h2{margin:0}.section-heading>span:not(.eyebrow){color:#748095;font-size:12px}.camera{aspect-ratio:1;background:#152138;border-radius:10px;margin:22px 0;position:relative;overflow:hidden}.camera video{object-fit:cover;width:100%;height:100%}.camera-placeholder{color:#b7c5e2;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.camera-placeholder p{color:#b7c5e2;font-size:14px}.current{border-top:4px solid #355ff0;animation:.4s arrive}.payload{overflow-wrap:anywhere;white-space:pre-wrap;margin:26px 0;font:500 25px/1.4 Space Grotesk,sans-serif}.received{align-items:center;gap:6px;margin-bottom:0;font-size:13px;display:flex}.empty{text-align:center;color:#8a9bc1;padding:35px 0}.empty p{font-size:14px}.history{margin-top:30px}.history h2{justify-content:space-between;font-size:16px;display:flex}.history h2 span{color:#8591a7}.history-row{border-bottom:1px solid #dce2ed;align-items:center;gap:12px;padding:14px 0;display:flex}.history-row>div{flex:1;min-width:0}.history-row p{overflow-wrap:anywhere;margin:0;font-size:14px}.history-row small{margin-top:4px}.icon-button{color:#5b6b8b;background:#e6ebf6;width:38px;min-height:38px;padding:8px}.muted,.host-state{color:#778298;font-size:14px}.error{color:#9b2635;background:#fff0f2;border:1px solid #f1bbc1;border-radius:10px;margin-top:20px;padding:16px}footer{color:#7b869b;justify-content:space-between;gap:20px;margin:44px 0 25px;font-size:12px;display:flex}footer span{align-items:center;gap:7px;display:flex}.debug{margin-top:20px;font-size:13px}.debug pre{white-space:pre-wrap;overflow-wrap:anywhere}.test-page{max-width:650px}.test-page>.panel{text-align:center;margin-top:32px}.test-page h1{font-size:36px}.test-page canvas{max-width:100%;height:auto}.actions{gap:12px;display:flex}.checkbox{justify-content:center;gap:8px;margin-top:24px;display:flex}.test-page .eyebrow{justify-content:center}@keyframes arrive{0%{box-shadow:0 0 0 4px #b3c7ff}to{box-shadow:0 0 #0000}}@media (max-width:700px){main{padding:0 20px}header{padding:22px 0}.tag{font-size:10px}.landing{padding-top:36px}.entry-grid,.host-grid{grid-template-columns:1fr}.panel{padding:22px}.room-meta{flex-direction:column;align-items:flex-start;gap:4px}.room-code{font-size:34px}.payload{font-size:23px}.status{font-size:12px}.camera{aspect-ratio:4/3}footer{font-size:11px}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.dashboard>h1{font-size:36px}.dashboard-grid{margin:25px 0}.auth-panel{max-width:520px;margin:24px 0}.auth-actions{flex-wrap:wrap;margin-top:15px}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}textarea,select{color:#152138;width:100%;font:inherit;background:#fafbfe;border:1px solid #cdd5e4;border-radius:8px;margin-bottom:14px;padding:12px;display:block}textarea{resize:vertical;min-height:80px}.dashboard input:not([type=checkbox]),.auth-panel input:not([type=checkbox]),.account-panel input:not([type=checkbox]){letter-spacing:normal;font:400 16px DM Sans,sans-serif}.dashboard form>button{margin-top:15px}.account-panel{margin-top:28px}.account-panel form{max-width:440px}.plan-badge{color:#2449c9;background:#edf1ff;border-radius:20px;padding:6px 10px;font-size:13px}.search-form{gap:12px;display:flex}.search-form button{width:auto;margin:0!important}.search-form input{margin:0!important}.discovered-room{border-top:1px solid #dde2ec;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:18px;display:flex}.discovered-room button{white-space:nowrap;width:auto}.discovered-room h3{margin:0}.discovered-room p{margin:6px 0}.room-list-item{border-bottom:1px solid #dde2ec;justify-content:space-between;gap:10px;padding:12px 0;text-decoration:none;display:flex}.share-controls{flex-wrap:wrap;gap:18px;display:flex}.join-qr{text-align:center}.join-qr img{border-radius:10px}.allowance{font-size:14px}.paywall-backdrop{z-index:50;background:#132039a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.paywall{max-width:740px;max-height:90vh;overflow:auto}.price{color:#152138!important;font-size:30px!important}.price small{display:inline}.notice{color:#356044;padding:10px 0;font-size:14px}.dev-panel{border:2px dashed #a07400;margin-top:20px;padding:16px}.dev-panel .actions{margin-bottom:10px}.account-panel .section-heading h2{margin:0}@media (max-width:700px){.search-form,.discovered-room{flex-direction:column;align-items:stretch}.search-form button,.discovered-room button{width:100%}.paywall .entry-grid{gap:4px}.dashboard>h1{font-size:28px}.field-grid{grid-template-columns:1fr 1fr}}.room-code-block small{letter-spacing:.1em;margin:0;font-weight:700}.room-editor{margin:0 0 24px}.footer-links{flex-wrap:wrap;display:flex;gap:14px!important}.legal{max-width:760px;padding-top:42px}.legal h1{font-size:44px}.legal h2{margin-top:30px}.legal p{color:#59667c}.legal a{text-decoration:underline}:root{--ink:#0b1220;--muted:#64748b;--line:#dbe3ef;--surface:#fff;--soft:#f7f9fc;--brand:#3157e8;--brand-dark:#2141bd;--success:#087f5b;--danger:#b4233b;--shadow:0 16px 44px #0f172a14}body{color:var(--ink);background:radial-gradient(circle at 20% -10%,#e8efff 0,#0000 32%),#f7f9fc}main{max-width:1180px}header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f9fcdb;border-bottom:1px solid #dbe3efd9;margin:0 -16px;padding:18px 16px;position:sticky;top:0}.brand{letter-spacing:-.03em;font-size:22px}.brand svg{background:var(--brand);color:#fff;border-radius:9px;width:32px;height:32px;padding:5px}.tag{color:#3e54a4;letter-spacing:.08em;background:#eef2ff;border:1px solid #dbe3ff;border-radius:999px;padding:7px 10px}.landing{max-width:980px;padding-top:72px}.landing>h1{max-width:780px;font-size:clamp(48px,7vw,78px)}.landing .auth-panel{box-shadow:var(--shadow);border-color:#e4e9f2}h1{color:#0a1020}.intro,.panel p,.legal p{color:var(--muted)}.panel{border-color:var(--line);border-radius:20px;padding:26px;box-shadow:0 1px 2px #0f172a05}.panel:hover{border-color:#cfd9e8}button,.button{background:linear-gradient(#3c64f4,#2d52dc);border-radius:12px;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 4px 12px #3157e829}button:hover,.button:hover{filter:none;transform:translateY(-1px);box-shadow:0 7px 18px #3157e838}button:active,.button:active{transform:translateY(0)}.secondary{color:#2948bd;box-shadow:none;background:#eef2ff}.text-button{box-shadow:none;background:0 0}.text-button:hover{box-shadow:none;background:#eef2ff;transform:none}input:not([type=checkbox]),textarea,select{background:#fff;border-color:#d4ddea;border-radius:11px;transition:border .15s,box-shadow .15s}input:not([type=checkbox]):focus,textarea:focus,select:focus{border-color:#7893f5;outline:none;box-shadow:0 0 0 4px #e8edff}.dashboard{padding-top:42px}.dashboard>h1{margin-bottom:6px;font-size:44px}.dashboard-grid{gap:20px}.dashboard-grid>.panel:first-child{border-top:4px solid var(--brand)}.discovery{margin-top:20px}.search-form{background:#f5f7fb;border-radius:14px;padding:8px}.search-form input{box-shadow:none!important;background:0 0!important;border:0!important}.discovered-room{margin-top:0;padding:18px 4px}.discovered-room h3{font:600 18px Space Grotesk,sans-serif}.discovered-room small{margin-top:7px}.plan-badge{letter-spacing:.04em;font-weight:700}.account-panel{background:linear-gradient(145deg,#fff,#f8faff)}.room-heading{align-items:flex-start;padding:30px 0 12px}.room-heading h2{margin:8px 0 6px;font-size:28px}.room-code-block{background:#eef2ff;border:1px solid #dbe3ff;border-radius:14px;align-items:baseline;gap:12px;margin-top:8px;padding:10px 14px;display:inline-flex}.room-code-block small{color:#5b6ca8}.room-code{letter-spacing:.14em;color:#1f43c5;margin:0;font-size:28px}.status{border:1px solid #f4d89f;font-weight:700}.status.connected{border-color:#b9ead7}.room-meta{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:20px;padding:12px 16px}.share-controls{gap:6px}.share-controls .text-button{min-height:36px;padding:7px 10px}.camera{background:#0a1020;border-radius:16px}.camera-panel{overflow:hidden}.current{border-top:0;position:relative;overflow:hidden}.current:before{content:"";background:var(--brand);width:4px;position:absolute;top:0;bottom:0;left:0}.payload{letter-spacing:-.025em;font-size:clamp(22px,3vw,30px)}.history{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:18px;padding:20px}.history-row:last-child{border-bottom:0}.sequence{color:#64748b;background:#f1f4f9;border-radius:999px;padding:5px 8px;font-size:12px}.join-qr{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:20px;padding:18px}.join-qr img{box-shadow:0 8px 24px #0f172a14}.paywall-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070e1dad}.paywall{border:0;box-shadow:0 28px 90px #00000040}.paywall .entry-grid>section{border:1px solid var(--line);border-radius:16px;padding:20px}.paywall .entry-grid>section:first-child{background:#f6f8ff;border-color:#ccd7ff}.price{font-weight:700;font-family:Space Grotesk,sans-serif!important}.error{border-radius:13px}footer{border-top:1px solid var(--line);padding-top:22px}@media (max-width:700px){header{margin:0 -8px;padding:14px 8px}.tag{display:none}.landing{padding-top:44px}.landing>h1{font-size:48px}.dashboard{padding-top:28px}.dashboard>h1{font-size:34px}.room-heading{gap:12px;padding-top:24px}.room-code-block{flex-wrap:wrap;gap:5px 10px;display:flex}.room-code{font-size:24px}.room-meta{align-items:stretch;padding:12px}.share-controls{width:100%}.share-controls .text-button{flex:1}.host-grid{gap:16px}.panel{border-radius:17px}.history,.paywall .entry-grid>section{padding:16px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#101b2f;--muted:#53627a;--line:#cbd5e5;--surface:#fff;--soft:#f7f9fc;--tint:#edf2ff;--accent-text:#284bc5;--header:#f7f9fcf5;--glow:#e8efff;--input:#fff;--focus:#3157e8;--error-bg:#fff0f2;--error-text:#962238;--success-bg:#e0f6ed;--success-text:#116543;--warning-bg:#fff1d7;--warning-text:#79500b}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#edf2fc;--muted:#b4c1d7;--line:#40516d;--surface:#172238;--soft:#0c1424;--tint:#223456;--accent-text:#a9bdff;--header:#0c1424f5;--glow:#1b2b50;--input:#111c30;--focus:#b0c2ff;--error-bg:#3d202d;--error-text:#ffb8c3;--success-bg:#14392f;--success-text:#8ee5bb;--warning-bg:#3a301c;--warning-text:#f5d28b;--shadow:0 16px 44px #00000040}body{background:radial-gradient(circle at 20% -10%,var(--glow) 0,transparent 32%),var(--soft);color:var(--ink)}h1,.price{color:var(--ink)!important}h1 span,.eyebrow{color:var(--accent-text)}header{background:var(--header);border-color:var(--line);flex-wrap:wrap;gap:16px}header .actions{flex-wrap:wrap;align-items:center}.brand{white-space:nowrap}.panel,.account-panel,.room-meta,.history,.join-qr{background:var(--surface);border-color:var(--line)}.panel:hover,.landing .auth-panel{border-color:var(--line)}.intro,.panel p,.legal p,small,.muted,.host-state,.room-meta,footer,.section-heading>span:not(.eyebrow),.history h2 span,.empty{color:var(--muted)}.secondary,.tile-icon,.tag,.plan-badge,.room-code-block,.icon-button,.sequence,.setup,.text-button:hover{background:var(--tint);color:var(--accent-text);border-color:var(--line)}.room-code,.room-code-block small,.text-button{color:var(--accent-text)}.text-button{background:0 0}.search-form,.paywall .entry-grid>section:first-child{background:var(--tint);border-color:var(--line)}input:not([type=checkbox]),textarea,select{background:var(--input);color:var(--ink);border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--focus);outline-offset:4px}input:not([type=checkbox]):focus,textarea:focus,select:focus{outline:3px solid var(--focus);outline-offset:2px;box-shadow:none}.search-form input:focus-visible{outline:3px solid var(--focus)}.history-row,.discovered-room,.room-list-item{border-color:var(--line)}.error{color:var(--error-text);background:var(--error-bg);border-color:var(--error-text)}.danger{color:var(--error-text)}:root:not([data-theme=dark]) .danger{color:#962238}.notice{color:var(--success-text)}.status{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-text)}.status.connected{background:var(--success-bg);color:var(--success-text);border-color:var(--success-text)}.appearance{align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.appearance select{letter-spacing:normal;width:auto;min-height:44px;margin:0;padding:8px}footer{flex-wrap:wrap;font-size:14px}.footer-links a{min-height:44px;padding:8px 0}.legal{max-width:820px;padding-top:0;padding-bottom:24px}.legal article{padding-top:24px}.legal h1{overflow-wrap:anywhere;font-size:clamp(32px,6vw,44px)}.legal h2{line-height:1.3}.legal p,.legal li{line-height:1.75}.legal li{margin:12px 0}.legal a{color:var(--accent-text);overflow-wrap:anywhere}.policy-status{color:var(--muted);font-size:14px;line-height:1.6}.legal [id]{scroll-margin-top:120px}.paywall{width:100%}.paywall .price{color:var(--ink)!important}.camera-placeholder,.camera-placeholder p{color:#c4d0e8}.join-qr img{background:#fff}.room-heading>div{min-width:0}.room-heading h2,.discovered-room h3,.room-list-item{overflow-wrap:anywhere}@media (max-width:700px){.appearance{font-size:14px}.appearance select{max-width:105px}.legal header{gap:10px}.field-grid{grid-template-columns:1fr}.legal ul{padding-left:22px}.legal header .brand{font-size:20px}footer{font-size:14px}.room-heading{flex-wrap:wrap}}dialog.paywall{color:var(--ink);width:calc(100% - 40px);margin:auto;padding:26px}dialog.paywall::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070e1dad}.camera-controls{border-top:1px solid var(--line);min-height:160px;margin-top:18px;padding-top:14px}.camera-controls p{overflow-wrap:anywhere;font-size:14px}.camera-controls input[type=range]{letter-spacing:normal;width:100%;min-height:48px;accent-color:var(--brand);padding:8px 0}.zoom-presets{flex-wrap:wrap;gap:8px;display:flex}.zoom-presets button{flex:1;min-width:56px;min-height:44px;padding:8px}.camera-controls summary{cursor:pointer;min-height:44px;padding:10px 0}.camera-controls select{font-size:16px}