@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#141917;--panel:#1b231e;--line:#334037;--text:#f2f2e9;--muted:#abb8ac;--accent:#edbd96;--green:#cfdfa9;--soft:#222f25;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.65 DM Sans,system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible){outline:2px solid var(--accent)}h1,h2,h3,.brand{letter-spacing:-.045em;font-family:Manrope,system-ui,sans-serif}h1{margin:22px 0 24px;font-size:clamp(52px,6vw,80px);font-weight:500;line-height:1.08}h1 em{color:var(--accent);font-style:normal}h2{margin:0;font-size:25px;font-weight:600;line-height:1.25}h3{margin:0;font-size:17px;font-weight:600}p{color:var(--muted);margin:10px 0 18px}svg{flex-shrink:0;width:22px;height:22px;display:block}[hidden]{display:none!important}.skip-link{background:var(--accent);color:var(--bg);z-index:10;border-radius:8px;padding:12px 20px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:16px}.topbar{border-bottom:1px solid #2b352e;justify-content:space-between;align-items:center;gap:24px;max-width:1256px;margin:auto;padding:27px 40px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:24px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);color:#3b3025;border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.brand-mark svg{width:25px;height:25px}.brand-period{color:var(--accent);margin-left:-9px}nav{align-items:center;gap:30px;display:flex}.header-note{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.header-note i,.live-dot,.eyebrow>span{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.app-link{min-height:44px;color:var(--text);align-items:center;gap:10px;font-size:13px;text-decoration:none;display:flex}.app-link svg{width:16px;height:16px}main{max-width:1176px;min-height:65vh;margin:auto;padding:0 24px}.eyebrow,.section-kicker{letter-spacing:.13em;color:var(--accent);font-size:10px;font-weight:700}.eyebrow{align-items:center;gap:9px;display:flex}.eyebrow>span{background:var(--accent);width:5px;height:5px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:68px 0 52px;display:grid}.hero-content{padding:12px 0}.hero-copy{max-width:395px;margin-bottom:30px;font-size:17px;line-height:1.8}.button{border:1px solid var(--line);min-height:48px;color:var(--text);background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:14px;padding:12px 19px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button svg{width:19px;height:19px}.primary{background:var(--accent);border-color:var(--accent);color:#30281e}.primary:hover{background:#f5ceac;border-color:#f5ceac}.secondary{background:#222d25;border-color:#45513f}.secondary:hover{background:#2b3a2d;border-color:#6f7c5d}.quiet{color:var(--muted);border-color:#0000;padding:10px 12px;font-size:13px}.quiet:hover{color:var(--text);background:#29342b}.hero-cta{justify-content:space-between;min-width:192px;min-height:54px;padding:14px 22px}.hero-note{color:var(--muted);margin:13px 0 30px;font-size:12px}.hero-perks{border-top:1px solid var(--line);gap:22px;max-width:405px;padding-top:22px;display:flex}.hero-perks>span{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.hero-perks b{color:#d4ddc4;font-size:10px;font-weight:500}.hero-art{background:radial-gradient(at 50% 45%,#24312880,#0000 70%),#1a221d;border:1px solid #344034;border-radius:26px;flex-direction:column;justify-content:center;align-self:stretch;min-width:0;display:flex;position:relative;overflow:hidden}.hero-art>img{width:100%;height:auto;margin:-11px 0 -19px;display:block}.art-caption{letter-spacing:.13em;color:#b6c2aa;align-items:center;gap:8px;margin:25px 27px 0;font-size:9px;display:flex}.live-dot{width:5px;height:5px}.art-foot{color:var(--muted);border-top:1px solid #344034;align-items:center;gap:12px;margin:0 27px 23px;padding-top:17px;font-size:11px;line-height:1.6;display:flex}.art-foot strong{color:#e5e9d8;font-weight:500}.mini-wave{width:36px;height:36px;color:var(--green);background:#33402e;border-radius:9px;place-items:center;display:grid}.art-number{color:#d5dec6;margin-left:auto;font-size:24px}.join-card{border:1px solid var(--line);background:#1a221d;border-radius:16px}.join-card summary{cursor:pointer;align-items:center;gap:18px;min-height:84px;padding:20px 25px;font-size:14px;font-weight:500;list-style:none;display:flex}.join-card summary::-webkit-details-marker{display:none}.join-card summary small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400;display:block}.join-symbol{color:var(--green);width:25px;font-size:26px}.disclosure-plus{color:var(--muted);margin-left:auto;font-size:24px;font-weight:400}.join-card[open] .disclosure-plus{transform:rotate(45deg)}.join-content{border-top:1px solid var(--line);padding:24px 26px}.join-content form{grid-template-columns:minmax(120px,.7fr) minmax(130px,1fr) auto;align-items:end;gap:18px;display:grid}.join-content label{margin-bottom:7px;font-size:13px;display:block}.join-content input{width:100%;min-width:0}.join-content .button{min-height:50px}.join-content p{margin-bottom:0}.join-card:has(article[hidden]){display:none}label{color:var(--muted);font-size:13px}input,select{color:var(--text);background:#141d17;border:1px solid #4a5947;border-radius:9px;min-height:48px;padding:12px 14px}#join-code{letter-spacing:.15em;font-size:19px}input[type=range]{accent-color:var(--green);background:0 0;border:0;width:100%;height:44px;min-height:44px;padding:0}.small-note,small{color:var(--muted);font-size:12px;line-height:1.7}.small-note strong{color:#d5ddcb;font-weight:600}.how{padding:56px 0 62px}.how-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.how-heading .eyebrow{color:#96a48e;order:2;font-size:9px}.how h2{font-size:26px;font-weight:500}.how-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px;display:grid}.how-grid article{border-top:1px solid var(--line);align-items:flex-start;gap:16px;padding:19px 0;display:flex}.how-grid article>span{color:#b9cda2;padding-top:3px;font-size:12px}.how-grid p{margin:5px 0 0;font-size:13px}.how-grid h3{letter-spacing:-.025em;font-size:15px}#room{padding:39px 0 55px}.room-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;display:flex}.room-heading .eyebrow{margin:0 0 8px}.room-heading h1{margin:0;font-size:32px;font-weight:500;line-height:1.3}.room-heading .quiet{border-color:var(--line)}.room-grid{grid-template-columns:minmax(0,1fr) 318px;grid-template-areas:"music invite""speakers invite""sound care";align-items:start;gap:20px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:26px}.music-panel{grid-area:music}.invitation{grid-area:invite}.speakers-panel{grid-area:speakers}.sound-panel{grid-area:sound}.connection-card{grid-area:care}.panel-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.section-kicker{color:#acba9d;margin-bottom:8px;font-size:9px;display:block}.panel h2{font-size:21px}.panel>p{font-size:14px}.pill{letter-spacing:.08em;color:var(--green);background:#2b3b2c;border:1px solid #46573d;border-radius:20px;flex-shrink:0;padding:4px 9px;font-size:10px}.source-buttons{flex-wrap:wrap;gap:10px;margin:23px 0;display:flex}.file-button{cursor:pointer;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-button:focus-within{outline:2px solid var(--accent);outline-offset:4px}.file-button:has(input:disabled){opacity:.45;cursor:default}.file-button:has(input:disabled) input{cursor:default}.now-playing{border-top:1px solid var(--line);align-items:center;gap:13px;margin-top:23px;padding-top:21px;display:flex}.music-icon{width:42px;height:42px;color:var(--green);background:#2e3b2d;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.music-icon svg{width:25px;height:25px}.now-playing>div{flex:1;min-width:0}.now-playing strong{white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:14px;display:block;overflow:hidden}.now-playing span:not(.music-icon){color:var(--muted);font-size:12px;display:block}.now-playing .quiet{min-width:88px;padding:8px;font-size:12px}.picker-note{margin:17px 0 0!important;font-size:12px!important}#buffer-wait{color:var(--green);margin-top:20px;font-size:13px}progress{accent-color:var(--green);border:0;border-radius:6px;width:100%;height:6px;margin-top:11px;display:block;overflow:hidden}.speaker{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) 120px 44px;align-items:center;gap:10px;padding:14px 0;display:grid}.speaker:last-child{border:0}.speaker-icon{width:35px;height:40px;color:var(--green);background:#293629;border-radius:10px;place-items:center;font-size:24px;display:grid}.speaker strong{overflow-wrap:anywhere;font-size:14px;font-weight:500;display:block}.speaker small{margin-top:2px;font-size:12px;display:block}.speaker input{width:100%}.remove{color:var(--muted);background:0 0;border:0;border-radius:9px;min-width:44px;min-height:44px;font-size:22px}.remove:hover{color:#f3bf9b;background:#3a302b}.muted{color:var(--muted);white-space:nowrap;font-size:12px}.sound-choices{grid-template-columns:1fr 1fr;gap:11px;margin-top:18px;display:grid}.sound-choice{text-align:left;color:var(--text);background:#18211b;border:1px solid #3c493b;border-radius:13px;align-items:center;gap:11px;min-height:99px;padding:16px 13px;display:flex}.sound-choice>span{color:#9fac90;flex-shrink:0;font-size:25px}.sound-choice strong{font-size:14px;font-weight:500;display:block}.sound-choice small{margin-top:3px;font-size:11px;display:block}.sound-choice i{border:1px solid #6b785e;border-radius:50%;flex-shrink:0;width:13px;height:13px;margin-left:auto}.sound-choice.selected{background:#2a3827;border-color:#92a676}.sound-choice.selected>span{color:var(--green)}.sound-choice.selected i{background:var(--green);border:3px solid #2a3827;outline:1px solid #a7bc8a}#placement{border-top:1px solid var(--line);margin-top:22px;padding-top:12px}#placement>p{font-size:14px}.position{justify-content:space-between;align-items:center;gap:16px;margin:10px 0;display:flex}.position label{flex:1}.position select{max-width:150px;min-height:44px;padding:8px 12px;font-size:13px}.strength-label{justify-content:space-between;margin-top:20px;display:flex}.invitation{text-align:center;background:linear-gradient(145deg,#263027,#1c251f);padding:27px 25px 25px}.invitation h2{font-size:26px;font-weight:500}.invite-heading p{margin:12px 0 22px;font-size:13px}.qr-box{aspect-ratio:1;background:#fff;border-radius:15px;place-items:center;max-width:224px;margin:auto;padding:12px;display:grid}.qr-box img{width:100%;height:auto;display:block}.code-caption{letter-spacing:.1em;color:#bdc9af;margin-top:23px;font-size:9px;display:block}.room-code{letter-spacing:.16em;color:var(--green);margin:4px 0 18px;padding-left:.16em;font-family:Manrope,monospace;font-size:35px;font-weight:500;line-height:1.5;display:block}.full{width:100%}.connection-card{background:#1a241d;flex-wrap:wrap;gap:12px;padding:24px;display:flex}.care-mark{color:var(--green);background:#30402c;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:13px;display:grid}.connection-card>div{flex:1;min-width:0}.connection-card h2{letter-spacing:-.025em;padding-top:1px;font-size:15px}.connection-card p{margin:10px 0 0;font-size:13px}.connection-card .small-note{font-size:12px}.connection-card .quiet{border-top:1px solid var(--line);color:#d4dfc7;border-radius:0;width:100%;margin-top:5px;padding-top:16px}.receiver-panel{text-align:center;max-width:650px;margin:10px auto}.receiver-panel>img{width:270px;max-width:100%;height:auto;margin:0 auto 10px;display:block}.receiver-panel .eyebrow{display:block}.receiver-panel h2{margin-top:18px;font-size:30px}.receiver-panel>p{max-width:390px;margin:16px auto}#message{color:#f5dbbe;background:#3c3024;border:1px solid #97704c;border-radius:12px;margin:25px 0 0;padding:15px 20px;font-size:14px}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:1176px;margin:auto;padding:26px 24px 32px;display:flex}footer .brand{font-size:17px}footer .brand-mark{border-radius:8px;width:27px;height:27px}footer .brand-mark svg{width:20px;height:20px}footer>span{color:var(--muted);font-size:12px}.footer-note{color:#86967f!important}.document{max-width:760px;min-height:80vh;padding:45px 24px 80px}.document h1{font-size:44px;line-height:1.2}.document h2{margin-top:35px;font-size:24px}.document p,.document li{color:var(--muted);font-size:16px}.document a:not(.brand){color:var(--accent);text-underline-offset:4px}.document li{margin-bottom:12px}@media (min-width:1350px){.hero{gap:75px}}@media (max-width:1000px){.topbar{padding:24px}.hero{gap:30px;padding:48px 0 40px}.hero h1{font-size:60px}.hero-perks{gap:14px}.hero-perks>span{font-size:11px}.hero-copy{font-size:16px}.hero-art{align-self:center}.art-caption{margin:22px 20px 8px;font-size:8px}.art-foot{margin:0 20px 20px}.room-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.panel{padding:22px}.sound-choices{grid-template-columns:1fr}.sound-choice{min-height:75px}.source-buttons .button{width:100%}.speaker{grid-template-columns:32px minmax(0,1fr) 94px 44px;gap:8px}.now-playing{flex-wrap:wrap}.now-playing strong{max-width:230px}.now-playing .quiet{margin-left:auto}.how-grid{gap:18px}.how-heading .eyebrow{display:none}.header-note{font-size:11px}}@media (max-width:720px){.topbar{padding:19px 22px}.brand{font-size:22px}.header-note{display:none}nav{gap:0}.app-link{font-size:12px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:22px;padding:33px 0 28px}.hero-content{padding:0}.hero h1{margin-top:20px;margin-bottom:20px;font-size:clamp(48px,12vw,68px)}.hero-copy{max-width:410px;margin-bottom:22px;font-size:16px}.hero-cta{justify-content:center;gap:30px;width:100%}.hero-note{text-align:center;margin:11px 0 21px}.hero-perks{justify-content:space-between;max-width:none;padding-top:18px}.hero-perks>span{font-size:11px}.hero-art{border-radius:20px;justify-self:center;width:100%;max-width:520px;min-height:0}.hero-art>img{width:92%;max-height:270px;margin:-25px auto -40px}.art-caption{margin-top:20px;font-size:8px}.art-foot{margin-top:0;padding-top:13px}.join-card summary{gap:12px;min-height:80px;padding:17px;font-size:13px}.join-card summary small{font-size:11px}.join-content{padding:20px}.join-content form{grid-template-columns:1fr;gap:15px}.join-content .button{width:100%}.how{padding:37px 0 32px}.how h2{font-size:24px}.how-grid{grid-template-columns:1fr;gap:0;margin-top:20px}.how-grid article{gap:18px;padding:17px 0}.how-grid p{margin-top:3px;font-size:13px}footer{flex-wrap:wrap;gap:16px;padding:23px 20px}footer>span{font-size:11px}.footer-note{display:none}#room{padding:27px 0 35px}.room-heading{align-items:flex-start;gap:10px;margin-bottom:24px}.room-heading h1{font-size:25px}.room-heading .eyebrow{font-size:9px}.room-heading .quiet{min-width:94px;min-height:44px;padding:10px;font-size:12px}.room-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"invite""music""speakers""sound""care";gap:16px}.panel{border-radius:17px;padding:22px}.panel h2{font-size:21px}.invitation{text-align:left;grid-template-columns:160px minmax(0,1fr);align-items:center;column-gap:14px;padding:21px;display:grid}.invite-heading{grid-column:1/-1;margin-bottom:17px}.invitation h2{font-size:24px}.invite-heading p{margin:7px 0 0;font-size:12px}.invite-heading br{display:none}.qr-box{border-radius:10px;width:160px;max-width:100%;padding:8px}.invite-code{min-width:0}.code-caption{letter-spacing:.05em;margin:0;font-size:8px}.room-code{letter-spacing:.12em;margin:2px 0 9px;padding-left:0;font-size:25px}.invite-code .button{gap:8px;min-height:44px;padding:9px 8px;font-size:11px}.invite-code .button svg{width:15px;height:15px}.panel-heading{gap:10px}.panel-heading h2{font-size:20px}.pill{padding:4px 7px;font-size:8px}.speaker{grid-template-columns:32px minmax(0,1fr) 75px 40px;gap:7px}.speaker-icon{border-radius:8px;width:30px;height:35px;font-size:22px}.speaker strong{font-size:13px}.speaker small{font-size:11px}.remove{min-width:40px;min-height:44px}.speaker input{width:75px}.sound-choices{grid-template-columns:1fr;gap:10px}.sound-choice{min-height:75px;padding:14px}.sound-choice small{font-size:12px}.now-playing strong{max-width:220px}.now-playing .quiet{border:1px solid var(--line);width:100%;margin-top:3px}.now-playing .music-icon{width:38px;height:38px}.picker-note{font-size:11px!important}.connection-card .care-mark{width:25px}.connection-card h2{font-size:16px}.receiver-panel>img{width:240px}.receiver-panel h2{font-size:25px}.document h1{font-size:36px}.document{padding-top:30px}.document .brand{margin-bottom:20px}}@media (max-width:380px){.topbar{gap:12px;padding:18px 20px}.topbar .brand{font-size:20px}.topbar .brand-mark{width:32px;height:32px}.topbar .app-link{white-space:nowrap;gap:6px;font-size:11px}.room-heading .quiet{white-space:nowrap;gap:7px;min-width:98px}.invitation{text-align:center;grid-template-columns:1fr}.qr-box{width:180px}.invite-code{margin-top:18px}.room-code{font-size:30px}.invite-code .button{max-width:220px}.speaker{grid-template-columns:32px minmax(0,1fr) 44px}.speaker .remove{grid-area:1/3}.speaker input{grid-area:2/2/auto/-1;width:100%}.speaker small{font-size:12px}.source-buttons .button{font-size:13px}.hero-perks{gap:8px}.hero-perks>span{font-size:10px}.join-card summary small{font-size:12px}}.phone-invite{color:var(--green);overflow-wrap:anywhere;text-underline-offset:3px;font-size:11px;line-height:1.6;display:block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.button.danger{color:#ebaea1;white-space:nowrap;background:#3a2723;border-color:#70453d;gap:9px}.button.danger:hover:not(:disabled){color:#f4c0b5;background:#4b302a;border-color:#a26b5d}.button.danger:active:not(:disabled){background:#56362e}.button.danger svg{width:18px;height:18px}