/* GEMA 360 v38: responsive controls and separate session panels. */
html,body{max-width:100%;overflow-x:clip}.session-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.session-tools:empty{display:none}.session-tools .button{height:44px;min-width:44px;padding:9px;position:relative;border-radius:14px;gap:9px;background:#fffdf4ed;backdrop-filter:blur(10px)}.session-tools .voice-launch{min-width:76px}.session-tools .button[hidden]{display:none}.session-tools svg{flex:none}.chat-unread{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:1px 4px;border-radius:12px;background:#b83c39;color:white;font:700 11px/17px Arial}.chat-unread[hidden]{display:none}.site-header .brand{min-width:0}.site-header .menu-toggle{flex:none}.panel-padding{padding:20px}.voice-dialog{width:min(460px,95vw)}.voice-dialog .voice-actions{display:flex;gap:8px;flex-wrap:wrap}.voice-dialog .voice-actions>.button{flex:1;white-space:normal;min-height:44px}.voice-dialog .voice-help{margin:16px 0}.voice-dialog .voice-help summary{cursor:pointer;min-height:36px}.voice-dialog .media-name{overflow-wrap:anywhere}.voice-dialog #voiceLiveBadge{margin:10px 0}
.chat-dialog{width:min(440px,95vw);height:min(650px,88dvh);margin-right:22px}.chat-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.chat-dialog .dialog-top{flex:none;padding:16px 18px}.chat-dialog h2{font-size:27px}.chat-admin{padding:8px 16px;flex:none}.chat-admin:has(#chatClassControl[hidden]):has(#chatDisabledNotice[hidden]){display:none}.chat-disabled-notice{margin:6px 0;color:#994136;font-size:13px}.chat-dialog .communication-messages{border:0;border-radius:0;margin:0;flex:1;min-height:70px;height:auto;background:#f1f5ed;padding:14px;overscroll-behavior:contain}.chat-dialog .chat-message header{flex-wrap:wrap}.chat-dialog .chat-message p{font-size:14px}.chat-dialog #communicationForm{padding:12px 14px;margin:0;background:var(--paper);flex:none}.chat-dialog #communicationForm label{display:block;margin:0 0 6px;font-size:12px}.chat-compose{display:flex;align-items:stretch;gap:8px}.chat-compose textarea{flex:1;min-width:0;resize:vertical;max-height:110px;font-size:16px;line-height:1.4;padding:10px;border:1px solid #bdcec3;border-radius:12px;background:white;color:var(--ink)}.chat-compose .button{flex:none;padding:10px;white-space:normal;min-width:60px}.chat-dialog #chatSendStatus{font-size:12px;line-height:1.4;margin:6px 0 0;min-height:0}
.members-dialog{width:min(790px,96vw);max-height:90dvh}.members-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.members-dialog .dialog-top{padding:16px 20px;flex:none}.members-dialog h2{font-size:28px}.members-dialog h2 small{font:500 12px Arial;letter-spacing:0;color:#65766b;white-space:nowrap}.members-content{padding:12px 20px;overflow:auto;overscroll-behavior:contain;min-height:70px}.members-content>p{font-size:12px;line-height:1.45;margin:5px 0 10px}.members-help{color:#65766b}.member-head,.member-row{display:grid;grid-template-columns:minmax(140px,1fr) 44px 44px 246px;gap:10px;align-items:center}.member-head{font-size:12px;color:#6a7e70;border-bottom:1px solid #d6e2d9;padding-bottom:9px}.member-row{padding:12px 0;border-bottom:1px solid #d6e2d9}.member-identity{min-width:0}.member-name{padding:4px 0;background:none;border:0;text-align:left;font-weight:700;font-size:14px;color:#244f3e;max-width:100%;overflow-wrap:anywhere}.member-status{display:block;font-size:12px;color:#687b6d;margin:4px 0}.member-icon{border:1px solid #c9d6ca;background:#eff2ec;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;color:#5a7160;position:relative}.member-icon.is-on{background:#287354;border-color:#287354;color:white}.member-icon.is-allowed{background:#e6f3da;color:#49673c}.member-icon.is-muted{background:#fbebea;border-color:#dbb2aa;color:#ab4037}.member-icon.is-muted:after{content:'';position:absolute;width:27px;height:2px;background:currentColor;transform:rotate(-45deg);box-shadow:0 0 0 2px #fbebea}.member-auto{border:0;background:transparent;padding:4px 0;color:#547859;text-decoration:underline;font-size:11px}.member-auto[hidden]{display:none}.member-stage-actions{display:flex;gap:6px}.member-stage-actions .button{min-height:42px;flex:1;padding:8px 6px;white-space:normal;font-size:12px}.members-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 20px;border-top:1px solid #d6e2d9;background:#f0f5eb;flex:none}.members-footer .button{min-height:40px}.members-footer .voice-actions{gap:6px}.members-dialog .eyebrow{margin-bottom:4px}#teacherRoster{display:none!important}
body[data-device=phone]{overscroll-behavior:none}body[data-device=phone] #main{height:var(--app-height,100dvh);min-height:0!important}body[data-device=phone] .site-header{padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));gap:7px;align-items:center}body[data-device=phone] .brand{font-size:19px;gap:6px;letter-spacing:-.4px;flex:1;min-width:0}body[data-device=phone] .brand-logo{width:44px!important;height:44px!important;max-width:44px;object-fit:contain;border-radius:10px}body[data-device=phone] .brand-small{display:none}body[data-device=phone] .session-tools{gap:5px;margin-left:auto}body[data-device=phone] .session-tools .button{padding:8px;min-width:42px;height:42px;border-radius:12px}body[data-device=phone] .session-tools .voice-launch{min-width:70px}body[data-device=phone] .menu-toggle{height:42px;min-width:42px;padding:7px!important;font-size:13px!important}body[data-device=phone] .site-header .app-menu{right:max(8px,env(safe-area-inset-right));top:60px;width:min(300px,calc(100vw - 24px));max-height:calc(var(--app-height,100dvh) - 72px);padding:10px;gap:5px}body[data-device=phone] .app-menu .button{font-size:14px;padding:11px;min-height:44px;text-align:left;white-space:normal}body[data-device=phone] .journey-bar{top:65px;left:max(10px,env(safe-area-inset-left));max-width:45vw;padding:8px 10px;font-size:11px}body[data-device=phone] .journey-bar strong{font-size:12px}body[data-device=phone] .journey-bar>span:last-child{display:none}body[data-device=phone] #musicDock{top:65px;bottom:auto;right:max(10px,env(safe-area-inset-right));padding:4px;border-radius:12px}body[data-device=phone] #musicDock .button{min-width:36px;min-height:36px;padding:6px}body[data-device=phone] #musicOptions{max-width:min(260px,85vw)}body[data-device=phone] .world-footer{bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));gap:6px}body[data-device=phone] #worldHint{display:none!important}body[data-device=phone] .footer-actions{max-width:calc(100vw - 90px);gap:6px;flex-wrap:wrap}body[data-device=phone] .footer-actions>.button{font-size:12px;min-height:42px;padding:9px 12px;max-width:65vw;white-space:normal}body[data-device=phone] .route-panel{max-height:55dvh;overflow:auto;max-width:80vw}body[data-device=phone] #emojiTray{right:max(8px,env(safe-area-inset-right));top:36%;padding:3px;border-radius:14px}body[data-device=phone] #emojiToggle{width:42px!important;height:42px!important;font-size:28px!important}body[data-device=phone] #actionTray{right:max(8px,env(safe-area-inset-right));top:calc(36% + 54px);padding:3px;border-radius:14px}body[data-device=phone] #actionToggle{min-width:42px;min-height:42px;font-size:12px;padding:6px}body[data-device=phone] #emojiChoices,body[data-device=phone] #actionChoices{right:54px;max-width:calc(100vw - 78px);max-height:60dvh;overflow:auto}body[data-device=phone] #teacherMonitor{width:128px;right:max(8px,env(safe-area-inset-right));top:64px;padding:6px;max-height:calc(var(--app-height,100dvh) - 140px)}body[data-device=phone] #teacherMonitor .monitor-map{height:100px}body[data-device=phone] #monitorMenu{max-width:calc(100vw - 24px);max-height:calc(var(--app-height,100dvh) - 80px);right:10px;top:65px;overflow:auto}body[data-device=phone] #monitorMenuToggle{font-size:10px;white-space:normal;min-height:38px;padding:5px}body[data-device=phone] #walkControls,body[data-device=phone].teacher-free-camera #walkControls{display:none!important}body[data-device=phone] #joystick,body[data-device=phone].teacher-free-camera #joystick{display:none!important;position:fixed!important;left:var(--joy-x,0px)!important;top:var(--joy-y,0px)!important;bottom:auto!important;right:auto!important;width:104px;height:104px;z-index:35;pointer-events:none;border:2px solid #fff9;border-radius:50%;background:#f6fff22b;touch-action:none}body[data-device=phone] #joystick.is-active,body[data-device=phone].teacher-free-camera #joystick.is-active{display:block!important}body[data-device=phone] #joystickKnob{width:48px;height:48px;left:26px;top:26px;position:absolute;border-radius:50%;background:#336b56cc;border:2px solid #fff8}body[data-device=phone] #joystick>span{display:none}
body[data-device=phone] .dialog{position:fixed;top:calc(var(--viewport-top,0px) + max(8px,env(safe-area-inset-top)));bottom:auto;left:50%;right:auto;transform:translateX(-50%);margin:0;width:min(960px,calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-width:calc(100vw - 16px);max-height:calc(var(--app-height,100dvh) - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:16px}body[data-device=phone] .dialog-top{padding:12px 14px;gap:8px;position:sticky;top:0;z-index:4}body[data-device=phone] .dialog-top h2{font-size:25px;line-height:1.15;letter-spacing:-.5px;overflow-wrap:anywhere}body[data-device=phone] .dialog-top .eyebrow{font-size:9px;margin-bottom:4px}body[data-device=phone] .dialog .button{min-height:42px;white-space:normal;font-size:13px;padding:9px 12px}body[data-device=phone] .dialog .icon-button{width:42px;height:42px;min-width:42px;min-height:42px}body[data-device=phone] .dialog input:not([type=range]):not([type=checkbox]):not([type=color]),body[data-device=phone] .dialog textarea,body[data-device=phone] .dialog select{font-size:16px;max-width:100%;min-width:0}body[data-device=phone] .dialog audio,body[data-device=phone] .dialog video,body[data-device=phone] .dialog iframe{max-width:100%}body[data-device=phone] .teacher-tabs{top:0;padding:8px;gap:6px;scrollbar-width:thin}body[data-device=phone] .teacher-tabs button{font-size:13px;min-height:42px;padding:8px 12px}body[data-device=phone] .teacher-tab-page{padding:12px;min-height:0}body[data-device=phone] .teacher-tab-page>h3{font-size:20px}body[data-device=phone] .class-code-panel{margin:0 0 12px;padding:14px;gap:12px}body[data-device=phone] .class-code-actions{gap:6px}body[data-device=phone] .teacher-toolbar,body[data-device=phone] .teacher-note{padding:12px}body[data-device=phone] .teacher-body{grid-template-columns:minmax(145px,27%) minmax(0,1fr)}body[data-device=phone] .teacher-sidebar{padding:12px;min-width:0}body[data-device=phone] .book-form{padding:12px;min-width:0}body[data-device=phone] .media-editor{grid-template-columns:1fr}body[data-device=phone] .page-editor{padding:12px;min-width:0}body[data-device=phone] .page-editor-head{flex-wrap:wrap;gap:8px}body[data-device=phone] .form-footer{position:sticky;bottom:0;padding:10px;background:var(--paper);gap:8px;flex-wrap:wrap}body[data-device=phone] .page-thumb{max-width:100%;max-height:170px}body[data-device=phone] .teacher-dialog .music-settings{padding:12px}body[data-device=phone] .activity-form{padding:10px;gap:10px}body[data-device=phone] .learning-layout{grid-template-columns:minmax(140px,26%) minmax(0,1fr);padding:12px;gap:12px}body[data-device=phone] .learning-layout aside{min-width:0;max-height:55dvh;overflow:auto}body[data-device=phone] .learning-player{min-width:0}body[data-device=phone] .learning-player video,body[data-device=phone] .learning-player iframe{width:100%;height:auto;max-height:58dvh;aspect-ratio:16/9}body[data-device=phone] .reader-top,body[data-device=phone] .reader-bottom{padding:8px 10px;gap:6px;flex-wrap:wrap}body[data-device=phone] .reader-tools{gap:4px;flex-wrap:wrap}body[data-device=phone] .reader-top h2{font-size:20px}body[data-device=phone] .image-book-spread{margin:6px;padding:5px;max-height:calc(var(--app-height,100dvh) - 140px);overflow:auto}body[data-device=phone] .image-book-leaf{padding:4px;min-width:0}body[data-device=phone] .image-book-leaf img{height:48dvh;width:100%;object-fit:contain}body[data-device=phone] .image-book-leaf audio{width:100%;min-height:36px}body[data-device=phone] .image-book-spread.single-cover{max-width:70vw}body[data-device=phone] .image-book-spread.single-cover img{height:52dvh}body[data-device=phone] .book-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:12px}body[data-device=phone] .collection-heading{padding:14px;gap:10px}body[data-device=phone] .collection-heading h2{font-size:26px}body[data-device=phone] .search-field{min-width:0}body[data-device=phone] .book-card-cover{height:130px}body[data-device=phone] .book-card-body{padding:12px}body[data-device=phone] .book-card h3{font-size:18px}body[data-device=phone] .collection-bottom{padding:10px;font-size:11px}body[data-device=phone] .voice-dialog{width:min(460px,calc(100vw - 16px))}body[data-device=phone] .voice-dialog .panel-padding{padding:14px}body[data-device=phone] .voice-dialog p{font-size:13px;margin-bottom:10px}body[data-device=phone] .chat-dialog{width:min(480px,calc(100vw - 16px));height:calc(var(--app-height,100dvh) - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}body[data-device=phone] .chat-dialog .dialog-top{position:static;padding:10px 12px}body[data-device=phone] .chat-admin{padding:6px 12px}body[data-device=phone] .chat-dialog #communicationForm{padding:10px 12px}body[data-device=phone] .chat-dialog #communicationForm label{font-size:12px}body[data-device=phone] .members-dialog .dialog-top{position:static}body[data-device=phone] .members-content{padding:10px 12px}body[data-device=phone] .members-footer{padding:9px 12px;gap:6px}body[data-device=phone] .members-footer .button{font-size:12px;padding:8px}body[data-device=phone] .members-help{font-size:11px}body[data-device=phone] .cosmic-access{padding:34px 14px 14px}body[data-device=phone] .student-dialog .student-layout{gap:14px;padding:14px}body[data-device=phone] .avatar-preview{max-width:100%}body[data-device=phone] .intro{max-height:calc(var(--app-height,100dvh) - 80px);overflow:auto;margin:8px 18px;width:auto;max-width:550px}body[data-device=phone] .intro-copy{max-width:380px}body[data-device=phone] .intro-foot{display:none}body[data-device=phone] .hero-logo{max-height:190px;width:auto;max-width:100%;object-fit:contain}body[data-device=phone] #performanceControls{max-width:calc(100vw - 24px);right:12px;left:auto;max-height:calc(var(--app-height,100dvh) - 150px);overflow:auto}body[data-device=phone] #performanceSettings{max-width:80vw;max-height:55dvh;overflow:auto}
@media(max-width:600px){body[data-device=phone] .brand>span{display:none}body[data-device=phone] .session-tools .button{min-width:40px;height:40px;padding:7px}body[data-device=phone] .session-tools .voice-launch{min-width:66px}.member-head{display:none}.member-row{grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px;padding:12px 0}.member-stage-actions{grid-column:1/-1}.members-footer{align-items:stretch}.members-footer>.button{width:100%}body[data-device=phone] .teacher-body{grid-template-columns:1fr}body[data-device=phone] #teacherBooks{max-width:100%;display:flex;overflow:auto}body[data-device=phone] .teacher-book{flex:none;width:150px;min-width:150px}body[data-device=phone] .learning-layout{grid-template-columns:1fr}body[data-device=phone] .learning-layout aside{max-height:150px}body[data-device=phone] .image-book-spread:not(.single-cover){grid-template-columns:1fr}body[data-device=phone] .image-book-leaf img{height:auto;max-height:none}body[data-device=phone] .image-book-spread.single-cover{max-width:90vw}body[data-device=phone] .image-book-spread.single-cover img{height:52dvh}.chat-compose .button{min-width:52px;font-size:12px}body[data-device=phone] .collection-heading{align-items:stretch}body[data-device=phone] .role-cards{grid-template-columns:1fr}body[data-device=phone] .role-art{height:130px}body[data-device=phone] .role-card strong{font-size:25px}body[data-device=phone] .role-cta{font-size:18px;padding:9px}body[data-device=phone] .hero-logo{max-height:170px}}
@media(max-height:500px) and (orientation:landscape){body[data-device=phone] .site-header{padding-top:max(5px,env(safe-area-inset-top));padding-bottom:5px}body[data-device=phone] .brand-logo{width:38px!important;height:38px!important}body[data-device=phone] .brand{font-size:18px}body[data-device=phone] .session-tools .button,body[data-device=phone] .menu-toggle{height:38px;min-height:38px}body[data-device=phone] .dialog-top{padding:8px 12px}body[data-device=phone] .dialog-top h2{font-size:22px}body[data-device=phone] .dialog p{line-height:1.4}body[data-device=phone] .members-help{display:none}body[data-device=phone] .members-footer{padding:7px 12px}body[data-device=phone] .members-footer .button{min-height:36px}body[data-device=phone] .chat-dialog #communicationForm label{display:none}body[data-device=phone] .chat-dialog #chatSendStatus{font-size:10px;margin:2px 0 0}body[data-device=phone] .chat-compose textarea{min-height:42px;max-height:65px;resize:none;padding:7px 10px}body[data-device=phone] .chat-dialog .dialog-top h2{font-size:22px}body[data-device=phone] .chat-dialog .dialog-top .icon-button{height:36px;min-height:36px}body[data-device=phone] .voice-dialog .panel-padding{padding:12px}body[data-device=phone] .hero-logo{max-height:90px}body[data-device=phone] .intro h1{margin-bottom:6px}body[data-device=phone] .intro-copy{font-size:12px;margin-bottom:10px}body[data-device=phone] .intro-actions{flex-direction:row}body[data-device=phone] .role-cards{grid-template-columns:1fr 1fr;margin:6px auto}body[data-device=phone] .role-art{height:75px}body[data-device=phone] .role-card strong{font-size:22px}body[data-device=phone] .role-cta{font-size:16px}body[data-device=phone] .teacher-portrait{display:none}body[data-device=phone] .cosmic-login{padding:10px 16px}body[data-device=phone] .cosmic-access{padding:24px 12px 12px}}
body[data-device=phone] .teacher-dialog>.dialog-top{position:static}body[data-device=phone] .reader-dialog[open]{display:flex;flex-direction:column;height:calc(var(--app-height,100dvh) - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden}body[data-device=phone] .reader-dialog .reader-top,body[data-device=phone] .reader-dialog .reader-bottom{flex:none}body[data-device=phone] .reader-dialog .image-book-spread{flex:1;min-height:0;max-height:none;width:calc(100% - 12px)}body[data-device=phone] .reader-dialog .image-book-leaf img{min-height:0;max-height:calc(var(--app-height,100dvh) - 210px);flex:1}body[data-device=phone] .reader-dialog .image-book-leaf audio{flex:none}body[data-device=phone] .reader-dialog .open-book{flex:1;min-height:0;max-height:none;overflow:auto}body[data-device=phone] .dialog form,body[data-device=phone] .dialog section{min-width:0}body[data-device=phone] .dialog p{overflow-wrap:anywhere}
@media(max-width:600px){body[data-device=phone] .reader-dialog .image-book-spread:not(.single-cover) .image-book-leaf img{height:auto;flex:none;max-height:none}body[data-device=phone] .reader-dialog .image-book-spread:not(.single-cover) .image-book-leaf{flex:none}}
@media(max-width:360px){body[data-device=phone] #menuToggle{font-size:0!important;width:40px;min-width:40px}body[data-device=phone] #menuToggle:before{content:'☰';font-size:20px}body[data-device=phone] .session-tools{gap:4px}body[data-device=phone] .site-header{gap:5px}}

@media(orientation:landscape){body[data-device=phone] .reader-dialog .image-book-spread{grid-template-rows:minmax(0,1fr)}body[data-device=phone] .reader-dialog .image-book-leaf{min-height:0}body[data-device=phone] .reader-dialog .image-book-leaf img{height:0;min-height:0;flex:1 1 0}}
/* v39: direct voice buttons and a nonmodal chat drawer. */
.inline-voice-controls{display:inline-flex;gap:7px;vertical-align:middle}.inline-voice-controls[hidden]{display:none}.voice-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;padding:9px!important;flex:none}.voice-toggle svg{pointer-events:none}.voice-toggle.is-muted:after{content:'';position:absolute;left:9px;right:9px;top:50%;height:2px;transform:rotate(-46deg);background:currentColor;box-shadow:0 0 0 1px #fff9;pointer-events:none}.voice-toggle.is-on{background:#d8f6e6!important;color:#165a40!important;border-color:#58a580!important}.voice-toggle.is-pending{background:#fff0bd!important;color:#72540d!important}.voice-toggle:disabled{opacity:.5}.chat-dialog{position:fixed!important;inset:auto 16px 16px auto!important;margin:0!important;width:min(360px,calc(100vw - 24px))!important;height:min(510px,calc(var(--app-height,100dvh) - 100px))!important;max-height:calc(var(--app-height,100dvh) - 100px)!important;z-index:40;background:#fbf8ef;box-shadow:0 10px 36px #123b3438}.chat-dialog::backdrop{background:transparent!important;backdrop-filter:none!important}.chat-dialog .dialog-top{padding:10px 14px}.chat-dialog .dialog-top h2{font-size:23px}.chat-dialog .icon-button{min-width:40px;min-height:40px}.chat-dialog .communication-messages{min-height:0!important}.chat-dialog #communicationForm{padding:9px 12px}.chat-dialog .chat-compose textarea{min-height:42px;max-height:76px;resize:none}.chat-dialog #chatSendStatus:empty{display:none}
body[data-device=phone] .session-tools{gap:6px}body[data-device=phone] .session-tools .voice-toggle{min-width:40px;width:40px;height:40px}body[data-device=phone] .chat-dialog{inset:auto max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) auto!important;bottom:max(8px,calc(100dvh - var(--app-height,100dvh) - var(--viewport-top,0px) + 8px))!important;height:min(470px,calc(var(--app-height,100dvh) - 76px))!important;max-height:calc(var(--app-height,100dvh) - 76px)!important;width:min(340px,calc(100vw - 16px))!important}
@media(orientation:landscape){body[data-device=phone] .chat-dialog{width:min(340px,46vw)!important}body[data-device=phone] .chat-dialog .dialog-top{padding:6px 10px}body[data-device=phone] .chat-dialog h2{font-size:20px}body[data-device=phone] .chat-dialog .communication-messages{padding:8px 10px}body[data-device=phone] .chat-dialog .chat-admin{padding:4px 10px}body[data-device=phone] .chat-dialog #communicationForm{padding:6px 10px}body[data-device=phone] .chat-dialog .chat-compose textarea{height:42px}body[data-device=phone] .chat-dialog .chat-message p{font-size:13px}body[data-device=phone] .chat-dialog .chat-admin .button{min-height:34px;padding:6px 10px}}
@media(orientation:portrait){body[data-device=phone] .chat-dialog{height:min(470px,58dvh,calc(var(--app-height,100dvh) - 76px))!important}}
.chat-dialog{transform:none!important}