*{box-sizing:border-box}body{margin:0;background:#f3f4ef;color:#173b36;font:15px 'Segoe UI',sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #db5792;outline-offset:4px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}.lobby-shell{max-width:1240px;margin:auto;padding:30px 40px}.lobby-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #cbd7cd;gap:20px}.wordmark{text-decoration:none;color:#163d35;font-size:27px;font-weight:800;letter-spacing:-1.3px}.lobby-header>span{font-size:12px;color:#64786d}.lobby-intro{position:relative;margin:42px 0 28px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#58796b;margin:0 0 12px}h1{font-size:40px;line-height:1.13;letter-spacing:-1.6px;margin:0 0 12px}.lobby-intro>p:not(.eyebrow){color:#63786b;margin:0}.connection{position:absolute;right:0;bottom:0;font-size:12px;border:1px solid #cbd7cd;border-radius:25px;padding:9px 13px}.connection:before{content:'●';color:#a5afa5;margin-right:7px}.connection[data-connected=true]:before{color:#13a87c}.room-bar{display:flex;align-items:end;gap:20px;padding:20px 22px;background:#e5ebe2;border-radius:12px;margin-bottom:24px}.room-bar label,.invite-output label{display:block;font-size:11px;font-weight:650;margin-bottom:7px}.room-bar form{flex:1}.room-bar form>div{display:flex;gap:8px}input{width:100%;border:1px solid #bccdbd;border-radius:7px;padding:10px 12px;background:#fafff8;color:#20473d}.room-bar form input{min-width:130px}.secondary{white-space:nowrap;background:#fff;color:#1b5847;border:1px solid #b8cbbd;border-radius:7px;padding:10px 13px}.text-button{background:none;color:#316d55;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:12px 0;white-space:nowrap}.your-name{width:245px}.your-name label span{font-weight:400;color:#7c8a7e;margin-left:5px}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role-card{background:#fffefa;border:1px solid #d4ddd2;border-radius:15px;padding:25px;display:flex;flex-direction:column;box-shadow:0 8px 30px #183b3105}.role-card.is-invited{border-color:#da76a1;box-shadow:0 0 0 2px #da76a121}.role-card.is-connected{border-color:#8ebba0}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.role-avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;font-size:26px;font-weight:750}.client-avatar{background:#e7ebe8;color:#446b5a}.brian-avatar{background:#f7d8e5;color:#9b3d67}.presenter-avatar{background:#dce9e9;color:#2c6870}.role-number{font-size:11px;color:#91a092;letter-spacing:2px}h2{font-size:25px;margin:0 0 12px;letter-spacing:-.7px}h2 small{display:block;font-size:11px;letter-spacing:.2px;font-weight:500;color:#6d7f71;margin-top:5px}.role-description{font-size:14px;line-height:1.6;color:#637467;min-height:70px;margin:0 0 22px}.role-status{font-size:12px;font-weight:650;margin:0 0 7px}.role-status:before{content:'●';font-size:9px;color:#a5b1a3;margin-right:7px}.is-connected .role-status:before{color:#13a87c}.role-detail{font-size:11px;color:#7a887b;line-height:1.5;min-height:34px;margin:0 0 22px}.primary{border-radius:7px;background:#176653;color:#fff;font-weight:650;padding:13px;width:100%;margin-top:auto;min-height:46px}.primary:hover:not(:disabled){background:#0d4e3f}.copy-button{background:none;color:#537961;font-size:11px;margin-top:12px;padding:8px 0}.lobby-footer{margin-top:25px;padding-top:19px;border-top:1px solid #d2dcd0}.lobby-footer strong{font-size:12px}.lobby-footer p{font-size:12px;color:#677d6b;line-height:1.5}.lobby-footer>span{font-size:10px;color:#849183}.invite-output{margin-top:20px;padding:15px 20px;border:1px solid #c3d6c4;border-radius:10px;background:#e8efe5}.invite-output input{font-size:12px}@media(max-width:800px){.lobby-shell{padding:25px 22px}h1{font-size:32px}.lobby-intro{margin-top:30px}.connection{position:static;display:inline-block;margin-top:18px}.room-bar{flex-wrap:wrap;gap:12px}.your-name{width:100%}.roles{grid-template-columns:1fr}.role-description,.role-detail{min-height:0}.role-card{padding:22px}.lobby-header{align-items:start}.lobby-header>span{max-width:120px;font-size:10px;text-align:right}}
@media(min-width:801px) and (max-height:850px){.lobby-shell{padding:20px 32px}.lobby-header{padding-bottom:14px}.wordmark{font-size:24px}.lobby-intro{margin:22px 0 18px}h1{font-size:34px;margin-bottom:8px}.eyebrow{margin-bottom:8px}.room-bar{padding:12px 16px;margin-bottom:18px}.room-bar input,.room-bar .secondary{padding:8px 11px}.role-card{padding:18px}.card-top{margin-bottom:12px}.role-avatar{height:38px;width:38px;border-radius:12px;font-size:20px}h2{font-size:23px;margin-bottom:10px}h2 small{display:inline;margin-left:5px}.role-description{font-size:13px;line-height:1.5;min-height:60px;margin-bottom:14px}.role-detail{min-height:30px;margin-bottom:14px}.primary{padding:11px;min-height:42px}.copy-button{margin-top:6px;padding:6px 0}.lobby-footer{margin-top:18px;padding-top:12px}.lobby-footer p{margin:8px 0}}

/* Invited clients have a separate, single-role welcome. */
.client-entry{background:#f5f5f1}.client-shell{max-width:1160px;margin:auto;padding:30px 40px}.client-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid #d4ddd4}.client-header>span{font-size:12px;color:#6c8175}.client-welcome{display:grid;grid-template-columns:1fr 1fr;min-height:540px;margin:40px 0 24px;background:#fffefa;border:1px solid #d9e0d6;border-radius:22px;overflow:hidden;box-shadow:0 18px 65px #153c3107}.client-art{position:relative;isolation:isolate;overflow:hidden;background:#133c36;display:flex;flex-direction:column;justify-content:center;padding:55px;color:#fff}.client-art:before{content:'';position:absolute;z-index:-1;width:420px;height:690px;left:-175px;bottom:-400px;background:radial-gradient(ellipse at 40% 20%,#e5b462 0,#b6497e 40%,#673c6a 65%,transparent 70%);transform:rotate(-28deg)}.client-art:after{content:'';position:absolute;z-index:-1;width:480px;height:400px;right:-300px;top:-80px;border:1px solid #c2e6d036;border-radius:50%}.client-art>span{font-size:56px;line-height:.98;font-weight:800;letter-spacing:-3px}.client-art>small{position:absolute;bottom:38px;left:55px;letter-spacing:2px;font-size:10px;color:#c5d8ca}.client-art-line{position:absolute;top:40px;left:55px;width:30px;height:3px;background:#9de0c5}.client-card{padding:50px 48px;display:flex;flex-direction:column;justify-content:center}.client-card h1{font-size:39px;letter-spacing:-1.8px}.client-description{color:#63796b;font-size:15px;line-height:1.7;margin:4px 0 28px;max-width:340px}.client-card label{font-size:12px;display:block;font-weight:650;margin-bottom:9px}.client-card label span{font-size:11px;font-weight:400;color:#8c988d;margin-left:7px}.client-card input{padding:13px 14px;background:#fff}.client-card .primary{margin-top:18px;padding:15px}.client-entry-status{font-size:12px;line-height:1.55;color:#627a6b;min-height:38px;margin:15px 0 0}.client-privacy{font-size:11px;line-height:1.6;color:#8c978c;padding-top:18px;border-top:1px solid #e4e9df;margin:10px 0 0}.client-footer{font-size:11px;color:#7a8d7e;text-align:center;padding:8px 0 20px}@media(max-width:700px){.client-shell{padding:22px 20px}.client-header{padding-bottom:18px;align-items:start}.client-header .wordmark{font-size:23px}.client-header>span{font-size:10px;text-align:right;max-width:85px}.client-welcome{grid-template-columns:1fr;margin:24px 0 12px;min-height:0;border-radius:18px}.client-art{min-height:170px;padding:30px}.client-art>span{font-size:37px;letter-spacing:-2px}.client-art>small{left:auto;right:25px;bottom:28px;font-size:8px;letter-spacing:1px}.client-art-line{left:30px;top:23px;width:18px;height:2px}.client-card{padding:30px 26px}.client-card h1{font-size:32px}.client-description{font-size:14px;margin-bottom:22px}.client-footer{font-size:10px;line-height:1.6}}