:root{--bg:#070809;--panel:#121212;--line:#3b3429;--gold:#c8a76a;--gold2:#ead9b8;--text:#f4efe6;--muted:#969087;--green:#77bd7b;--red:#d86159;--amber:#d2a652}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;height:100%;background:#070809;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{overflow:auto;background:radial-gradient(circle at 50% 0,rgba(191,150,80,.08),transparent 35%),linear-gradient(180deg,#0b0b0c,#050607)}button,input{font:inherit}button{cursor:pointer}.page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.page:before,.page:after{content:"";position:absolute;left:-7%;right:-7%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.45;pointer-events:none}.page:before{top:150px;transform:rotate(-2deg)}.page:after{top:178px;transform:rotate(2deg);opacity:.2}.top{padding:24px 28px 8px;text-align:center;position:relative;z-index:2}.logo{width:min(480px,72vw);max-height:120px;object-fit:contain}.label{font-family:Georgia,serif;letter-spacing:.48em;text-transform:uppercase;color:var(--gold2);font-size:14px;margin-top:-12px}.sessionchip{position:absolute;right:28px;top:30px;font-size:10px;color:#8e887e;border:1px solid #39332a;border-radius:999px;padding:7px 10px}.content{flex:1;display:grid;place-items:center;padding:40px 22px 34px;position:relative;z-index:2}.card{width:min(1060px,100%);border:1px solid #312d26;border-radius:24px;background:linear-gradient(180deg,rgba(20,20,20,.96),rgba(10,11,11,.98));box-shadow:0 35px 90px rgba(0,0,0,.45),inset 0 0 80px rgba(0,0,0,.28);overflow:hidden}.landing{min-height:520px;display:grid;place-items:center;text-align:center;padding:60px}.landing h1,.pre h1,.waiting h1{font-family:Georgia,serif;font-weight:400;letter-spacing:.12em}.landing p,.pre p,.waiting p{color:var(--muted);line-height:1.75;font-size:13px}.shield{width:88px;height:88px;border:1px solid #5f503a;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;color:var(--gold2);font-size:32px;box-shadow:0 0 0 8px rgba(200,167,106,.03),inset 0 0 25px #000}.pre{display:grid;grid-template-columns:1.05fr .95fr;min-height:540px}.preleft{padding:52px 50px;border-right:1px solid #292620}.preleft h1{font-size:28px;margin:0 0 8px}.privacy{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);margin-bottom:26px}.field{margin:16px 0}.field label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#a79f92;margin-bottom:7px}.field input{width:100%;background:#090a0a;border:1px solid #39332a;border-radius:10px;padding:13px 14px;color:var(--text);outline:none}.field input:focus{border-color:#866c43}.miccheck{border:1px solid #39332a;background:#0b0c0c;border-radius:12px;padding:16px;display:grid;grid-template-columns:60px 1fr;align-items:center;gap:14px}.micorb{width:56px;height:56px;border-radius:50%;border:1px solid #66553c;display:grid;place-items:center;color:var(--gold2);font-size:22px;box-shadow:inset 0 0 20px #000}.meter{height:5px;background:#29251f;border-radius:999px;overflow:hidden;margin-top:9px}.meter i{display:block;height:100%;width:3%;background:linear-gradient(90deg,#6c5634,var(--gold2));transition:width .07s}.action{width:100%;border:1px solid #8c7045;background:linear-gradient(180deg,#9a7540,#5d452a);color:#fff2d9;border-radius:10px;padding:14px;margin-top:18px;letter-spacing:.2em;font-size:11px}.action:hover{filter:brightness(1.08)}.action.ghost{background:#0d0e0e;color:#d9d2c7;border-color:#3b352d}.preright{padding:44px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,rgba(200,167,106,.06),transparent 54%)}.waiting{max-width:520px}.tiny{font-size:10px;color:#8f897f;line-height:1.65}.secureline{margin-top:18px;color:#8d887f;font-size:10px}.secureline b{color:#c9b487;font-weight:500}.room{min-height:590px;padding:28px;display:flex;flex-direction:column}.roomhead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:8px 4px 22px;border-bottom:1px solid #2d2923}.roomhead h2{font-family:Georgia,serif;font-weight:400;margin:0;font-size:24px}.roomhead .meta{font-size:10px;color:#8f897f;margin-top:6px}.live{border:1px solid #3f372c;border-radius:999px;padding:8px 11px;font-size:10px;color:#aaa49a}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 9px var(--green)}.people{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-content:center;padding:24px 0}.person{border:1px solid #3a342b;background:#111212;border-radius:16px;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px}.person.me{border-color:#79633f}.pname{font-family:Georgia,serif;font-size:17px}.prole{font-size:10px;color:#8f897f;margin-top:5px}.pmic{width:64px;height:64px;border:1px solid #5c4d37;border-radius:50%;display:grid;place-items:center;margin:17px 0;color:var(--gold2);font-size:24px;box-shadow:inset 0 0 20px #000}.pstate{font-size:10px;color:var(--green)}.controls{display:flex;justify-content:center;gap:8px;border-top:1px solid #2d2923;padding-top:18px}.control{min-width:120px;border:1px solid #3d372e;background:#0d0e0e;color:#ddd6cb;border-radius:10px;padding:11px}.control.end{color:#ed8179;border-color:#5c3531}.statuspage{min-height:520px;display:grid;place-items:center;text-align:center;padding:55px}.statuspage h1{font-family:Georgia,serif;font-weight:400;letter-spacing:.12em}.footer{text-align:center;padding:0 20px 24px;color:#625f59;font-size:9px;letter-spacing:.08em;position:relative;z-index:2}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#181611;border:1px solid #594a31;color:#ead8b6;border-radius:10px;padding:10px 15px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1}#remoteAudio{display:none}@media(max-width:760px){.top{padding-top:18px}.sessionchip{position:static;display:inline-block;margin-top:12px}.content{padding:28px 14px}.pre{grid-template-columns:1fr}.preleft{padding:34px 24px;border-right:0;border-bottom:1px solid #292620}.preright{padding:34px 24px}.room{padding:18px}.people{grid-template-columns:1fr 1fr}.controls{position:sticky;bottom:0;background:#0c0d0d;padding:12px 0}.control{min-width:0;flex:1}.label{font-size:11px;letter-spacing:.34em}.page:before{top:120px}.page:after{top:143px}}@media(max-width:480px){.people{grid-template-columns:1fr}.landing{padding:38px 22px}.logo{width:86vw}.preleft h1{font-size:23px}}