:root{color-scheme:dark;--bg:#080c18;--panel:#111827;--line:#263043;--text:#f3f4f9;--muted:#9da8ba;--purple:#c026d3;--purple-light:#e879f9;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a,button{transition:background .18s,color .18s,border-color .18s}a{text-decoration:none}a,button{color:inherit}input,select{width:100%;background:#0b1220;border:1px solid #303b4e;border-radius:12px;color:var(--text);padding:14px 15px;outline:none}input:focus,select:focus{border-color:var(--purple-light);box-shadow:0 0 0 3px #c026d31c}:focus-visible{outline:2px solid var(--purple-light);outline-offset:4px}input::placeholder{color:#6e7a90}label{display:block;font-size:13px;font-weight:600}label>input,label>select{margin-top:9px}select{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h2{font-size:25px}p{line-height:1.7}small{line-height:1.6}button svg{flex-shrink:0}.muted{color:var(--muted)}.landing{min-height:100dvh;background:radial-gradient(ellipse at 7% 38%,#6c147918,transparent 47%),var(--bg)}.site-header{max-width:1380px;margin:auto;height:108px;padding:0 64px;justify-content:space-between}.brand,.site-header{display:flex;align-items:center}.brand{gap:11px;font-size:23px;font-weight:750;letter-spacing:-1px;width:fit-content}.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,#d946ef,#a21caf);border-radius:12px;width:43px;height:43px;box-shadow:0 5px 20px #c026d32a}.brand-light{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:4px;color:#abb4c5;margin-top:3px}.admin-link{display:flex;align-items:center;gap:10px;font-size:12px;color:#c2c9d5;border:1px solid #293245;border-radius:9px;padding:11px 15px}.admin-link:hover{background:#1a2234}.welcome{max-width:1190px;margin:55px auto 85px;display:grid;grid-template-columns:1.2fr 1fr;gap:88px;padding:0 28px}.eyebrow,.welcome{align-items:center}.eyebrow{color:#d3a5de;font-size:10px;letter-spacing:2px;font-weight:700;display:flex;gap:9px}.dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#c95edb;box-shadow:0 0 10px #c95edb35}.welcome h1{font-size:clamp(48px,5vw,72px);line-height:1.08;letter-spacing:-3.8px;margin:26px 0}.welcome h1>span{color:#e879f9}.welcome-copy>p{font-size:16px;color:#aeb8ca;line-height:1.8}.benefits{display:flex;gap:25px;margin-top:28px;font-size:11px;color:#b8c0d0}.benefits>span{display:flex;gap:8px;align-items:center}.benefits svg{color:#d186df}.join-card{background:linear-gradient(150deg,#172033,#111827 70%);padding:35px;border-radius:24px;border:1px solid #2c3546;box-shadow:0 25px 80px #0003}.card-icon{background:#c026d318;border:1px solid #c026d32b;width:53px;height:53px;border-radius:15px;display:grid;place-items:center;color:#e879f9;margin-bottom:23px}.join-card h2{font-size:25px;margin-bottom:10px}.join-card>p{font-size:13px;color:var(--muted);margin-bottom:29px}.join-card form{display:grid;gap:20px}.code-input{font-size:22px;letter-spacing:5px}.field-help{display:block;font-size:11px;color:var(--muted);line-height:1.7;font-weight:400}.join-card .field-help{margin-top:-12px}.danger,.leave-button,.primary,.secondary{border:0;border-radius:12px;padding:15px 20px;display:inline-flex;gap:12px;align-items:center;justify-content:center;font-size:13px;font-weight:700}.primary{background:#bb24cc;box-shadow:0 7px 20px #9d0faa20}.primary:hover{background:#cf36df}.secondary{background:#212b3f;border:1px solid #354159}.secondary:hover{background:#2c3850}.wide{width:100%}.private-note{border-top:1px solid #293245;padding-top:23px;margin-top:26px;display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);line-height:1.6}.private-note svg{color:#a996bd}.language-art{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:43px;max-width:340px;color:#c98ad5}.language-art>span{border:1px solid #3e2d4d;background:#24152966;border-radius:12px;padding:12px 18px;font-size:15px;color:#eadfed;transform:rotate(-3deg)}.language-art>span:nth-of-type(2){transform:rotate(3deg);background:#18213888;border-color:#2f405d}.art-dot{font-size:20px;color:#d866e8;margin-left:20px}.language-art small{width:100%;font-size:10px;color:#7c879b;margin-top:-5px;letter-spacing:.5px}.site-footer{max-width:1250px;margin:0 auto;padding:24px 28px;border-top:1px solid #1d2536;display:flex;justify-content:space-between;color:#758298;font-size:10px}.site-footer>span:last-child{display:flex;align-items:center;gap:6px}.text-button{background:none;border:0;padding:8px 0;display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#b9a9c5}.text-button:hover{color:#f0c6f8}.error{padding:13px 16px;border:1px solid #a0405566;background:#771c3029;border-radius:10px;color:#fda4af;font-size:12px;line-height:1.6}.notice{font-size:12px;color:#f6d089;padding:12px 15px;border:1px solid #675029;border-radius:10px;background:#33250c44;margin:12px 0}.preview-layout{max-width:1230px;margin:45px auto;padding:0 32px;display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:center}.preview-video{position:relative;margin-top:12px;aspect-ratio:16/10;border-radius:22px;background:#192235;border:1px solid #2d374b;overflow:hidden;display:grid;place-items:center}.preview-video video,.video-tile video{height:100%;width:100%;object-fit:cover}.preview-video video,.video-tile.local video{transform:scaleX(-1)}video[hidden]{display:none}.avatar{display:grid;place-items:center;border-radius:50%;width:100px;height:100px;background:#84349b;color:#f8ddff;font-size:42px}.tile-name{left:16px;background:#080c18a8;border-radius:7px;padding:7px 10px;font-size:11px}.tile-mic,.tile-name{position:absolute;bottom:16px}.tile-mic{right:16px;border-radius:50%;display:grid;place-items:center;width:30px;height:30px;background:#080c1899}.preview-controls{position:absolute;bottom:18px;display:flex;gap:12px;left:50%;transform:translateX(-50%)}.round{border:1px solid #364056;background:#252f43;width:49px;height:49px;border-radius:50%;display:inline-grid;place-items:center}.round:hover{background:#3a465f}.round.off{background:#572d3c;border-color:#784456;color:#ffb5c4}.mic-test{display:flex;align-items:center;gap:8px;font-size:11px;color:#97a4b9;margin:17px 0}.meter{width:110px;height:5px;background:#2b3549;border-radius:5px;overflow:hidden}.meter i{display:block;background:#c65ddd;height:100%;transition:width .1s}.device-settings{margin-top:23px;border-top:1px solid #263044;padding-top:18px;color:#b3bed1}.device-settings summary{cursor:pointer;font-size:12px;display:flex;align-items:center;gap:9px}.device-grid{display:grid;gap:14px;margin-top:20px;grid-template-columns:1fr 1fr}.device-grid label{min-width:0;font-size:11px}.device-grid select{font-size:12px}.preview-info h1{font-size:35px;line-height:1.2;margin:20px 0}.preview-info>p{color:var(--muted);font-size:14px;margin-bottom:25px}.language-select{background:#c026d310;border:1px solid #9747a7;border-radius:13px;padding:14px;display:flex;align-items:center;gap:13px;color:#e879f9}.language-select>span{width:100%;min-width:0}.language-select small{color:#beabc8;font-size:10px;font-weight:400}.language-select select{display:block;padding:3px 20px 0 0;border:0;background:transparent;font-weight:600;font-size:17px;color:#fbecff;margin:0;box-shadow:none}.language-select option{background:#172033;color:white}.preview-info .field-help{font-size:12px;margin-top:17px}.preview-info .primary{margin-bottom:16px}.preview-info>small{font-size:11px}.call{height:100dvh;display:flex;flex-direction:column;background:#080c16;overflow:hidden}.call-header{height:87px;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0}.call-header .brand{font-size:19px}.call-header .brand-mark{width:36px;height:36px;border-radius:10px}.call-title{display:flex;flex-direction:column;flex:1 1;gap:6px;margin-left:22px;font-size:14px}.call-title small{font-size:10px}.connection-badge{display:flex;align-items:center;gap:8px;color:#c4abc9;background:#bc29cb0b;border:1px solid #49334e;border-radius:20px;padding:8px 12px;font-size:10px}.call-body{display:flex;flex:1 1;min-height:0;padding:4px 22px 10px;gap:20px}.stage{flex:1 1;gap:10px;min-width:0}.stage,.video-tile{position:relative;display:grid}.video-tile{background:#182133;border:1px solid #2e394d;border-radius:19px;place-items:center;overflow:hidden;height:100%;width:100%;min-height:0}.self-tile{position:absolute;bottom:20px;right:20px;width:22%;min-width:145px;aspect-ratio:16/10;box-shadow:0 10px 35px #0005}.self-tile .avatar{width:50px;height:50px;font-size:24px}.self-tile .tile-name{font-size:10px;bottom:8px;left:8px;padding:4px 6px}.self-tile .tile-mic{bottom:7px;right:7px;width:24px;height:24px}.waiting{background:radial-gradient(ellipse at center,#26223c,#121b2a 70%);border:1px solid #283245;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px 30px 90px}.waiting-icon{background:#bd36d215;border:1px solid #79408c66;width:83px;height:83px;border-radius:24px;display:grid;place-items:center;color:#d37de3;margin-bottom:26px}.waiting h2{font-size:23px;margin-bottom:10px}.waiting p{font-size:13px;color:var(--muted);margin-bottom:4px}.waiting>span{font-size:11px}.listen-panel{width:275px;flex-shrink:0;background:#111827;border:1px solid #263044;border-radius:19px;padding:22px 18px;overflow-y:auto}.listen-panel h2{font-size:22px;margin:16px 0 23px}.listen-panel .eyebrow{font-size:9px}.listen-panel .language-select{padding:12px}.translation-status{display:flex;align-items:center;gap:9px;font-size:11px;color:#c8b6d3;line-height:1.6;margin:22px 0 15px}.listen-panel .checkbox{margin:19px 0;font-size:11px}.listen-panel .secondary{margin:24px 0 8px;font-size:11px}.roster{padding:0;list-style:none;color:#a9b4c7;font-size:12px}.roster li{padding:9px 0;border-bottom:1px solid #293347}.call-controls{min-height:88px;padding:15px 28px;display:flex;justify-content:space-between;align-items:center;gap:15px}.call-controls>span{font-size:10px;width:200px}.call-controls>span:last-child{text-align:right}.call-controls>div{display:flex;gap:12px}.leave-button{background:#b83651;padding:13px 23px;font-size:12px}.leave-button:hover{background:#d23e5e}.call-error{margin:0 22px}.checkbox{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer}.checkbox input{width:15px;height:15px;margin:0;accent-color:#c026d3;flex-shrink:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.admin-login{max-width:420px;margin:70px auto}.admin-login h1{font-size:27px}.admin-layout{max-width:1190px;margin:40px auto;padding:0 28px 60px}.admin-layout>h1{font-size:38px;margin:18px 0}.admin-layout>p{font-size:13px}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:35px;align-items:start}.panel{background:#111827;border:1px solid #2a3448;border-radius:20px;padding:28px;display:grid;gap:23px}.panel h2{display:flex;align-items:center;gap:10px;font-size:20px;margin:0}.panel fieldset{border:0;padding:0;margin:0}.panel legend{font-size:13px;margin-bottom:13px}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.language-options .checkbox{font-size:12px}.panel .field-help{margin-top:7px}.meeting-list>h2{font-size:21px;margin:5px 0 20px}.meeting-row{border:1px solid #2b3447;background:#111827;border-radius:15px;padding:20px;margin-bottom:15px}.meeting-row-heading{display:flex;justify-content:space-between;gap:14px;align-items:center}.meeting-row h3{font-size:16px;margin:0}.meeting-row-heading>span{font-size:10px}.active-tag{color:#78deb0;background:#1d6a442d;border-radius:15px;padding:5px 9px}.meeting-row p{font-size:12px;color:#c6b4d0;margin:12px 0 8px}.meeting-row small{display:block;font-size:11px}.meeting-row .text-button{margin-top:10px}.created-banner{background:#291631;border:1px solid #7d3d8a;border-radius:16px;padding:25px;margin-top:28px;display:flex;gap:20px;align-items:center;justify-content:space-between}.created-banner>div{display:flex;flex-direction:column;gap:9px}.created-banner small{font-size:12px;color:#d5b1de}.created-banner strong{font-size:35px;letter-spacing:6px}.created-banner span{font-size:11px;color:var(--muted)}.created-banner button{flex-shrink:0}.danger{background:#9b2842;font-size:11px}.close-confirm{margin-top:15px;border-top:1px solid #483043;padding-top:6px}.close-confirm .text-button{margin-left:15px}@media (min-width:1500px){.welcome{margin-top:100px}.preview-layout{margin-top:80px}}@media (max-width:1000px){.site-header{padding:0 30px}.welcome{gap:35px;margin-top:40px}.welcome h1{font-size:55px}.welcome-copy>p{font-size:14px}.join-card{padding:27px}.benefits{gap:13px;font-size:10px}.preview-layout{gap:30px}.listen-panel{width:240px;padding:18px 14px}.call-header .connection-badge{display:none}.call-title{margin-left:0}.created-banner{align-items:flex-start;flex-direction:column}}@media (max-width:740px){.desktop{display:none!important}.site-header{height:85px;padding:0 22px}.brand{font-size:20px}.brand-mark{width:37px;height:37px}.admin-link{font-size:10px;padding:9px}.welcome{display:flex;flex-direction:column;align-items:stretch;margin:30px auto 40px;padding:0 24px;gap:32px;max-width:480px}.welcome h1{font-size:47px;letter-spacing:-2.5px;margin:20px 0}.welcome h1 br:nth-child(2){display:none}.welcome-copy>p{font-size:13px}.eyebrow{font-size:8px}.language-art{display:none}.benefits{margin-top:19px}.join-card{padding:25px}.site-footer{margin:0 24px;padding:20px 0;gap:20px;font-size:9px}.site-footer>span:last-child{max-width:170px}.preview-layout{display:flex;flex-direction:column;margin:15px auto 35px;gap:30px;padding:0 24px;max-width:550px}.preview-layout>section{width:100%}.preview-info h1{font-size:28px}.preview-info>p{font-size:13px}.preview-video{aspect-ratio:16/11}.preview-controls .round{width:40px;height:40px}.tile-name{font-size:10px;left:10px;bottom:10px}.preview-controls{bottom:12px}.call-header{height:75px;padding:14px 15px;gap:16px}.call-header .brand{font-size:16px}.call-header .brand-mark{width:30px;height:30px}.call-header .brand small{font-size:7px}.call-title{font-size:12px;min-width:0}.call-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-title small{font-size:9px}.call-body{flex-direction:column;padding:0 10px;gap:10px;overflow-y:auto}.stage{min-height:260px;flex:1 1}.self-tile{min-width:95px;bottom:12px;right:12px}.self-tile .tile-mic{display:none}.waiting{padding:24px 18px 65px}.waiting-icon{width:52px;height:52px;border-radius:16px;margin-bottom:16px}.waiting h2{font-size:18px}.waiting p{font-size:11px}.waiting>span{display:none}.listen-panel{width:100%;padding:12px 14px;flex-shrink:0;overflow:visible;border-radius:13px}.listen-panel>.eyebrow,.listen-panel>.field-help,.listen-panel>h2{display:none}.listen-panel .language-select{padding:8px 11px}.listen-panel .language-select select{font-size:15px}.listen-panel .translation-status{margin:10px 0;font-size:10px}.listen-panel>.secondary{margin:6px 12px 0 0;width:auto;font-size:10px;padding:8px 12px}.listen-panel>.checkbox{margin:7px 0;font-size:10px}.listen-panel>.text-button{font-size:10px;margin-right:14px}.call-controls{min-height:75px;justify-content:center;padding:12px}.call-controls .round{height:44px;width:44px}.call-error{margin:8px 10px 0;padding:8px 12px;font-size:10px}.admin-login{margin:40px 22px}.admin-layout{margin-top:25px;padding:0 22px 40px}.admin-layout>h1{font-size:29px}.admin-columns{grid-template-columns:1fr;gap:28px}.panel{padding:22px}.created-banner{padding:20px}.created-banner strong{font-size:30px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}