:root{--app-height:100dvh}html{min-height:100%;background:#101821}body{overscroll-behavior-y:none}.app-shell{height:var(--app-height);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.chat-area{min-width:0;flex:1}.conversation-view{min-height:0}.messages{min-height:0;overflow-x:hidden}.composer-input{min-width:0;flex:1}.composer-input textarea{min-width:0;width:100%}.chat-header{flex-shrink:0}.conversation-list{min-height:0}.secondary-button{display:block;width:100%;padding:12px 14px;border-radius:10px;background:#22343e;color:#c4e6d9;border:1px solid #8ce3c126;margin-top:9px;font-size:13px;line-height:1.5}.text-button{display:block;margin:12px auto;background:transparent;color:#a4c7b8;font-size:12px;min-height:35px}.quick-view{min-height:var(--app-height);display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(at top,#23433733,transparent 60%),#101821}.quick-card{width:min(100%,370px);text-align:center}.quick-card h1{font-size:26px;margin:24px 0 8px}.quick-card>p{color:#9db8b0}.quick-card form,.settings-dialog form{display:flex;flex-direction:column;gap:10px}.quick-card label,.settings-dialog label{font-size:12px;text-align:left;color:#b3cbc0;margin-top:8px}.quick-card input,.settings-dialog input{height:48px;width:100%;border:1px solid #8ce3c126;border-radius:10px;background:#1b2b35;padding:10px 13px;font-size:16px;color:#e5f2ec}.quick-card #quick-pin{font-size:26px;letter-spacing:14px;text-align:center;padding-left:25px}.quick-card .primary-button,.settings-dialog .primary-button{width:100%;justify-content:center;margin-top:12px}.quick-note{font-size:11px;line-height:1.7;color:#8ba99b}.app-settings{margin:18px 0}.info-dialog{max-height:calc(var(--app-height) - 32px);overflow-y:auto;overscroll-behavior:contain}.settings-dialog{width:min(470px,calc(100vw - 24px));padding-top:45px}.settings-dialog .danger-button{font-size:12px}.settings-dialog .form-error{margin-top:12px}.auth-panel{padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(35px,env(safe-area-inset-bottom))}
@media(max-width:750px){.chat-header{padding-top:12px}.composer{gap:5px;padding-left:8px;padding-right:8px}.composer-input{padding:12px 9px}.composer .send-button{width:44px;height:44px;flex-basis:44px}.composer .icon-button{width:30px;min-width:30px;flex-basis:30px}.composer-footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}.message{overflow-wrap:anywhere}.auth-panel{min-height:var(--app-height)}.auth-panel input{font-size:16px!important}.info-dialog{padding:28px 20px}.settings-dialog{padding-top:46px}.security-pill{padding:7px;min-width:32px}.peer-heading{min-width:0;flex:1}.peer-heading h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-header .icon-button{flex-shrink:0}.round-composer{gap:10px}.round-compose-panel{min-width:0;max-width:56%}}
@media(pointer:coarse){.conversation-row{min-height:64px}.message-actions button{min-width:34px;min-height:34px}.playback-speed select,.video-quality select{min-height:32px}.quick-card button,.settings-dialog button:not(.dialog-close){min-height:44px}.file-download{min-height:40px}}
@media(max-width:360px){.composer .icon-button{width:27px;min-width:27px;flex-basis:27px}.composer{gap:3px}.round-preview{width:110px;height:110px}.round-compose-actions{gap:5px}.round-compose-actions button{padding:7px;font-size:10px}.chat-header{padding-left:12px;padding-right:10px;gap:7px}.peer-avatar{width:32px;height:32px}.chat-header .icon-button{width:30px}}
@media(max-width:750px){.composer .icon-button{width:44px;min-width:44px;flex-basis:44px}.composer-input textarea{font-size:16px;line-height:24px;height:24px;min-height:24px;scrollbar-width:none}.composer-input textarea::-webkit-scrollbar{width:0}}
@media(max-height:500px) and (max-width:950px){.app-shell.chat-open .rail,.app-shell.chat-open .sidebar{display:none}.app-shell.chat-open .chat-area{display:block;width:100%}.mobile-back{display:flex}.chat-header{min-height:62px;padding-top:8px;padding-bottom:8px}.round-preview{width:110px;height:110px}.round-composer{padding:8px;margin-top:4px}.composer-footer{padding-top:5px}.auth-panel{padding-top:16px}.auth-mobile-logo{margin-bottom:15px}.quick-view{padding-top:18px;padding-bottom:18px}.quick-card h1{margin-top:12px}}
@media(max-width:750px){.composer .icon-button{height:44px;align-self:flex-end}.composer-input textarea::placeholder{white-space:nowrap}}@media(max-width:360px){.composer-input>svg{display:none}.composer-input{padding-left:8px;padding-right:8px}}

/* Touch gestures navigate the interface; text editing keeps native selection. */
@media (any-pointer: coarse), (max-width: 750px) {
  body, body * {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
  }
  input, textarea, [contenteditable]:not([contenteditable="false"]),
  [contenteditable]:not([contenteditable="false"]) * {
    -webkit-user-select: text;
    user-select: text;
    -webkit-touch-callout: default;
  }
  img, video, svg {
    -webkit-user-drag: none;
  }
}