@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{color-scheme:dark;font-family:DM Sans,sans-serif;background:#0b100d;color:#f4f6ef}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 8%,#284b3a 0,transparent 32rem),radial-gradient(circle at 90% 90%,#3b3020 0,transparent 27rem),#0b100d}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.shell{width:min(920px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:clamp(48px,10vh,100px)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#d8f06a;color:#162015;font:700 22px Manrope;transform:rotate(-5deg)}.brand div{display:grid}.brand strong{font:700 16px Manrope}.brand div span{color:#9da89f;font-size:12px}.badge{margin-left:auto;padding:7px 12px;border:1px solid #354139;border-radius:999px;color:#9da89f;font-size:12px}.badge.is-live{color:#d8f06a;border-color:#66802b;background:#273316}.join-card,.room-card{max-width:680px;margin:auto;padding:clamp(28px,6vw,58px);border:1px solid rgba(255,255,255,.09);border-radius:30px;background:#111813db;box-shadow:0 30px 100px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{margin:0 0 14px;color:#d8f06a;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;max-width:560px;font:700 clamp(36px,7vw,66px)/1.02 Manrope,sans-serif;letter-spacing:-.045em}.intro{margin:24px 0 38px;max-width:550px;color:#aeb7b0;font-size:16px;line-height:1.65}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:8px;color:#cbd1cc;font-size:13px;font-weight:600}input{width:100%;border:1px solid #364139;border-radius:13px;outline:none;padding:14px 15px;background:#101612;color:#fff;transition:border .2s,box-shadow .2s}input:focus{border-color:#d8f06a;box-shadow:0 0 0 3px #d8f06a1f}.primary{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:8px;border:0;border-radius:14px;padding:16px 18px;background:#d8f06a;color:#142014;font-weight:700}.primary span{font-size:22px}.error{grid-column:1/-1;min-height:20px;margin:0;color:#ff9e94;font-size:13px}.room-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:38px}.room-heading h1{font-size:clamp(32px,6vw,52px)}.quiet{border:1px solid #39443c;border-radius:12px;padding:10px 14px;background:transparent;color:#aeb7b0}.participants{display:grid;gap:10px}.person{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid #2d3730;border-radius:16px;background:#101612;transition:border .2s,transform .2s}.person.is-speaking{border-color:#d8f06a;transform:translate(4px)}.avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:#284534;color:#d8f06a;font-weight:700}.person-copy{display:grid;gap:2px}.person-copy span{color:#8e9a91;font-size:12px}.status{margin-left:auto;color:#d8f06a}.status.muted{color:#778179;font-size:20px}.controls{display:grid;place-items:center;margin-top:38px;padding-top:28px;border-top:1px solid #2d3730}.mic{display:flex;align-items:center;gap:10px;border:1px solid #49554c;border-radius:999px;padding:14px 20px;background:#171f19;color:#f2f4ef;font-weight:700}.mic-icon{color:#778179}.mic.is-on{border-color:#d8f06a;background:#283318}.mic.is-on .mic-icon{color:#d8f06a;box-shadow:0 0 18px #d8f06a}.audio-tools{display:grid;gap:14px;width:min(100%,380px);margin-top:23px}.meter-row,.volume-control{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:10px;color:#aeb7b0;font-size:12px}.meter{overflow:hidden;height:9px;border-radius:999px;background:#263029}.meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#84c752,#d8f06a,#ffc469);transition:width .08s linear}.meter-row strong,.volume-control output{min-width:58px;color:#d8f06a;font-size:11px;text-align:right}.volume-control input{width:100%;accent-color:#d8f06a;padding:0}.controls p{margin:14px 0 0;color:#778179;font-size:12px}[hidden]{display:none!important}@media(max-width:600px){.shell{width:min(100% - 20px,920px);padding-top:18px}.brand{margin-bottom:28px}.join-card,.room-card{padding:28px 20px;border-radius:23px}form{grid-template-columns:1fr}.primary,.error{grid-column:auto}h1{font-size:42px}}