.phone-navigation,#phone-drawer-scrim,#phone-search-button,#phone-settings-back{display:none}.phone-layout{--phone-shell-width:100vw;--phone-edge:0px;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.phone-preview{--phone-shell-width:min(390px,100vw);--phone-edge:max(0px,calc((100vw - 390px)/2));background:#0b0c10!important}.phone-layout #app:not(.hidden){height:var(--phone-height,100dvh);width:var(--phone-shell-width);margin:0 auto;position:relative;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.phone-layout .titlebar{height:30px;flex-basis:30px;padding:0 14px;background:#15161b}.phone-layout .workspace,.phone-layout .workspace:has(.dm-profile-panel),.phone-layout .workspace:has(.member-panel.prefs-hidden){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;min-width:0;height:auto!important}.phone-layout .workspace>.main{grid-column:1;grid-row:1;height:100%;min-height:0;width:100%;border:0}.phone-layout .workspace>.server-rail{position:fixed;top:30px;bottom:calc(64px + env(safe-area-inset-bottom,0px));height:auto;left:var(--phone-edge);width:58px;z-index:32;transform:translateX(-110%);transition:transform .18s ease;background:#121317!important;display:flex;visibility:hidden;gap:5px;padding-top:10px;overflow:auto!important}.phone-layout .workspace>.sidebar{position:fixed;top:30px;bottom:calc(64px + env(safe-area-inset-bottom,0px));height:auto;left:calc(var(--phone-edge) + 58px);width:min(320px,calc(var(--phone-shell-width) - 58px));z-index:32;display:flex;transform:translateX(calc(-100% - 64px));visibility:hidden;transition:transform .18s ease;background:#1b1c22!important;box-shadow:8px 0 28px #0006}.phone-layout.phone-drawer-open .workspace>.sidebar,.phone-layout.phone-drawer-open .workspace>.server-rail{visibility:visible;transform:translateX(0)}.phone-layout .server-icon{width:44px;height:44px;border-radius:14px;margin:3px 0;font-size:16px}.phone-layout .channel-scroll{padding:8px}.phone-layout .channel{min-height:44px;padding:9px 10px;font-size:15px;border-radius:6px}.phone-layout .category .category-fold{min-height:30px;font-size:12px!important}.phone-layout .server-header{height:52px;font-size:15px;padding:0 16px}.phone-layout .category button[data-create-in]{min-height:32px;min-width:32px}.phone-layout .user-panel{min-height:58px;height:auto;gap:9px}.phone-layout .user-control{display:grid!important;width:30px;height:36px}.phone-layout .workspace>.member-panel{display:none}.phone-layout .workspace>.member-panel.visible{display:flex;position:fixed;top:30px;bottom:calc(64px + env(safe-area-inset-bottom,0px));right:var(--phone-edge);height:auto!important;width:min(320px,calc(var(--phone-shell-width) - 28px));z-index:34;background:#202127!important;padding:18px 12px;box-shadow:-10px 0 30px #0006}.phone-layout #toggle-members{display:grid;width:38px;height:42px;place-items:center}.phone-layout #search-form,.phone-layout #channel-topic,.phone-layout .header-divider,.phone-layout #pins{display:none}.phone-layout .channel-header{height:54px;min-height:54px;padding:0 6px;gap:6px}.phone-layout #mobile-channels-toggle{display:grid;place-items:center;width:40px;height:44px;flex-shrink:0;font-size:21px}.phone-layout .channel-header #header-icon{font-size:22px;flex-shrink:0}.phone-layout .channel-header>strong{font-size:15px;font-weight:600;flex:1;max-width:none}.phone-layout .header-actions{gap:0!important;margin-left:0}.phone-layout #phone-search-button{display:grid;place-items:center;width:36px;height:42px;color:#b5bac1}.phone-layout #phone-search-button svg{width:20px;height:20px}.phone-layout .chat-view{width:100%;min-width:0;min-height:0}.phone-layout .messages{padding-top:16px;scrollbar-width:thin;scrollbar-gutter:auto}.phone-layout .message{padding:8px 12px;gap:10px}.phone-layout .message>.avatar{height:34px;width:34px;min-width:34px;font-size:12px}.phone-layout .message-author{font-size:14px}.phone-layout .message-time{font-size:10px}.phone-layout .message-body{font-size:15px;line-height:1.48}.phone-layout .message-meta{flex-wrap:wrap;gap:5px}.phone-layout .message-actions{display:none}.phone-layout .message:focus-within .message-actions{display:flex}.phone-layout .message-image-preview img{max-height:260px}.phone-layout .welcome{padding:12px 14px 22px}.phone-layout .welcome h1{font-size:24px}.phone-layout .welcome p{font-size:13px}.phone-layout .composer{margin:0 8px 4px;padding:8px;gap:7px;min-height:50px;border-radius:10px}.phone-layout .composer textarea{font-size:16px;line-height:1.4;min-height:25px;max-height:120px}.phone-layout .composer>button{display:grid;place-items:center;width:33px;height:34px;flex-shrink:0;margin:0}.phone-layout .composer-footer{min-height:6px;height:auto;padding:0 12px 4px;font-size:10px}.phone-layout .composer-footer>span:last-child{display:none}.phone-layout .reply-bar{margin:0 8px;min-height:36px;gap:8px;font-size:11px}.phone-layout .reply-bar button{width:36px;min-height:36px}.phone-layout .phone-navigation{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;left:var(--phone-edge);bottom:0;width:var(--phone-shell-width);height:calc(64px + env(safe-area-inset-bottom,0px));padding:3px 6px env(safe-area-inset-bottom,0px);background:#191a20;border-top:1px solid #ffffff0d;z-index:36;box-shadow:0 -3px 20px #0001}.phone-layout .phone-navigation button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:10px;color:#9296a2;position:relative;min-height:55px}.phone-layout .phone-navigation svg{height:22px;width:22px}.phone-layout .phone-navigation .selected{color:#e5e6eb}.phone-layout .phone-navigation .selected svg{color:#b6bcff}.phone-layout .phone-navigation button[aria-expanded=true]{color:#bcc1ff}.phone-layout #phone-chat-count{position:absolute;top:3px;left:calc(50% + 6px);display:grid;place-items:center;background:#ed4245;color:#fff;border:2px solid #191a20;min-width:19px;height:19px;border-radius:12px;font-size:10px;font-style:normal;font-weight:700;padding:0 3px}.phone-layout #phone-drawer-scrim:not(.hidden){display:block;position:fixed;left:var(--phone-edge);top:30px;bottom:64px;width:var(--phone-shell-width);background:#0008;z-index:30;backdrop-filter:blur(2px)}.phone-layout #self-profile-menu{max-width:calc(var(--phone-shell-width) - 24px);width:calc(var(--phone-shell-width) - 24px);left:calc(var(--phone-edge) + 12px)!important;border-radius:12px}.phone-layout .self-profile-actions>button{min-height:48px;font-size:14px}.phone-layout .self-profile-close{width:32px;height:32px}.phone-layout .settings-overlay{left:var(--phone-edge);right:auto;width:var(--phone-shell-width);display:block;z-index:45;background:#202127}.phone-layout .settings-nav-wrap{height:100%;width:100%;overflow:auto}.phone-layout .settings-overlay nav{width:100%;padding:56px 16px 40px}.phone-layout .settings-nav-item{font-size:15px;min-height:48px;padding:12px;border-radius:6px}.phone-layout .nav-group-title{padding:16px 12px 7px;font-size:11px}.phone-layout .settings-overlay #settings-content{display:none;width:100%;height:100%;padding:64px 16px 40px}.phone-layout.phone-settings-detail .settings-nav-wrap{display:none}.phone-layout.phone-settings-detail .settings-overlay #settings-content{display:block}.phone-layout .settings-close{position:absolute;top:10px;right:12px;padding:0;z-index:5}.phone-layout .settings-close button{height:36px;width:36px;background:#2b2d35;font-size:25px}.phone-layout .settings-close small{display:none}.phone-layout #phone-settings-back{position:absolute;left:12px;top:12px;z-index:5;display:none;height:34px;font-size:14px;color:#bac0ff;padding:0 8px}.phone-layout.phone-settings-detail #phone-settings-back{display:block}.phone-layout #settings-content input:not([type=checkbox]):not([type=color]):not([type=range]),.phone-layout #settings-content select,.phone-layout #settings-content textarea{font-size:16px!important}.phone-layout .settings-overlay #settings-content h1{font-size:22px}.phone-layout .profile-editor,.phone-layout .server-profile-editor{display:block}.phone-layout .profile-preview,.phone-layout .server-profile-preview{margin-top:24px;max-width:100%;width:100%}.phone-layout .font-preview-deck>div{grid-template-columns:1fr 1fr}.phone-layout .font-preview-deck b{font-size:17px}.phone-layout .boost-hero-v6{align-items:center;gap:12px}.phone-layout .boost-hero-v6 h1{font-size:19px!important}.phone-layout .boost-tier-grid{grid-template-columns:1fr}.phone-layout .boost-tier-grid section{padding:15px}.phone-layout .boost-tier-grid p{min-height:0}.phone-layout .boost-stats>div{padding:14px 6px;flex-direction:column;gap:3px}.phone-layout .boost-tag-perk{padding:14px;gap:10px}.phone-layout .boost-tag-perk>div{flex-basis:65%}.phone-layout .boost-tag-perk button{width:100%}.phone-layout .role-editor{display:block}.phone-layout .role-editor aside{display:none}.phone-layout .role-save-bar{left:calc(var(--phone-edge) + 12px);right:auto;width:calc(var(--phone-shell-width) - 24px);bottom:12px;padding:10px;gap:7px;flex-wrap:wrap}.phone-layout dialog{width:calc(var(--phone-shell-width) - 20px);max-width:calc(var(--phone-shell-width) - 20px);max-height:calc(var(--phone-height,100dvh) - 24px);padding:18px;border-radius:12px}.phone-layout .profile-dialog{padding:0}.phone-layout .profile-dialog .full-profile{display:block;padding:14px}.phone-layout .profile-dialog .full-profile-side{width:100%!important}.phone-layout .profile-dialog .full-profile-main{padding:18px 4px 4px}.phone-layout .profile-dialog .profile-banner{height:115px!important}.phone-layout .full-profile-tabs{gap:16px}.phone-layout .profile-info-row{flex-wrap:wrap;gap:8px}.phone-layout dialog input,.phone-layout dialog textarea,.phone-layout dialog select{font-size:16px}.phone-layout dialog h2{font-size:21px}.phone-layout .emoji-grid.native-emoji{grid-template-columns:repeat(7,minmax(0,1fr))}.phone-layout .emoji-grid.native-emoji button{height:41px;font-size:26px}.phone-layout .emoji-picker #emoji-results{height:280px;max-height:42dvh}.phone-layout .emoji-picker nav button{font-size:20px}.phone-layout .rift-context-menu{max-width:min(280px,calc(var(--phone-shell-width) - 20px));z-index:70}.phone-layout .rift-context-menu button{min-height:43px;font-size:14px}.phone-layout .voice-view{padding:16px 12px}.phone-layout .voice-heading h1{font-size:22px}.phone-layout .voice-grid{gap:10px}.phone-layout .voice-tile{min-width:0!important;max-width:100%;width:100%;height:220px}.phone-layout .voice-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}.phone-layout .voice-actions button{min-height:44px;font-size:12px;padding:10px 12px}.phone-layout .friends-tabs{gap:6px;overflow-x:auto;padding:10px;flex-shrink:0}.phone-layout .friends-tabs button{font-size:12px;white-space:nowrap;padding:10px}.phone-layout #hub-body{padding:16px}.phone-layout .hub-friend{padding:12px 0}.phone-layout .friend-profile{min-width:0}.phone-layout .hub-friend .friend-profile b{font-size:14px}.phone-layout .hub-friend small{font-size:11px}.phone-layout .hub-friend>div>button{width:36px;height:36px}.phone-layout .hub-friend .avatar{width:36px;height:36px}.phone-layout #new-messages-bar{top:54px;left:8px;right:8px;font-size:12px;min-height:34px}.phone-layout #composer-completions{max-height:240px}.phone-layout #composer-completions header small{display:none}.phone-layout #composer-completions button{min-height:43px;font-size:13px}.phone-layout.phone-keyboard-open #app:not(.hidden){padding-bottom:0}.phone-layout.phone-keyboard-open .phone-navigation{display:none}.phone-layout.phone-keyboard-open .workspace>.sidebar,.phone-layout.phone-keyboard-open .workspace>.server-rail{bottom:0}.phone-layout #toast{max-width:calc(var(--phone-shell-width) - 24px);bottom:82px;left:calc(var(--phone-edge) + var(--phone-shell-width)/2);font-size:12px;white-space:normal;text-align:center}.phone-layout .auth-screen{width:var(--phone-shell-width);margin:auto;padding:90px 0 40px}.phone-layout .auth-card{width:calc(100% - 24px);padding:26px 22px;border-radius:10px}.phone-layout .auth-card input{font-size:16px}.phone-layout .auth-card h1{font-size:29px}.phone-layout .auth-screen footer{display:none}.phone-layout .wordmark{top:22px;left:22px}.phone-layout .self-identity .badge-strip{flex-wrap:nowrap}.phone-layout .self-profile-menu{scrollbar-width:thin}@media(prefers-reduced-motion:reduce){.phone-layout .sidebar,.phone-layout .server-rail{transition:none!important}}

#phone-close-members{display:none}.phone-layout #phone-close-members{display:block;position:sticky;top:0;padding:10px;width:100%;min-height:42px;text-align:left;background:#202127;color:#b9bfff;margin-bottom:12px;z-index:2;border-bottom:1px solid #ffffff12}.phone-preview.full-theme #app:not(.hidden){background:var(--rift-full-background)!important}