@font-face{font-family:'Rift Sans';src:url('/fonts/DMSans.ttf') format('truetype');font-weight:100 1000;font-display:swap}:root{--font:'Rift Sans','Segoe UI',sans-serif;--accent:#858cff;--text:#edf0f7;--muted:#989fb1;--line:#ffffff0d}body,button,input,textarea,select{font-family:var(--font);font-synthesis:none}body{background:#0b101a;color:var(--text);font-size:14px;font-weight:400}h1,h2,h3,h4{font-family:var(--font);font-weight:650;letter-spacing:-.025em}.name-default{font-family:var(--font)!important}.titlebar{height:44px;background:#0b101a;padding:0 22px;border-bottom:1px solid #ffffff09}.titlebar b{font-size:19px;letter-spacing:-.7px}.titlebar>span:first-child{color:#aeb4ff}.titlebar-right{letter-spacing:.4px;font-size:10px}.workspace{height:calc(100dvh - 44px);padding-top:66px;grid-template-columns:258px minmax(0,1fr)240px;gap:0}.workspace>.server-rail{position:fixed;top:44px;left:0;right:0;width:auto;height:66px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:10px 20px;background:#101724;border-bottom:1px solid #ffffff0d;z-index:12}.server-rail hr,.server-rail .rail-spacer{display:none}.server-rail button{width:42px;height:42px;border-radius:13px!important;flex-shrink:0}.server-rail button.active:before{display:none}.server-rail button.active{box-shadow:0 0 0 2px #a7acff,0 0 0 5px #858cff12}.server-rail #help{margin-left:auto}.workspace>.sidebar{grid-column:1;background:#101724;border-right:1px solid #ffffff09}.workspace>.main{grid-column:2;background:var(--chat-bg,#151e2b)}.workspace>.member-panel{grid-column:3;background:#111925;border-left:1px solid #ffffff09}.channel-header{background:#151e2b;min-height:65px;border-bottom:1px solid #ffffff0b;padding:0 24px}.server-menu{height:65px}.channel-list{padding:12px}.channel{border-radius:8px;min-height:37px;margin:3px 0}.channel.active{background:#858cff18;color:#dce0ff}.channel:hover{background:#ffffff06}.members-heading{font-size:11px;letter-spacing:.06em;padding:22px 16px 12px}.member{padding:9px 12px;border-radius:9px}.member small{color:#949fb1}.member-group-heading{font-size:10px;letter-spacing:.04em;padding-top:22px}.user-panel{background:#192334;border:1px solid #ffffff0a;border-radius:12px;margin:10px;padding:10px;min-height:66px}.user-panel #profile-name{min-width:0}.user-panel .avatar{width:34px;height:34px}.primary{background:#858cff;color:#11152a;border-radius:9px;font-weight:650;box-shadow:none}.secondary,.small-button{border-radius:8px;background:#ffffff08;border:1px solid #ffffff12}.primary:hover{background:#a3a9ff}.welcome{padding:36px 24px 26px}.welcome-icon{display:none}.welcome h1{font-size:26px;letter-spacing:-.6px}.welcome .eyebrow{display:none}.welcome p{color:#9ba7ba}.message{padding-left:24px;padding-right:24px;border-radius:0}.message:hover{background:#ffffff03}.message-author{font-size:14px;font-weight:650}.message-meta{gap:7px}.message-body{color:#e0e6f0;line-height:1.55}.message-actions{display:none!important}.message-image-preview{max-width:440px}.message-content{min-width:0}.composer{position:relative;margin:0 20px 14px;padding:9px 10px;min-height:57px;display:flex;align-items:center;border-radius:14px;background:#1c283b;border:1px solid #ffffff12;box-shadow:0 4px 15px #00000015;flex-shrink:0}.composer:focus-within{border-color:#858cff77;box-shadow:0 0 0 3px #858cff0b}.composer textarea#message-input{flex:1;width:auto;min-width:0;align-self:stretch;height:38px;min-height:38px;margin:0;padding:9px 8px;line-height:20px;background:transparent;border:0;outline:none;z-index:1;resize:none;pointer-events:auto;font-size:15px}.composer button{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;padding:8px}.composer .send{color:#b5bbff}.composer-hint{display:none!important}#typing{min-height:21px;height:21px;margin:0 24px 4px;padding:0;color:#b8c2d5;font-size:11px;display:flex;align-items:center;gap:7px;flex-shrink:0}#typing:not(:empty):before{content:'';width:5px;height:5px;border-radius:50%;background:#999fff;box-shadow:8px 0 #999fff88,16px 0 #999fff44;margin-right:18px;animation:typingPulse 1.1s ease-in-out infinite}@keyframes typingPulse{50%{opacity:.35}}.rift-brand{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;transform:scale(1.3)}#home{overflow:hidden;background:#0b101a}.brand-symbol{overflow:hidden;background:#0b101a}.avatar{overflow:hidden;background:#151721!important;color:white;border-radius:35%!important;flex-shrink:0;position:relative}.avatar.rift-default-avatar img.rift-avatar-logo{width:100%;height:100%;object-fit:cover;transform:scale(1.35);filter:hue-rotate(var(--avatar-hue,0deg));mix-blend-mode:screen}.avatar:not(.rift-default-avatar)>img{object-fit:cover;width:100%;height:100%}.member>.avatar{overflow:visible}.member>.avatar>img{border-radius:35%}.member>.avatar.rift-default-avatar>img{transform:none;object-fit:cover}.profile-card .large-avatar,.self-avatar .avatar{border-radius:28%!important}.profile-card{background:#1c2534;border:1px solid #ffffff16;border-radius:18px;overflow:hidden}.profile-card.colored-profile,.self-profile-menu.colored-profile{background-image:linear-gradient(#10162370,#10162370),var(--profile-paint)!important;background-color:#1b2131}.colored-profile .profile-card-body{background:transparent!important}.colored-profile .profile-banner{background:transparent!important}.colored-profile .profile-bio{background:#11172430;border-radius:9px;padding:10px}.profile-handle,.profile-identity{color:#d4d8e6}.self-profile-menu{background:#192334;border-radius:18px;border:1px solid #ffffff16;box-shadow:0 18px 70px #0008}.self-profile-note{background:transparent!important;border:0!important;padding:8px 0!important;font-size:13px;color:#c6d0e2;max-height:95px;overflow:auto}.self-profile-banner{height:94px}.self-profile-actions{background:#0b122550;border:1px solid #ffffff0a;border-radius:12px}.profile-colors-editor{border-top:1px solid #ffffff15;margin-top:30px;padding:25px 0}.profile-colors-editor p{color:#9da9bf;max-width:600px}.palette-controls{display:flex;gap:8px;margin:12px 0}.palette-controls input{width:56px;height:40px;padding:3px}.profile-colors-editor .profile-card{max-width:310px;margin:14px 0}.settings-overlay{background:#121b29}.settings-nav-wrap{background:#0e1521}.settings-overlay #settings-content{background:#151e2b}.settings-nav-item{border-radius:7px;min-height:35px;font-weight:450}.settings-nav-item.selected{background:#858cff1a;color:#cfd4ff}.account-card,.settings-info,.role-default{border-radius:12px!important;background:#1b2738!important}.account-fields{background:#151e2b}.profile-editor{gap:32px}.settings-close button{border:1px solid #ffffff30}.boost-dashboard,.boost-hero-v6,.boost-tag-perk,.boost-tier-grid section{background:#172233!important;border-radius:10px!important}.boost-hero-v6{border-left:3px solid #858cff!important}.plus-orbit{display:none}.plus-showcase{background:#1d2940;border:1px solid #ffffff15;text-align:left;padding:28px;border-radius:14px}.plus-showcase h2{font-size:30px}.plus-showcase h2 br{display:none}.plus-perks>div{background:#192536;border:1px solid #ffffff10;border-radius:10px}.anchored-emojis{position:absolute;bottom:103px;right:20px;width:355px;max-width:calc(100% - 32px);max-height:430px;z-index:32;background:#172133;border:1px solid #ffffff1c;border-radius:16px;box-shadow:0 20px 60px #0007;padding:12px;display:flex;flex-direction:column;animation:appear .13s ease}.anchored-emojis header{display:flex;gap:6px}.anchored-emojis header input{min-width:0;height:40px}.anchored-emojis header button{width:35px;flex-shrink:0}.anchored-emojis nav{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff0c;padding:8px 0}.anchored-emojis nav button{width:30px;height:35px;font-size:19px;padding:3px}.anchored-emojis h3{font-size:12px;color:#a8b4cb;margin:10px 0}.anchored-emojis #emoji-results{height:240px;overflow-y:auto;overscroll-behavior:contain}.anchored-emojis .emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}.anchored-emojis .emoji-grid button{font-size:26px;min-width:0;width:auto;height:37px;border-radius:8px;padding:2px}.anchored-emojis .emoji-grid button:hover{background:#ffffff10}.custom-emoji-grid{display:flex;flex-wrap:wrap}.custom-emoji-grid button{width:38px;height:38px}.custom-emoji-grid img{width:28px;height:28px;object-fit:contain}.empty-search{padding:18px;color:#a7b4ca;text-align:center}.rift-inbox{padding:28px!important;overflow-y:auto;min-height:0}.inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.inbox-heading h1{font-size:28px;margin:4px 0}.inbox-heading .eyebrow{color:#929bba;letter-spacing:.07em}.inbox-row{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:16px 8px;border-bottom:1px solid #ffffff0b}.inbox-row:hover{background:#ffffff04}.inbox-row>span:not(.avatar){display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.inbox-row small{font-size:12px;color:#98a8be;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-row.unread small,.inbox-row.unread b{color:#f3f5ff}.inbox-row time{font-size:10px;color:#8190a8}.inbox-row>i,.dm-unread-count{font-style:normal;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:6px;background:#969cff;color:#111629;font-size:11px;font-weight:700}.inbox-empty{text-align:center;padding:65px 16px;color:#b5c0d2}.dm-unread-count{margin-left:auto}.group-pick-list{display:grid;gap:8px;max-height:300px;overflow-y:auto;margin:18px 0}.group-pick-list label{display:flex!important;flex-direction:row!important;align-items:center;font-size:14px;gap:10px;margin:0!important;padding:10px;background:#ffffff06;border-radius:9px}.group-pick-list input{width:18px!important;height:18px;margin:0!important}.group-members>div{display:flex;align-items:center;gap:10px;padding:10px}#dm-controls{display:flex;gap:5px}#dm-controls button{width:34px;height:34px;padding:7px;border-radius:8px}#dm-controls button:hover{background:#858cff19}#dm-controls .rift-icon{width:19px;height:19px}#return-call-chat{margin-bottom:14px}.voice-person,.voice-tile{border-radius:15px!important;background:#1c2940!important}.message,.message *{-webkit-touch-callout:none}.message-body{-webkit-user-select:text;user-select:text}.noise-mode-settings p{font-size:12px;color:#a0aec5}.phone-layout .workspace{padding-top:0;height:auto;display:block}.phone-layout .titlebar{height:30px;padding:0 14px}.phone-layout .workspace>.server-rail{top:30px;bottom:76px;right:auto;width:60px;height:auto;flex-direction:column;padding:12px 7px;gap:12px;border-right:1px solid #ffffff0c}.phone-layout .server-rail #help{margin-left:0;margin-top:auto}.phone-layout .workspace>.sidebar{top:30px;left:calc(var(--phone-edge) + 60px);width:calc(var(--phone-shell-width) - 60px)}.phone-layout .channel-header{padding:0 10px;min-height:56px;gap:7px}.phone-layout #channel-title{font-size:15px}.phone-layout .header-actions{gap:2px}.phone-layout .header-actions>button{width:30px;padding:5px}.phone-layout #dm-controls{gap:0}.phone-layout #dm-controls button{width:28px;padding:5px}.phone-layout .message{padding:10px 14px}.phone-layout .message-author{font-size:14px}.phone-layout .composer{margin:0 10px 10px;min-height:54px;padding:6px;border-radius:15px}.phone-layout #typing{margin:0 16px 3px;min-height:19px;height:19px;font-size:10px}.phone-layout #message-input{font-size:16px!important;padding:9px 5px!important;min-height:40px!important}.phone-layout .composer button{width:34px!important;height:38px!important}.phone-layout .phone-navigation{background:#101724ed;backdrop-filter:blur(20px);border-top:1px solid #ffffff0c;padding-top:8px}.phone-layout .phone-navigation button{color:#8491a8}.phone-layout .phone-navigation button.selected{color:#c4c9ff}.phone-layout .phone-navigation .selected .rift-icon{background:#858cff18;border-radius:8px;box-sizing:content-box;padding:3px;margin-top:-3px;margin-bottom:-3px}.phone-layout .rift-inbox{padding:20px 16px!important}.phone-layout .inbox-heading h1{font-size:24px}.phone-layout .inbox-heading .small-button{font-size:11px;padding:10px}.phone-layout .inbox-row{padding:16px 0}.phone-layout .anchored-emojis{left:10px;right:10px;bottom:90px;width:auto;max-width:none;max-height:380px;border-radius:18px;padding:10px}.phone-layout .anchored-emojis #emoji-results{height:210px;max-height:35dvh}.phone-layout .anchored-emojis .emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.phone-layout .anchored-emojis .emoji-grid button{height:38px;font-size:27px}.phone-layout .anchored-emojis nav button{min-height:38px;font-size:19px;width:31px}.phone-layout .phone-action-sheet{position:fixed!important;left:calc(var(--phone-edge) + 8px)!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;width:calc(var(--phone-shell-width) - 16px)!important;max-width:none!important;border-radius:22px!important;padding:12px;background:#1c293e;box-shadow:0 -20px 100px #000b;max-height:75dvh;overflow:auto;z-index:80}.phone-action-sheet h3{padding:0 10px;font-size:12px;color:#a7b5ca}.phone-action-sheet .sheet-handle{width:35px;height:4px;margin:0 auto 12px;border-radius:3px;background:#ffffff35}.phone-layout .phone-action-sheet button{min-height:47px;border-radius:10px;font-size:15px;padding:10px 14px}.phone-action-sheet #close-action-sheet{margin-top:8px;text-align:center;background:#ffffff0b;justify-content:center}.phone-layout .profile-card{border-radius:15px}.phone-layout .profile-card-body{padding:20px}.phone-layout .self-profile-menu{border-radius:20px}.phone-layout .settings-overlay #settings-content{background:#151e2b}.phone-layout .settings-nav-wrap{background:#101724}.phone-layout .group-pick-list{max-height:35dvh}.phone-layout .profile-colors-editor .profile-card{max-width:100%}.phone-layout .self-profile-note{font-size:12px}@media(max-width:1100px){body:not(.phone-layout) .workspace{grid-template-columns:236px minmax(0,1fr)}body:not(.phone-layout) .workspace>.member-panel{position:fixed;right:0;top:110px;bottom:0;width:240px;z-index:22}}@media(prefers-reduced-motion:reduce){#typing:before,.anchored-emojis{animation:none!important}}

.composer-footer{display:none!important}#profile-avatar{background:#121721!important}#profile-avatar>.avatar{width:100%;height:100%}.rift-brand{filter:none}.colored-profile .profile-banner{background-image:none!important}

#dm-active-call{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 16px;background:#8292ff13;border-bottom:1px solid #8796ff25;flex-shrink:0}#dm-active-call button{display:flex;align-items:center;gap:8px;font-size:12px;color:#bec7ff}#dm-active-call #end-active-call{padding:7px 10px;border-radius:7px;background:#ed64781a;color:#ff9aae}.phone-layout #dm-active-call{padding:8px 12px}.phone-layout #dm-active-call button{font-size:11px}.rift-inbox>.inbox-heading h1{margin-top:5px}.phone-layout #voice-view .voice-actions{position:sticky;bottom:0;padding:10px;background:#172233e8;border-radius:12px}body.liquid-glass .titlebar{background:#0e1420b0}

/* Explicit layout ownership: older DM profile grids must not add a fourth column. */
body:not(.phone-layout) .workspace,body:not(.phone-layout) .workspace:has(.dm-profile-panel){display:grid;grid-template-columns:258px minmax(0,1fr) 240px!important;grid-template-rows:minmax(0,1fr);padding-top:66px}
body:not(.phone-layout) .workspace:has(.member-panel.prefs-hidden){grid-template-columns:258px minmax(0,1fr)!important}
body:not(.phone-layout) .workspace>.sidebar{grid-area:1/1;min-width:0}
body:not(.phone-layout) .workspace>.main{grid-area:1/2;min-width:0}
body:not(.phone-layout) .workspace>.member-panel{grid-area:1/3;min-width:0}
body.phone-layout .workspace,body.phone-layout .workspace:has(.dm-profile-panel),body.phone-layout .workspace:has(.member-panel.prefs-hidden){grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr);padding-top:0!important}
body.phone-layout .workspace>.main{grid-area:1/1;min-width:0}
@media(max-width:1100px){body:not(.phone-layout) .workspace,body:not(.phone-layout) .workspace:has(.dm-profile-panel){grid-template-columns:236px minmax(0,1fr)!important}body:not(.phone-layout) .workspace>.member-panel{display:none}body:not(.phone-layout) .workspace>.member-panel.visible{display:flex}}

body:not(.phone-layout) .titlebar{height:44px;flex:0 0 44px!important}
body:not(.phone-layout) #servers{display:flex;flex-direction:row;align-items:center;gap:10px;overflow-x:auto;max-width:calc(100vw - 240px);scrollbar-width:thin;padding:3px 5px}
body:not(.phone-layout) .server-rail>.rail-divider{display:none}
body.phone-layout .titlebar{height:30px;flex:0 0 30px!important}
body.phone-layout #servers{display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0;scrollbar-width:none}
