:root{--viewport-height:100dvh;--viewport-top:0px}*{box-sizing:border-box}html{scroll-padding-bottom:100px}body{overflow-x:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #438dff;outline-offset:3px}button{transition:background-color .16s,color .16s,box-shadow .16s,transform .16s}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed}.topbar{padding-inline:clamp(16px,5vw,90px)}body[data-theme] .home{padding:clamp(32px,7vh,90px) clamp(18px,5vw,90px);min-height:calc(100dvh - 76px);align-items:center}body[data-theme] .hero h1{font-size:clamp(36px,5vw,66px);letter-spacing:-.04em;line-height:1.08}.hero .eyebrow{letter-spacing:.19em;font-size:11px}.hero .lead{max-width:590px;font-size:clamp(15px,1.5vw,19px);line-height:1.65}.join-row{flex-wrap:wrap;gap:12px}.code-box{min-width:0;flex:1 1 230px;max-width:330px}.code-box input{min-width:0;width:100%;font-size:16px}.primary{border-radius:14px;box-shadow:0 6px 20px #3478f62b}.trust{flex-wrap:wrap}.hero{animation:meet-arrive .35s ease-out}.tile{transition:border-color .12s,box-shadow .12s}.tile.speaking{border-width:2px!important}body[data-theme] .tile{border-width:2px}.preview{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:clamp(20px,4vw,70px);padding:5vh 5vw}.preview-form h2{font-size:clamp(28px,3vw,38px)}.preview-media{min-width:0}.dialog-card{max-width:100%}dialog{max-height:calc(var(--viewport-height) - 28px);overflow:auto}dialog header button{width:36px;height:36px;display:grid;place-items:center;border-radius:50%}#profile-dialog .profile-crop-stage{width:min(100%,360px,42dvh);align-self:center;flex-shrink:0}#profile-save{position:sticky;bottom:0;z-index:2;min-height:46px}.panel{z-index:20}.more-menu{z-index:25;max-height:calc(var(--viewport-height) - 150px);overflow:auto}.panel>section{min-height:0}#people-panel{overflow:auto}.panel-tabs{gap:10px}.panel-tabs button{min-height:44px}.meeting-head>div:first-child{min-width:0}.meeting-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-info{min-width:0}.meeting-info span{overflow:hidden;text-overflow:ellipsis}.share-volume{max-width:calc(100% - 55px)}.share-volume button{flex-shrink:0}.share-volume input{min-width:30px}.update-notice{max-width:calc(100vw - 24px);max-height:calc(var(--viewport-height) - 24px);overflow:auto;bottom:max(16px,env(safe-area-inset-bottom))}.update-notice progress{display:block;width:100%;height:7px;margin-top:12px;accent-color:#3478f6}.update-notice progress[hidden]{display:none}.message{overflow-wrap:anywhere}.download-links a:hover{box-shadow:0 0 0 1px #438dff}.settings-open:hover{color:#438dff;box-shadow:0 0 0 3px #438dff18}
@keyframes meet-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:850px){
 body[data-theme] .home{align-items:flex-start;min-height:calc(var(--viewport-height) - 70px);padding:32px 20px 44px}.hero{width:100%;max-width:650px}.hero h1{text-align:left}.hero .lead{text-align:left;margin-left:0}.join-row{justify-content:flex-start}.join-row .code-box{max-width:none}.topbar{height:auto;min-height:68px;padding:12px 18px}.topbar .logo strong{font-size:21px}.top-actions{gap:10px!important}.preview{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:20px 18px 40px;gap:26px}.preview-media{height:clamp(220px,42dvh,400px);min-height:220px;border-radius:20px}.preview-form{width:100%}.preview-form h2{margin:10px 0 20px}.preview-status{left:14px;bottom:16px;font-size:12px}.preview-controls{bottom:12px}.preview-controls button{width:44px;height:44px}
 body .meeting,body.desktop-shell .meeting{top:var(--viewport-top);bottom:auto;height:var(--viewport-height);grid-template-rows:48px minmax(0,1fr) auto;padding-top:env(safe-area-inset-top)}.meeting-head{padding:0 12px!important;gap:8px}.meeting-head strong{font-size:14px}.meeting-head span{font-size:10px;max-width:35vw}.connection{font-size:10px}.grid{padding:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));grid-auto-rows:minmax(160px,1fr)}.tile{min-height:160px;border-radius:16px}.tile .name{font-size:11px;left:10px;max-width:calc(100% - 90px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile .avatar{width:76px;height:76px}.meeting-footer{display:flex!important;flex-direction:column;gap:8px;padding:8px 8px max(10px,env(safe-area-inset-bottom));position:relative;background:var(--page);border-top:1px solid var(--line)}.meeting-info{display:none}.controls{justify-content:center;gap:10px;width:100%}.control{width:44px;height:44px;border-radius:16px}.meeting-footer .actions{position:static;display:flex;justify-content:center;gap:8px;width:100%}.meeting-footer .actions button,.meeting-footer .actions #copy-link,.meeting-footer .actions #chat-toggle,.meeting-footer .actions #participants-toggle{display:inline-flex!important;height:36px;min-width:36px;border-radius:12px}.meeting-footer .actions svg{width:20px;height:20px}.panel{top:50px;bottom:122px;left:8px;right:8px;width:auto;border-radius:16px;padding:0 12px}.panel header{min-height:52px;height:52px}.panel-tabs button{font-size:12px}.more-menu{bottom:122px;right:8px;max-height:calc(var(--viewport-height) - 190px);width:min(320px,calc(100vw - 16px))}.captions-box{bottom:130px;font-size:14px}.tile-fullscreen,.tile-pin{min-width:38px;min-height:38px}.tile:fullscreen .tile-fullscreen{bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));z-index:5}.tile:fullscreen .share-volume{top:max(16px,env(safe-area-inset-top))}#chat-form{padding:8px 0}#chat-input{font-size:16px}.share-volume{top:8px;left:8px;right:auto!important}#download-card{text-align:left;width:100%;margin-top:26px}.download-links a{min-height:40px;align-items:center}.waiting{padding:24px 18px}.waiting section{max-width:100%}
}
@media(max-width:420px){.join-row .primary{width:100%}.join-row .code-box{flex-basis:calc(100% - 100px)}.join-row .text-button{padding:8px}.topbar .logo strong{font-size:19px}.topbar .logo span,.topbar .logo img{width:32px!important;height:32px!important}.topbar{padding:10px 14px}.hero h1{font-size:36px!important}.preview-status{display:none}.controls{gap:8px}.meeting-footer .actions{gap:8px}.profile-file-actions{flex-wrap:wrap}.profile-crop-stage{max-width:100%}}
@media(max-height:480px) and (orientation:landscape){.meeting-footer{flex-direction:row!important;gap:8px;padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left))}.controls,.meeting-footer .actions{width:auto}.control{width:36px;height:36px}.meeting-footer .actions button{height:32px!important;min-width:32px!important}.panel{bottom:58px}.more-menu{bottom:58px;max-height:calc(var(--viewport-height) - 115px)}.grid{grid-auto-rows:minmax(130px,1fr)}.tile{min-height:130px}.preview{flex-direction:row}.preview-media,.preview-form{width:50%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}