:root{color-scheme:dark;--base:#0a1424;--dark:#111f33;--panel:#14253a;--border:#2a4058;--text:#edf5ff;--muted:#9cb0c8;--blue:#4e9dff;--good:#37d5ad;--red:#ff6f81}*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;background:radial-gradient(ellipse 85% 75% at 75% -18%,#1e4362 0%,#0a1424 65%);color:var(--text)}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.hidden{display:none!important}.top{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,4vw,64px);border-bottom:1px solid rgba(204,228,255,.08);background:rgba(8,20,36,.74)}.mark{display:flex;align-items:center;gap:14px}.mark strong{display:block;font-size:17px;letter-spacing:.055em}.mark strong b{color:#69b5ff}.mark small{display:block;color:#90a9c2;font-size:11px;letter-spacing:.02em;margin-top:3px}.logo{width:40px;height:40px;background:linear-gradient(135deg,#68d9fa,#3c79e5);border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:23px;color:#07162c;box-shadow:0 5px 24px #328fff36}.topright{display:flex;align-items:center;gap:20px}.tiny{font-size:12px;color:#9bb2c8}.live{font-size:12px;color:#63dab7}.container{max-width:1200px;margin:0 auto;padding:24px 28px 50px}.hero{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:36px 0 28px}.hero h1{font-size:clamp(27px,4vw,44px);margin:4px 0 12px;font-weight:710;letter-spacing:-.035em}.eyebrow{font-size:10px;letter-spacing:.18em;color:#68b5ff;font-weight:700}.muted{max-width:670px;color:var(--muted);line-height:1.65;font-size:15px}.heroBadge{height:108px;min-width:145px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #35506d;border-radius:18px;background:#162a42}.heroBadge span{font-size:54px;font-weight:750;color:#8dccff;letter-spacing:-.07em}.heroBadge small{line-height:1.5;font-size:12px;color:#bbd0e5}.layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:linear-gradient(135deg,rgba(24,45,70,.95),rgba(15,29,48,.95));border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 80px #0002;padding:25px;min-height:285px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel h2{font-size:17px;letter-spacing:-.01em;margin:0 0 24px}.panel h3{font-size:14px;margin:0 0 12px;color:#dceaff}.pill{border:1px solid #1f6e78;background:#12434b;color:#83eed8;font-size:11px;border-radius:20px;padding:6px 11px;white-space:nowrap}.pill.subtle{background:#21364f;color:#a9c4e3;border-color:#37516a}form label{display:block;color:#b7c9dc;font-size:12px;letter-spacing:.01em;margin:0 0 17px}input{width:100%;margin-top:8px;background:#0e1e31;border:1px solid #35506b;border-radius:10px;color:white;outline:none;padding:12px 13px;min-height:43px;font-size:14px}input::placeholder{color:#718aa7}input:focus{border-color:#65b2ff;box-shadow:0 0 0 3px #4e9dff23}button{border-radius:10px;border:1px solid transparent;color:white;min-height:41px;padding:10px 15px;font-weight:650;font-size:13px;transition:background .15s,transform .15s}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(110deg,#3b88e4,#3673d2);box-shadow:0 8px 20px #194c9d30}button.primary span{margin-left:6px}button.secondary{background:#243f5d;border-color:#46617d}button.quiet{background:#172b43;border-color:#35506b;color:#bad0e4}button.small{min-height:31px;padding:7px 10px;font-size:11px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:15px}.settings{padding:15px;margin:0 0 20px;border:1px dashed #486686;border-radius:12px;background:#091b2e}.settings .hint{margin-bottom:0}.separator{height:1px;background:#33506c;margin:24px 0 17px}.hint,.footnote{font-size:12px;color:#91a7be;line-height:1.55}.footnote{margin:25px 0 0;text-align:center}.notice{padding:13px 17px;margin:0 0 18px;border-radius:10px;background:#442b39;border:1px solid #6b4553;font-size:13px}.notice.positive{background:#123e3b;border-color:#25796a}.roomlist{max-height:320px;overflow:auto}.roomItem{padding:14px 0;border-bottom:1px solid #31475f;display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.roomDetails{display:grid;gap:5px}.roomDetails strong{font-size:13px}.roomDetails small{color:#94aac4;font-size:11px}.roomButtons{display:flex;gap:5px;flex-wrap:wrap}.call{display:flex;flex-direction:column;height:calc(100vh - 79px);min-height:520px}.callhead{padding:12px 25px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #24405a}.callhead small{color:#68b5ff;font-size:10px;letter-spacing:.13em}.callhead h2{font-size:17px;margin:3px 0 0}.callmeta{display:flex;align-items:center;gap:14px;color:#a7bad2;font-size:12px}.subtleButton{background:#233e5b;border-color:#3b5a79}.callarea{flex:1;display:flex;min-height:0}.stage{flex:1;display:flex;flex-direction:column;min-width:0;padding:13px}.tiles{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));grid-auto-rows:minmax(170px,1fr);gap:12px;overflow:auto;align-items:stretch}.tile{position:relative;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#254263,#101f36);border:1px solid #34506f;min-height:170px;overflow:hidden}.tile.sharing{grid-column:span 2;border-color:#539be1}.tile .video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#0a1424}.tileName{position:absolute;bottom:12px;left:12px;background:#071424cf;padding:6px 11px;border-radius:8px;font-size:12px;max-width:calc(100% - 25px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{border-radius:50%;width:72px;height:72px;display:grid;place-items:center;background:#436689;color:#ebf5ff;font-size:25px;font-weight:700;border:2px solid #7295b6}.controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:13px 0 3px}.controls button{background:#203a57;border:1px solid #3b5570;min-width:94px}.controls button.danger{background:#a12f42;border-color:#b94252}.chat{width:310px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid #294057;background:#122238;min-height:0}.chat-title{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #2c4662}.chat-title strong{font-size:13px}.chat-title button{background:transparent;color:#bcd1e7;font-size:22px;padding:0 7px;min-height:auto}.messages{flex:1;overflow:auto;padding:13px}.msg{margin-bottom:11px;padding:11px;background:#1f3550;border-radius:10px}.msg.mine{background:#154b66}.msg strong{font-size:11px;color:#b1d3ff}.msg p{margin:5px 0 0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}#chat-form{display:flex;align-items:center;gap:5px;padding:10px;border-top:1px solid #2c4662}#chat-form input{margin:0;min-width:0}#chat-form button{padding:8px}@media(max-width:800px){.layout{grid-template-columns:1fr}.topright .tiny{display:none}.heroBadge{display:none}.chat{width:260px}.callmeta{gap:8px}.container{padding:18px}.callhead{padding:12px}}@media(max-width:610px){.topright{display:none}.hero{padding:22px 0 14px}.callhead{align-items:flex-start;flex-direction:column}.call{height:calc(100dvh - 65px)}.callarea{position:relative}.chat{position:absolute;right:0;top:0;bottom:0;z-index:5;width:min(340px,95vw);box-shadow:-5px 0 30px #0009}.tile.sharing{grid-column:span 1}.stage{padding:6px}.controls{gap:5px}.controls button{font-size:11px;padding:8px 10px;min-width:auto}.tiles{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:7px}}