.meet-page{min-height:100dvh;background:radial-gradient(ellipse at 10% 0,#69401666,transparent 55%),radial-gradient(ellipse at 100% 15%,#153b2b77,transparent 60%),#080b08;color:var(--text);margin:0;}
.meet-page main{position:relative;min-height:100dvh;isolation:isolate;}.meet-header{display:flex;align-items:center;gap:16px;padding:24px 28px;position:relative;z-index:4;}.meet-header img{width:120px;display:block;}.meet-header>span{font-size:.8rem;color:var(--muted);}.meet-header .meet-recording{margin-left:auto;color:#ff987c;font-weight:700;}.meet-recording[hidden]{display:none;}
.meet-lobby{width:min(520px,calc(100% - 32px));margin:22px auto 60px;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#30251ddb,#14281fbb);backdrop-filter:blur(24px);box-sizing:border-box;box-shadow:0 25px 90px #0006;}.meet-lobby h1{font-size:clamp(2.3rem,5vw,3.5rem);letter-spacing:-.03em;margin:12px 0;line-height:1.08;}.meet-lobby>p{color:var(--muted);line-height:1.5;}.meet-preview{aspect-ratio:16/9;position:relative;border-radius:18px;background:#10150f;overflow:hidden;margin:22px 0;}.meet-preview video{width:100%;height:100%;object-fit:cover;}.meet-preview span{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);}.meet-preview span[hidden]{display:none;}.meet-lobby form{display:grid;gap:16px;}.meet-lobby label{display:grid;gap:8px;}.meet-lobby .meet-consent{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;line-height:1.5;}.meet-lobby .meet-consent input{width:20px;height:20px;margin-top:3px;flex-shrink:0;}.meet-lobby input,.meet-lobby select{width:100%;box-sizing:border-box;}.meet-lobby meter{width:100%;}.meet-lobby .muted{font-size:.76rem;line-height:1.5;margin:0;}
.meet-call{position:absolute;inset:0;min-height:100dvh;z-index:2;}.meet-eye{position:absolute;z-index:3;top:0;width:min(380px,48vw);background:linear-gradient(140deg,#33281ce8,#17261ee8);border:1px solid var(--line);border-radius:0 0 22px 22px;overflow:hidden;box-shadow:0 18px 70px #0005;}.meet-eye video{display:block;width:100%;aspect-ratio:16/9;background:#09100b;object-fit:contain;}.meet-eye>p{position:absolute;top:32px;left:0;width:100%;text-align:center;color:var(--muted);}.meet-eye footer{display:flex;align-items:center;gap:8px;padding:10px 14px;}.meet-eye footer strong{margin-right:auto;}.meet-eye [data-move]{touch-action:none;}.meet-wait{position:absolute;left:0;right:0;top:40%;text-align:center;padding:24px;}.meet-wait .studio-avatar-orb{font-size:2.5rem;color:var(--orange);}.meet-wait h2{font-size:2rem;letter-spacing:-.02em;}.meet-wait p{color:var(--muted);}.meet-controls{position:absolute;bottom:75px;left:50%;transform:translateX(-50%);width:fit-content;max-width:calc(100% - 32px);display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:16px;background:linear-gradient(135deg,#33281cdd,#192a20dd);border:1px solid var(--line);border-radius:24px;backdrop-filter:blur(24px);}.meet-status{position:relative;z-index:4;text-align:center;font-size:.82rem;color:var(--muted);padding:12px 24px;margin:0;}.meet-page.is-joined .meet-status{position:fixed;bottom:16px;left:0;right:0;pointer-events:none;}.meet-light{position:fixed;right:24px;bottom:160px;z-index:8;width:min(330px,calc(100% - 48px));padding:24px;box-sizing:border-box;border-radius:24px;border:1px solid var(--line);background:var(--panel-strong);backdrop-filter:blur(24px);box-shadow:0 20px 80px #0007;}.meet-light header{justify-content:space-between;}.meet-light label{display:grid;gap:10px;margin:16px 0;}.meet-light label.row{display:flex;}.meet-light input[type=range]{width:100%;}.meet-page [hidden]{display:none!important;}
.meet-page .studio-light-surface{position:absolute;inset:0;z-index:0;pointer-events:none;display:flex;}.meet-page .studio-light-surface>div{width:50%;background:var(--studio-light-color);opacity:0;}.meet-page .studio-light-surface[data-shape=sides]>div{width:20%;}.meet-page .studio-light-right{margin-left:auto;}
@media(max-width:700px){.meet-header{padding:20px 16px;}.meet-header img{width:95px;}.meet-header>span{font-size:.64rem;}.meet-page.is-joined .meet-header{position:fixed;top:calc(env(safe-area-inset-top) + 160px);left:0;right:0;padding:12px 16px;}.meet-eye{top:env(safe-area-inset-top)!important;width:220px;border-radius:0 0 18px 18px;}.meet-eye footer{padding:8px;font-size:.75rem;}.meet-eye [data-move],.meet-eye [data-lock]{display:none;}.meet-lobby{padding:22px;margin-top:8px;}.meet-controls{bottom:calc(env(safe-area-inset-bottom) + 66px);width:calc(100% - 32px);box-sizing:border-box;}.meet-controls .btn{font-size:.8rem;padding:10px 12px;}.meet-wait h2{font-size:1.5rem;}.meet-page.is-joined .meet-status{bottom:calc(env(safe-area-inset-bottom) + 8px);}}
@media(prefers-reduced-transparency:reduce){.meet-lobby,.meet-controls,.meet-light,.meet-eye{background:#211d16;backdrop-filter:none;}}
@media(prefers-contrast:more){.meet-lobby,.meet-controls,.meet-light,.meet-eye{border:2px solid var(--text);}.meet-status{color:var(--text);}}