@media (max-width:699px){.mobile-details{display:grid}body{--device-view:mobile}.topbar{height:62px;padding:0 12px;gap:9px}.brand-mark{width:36px;height:36px}.brand small{display:none}.topbar-status{font-size:11px}.topbar-link{padding:8px;width:38px;height:38px;justify-content:center}.topbar-link span{display:none}.icon-btn{width:38px;height:38px}.home-grid{padding:12px;display:grid;gap:12px}.hero,.connect-card,.share-card,.features-card,.info-card{padding:18px}.hero h1{font-size:34px}.hero p{font-size:15px}.security-strip{gap:6px}.security-strip span{font-size:10px}.feature-grid{grid-template-columns:1fr}.host-code strong{font-size:26px}.session-view{height:calc(100dvh - 62px);display:block;position:relative}.session-stage{height:100%}.session-sidebar{position:absolute;top:0;right:0;bottom:76px;width:min(88vw,340px);z-index:18;transform:translateX(102%);transition:transform .2s ease;box-shadow:-18px 0 60px rgba(0,0,0,.35)}.session-sidebar.open{transform:none}.remote-toolbar{position:absolute;left:8px;right:8px;bottom:calc(8px + var(--safe-bottom));transform:none;overflow-x:auto;justify-content:flex-start;border-radius:16px;padding:6px}.tool-btn{min-width:58px;flex:0 0 58px;padding:9px 7px}.tool-btn span{font-size:8px}.sharing-banner{top:7px;font-size:10px;border-radius:14px}.role-host .remote-toolbar{left:8px;right:8px}.modal{max-width:calc(100vw - 20px)}.modal-card{padding:18px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}
@media (max-width:699px){.touch-only{display:grid}.role-host .touch-only{display:none!important}.file-drop-zone{display:none}.session-sidebar .quality-row strong{font-size:11px}.host-permission-panel{padding:12px}.role-host .remote-toolbar{left:8px;right:8px;transform:none}.role-host .tool-btn{min-width:62px}}
@media (max-width:699px){.compatibility-card{padding:18px}.compat-grid{grid-template-columns:1fr}.compat-grid article:last-child{grid-column:auto}.capability-limited #registerBtn{font-size:13px}}