html,body{height:100%;height:100dvh}#titlebar{display:none}#app{height:100%;height:100dvh;padding-top:16px;padding-bottom:16px}#musicPlayer,#bottomDock{bottom:12px}.browser-vault-dialog{margin:auto;max-width:min(480px,92vw);border:1px solid var(--line);border-radius:22px;background:var(--pan);color:var(--tx);padding:24px}.browser-vault-dialog::backdrop{background:#000b}.browser-vault-dialog form{display:grid;gap:18px}.browser-vault-dialog input{width:100%;background:var(--in);color:var(--tx);padding:14px;border:1px solid var(--line);border-radius:12px}.web-chat-back{display:none}
#logoRain{display:none!important}
@media(max-width:650px){
 html,body{width:100%;min-width:0;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}
 #app{position:relative;display:flex;width:100%;height:100%;height:100dvh;min-width:0;min-height:0;padding:0 0 calc(76px + env(safe-area-inset-bottom));gap:0;overflow:hidden}
 #side{display:flex;flex:1 1 auto;width:100%;min-width:0;height:100%;min-height:0;border:0;border-radius:0;padding-bottom:0}
 #main{display:none;flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;border:0;border-radius:0;overflow:hidden}
 #workspace,#rail,#details,#musicPlayer,.brand,.top-search{display:none!important}
 #bottomDock{position:fixed!important;z-index:30;display:flex!important;left:50%!important;right:auto!important;bottom:max(10px,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(360px,calc(100vw - 28px));height:58px;align-items:center;justify-content:space-evenly;gap:4px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--pan) 92%,transparent);box-shadow:0 8px 28px #0005;backdrop-filter:blur(22px)}
 #bottomDock .ib{display:grid!important;flex:1 1 0;width:46px;height:46px;min-width:0;place-items:center;padding:0;border-radius:50%;color:var(--tx2)}
 #bottomDock .ib.on{color:var(--acc);background:color-mix(in srgb,var(--acc) 17%,transparent)}
 body.web-chat-open #side{display:none}
 body.web-chat-open #main{display:flex}
 .web-chat-back{display:inline-flex!important;flex:0 0 36px;align-items:center;justify-content:center}
 #head{display:flex;min-width:0;max-width:100%;padding:8px 10px;gap:6px;overflow:hidden}
 #head>*{min-width:0}
 #msgs{flex:1 1 auto;min-width:0;min-height:0;width:100%;padding:10px 12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
 #comp:not([hidden]){display:block!important;flex:0 0 auto;width:100%;min-width:0;padding:8px 10px max(10px,env(safe-area-inset-bottom));background:var(--pan);}
 #cin,#crec{display:flex;align-items:center;width:100%;min-width:0;min-height:52px;gap:5px;padding:5px 7px;border:1px solid var(--line);border-radius:28px;background:var(--pan)}
 #cin[hidden],#crec[hidden]{display:none!important}
 #cin>.ib,#crec>.ib{display:grid!important;flex:0 0 38px;width:38px;height:38px;min-width:38px;place-items:center;padding:0;border-radius:50%;color:var(--tx2)}
 #cin>.ib svg,#crec>.ib svg{display:block;width:21px;height:21px}
 #bSend{background:color-mix(in srgb,var(--acc) 18%,var(--pan));color:var(--acc)!important;border:1px solid color-mix(in srgb,var(--acc) 48%,transparent)}
 #bAtt{color:var(--tx2)}
 #emojiToggle{color:var(--tx2)}
 #txt{display:block;flex:1 1 auto;width:0;min-width:0;max-width:100%;min-height:38px;max-height:120px;padding:10px 4px;border:0;background:transparent;color:var(--tx);font-size:16px;line-height:1.25;resize:none;overflow-y:auto}
 #txt::placeholder{color:var(--tx2);opacity:1}
 .md{box-sizing:border-box;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;min-width:0;overflow:auto;border-radius:18px}
 .settings-window{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important}
 .settings-layout{display:flex!important;flex-direction:column;width:100%;height:100%;min-width:0;overflow:hidden}
 .settings-nav{flex:0 0 auto;width:100%!important;max-height:31dvh;min-width:0;padding:14px 12px 8px;gap:8px;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}
 .settings-nav h2{margin:0;padding:0 34px 0 4px}
 .settings-search{min-height:38px}
 .settings-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 .settings-menu button{min-width:0;padding:8px 9px;gap:8px;font-size:11px}
 .settings-columns{display:flex!important;flex:1 1 auto;width:100%;min-width:0;min-height:0;gap:12px;padding:14px 12px 24px;overflow:auto;scrollbar-gutter:auto}
 .settings-content,.settings-aside{width:100%;min-width:0}
 .settings-aside{display:flex!important}
 .settings-close{position:fixed;top:10px;right:10px;width:34px;height:34px;background:var(--pan);border:1px solid var(--line);border-radius:50%}
 .reference-directory,#referenceSurface,.reference-home-mode #main{min-width:0;max-width:100%;width:100%;overflow-x:hidden}
 .reference-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;max-width:100%}
 .reference-people>*{box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden}
 .reference-people .reference-user-card,.reference-people .user-card{min-width:0;max-width:100%;overflow-wrap:anywhere}
 .profile-full .full-profile-layout,.profile-full .profile-shell,.profile-full .profile-sidebar{min-width:0;max-width:100%;overflow-x:hidden}
 .auth-card{width:min(440px,94vw)!important}
 .ov:has(>.settings-window){position:fixed!important;inset:0!important;z-index:100!important;width:100vw!important;height:100dvh!important;padding:0!important;align-items:stretch!important;justify-content:stretch!important;background:#000b!important;backdrop-filter:blur(8px)}
 .settings-window{box-sizing:border-box!important}
 .settings-layout{flex-direction:column!important}
 .settings-nav{box-sizing:border-box;max-height:30dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
 .settings-menu{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:4px}
 .settings-menu button{min-height:36px;overflow-wrap:anywhere;line-height:1.25}
 .settings-columns{box-sizing:border-box;display:flex!important;flex-direction:column!important;align-items:stretch!important;flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;gap:12px;padding:12px 12px max(24px,env(safe-area-inset-bottom))}
 .settings-content,.settings-aside{box-sizing:border-box;display:flex!important;flex:0 0 auto;width:100%!important;max-width:100%;min-width:0;gap:12px}
 .settings-card{box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:12px}
 .settings-row{box-sizing:border-box;flex-wrap:wrap;gap:8px;min-width:0;overflow-wrap:anywhere}
 .settings-row-label{flex:1 1 110px;min-width:0;overflow-wrap:anywhere;line-height:1.3}
 .settings-value{flex:0 1 auto;max-width:58%;white-space:normal;overflow-wrap:anywhere;text-align:right}
 .settings-select{box-sizing:border-box;width:auto;max-width:100%;min-width:0;white-space:normal}
 .settings-card .tg{align-items:flex-start;gap:10px;line-height:1.3}
 .settings-card .tg>span:first-child{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
 .settings-card .tg>i{flex:0 0 42px;margin-top:2px}
 .settings-card .tg small{max-width:100%;overflow-wrap:anywhere}
 .settings-themes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .settings-themes button{font-size:9px}
 .settings-colors{gap:12px;padding:4px 3px}
 .settings-close{position:absolute!important;top:10px!important;right:10px!important;z-index:4;width:36px;height:36px}
 .reference-directory{box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:18px 14px 90px;overflow-x:hidden;overflow-y:auto}
 .reference-directory>h1{font-size:24px}
 .reference-directory>input{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
}

@media(max-width:650px){body:has(.reference-call-expanded) #bottomDock{display:none!important}body:has(.reference-call-expanded) #app{padding-bottom:env(safe-area-inset-bottom)}body:has(.reference-call-expanded) #main{min-height:0;height:100dvh}}
@media(max-width:850px){
 .ov:has(>.profile-full),.ov:has(>.profile-friend){position:fixed!important;inset:0!important;padding:0!important;width:100%!important;height:100dvh!important;align-items:stretch!important;justify-content:stretch!important;z-index:100}
 .md.profile-full,.md.profile-friend{box-sizing:border-box;width:100%!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:22px!important;margin:0!important;min-width:0}
 .profile-full .full-profile-layout{display:block!important;min-height:0;height:100%;overflow:auto!important}
 .profile-full .profile-shell,.profile-friend .profile-shell{width:100%;min-width:0;max-width:100%;height:auto;overflow-x:hidden}
 .profile-full .profile-sidebar{display:none!important}
 .profile-actions,.profile-tabs{flex-wrap:wrap;min-width:0;max-width:100%}
 .profile-actions>*{min-width:0;flex:1 1 130px;white-space:normal}
 .profile-grid{grid-template-columns:minmax(0,1fr)!important}
 .reference-channel-full #details.channel-panel{position:fixed!important;inset:0!important;width:100%!important;max-width:100vw!important;height:100dvh!important;z-index:95;display:flex!important;padding:0!important;box-sizing:border-box;background:var(--pan);overflow:hidden}
 .reference-channel-full #details.channel-panel .channel-profile-body{display:flex!important;flex-direction:column!important;min-width:0;flex:1 1 0;margin-top:0;padding:12px 16px 20px!important;overflow-x:hidden;overflow-y:auto}
 .reference-channel-full .channel-profile-cover{flex:0 0 170px;height:170px!important;margin:0 12px;border-radius:24px!important}
 .reference-channel-full .channel-profile-identity{position:relative;margin-top:-43px!important;z-index:2}
 .reference-channel-full .channel-profile-stats{background:var(--pan)!important;flex:0 0 auto;padding-bottom:max(12px,env(safe-area-inset-bottom));min-width:0}
 .reference-channel-full .channel-profile-actions{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px}
 .reference-channel-full .channel-profile-actions button{min-width:0;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:650px){
 #side>.top-search{display:flex!important;position:relative;flex:0 0 auto;padding:10px 14px;min-width:0}
 #side>.top-search input{min-width:0;width:100%}
 .md:has(>.forward-picker){box-sizing:border-box;width:calc(100vw - 20px)!important;max-width:100%;max-height:calc(100dvh - 30px)}
 .forward-picker{padding:16px;max-height:calc(100dvh - 30px)}
 body:has(.reference-channel-full) #bottomDock,body:has(.profile-full) #bottomDock,body:has(.profile-friend) #bottomDock{display:none!important}
}

@media(max-width:850px){.profile-shell.full .profile-tabs{display:flex!important;flex-wrap:wrap!important;gap:6px}.profile-shell.full .profile-tabs>button{flex:1 0 68px!important;min-width:68px!important;max-width:none!important}.profile-shell.full .profile-tabs>button>span{white-space:normal!important;overflow-wrap:anywhere;font-size:11px}}

@media(max-width:850px){
#auth{position:fixed!important;inset:0!important;box-sizing:border-box!important;padding:16px 12px!important;overflow-y:auto!important;overflow-x:hidden!important;align-items:flex-start!important}
#auth #af{box-sizing:border-box!important;width:100%!important;max-width:440px!important;min-width:0!important;margin:auto!important;flex-shrink:1!important;overflow:hidden!important}
#auth .auth-body{box-sizing:border-box!important;width:100%!important;min-width:0!important;padding:0 20px 24px!important}#auth .auth-cover{height:145px!important}
#auth .auth-field,#auth .auth-options,#auth #segM{width:100%!important;box-sizing:border-box!important;min-width:0!important}#auth .auth-field input{min-width:0!important;width:0!important;flex:1!important}
#auth #consentRow{display:flex;align-items:flex-start;gap:8px;text-align:left;line-height:1.6;font-size:12px}#auth #consentRow[hidden]{display:none!important}#auth #consentRow input{flex:none;width:18px;height:18px}#auth #consentRow button{display:inline;padding:0;white-space:normal!important}
.security-key-window .premium-form>button{width:100%!important;min-width:0!important;white-space:normal!important;height:auto!important;min-height:44px;line-height:1.4;padding:12px!important;margin-top:8px!important;box-sizing:border-box!important}
.md{box-sizing:border-box!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important}.browser-vault-dialog{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}
#toasts{max-width:calc(100vw - 24px)!important;max-height:35dvh;overflow:hidden;pointer-events:none}.toast{font-size:13px!important;line-height:1.4!important;padding:10px 14px!important;pointer-events:auto}
}
.birth-date426{position:relative;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:46px;padding:12px 14px;background:var(--hov);border:1px solid var(--line);border-radius:12px;color:var(--tx);font-size:14px}.birth-date426 input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer;box-sizing:border-box}.birth-date426:focus-within{outline:2px solid var(--acc)}