/* ===== menus and settings ===== */
/* Rift 0.2.1 parity/polish pass — loaded last. */
:root{--p-bg:#0f1115;--p-side:#111318;--p-pop:#111318;--p-hover:#20232a;--p-border:#292d35;--p-muted:#949ba5;--p-green:#23a55a;--p-red:#f23f43;--p-yellow:#f0b232;--p-blue:#5865f2}

/* Atomic layout / resize stability */
.app-shell,.server-rail,.channel-panel,.content-panel,.member-panel{backface-visibility:hidden;transform:translateZ(0)}
.content-panel{position:relative!important;contain:layout paint}
.parity-route-curtain{position:absolute;inset:0;z-index:500;pointer-events:none;background:#0f1115;opacity:0;visibility:hidden}
.parity-route-curtain.show{opacity:1;visibility:visible}
body.resize-active .app-shell{pointer-events:none}
body.resize-active .server-rail,body.resize-active .channel-panel,body.resize-active .content-panel,body.resize-active .member-panel{contain:strict}

/* Server rail buttons */
.add-server,.join-server{border-radius:50%!important;color:#23a55a!important;background:#1b1e24!important;border:0!important}
.add-server:hover,.join-server:hover{border-radius:16px!important;background:#23a55a!important;color:#fff!important}
.add-server svg,.join-server svg{width:23px;height:23px;transition:transform .16s ease}
.add-server:hover svg{transform:rotate(90deg)}.join-server:hover svg{transform:rotate(-10deg) scale(1.05)}
.parity-home-badge{position:absolute;right:-5px;bottom:-4px;min-width:20px;height:20px;border:3px solid #0a0b0e;border-radius:12px;background:#da373c;color:#fff;font-size:9px;line-height:14px;padding:0 4px;display:grid;place-items:center;z-index:3}

/* DM list: Discord-style name-only unread presentation */
.dm-list{overflow-y:visible!important;overflow-x:hidden!important}
.dm-item{min-height:42px!important}.dm-item-copy span.parity-hide-snippet{display:none!important}
.dm-item-copy strong{color:#9da3ad!important;font-weight:520!important}.dm-item:hover .dm-item-copy strong,.dm-item.active .dm-item-copy strong,.dm-item.parity-dm-unread .dm-item-copy strong{color:#f2f3f5!important}
.dm-item.parity-dm-unread .dm-item-copy strong{font-weight:680!important}.dm-item.parity-dm-unread:before{content:"";position:absolute;left:-8px;width:4px;height:8px;border-radius:0 4px 4px 0;background:#fff}
.parity-filter-online .social-row:not(.parity-online){display:none!important}
.social-actions{display:flex;gap:6px}.social-actions button{width:36px!important;height:36px!important;border-radius:50%!important;padding:0!important;background:#20232a!important;color:#b5bac1!important;display:grid!important;place-items:center!important;border:0!important}.social-actions button:hover{background:#292d35!important;color:#fff!important}.social-actions button svg{width:20px;height:20px}

/* DM profile column */
.app-shell.parity-dm-profile{grid-template-columns:72px 248px minmax(0,1fr) 300px!important}.app-shell.parity-dm-profile .member-panel{display:block!important;grid-column:4!important;border-left:1px solid #23262d!important;background:#111318!important}
.parity-dm-side{height:100%;overflow:auto}.parity-dm-banner{height:96px}.parity-dm-side-body{position:relative;padding:58px 16px 18px}.parity-dm-avatar{position:absolute;left:16px;top:-48px;width:88px;height:88px;border:6px solid #111318;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:700}.parity-dm-avatar .parity-presence{position:absolute;right:1px;bottom:4px;border:5px solid #111318}.parity-dm-side h2{margin:0;font-size:20px}.parity-dm-side-body>span{display:block;margin-top:4px;color:#b5bac1;font-size:12px}.parity-dm-side-body>p{font-size:12px;color:#d8dade;line-height:1.45}.parity-dm-side button{height:34px;margin-top:12px;border:0;border-radius:5px;background:#5865f2;color:#fff;padding:0 12px;display:flex;align-items:center;gap:7px;font-weight:650}.parity-dm-side button svg{width:17px}.parity-dm-meta{border-top:1px solid #292d35;margin-top:18px;padding-top:14px}.parity-dm-meta strong,.parity-dm-meta span{display:block}.parity-dm-meta strong{font-size:11px}.parity-dm-meta span{font-size:10px;color:#8e949e;line-height:1.4;margin-top:5px}

/* Self profile + status submenu */
.parity-self-card,.parity-context{position:fixed;z-index:20000;border:1px solid #292d35;background:#111318;box-shadow:0 14px 36px rgba(0,0,0,.52);border-radius:8px;color:#dbdee1}
.parity-self-card{width:300px;overflow:hidden}.parity-self-banner{height:76px}.parity-self-body{position:relative;padding:54px 12px 10px}.parity-self-avatar{position:absolute;top:-52px;left:12px;width:92px;height:92px;border:6px solid #111318;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#fff;font-weight:700}.parity-self-avatar .parity-presence{position:absolute!important;right:1px!important;bottom:4px!important;left:auto!important;top:auto!important;border:5px solid #111318!important}.parity-self-name{font-size:20px;font-weight:750}.parity-self-user{font-size:12px;margin-top:3px;color:#b5bac1}.parity-self-bio{font-size:11px;line-height:1.45;margin:9px 0 4px}.parity-self-edit,.parity-self-status,.parity-self-row{width:100%;height:42px;border:0;border-radius:5px;background:#1b1d22;color:#b5bac1;display:flex;align-items:center;gap:9px;padding:0 10px;text-align:left;margin-top:7px;cursor:pointer}.parity-self-edit:hover,.parity-self-status:hover,.parity-self-row:hover:not(:disabled){background:#23262c;color:#fff}.parity-self-edit svg,.parity-self-row svg{width:18px;height:18px}.parity-self-status b,.parity-self-row b{margin-left:auto}.parity-self-row:disabled{opacity:.65;cursor:not-allowed}.parity-menu-divider{height:1px;background:#2b2f36;margin:8px 4px}
.parity-status-menu{width:300px;padding:8px}.parity-status-item{width:100%;min-height:48px;border:0;border-radius:5px;background:transparent;color:#dbdee1;display:grid;grid-template-columns:18px minmax(0,1fr) 16px;gap:10px;align-items:center;text-align:left;padding:6px 8px;cursor:pointer}.parity-status-item:hover{background:#20232a}.parity-status-item strong{font-size:13px}.parity-status-item small{display:block;color:#949ba5;font-size:10px;margin-top:2px}.parity-status-item b{color:#949ba5;font-size:20px}
.parity-presence{display:inline-block;width:12px;height:12px;border-radius:50%;background:#80848e;position:relative;flex:0 0 auto}.parity-online{background:#23a55a}.parity-idle{background:#f0b232}.parity-idle:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#111318;left:-2px;top:-2px}.parity-dnd{background:#f23f43}.parity-dnd:after{content:"";position:absolute;left:2px;right:2px;top:5px;height:2px;border-radius:2px;background:#111318}.parity-invisible,.parity-offline{background:#80848e}.parity-invisible:after,.parity-offline:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#111318}
.r021-profile-presence{right:-2px!important;bottom:2px!important;left:auto!important;top:auto!important}

/* Context menus */
.parity-context{width:240px;padding:6px}.parity-menu-item{width:100%;min-height:34px;border:0;border-radius:4px;background:transparent;color:#dbdee1;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;text-align:left;padding:5px 8px;cursor:pointer}.parity-menu-item:hover:not(:disabled){background:#4752c4;color:#fff}.parity-menu-item:disabled{color:#6d737c;cursor:not-allowed}.parity-menu-item svg{width:17px;height:17px}.parity-menu-item span{min-width:0;font-size:12px;font-weight:530}.parity-menu-item small{display:block;color:#7f8792;font-size:9px;margin-top:1px}.parity-menu-item:hover small{color:#dfe2e5}.parity-menu-item.danger{color:#f23f43}.parity-menu-item.danger:hover{background:#da373c;color:#fff}

/* Channel hover actions */
.channel-row{position:relative!important}.parity-channel-actions{position:absolute;right:3px;top:3px;display:flex;align-items:center;gap:1px;opacity:0;z-index:3;background:linear-gradient(90deg,transparent,#1b1e24 20%);padding-left:16px}.channel-row:hover .parity-channel-actions{opacity:1}.parity-channel-actions button{width:27px;height:27px;border:0;background:transparent;color:#a5acb5;border-radius:4px;display:grid;place-items:center;cursor:pointer}.parity-channel-actions button:hover{color:#fff;background:#292d35}.parity-channel-actions svg{width:17px;height:17px}.channel-row>.channel-manage{display:none!important}

/* Voice dock thinner + clear state animations */
.voice-connection-panel{min-height:86px!important;padding:7px 8px!important}.r021-voice-summary{margin-bottom:5px!important}.r021-voice-quality{width:26px!important;height:26px!important;border-radius:8px!important}.r021-voice-shortcuts{gap:4px!important}.r021-voice-shortcuts button{height:29px!important}.quick-user-controls button{transition:background .14s ease,color .14s ease,transform .12s ease!important}.quick-user-controls button:active{transform:scale(.9)}.quick-user-controls button.parity-control-on{background:#3a1419!important;color:#ff6b70!important}.quick-user-controls button.parity-control-on svg{animation:parity-control .14s ease}@keyframes parity-control{from{transform:scale(.75) rotate(-10deg)}to{transform:scale(1) rotate(0)}}

/* Settings centered properly */
.r021-settings{grid-template-columns:minmax(236px,1fr) minmax(600px,760px) minmax(84px,1fr)!important}.r021-settings-nav-wrap{justify-content:flex-end!important}.r021-settings-main{width:100%!important;max-width:760px!important;justify-self:center!important}.r021-settings-close-wrap{justify-content:flex-start!important}

/* New server/channel settings shell */
.parity-settings{position:fixed;inset:0;z-index:19000;background:#0f1115;display:grid;grid-template-columns:minmax(260px,1fr) minmax(600px,760px) minmax(90px,1fr);overflow:hidden}.parity-settings-nav{background:#0d0f13;padding:42px 12px 40px max(20px,calc(100% - 240px));overflow-y:auto}.parity-settings-nav h4{margin:0 10px 12px;color:#f2f3f5;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.parity-settings-nav button{width:220px;min-height:32px;border:0;border-radius:4px;background:transparent;color:#b5bac1;text-align:left;padding:0 10px;display:block;cursor:pointer;font-size:12px}.parity-settings-nav button:hover{background:#1d2026;color:#fff}.parity-settings-nav button.active{background:#35373c;color:#fff}.parity-settings-nav button.danger{color:#f23f43}.parity-settings-group-label{width:220px;margin:14px 10px 5px;color:#949ba5;font-size:9px;text-transform:uppercase;font-weight:700}.parity-settings-content{padding:42px 36px 80px;overflow-y:auto}.parity-settings-content h1{font-size:21px;margin:0 0 8px}.parity-settings-content h2{font-size:15px;margin:0 0 7px}.parity-lead{margin:0 0 25px;color:#b5bac1;font-size:11px}.parity-settings-close{padding:30px 0 0 22px}.parity-settings-close button{width:38px;height:38px;border:2px solid #7e838b;border-radius:50%;background:transparent;color:#b5bac1;font-size:24px}.parity-settings-close span{display:block;margin:5px 0 0 10px;color:#737983;font-size:9px}.parity-form-section{border-bottom:1px solid #2a2d34;padding:0 0 28px;margin-bottom:28px}.parity-form-section label{display:block;color:#f2f3f5;font-size:12px;font-weight:650;margin-bottom:18px}.parity-form-section input,.parity-form-section textarea,.parity-form-section select{display:block;width:100%;margin-top:8px;border:1px solid #353a43;border-radius:6px;background:#090b0e;color:#f2f3f5;padding:10px 12px}.parity-form-section textarea{min-height:110px;resize:vertical}.parity-inline-actions{display:flex;justify-content:flex-end}.parity-banner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.parity-banner-grid button{height:58px;border:1px solid #333740;border-radius:7px;opacity:.8}.parity-settings-list{display:flex;flex-direction:column}.parity-settings-list>div{min-height:52px;border-top:1px solid #292d35;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}.parity-settings-list .avatar{width:30px;height:30px}.parity-settings-list i{width:10px;height:10px;border-radius:50%}.parity-settings-list strong{font-size:12px}.parity-settings-list small{color:#8e949e;font-size:10px}.parity-disabled-page,.parity-danger-box{border:1px solid #30343c;border-radius:7px;padding:16px;background:#15171c}.parity-disabled-page p,.parity-danger-box p{color:#949ba5;font-size:11px}.parity-radio{display:flex!important;align-items:center;gap:9px!important;font-weight:500!important}.parity-radio input{width:auto!important;margin:0!important}

@media(max-width:1200px){.app-shell.parity-dm-profile{grid-template-columns:68px 236px minmax(0,1fr)!important}.app-shell.parity-dm-profile .member-panel{display:none!important}.parity-settings{grid-template-columns:250px minmax(0,1fr) 70px}.parity-settings-nav{padding-left:18px}.parity-settings-nav button,.parity-settings-group-label{width:218px}.r021-settings{grid-template-columns:240px minmax(0,1fr) 70px!important}}


/* ===== feature components ===== */
html,body{background:#0f1115}.hidden{display:none!important}.ui0211-self-card{position:fixed;z-index:1200;border:1px solid #252932;border-radius:10px;background:#111318;box-shadow:0 18px 48px rgba(0,0,0,.58);overflow:hidden;animation:ui0211-pop .12s ease-out}@keyframes ui0211-pop{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}.ui0211-self-banner{height:68px;background:#211820}.ui0211-self-body{position:relative;padding:48px 12px 10px}.ui0211-self-avatar{position:absolute;left:12px;top:-40px;width:78px;height:78px;border:6px solid #111318;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:750;color:#fff}.ui0211-self-avatar .ui0211-presence{position:absolute;right:0;bottom:3px;width:18px;height:18px;border:4px solid #111318}.ui0211-self-card h2{font-size:18px;line-height:1.1;margin:0 0 2px}.ui0211-self-user{color:#b2b7bf;font-size:11px;margin-bottom:10px}.ui0211-self-bio{font-size:11px;color:#d1d4d8;line-height:1.45;margin:8px 0 10px}.ui0211-self-card button{width:100%;min-height:38px;border:0;border-radius:5px;background:#1c1f24;color:#c9cdd3;padding:0 10px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;font-size:12px;margin:5px 0;cursor:pointer}.ui0211-self-card button:hover:not(:disabled){background:#272b32;color:#fff}.ui0211-self-card button:disabled{opacity:.55;cursor:not-allowed}.ui0211-self-card button svg{width:17px;height:17px}.ui0211-self-divider{height:1px;background:#2a2d34;margin:8px 2px}.ui0211-status-row{background:#1b1e23!important}.ui0211-status-menu{position:fixed;z-index:1210;width:240px;padding:6px;border:1px solid #292d35;border-radius:8px;background:#111318;box-shadow:0 18px 44px rgba(0,0,0,.55);animation:ui0211-pop .1s ease-out}.ui0211-status-menu button{width:100%;min-height:48px;border:0;border-radius:5px;background:transparent;color:#d6d9de;display:grid;grid-template-columns:16px minmax(0,1fr) 16px;gap:9px;align-items:center;text-align:left;padding:6px 8px}.ui0211-status-menu button:hover{background:#24272e;color:#fff}.ui0211-status-menu strong{font-size:12px}.ui0211-status-menu small{display:block;color:#838a95;font-size:9px;line-height:1.35;margin-top:2px}.ui0211-presence{width:12px;height:12px;border-radius:50%;display:inline-block;position:relative;flex:0 0 auto}.ui0211-online{background:#23a55a}.ui0211-idle{background:#f0b232;overflow:hidden}.ui0211-idle:after{content:"";position:absolute;width:72%;height:72%;right:-18%;top:-18%;border-radius:50%;background:#111318}.ui0211-dnd{background:#f23f43}.ui0211-dnd:after{content:"";position:absolute;left:18%;right:18%;height:2px;top:50%;transform:translateY(-50%);border-radius:2px;background:#111318}.ui0211-invisible,.ui0211-offline{background:#111318;box-shadow:inset 0 0 0 3px #80848e}.r021-profile-avatar{position:relative!important}.r021-profile-presence{position:absolute!important;right:1px!important;bottom:2px!important;width:18px!important;height:18px!important;border:4px solid #0f1115!important;z-index:4!important}.ui0211-profile-avatar{position:relative!important}.ui0211-profile-avatar>.ui0211-presence,.parity-dm-avatar>.ui0211-presence{position:absolute!important;right:1px!important;bottom:2px!important;width:16px!important;height:16px!important;border:4px solid #111318!important}.member-avatar-wrap .presence-dot,.dm-presence-dot,.self-presence-dot{transform:scale(1.12);transform-origin:center}.ui0211-vicon{position:relative;width:20px;height:20px;display:grid;place-items:center;color:currentColor}.ui0211-vicon>svg{width:19px!important;height:19px!important}.ui0211-vicon>i{position:absolute;width:2px;height:0;background:currentColor;border-radius:2px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);opacity:0;transition:height .14s ease,opacity .1s ease}.ui0211-vicon.active>i{height:25px;opacity:1}#r021-user-controls button,#r021-call-mute{transition:background .14s ease,color .14s ease,transform .1s ease!important}#r021-user-controls button:active,#r021-call-mute:active{transform:scale(.94)}#r021-user-controls button.ui0211-control-active,#r021-call-mute.ui0211-control-active{background:#40161b!important;color:#ff6f75!important}.ui0211-member-vstate{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:2px;color:#f23f43!important}.ui0211-member-vstate.hidden{display:none!important}.ui0211-member-vstate .ui0211-vicon{width:15px;height:15px}.ui0211-member-vstate .ui0211-vicon>svg{width:14px!important;height:14px!important}.ui0211-member-vstate .ui0211-vicon>i{height:18px!important;opacity:1!important}.voice-member-row>i:not(.ui0211-member-vstate){display:none!important}.voice-connection-panel{min-height:94px!important;padding:7px 8px!important}.ui0211-voice-summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;margin-bottom:6px!important}.ui0211-voice-summary .r021-voice-summary-copy{min-width:0!important}.ui0211-voice-summary-actions{display:flex!important;align-items:center!important;align-self:center!important;gap:2px!important}.ui0211-voice-summary-actions button{width:26px!important;height:26px!important}.r021-voice-shortcuts{gap:5px!important}.r021-voice-shortcuts button{height:29px!important}.r021-voice-quality{width:28px!important;height:28px!important}.app-shell.parity-dm-profile{grid-template-columns:72px 248px minmax(0,1fr) 280px!important}.ui0211-dm-profile{height:100%;overflow-y:auto;overflow-x:hidden}.parity-dm-side-body{overflow-x:hidden!important}.parity-dm-side-body>*{max-width:100%}.ui0211-context{position:fixed;z-index:1400;width:220px;padding:6px;border:1px solid #292d35;border-radius:8px;background:#111318;box-shadow:0 16px 44px rgba(0,0,0,.6);animation:ui0211-pop .08s ease-out}.ui0211-context>div{height:1px;background:#2b2e35;margin:5px}.ui0211-context button{width:100%;min-height:34px;border:0;border-radius:4px;background:transparent;color:#d3d6db;display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:center;text-align:left;padding:5px 8px;font-size:11px}.ui0211-context button:hover:not(:disabled){background:#3f45c9;color:#fff}.ui0211-context button:disabled{color:#6f7680;cursor:not-allowed}.ui0211-context button.danger{color:#f06c71}.ui0211-context button.danger:hover{background:#da373c;color:#fff}.ui0211-context button svg{width:17px;height:17px}.ui0211-context button small{display:block;font-size:8px;color:#777f8a;margin-top:1px}.channel-row{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}.channel-row>.channel-manage{display:none!important}.ui0211-channel-actions{display:flex;align-items:center;gap:0;opacity:0;pointer-events:none;padding-right:3px;transition:opacity .08s ease}.channel-row:hover .ui0211-channel-actions,.channel-row:focus-within .ui0211-channel-actions{opacity:1;pointer-events:auto}.ui0211-channel-actions button{width:28px;height:28px;border:0;background:transparent;border-radius:4px;color:#9da4ad;display:grid;place-items:center}.ui0211-channel-actions button:hover:not(:disabled){background:#242830;color:#fff}.ui0211-channel-actions button:disabled{opacity:.35}.ui0211-channel-actions svg{width:16px;height:16px}.modal:has(.ui0211-create-channel),.modal:has(#ui0211-create-server-root){width:min(480px,calc(100vw - 32px))!important;max-width:480px!important;padding:0!important;overflow:hidden!important}.modal-backdrop:has(.ui0211-create-channel),.modal-backdrop:has(#ui0211-create-server-root){background:rgba(0,0,0,.68)!important}.ui0211-create-channel{background:#0f1013}.ui0211-modal-title{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 22px 12px}.ui0211-modal-title h2{font-size:20px;margin:0 0 5px}.ui0211-modal-title span{color:#9299a4;font-size:12px}.ui0211-modal-title>button{width:30px;height:30px;border:0;background:transparent;color:#8f96a0;font-size:28px;line-height:1}#ui0211-create-channel-form{padding:0 22px}#ui0211-create-channel-form h4{margin:10px 0 6px;color:#cdd1d6;font-size:12px}.ui0211-channel-type{min-height:58px;display:grid;grid-template-columns:20px 24px minmax(0,1fr);gap:10px;align-items:center;color:#cdd0d5;cursor:pointer}.ui0211-channel-type.disabled{opacity:.45;cursor:not-allowed}.ui0211-channel-type input{display:none}.ui0211-channel-type>svg{width:21px;height:21px;color:#c7cbd1}.ui0211-channel-type strong{display:block;font-size:14px}.ui0211-channel-type small{display:block;color:#888f99;font-size:11px;margin-top:3px;line-height:1.35}.ui0211-radio{width:20px;height:20px;border:1px solid #6f7681;border-radius:50%;position:relative}.ui0211-channel-type input:checked+.ui0211-radio{border:0;background:#5865f2}.ui0211-channel-type input:checked+.ui0211-radio:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.name-heading{margin-top:20px!important}.ui0211-channel-name-field{height:42px;border:1px solid #30343c;border-radius:6px;background:#090a0d;display:flex;align-items:center;gap:8px;padding:0 10px}.ui0211-channel-name-field svg{width:20px;height:20px;color:#989fa9}.ui0211-channel-name-field input{flex:1;min-width:0;border:0;background:transparent;color:#fff;outline:0;font-size:13px}.ui0211-private-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 0}.ui0211-private-row>div{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px}.ui0211-private-row svg{width:18px;height:18px}.ui0211-private-row strong{display:block;font-size:13px}.ui0211-private-row small{display:block;color:#858c96;font-size:10px;line-height:1.4;margin-top:3px}.ui0211-switch{width:40px;height:22px;border-radius:12px;border:0;background:#353941;position:relative;flex:0 0 auto}.ui0211-switch:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff}.ui0211-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin:0 -22px;padding:14px 22px;background:#17191e}.ui0211-modal-actions button{min-width:110px}.ui0211-create-server,.ui0211-server-name-step,.ui0211-join-server{padding:18px 20px 0;text-align:center;background:#0f1013;position:relative}.ui0211-create-server>h2,.ui0211-server-name-step>h2,.ui0211-join-server>h2{font-size:22px;margin:0 30px 8px}.ui0211-create-server>p,.ui0211-server-name-step>p,.ui0211-join-server>p{color:#a2a8b1;font-size:12px;line-height:1.45;margin:0 auto 18px;max-width:390px}.ui0211-close,.ui0211-back{position:absolute;top:12px;width:30px;height:30px;border:0;background:transparent;color:#9299a4;font-size:27px}.ui0211-close{right:12px}.ui0211-back{left:12px}.ui0211-template-list{display:flex;flex-direction:column;gap:8px;max-height:315px;overflow-y:auto;padding-right:2px}.ui0211-template-list>button{min-height:54px;border:1px solid #343840;border-radius:7px;background:#181a1f;color:#d8dbe0;display:grid;grid-template-columns:25px minmax(0,1fr) 16px;gap:10px;align-items:center;text-align:left;padding:0 13px;font-size:14px}.ui0211-template-list>button:hover{background:#23262d}.ui0211-template-list svg{width:20px;height:20px}.ui0211-template-list b{font-size:26px;color:#737a85}.ui0211-create-server h3{font-size:15px;margin:18px 0 8px}.ui0211-join-existing{width:100%;height:40px;border:1px solid #363a42;border-radius:6px;background:#1b1d22;color:#dfe1e5;margin-bottom:14px}.ui0211-server-placeholder{width:82px;height:82px;border-radius:50%;margin:16px auto;display:grid;place-items:center;background:#20242a;color:#9ca3ad}.ui0211-server-placeholder svg{width:36px;height:36px}.ui0211-server-name-step form>label,.ui0211-join-server form>label{display:block;text-align:left;color:#cdd1d6;font-size:11px;font-weight:650}.ui0211-server-name-step input,.ui0211-join-server input{width:100%;height:42px;margin-top:6px;border:1px solid #30343c;border-radius:6px;background:#090a0d;color:#fff;padding:0 11px;outline:0}.ui0211-full-settings{position:fixed;z-index:1500;inset:0;background:#0d0f12;display:grid;grid-template-columns:minmax(220px,1fr) minmax(560px,720px) 90px minmax(80px,1fr);overflow:hidden}.ui0211-full-settings>aside{background:#0b0d10;display:flex;flex-direction:column;align-items:stretch;padding:54px 10px 40px;margin-left:auto;width:230px}.ui0211-full-settings>aside h4{font-size:10px;color:#8b929d;margin:0 10px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui0211-full-settings>aside button{height:34px;border:0;border-radius:4px;background:transparent;color:#adb3bc;text-align:left;padding:0 10px}.ui0211-full-settings>aside button.active{background:#292c33;color:#fff}.ui0211-full-settings>aside button.danger{color:#f06268;margin-top:12px}.ui0211-full-settings>aside>div{height:1px;background:#282b32;margin:10px}.ui0211-full-settings>main{padding:54px 32px 80px;overflow-y:auto;overflow-x:hidden}.ui0211-full-settings main h1{margin:0 0 22px;font-size:20px}.ui0211-full-settings main>label{display:block;margin:0 0 22px;font-size:12px;font-weight:650}.ui0211-full-settings input,.ui0211-full-settings textarea,.ui0211-full-settings select{width:100%;margin-top:7px;border:1px solid #30343b;border-radius:6px;background:#08090b;color:#fff;padding:10px;outline:0}.ui0211-full-settings textarea{height:190px;resize:none}.ui0211-topic-toolbar{height:32px;background:#24262c;margin:7px 0 -7px;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:14px;padding:0 10px;color:#9ca3ad}.ui0211-full-settings section{padding:16px 0;border-top:1px solid #292c33}.ui0211-full-settings section h3{font-size:14px;margin:0 0 8px}.ui0211-radio-line{display:block;margin:10px 0;font-size:12px}.ui0211-radio-line input{width:auto;margin:0 8px 0 0}.ui0211-setting-line{display:flex;align-items:center;justify-content:space-between;gap:16px}.ui0211-setting-line small{display:block;color:#8c939d;font-size:10px;margin-top:3px}.ui0211-settings-close{padding-top:48px}.ui0211-settings-close button{width:38px;height:38px;border:2px solid #777e87;border-radius:50%;background:transparent;color:#aeb4bc;font-size:25px}.ui0211-settings-close span{display:block;width:38px;text-align:center;color:#7e858f;font-size:8px;margin-top:6px}.r021-settings-main.ui0211-no-xscroll,.r021-settings-main{overflow-x:hidden!important;min-width:0!important}.r021-profile-settings-grid{max-width:100%!important;min-width:0!important;grid-template-columns:minmax(210px,270px) minmax(300px,1fr)!important}.r021-profile-controls,.r021-profile-preview,.r021-widget-board{min-width:0!important;max-width:100%!important}.r021-widget-board{grid-column:1/-1!important;border-left:0!important;border-top:1px solid #24272e!important;padding:20px 0 0!important;min-height:0!important}.r021-widget-board h3{margin-top:20px!important}.r021-widget-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ui0211-discover-nav{grid-row:2!important;min-height:0;padding:10px 8px;background:#0f1115;display:flex;flex-direction:column;gap:4px}.ui0211-discover-nav h3{font-size:15px;margin:2px 8px 8px}.ui0211-discover-nav button{height:42px;border:0;border-radius:5px;background:transparent;color:#a9afb7;display:flex;align-items:center;gap:10px;padding:0 10px;text-align:left}.ui0211-discover-nav button.active{background:#272a31;color:#fff}.ui0211-discover-nav button:disabled:not(.active){opacity:.55}.ui0211-discover-nav svg{width:20px;height:20px}.content-panel{position:relative!important}.ui0211-discover-view{position:absolute;inset:48px 0 0;background:#08090b;z-index:20;overflow-y:auto;overflow-x:hidden}.ui0211-discover-view>header{height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:#18204f;position:sticky;top:0;z-index:2}.ui0211-discover-view>header nav{display:flex;height:100%;align-items:center;gap:20px}.ui0211-discover-view>header button{height:100%;border:0;background:transparent;color:#b2b8d0;font-size:11px;position:relative}.ui0211-discover-view>header button.active{color:#fff}.ui0211-discover-view>header button.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:0;background:#fff}.ui0211-discover-view>header label{width:220px;height:28px;display:flex;align-items:center;gap:7px;background:#0b0d13;border:1px solid #323755;border-radius:5px;padding:0 8px}.ui0211-discover-view>header label svg{width:14px}.ui0211-discover-view>header input{width:100%;border:0;background:transparent;color:#b8bdca;outline:0}.ui0211-discover-hero{min-height:210px;padding:70px 28px 35px;background:linear-gradient(115deg,#214d8e,#11104e 68%,#09091e)}.ui0211-discover-hero h1{font-size:38px;line-height:.94;letter-spacing:-.035em;margin:0 0 14px;max-width:650px}.ui0211-discover-hero p{color:#a9b0c7;margin:0}.ui0211-discover-view>main{padding:24px 24px 50px}.ui0211-discover-view>main>h2{font-size:16px;margin:0 0 14px}.ui0211-discover-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px}.ui0211-discover-grid article{border:1px solid #292d34;border-radius:7px;background:#0d0f12;overflow:hidden;min-width:0}.ui0211-discover-art{height:115px;display:grid;place-items:center;font-size:42px;background:linear-gradient(135deg,#1c2440,#3c1c42)}.ui0211-discover-art.art-1{background:linear-gradient(135deg,#52205c,#176568)}.ui0211-discover-art.art-2{background:linear-gradient(135deg,#23556f,#333164)}.ui0211-discover-art.art-3{background:linear-gradient(135deg,#46264e,#6a342b)}.ui0211-discover-art.art-4{background:linear-gradient(135deg,#124957,#26337b)}.ui0211-discover-art.art-5{background:linear-gradient(135deg,#522f1e,#542456)}.ui0211-discover-art.art-6{background:linear-gradient(135deg,#264861,#37582e)}.ui0211-discover-art.art-7{background:linear-gradient(135deg,#473066,#284b66)}.ui0211-discover-grid article>div:last-child{padding:11px}.ui0211-discover-grid h3{font-size:12px;margin:0 0 5px}.ui0211-discover-grid h3 small{font-size:7px;color:#7b8290;margin-left:5px}.ui0211-discover-grid p{font-size:10px;line-height:1.4;color:#b5bac2;min-height:42px;margin:0 0 12px}.ui0211-discover-grid footer{display:flex;justify-content:space-between;gap:8px;color:#747c87;font-size:8px}.social-actions{display:flex!important;align-items:center!important;gap:6px!important}.social-actions .small-button.ui0211-friend-action{width:36px!important;height:36px!important;border:0!important;border-radius:50%!important;background:#202329!important;color:#b7bdc6!important;padding:0!important;display:grid!important;place-items:center!important}.social-actions .small-button.ui0211-friend-action:hover{background:#2b2f36!important;color:#fff!important}.social-actions .small-button.ui0211-friend-action:after{display:none!important;content:none!important}.social-actions .small-button.ui0211-friend-action svg{width:19px!important;height:19px!important}#ui0211-route-curtain{position:fixed;z-index:1100;pointer-events:none;opacity:0;inset:32px 0 0;background:#0f1115;transition:opacity .08s ease;display:grid;place-items:center}body:not(.desktop-runtime) #ui0211-route-curtain{inset:0}#ui0211-route-curtain.show{opacity:1;pointer-events:auto}#ui0211-route-curtain span{width:20px;height:20px;border-radius:50%;border:2px solid #30343d;border-top-color:#d84f52;animation:ui0211-spin .55s linear infinite}@keyframes ui0211-spin{to{transform:rotate(360deg)}}.add-server svg,.join-server svg{width:23px!important;height:23px!important;transition:transform .16s ease}.add-server:hover svg{transform:rotate(90deg)}.join-server:hover svg{transform:rotate(-12deg) scale(1.06)}body.resize-active .app-shell{contain:layout paint size!important}body.resize-active .ui0211-self-card,body.resize-active .ui0211-status-menu,body.resize-active .ui0211-context{display:none!important}@media(max-width:1350px){.ui0211-discover-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.r021-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:1180px){.app-shell.parity-dm-profile{grid-template-columns:68px 236px minmax(0,1fr)!important}.app-shell.parity-dm-profile .member-panel{display:none!important}}@media(max-width:1000px){.ui0211-discover-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.ui0211-discover-view>header nav button:nth-child(n+4){display:none}.ui0211-full-settings{grid-template-columns:210px minmax(0,1fr) 64px}.ui0211-full-settings>aside{width:210px}.ui0211-full-settings>main{padding:42px 20px}}@media(max-width:780px){.ui0211-discover-grid{grid-template-columns:1fr}.ui0211-discover-view>header label{display:none}.ui0211-discover-hero h1{font-size:30px}.r021-profile-settings-grid{grid-template-columns:1fr!important}.r021-widget-board{display:block!important}}

/* ===== interaction components ===== */
/* Rift 0.2.1 interaction polish: authoritative late UI layer */
:root{--r22-bg:#0f1115;--r22-side:#111318;--r22-panel:#15181d;--r22-hover:#1d2026;--r22-selected:#272a31;--r22-line:#252931;--r22-text:#f2f3f5;--r22-muted:#949ba4;--r22-green:#23a55a;--r22-red:#f23f43;--r22-brand:#d84b4b}
#r021-user-controls,#settings-button{display:none!important}
.ui0212-user-controls{margin-left:auto;display:flex;align-items:center;gap:2px;padding:3px;border-radius:7px;background:transparent;transform:translateX(2px)}
.ui0212-user-controls button{position:relative;width:31px;height:31px;border:0;border-radius:5px;background:transparent;color:#b5bac1;display:grid;place-items:center;cursor:pointer;transition:background .12s ease,color .12s ease,transform .12s ease}
.ui0212-user-controls button:hover{background:#23262d;color:#fff;transform:translateY(-1px)}
.ui0212-user-controls button.active{background:#4b161b;color:#ff7f84}.ui0212-user-controls button.activity-off{color:#727983}
.ui0212-user-controls svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ui0212-slash{position:absolute;width:24px;height:2px;background:currentColor;border-radius:2px;transform:rotate(-45deg) scaleX(0);transform-origin:center;transition:transform .16s cubic-bezier(.2,.8,.2,1)}
.ui0212-user-controls button.active .ui0212-slash,.ui0212-call-btn.active .ui0212-slash{transform:rotate(-45deg) scaleX(1)}
.ui0212-tip{position:fixed;z-index:1400;pointer-events:none;padding:6px 8px;border-radius:5px;background:#050608;color:#fff;font-size:11px;font-weight:650;box-shadow:0 6px 18px rgba(0,0,0,.45);opacity:0;transform:translateY(3px);transition:opacity .1s ease,transform .1s ease}.ui0212-tip.show{opacity:1;transform:none}

/* self card + status */
.ui0212-self-card{position:fixed;z-index:1200;width:300px;border:1px solid #262a32;border-radius:9px;background:#0d0f13;box-shadow:0 18px 48px rgba(0,0,0,.6);overflow:hidden;opacity:0;transform:translateY(5px) scale(.98);animation:r22pop .12s ease forwards}
@keyframes r22pop{to{opacity:1;transform:none}}
.ui0212-self-banner{height:82px;background:#211820}.ui0212-self-body{position:relative;padding:50px 12px 12px}.ui0212-self-avatar{position:absolute;top:-44px;left:13px;width:82px;height:82px;border:6px solid #0d0f13;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:750}.ui0212-self-avatar .ui0212-presence{position:absolute;right:-1px;bottom:3px}
.ui0212-self-card h2{margin:0;font-size:19px}.ui0212-self-user{font-size:11px;color:#b5bac1;margin-top:3px}.ui0212-self-bio{font-size:11px;color:#dbdee1;line-height:1.45;margin:10px 0}
.ui0212-self-card button{width:100%;min-height:38px;border:0;border-radius:5px;background:#1a1d22;color:#c7cbd1;padding:0 9px;display:flex;align-items:center;gap:9px;text-align:left;font-size:12px;cursor:pointer;margin-top:6px}.ui0212-self-card button:hover:not(:disabled){background:#23262d;color:#fff}.ui0212-self-card button:disabled{opacity:.55;cursor:not-allowed}.ui0212-self-card button svg{width:18px;height:18px}.ui0212-self-card button b{margin-left:auto;font-size:17px;color:#8d949e}.ui0212-self-divider{height:1px;background:#2a2d34;margin:8px 0}
.ui0212-status-menu{position:fixed;z-index:1210;width:260px;padding:6px;border:1px solid #2a2e36;border-radius:8px;background:#111318;box-shadow:0 14px 36px rgba(0,0,0,.55);opacity:0;transform:translateX(-3px) scale(.98);transition:opacity .13s ease,transform .13s ease}.ui0212-status-menu.show{opacity:1;transform:none}.ui0212-status-menu.closing{opacity:0;transform:translateX(-2px) scale(.985)}
.ui0212-status-menu button{width:100%;min-height:43px;border:0;border-radius:5px;background:transparent;color:#d8dbdf;display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;padding:6px 8px;cursor:pointer}.ui0212-status-menu button:hover{background:#24272e}.ui0212-status-menu strong{display:block;font-size:12px}.ui0212-status-menu small{display:block;color:#7f8792;font-size:9px;margin-top:2px}.ui0212-status-menu b{font-size:17px;color:#89909a}
.ui0212-presence{display:inline-block;width:12px;height:12px;border-radius:50%;background:#80848e;box-sizing:border-box}.ui0212-online{background:#23a55a}.ui0212-idle{background:#f0b232;position:relative;overflow:hidden}.ui0212-idle:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#111318;right:-2px;top:-2px}.ui0212-dnd{background:#f23f43;position:relative}.ui0212-dnd:after{content:"";position:absolute;left:2px;right:2px;height:2px;background:#111318;top:5px;border-radius:2px}.ui0212-invisible,.ui0212-offline{background:#111318;box-shadow:inset 0 0 0 3px #80848e}

/* DM right profile */
.app-shell.parity-dm-profile{grid-template-columns:72px 248px minmax(420px,1fr) 300px!important}.ui0212-dm-profile{height:100%;background:#111318;overflow:hidden}.ui0212-dm-banner{height:96px;background:#315fbd}.ui0212-dm-body{position:relative;padding:55px 16px 20px}.ui0212-dm-avatar{position:absolute;top:-48px;left:16px;width:88px;height:88px;border-radius:50%;border:7px solid #111318;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:750}.ui0212-dm-avatar .ui0212-presence{position:absolute;right:0;bottom:5px;width:16px;height:16px;border:4px solid #111318}.ui0212-dm-body h2{margin:0;font-size:20px}.ui0212-dm-username{display:block;color:#b4bac2;font-size:11px;margin-top:4px}.ui0212-dm-status{font-size:11px;color:#d2d5d9;margin:12px 0}.ui0212-dm-message{height:34px;border:0;border-radius:5px;background:#5865f2;color:white;padding:0 12px;font-weight:650;display:flex;align-items:center;gap:7px}.ui0212-dm-message svg{width:17px;height:17px}.ui0212-dm-section{border-top:1px solid #2a2d34;margin-top:16px;padding-top:13px}.ui0212-dm-section h4{margin:0 0 7px;color:#d2d5d9;font-size:10px;text-transform:uppercase}.ui0212-dm-section p{margin:0;color:#949ba4;font-size:10px;line-height:1.55}.ui0212-role-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.ui0212-role{font-size:9px;padding:4px 7px;border-radius:4px;background:#1d2026;color:#cbd0d6}.ui0212-role i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}

/* voice connection bar */
.voice-connection-panel.ui0212-voicebar{min-height:92px!important;padding:7px 8px!important;background:#0c0e12!important}.ui0212-vc-top{display:flex;align-items:center;gap:8px;min-width:0}.ui0212-vc-quality{width:30px;height:30px;border-radius:9px;background:rgba(35,165,90,.12);color:#36c86f;display:grid;place-items:center;flex:0 0 auto}.ui0212-vc-quality svg{width:18px;height:18px}.ui0212-vc-copy{min-width:0;display:flex;flex-direction:column}.ui0212-vc-copy strong{color:#36c86f;font-size:12px}.ui0212-vc-copy span{font-size:9px;color:#9299a3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui0212-vc-top-actions{margin-left:auto;display:flex;gap:2px}.ui0212-vc-top-actions button{width:29px;height:29px;border:0;border-radius:5px;background:transparent;color:#b2b7bf;display:grid;place-items:center}.ui0212-vc-top-actions button:hover{background:#22252b;color:#fff}.ui0212-vc-top-actions button.leave:hover{color:#f23f43}.ui0212-vc-top-actions svg{width:17px;height:17px}.ui0212-vc-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}.ui0212-vc-shortcuts button{height:30px;border:1px solid #2a2e36;border-radius:5px;background:#171a20;color:#aeb4bc;display:grid;place-items:center}.ui0212-vc-shortcuts button:hover:not(:disabled){background:#22252b;color:#fff}.ui0212-vc-shortcuts button:disabled{opacity:.55}.ui0212-vc-shortcuts svg{width:17px;height:17px}

/* voice rows */
.ui0212-voice-state-icons{margin-left:auto;display:flex;align-items:center;gap:4px;color:#f23f43}.ui0212-voice-state-icons span{position:relative;width:15px;height:15px;display:grid;place-items:center}.ui0212-voice-state-icons svg{width:15px;height:15px}.ui0212-voice-state-icons i{position:absolute;width:18px;height:2px;background:#f23f43;transform:rotate(-45deg);border-radius:2px}.voice-member-row>i{display:none!important}

/* voice page */
.ui0212-voice-page{position:absolute;inset:0;display:grid;background:#050608;color:#f2f3f5;overflow:hidden}.ui0212-voice-page.empty{background:radial-gradient(circle at 50% 100%,#536bdb 0,#30358c 38%,#12152f 72%,#090a11 100%)}.ui0212-voice-top{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:13px;font-weight:650}.ui0212-voice-top span{display:flex;align-items:center;gap:8px}.ui0212-voice-top svg{width:19px;height:19px}.ui0212-voice-empty-center{align-self:center;justify-self:center;text-align:center;margin-top:-80px}.ui0212-voice-empty-center h1{font-size:27px;margin:0 0 8px}.ui0212-voice-empty-center p{font-size:12px;color:#d5d8e7;margin:0 0 22px}.ui0212-voice-empty-center button{height:40px;border:0;border-radius:7px;background:#fff;color:#111318;padding:0 20px;font-weight:700}.ui0212-voice-page.joined{grid-template-rows:44px minmax(0,1fr) auto 76px}.ui0212-voice-grid{min-height:0;overflow:auto;padding:8px 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(230px,1fr);gap:8px;align-content:center}.ui0212-voice-tile{position:relative;min-height:230px;border-radius:8px;background:#2b292a;border:1px solid #373536;display:grid;place-items:center;overflow:hidden}.ui0212-voice-avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:750}.ui0212-voice-name{position:absolute;left:10px;bottom:10px;border-radius:4px;background:rgba(0,0,0,.72);padding:4px 7px;font-size:11px;font-weight:650}.ui0212-voice-state{position:absolute;right:10px;bottom:10px;display:flex;gap:5px;color:#ff7075}.ui0212-activity-strip{border-top:1px solid #1d2026;padding:10px 28px 12px;text-align:center}.ui0212-activity-strip strong{display:block;font-size:11px;margin-bottom:8px}.ui0212-activity-cards{display:flex;gap:8px;justify-content:center}.ui0212-activity-card{width:150px;height:62px;border:1px solid #2b2e35;border-radius:8px;background:linear-gradient(135deg,#181b20,#0e1014);color:#8e949d;display:grid;place-items:center;font-size:10px}.ui0212-callbar{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px}.ui0212-call-group{display:flex;overflow:hidden;border:1px solid #2a2d34;border-radius:8px}.ui0212-call-btn{position:relative;width:45px;height:42px;border:0;background:#15171b;color:#e2e4e7;display:grid;place-items:center}.ui0212-call-group .ui0212-call-btn+button{border-left:1px solid #2a2d34}.ui0212-call-btn:hover:not(:disabled){background:#22252a}.ui0212-call-btn.active{background:#4b161b;color:#ff7f84}.ui0212-call-btn:disabled{opacity:.45}.ui0212-call-btn svg{width:20px;height:20px}.ui0212-call-btn.leave{background:#da373c;color:#fff;border-radius:8px}.ui0212-call-btn.leave:hover{background:#bd2f34}

/* composer */
.composer{position:relative!important;padding-right:12px!important}.send-button{display:none!important}.ui0212-composer-tools{margin-left:auto;display:flex;align-items:center;gap:1px;flex:0 0 auto}.ui0212-composer-tools button{position:relative;width:31px;height:31px;border:0;border-radius:5px;background:transparent;color:#a8adb5;display:grid;place-items:center;cursor:pointer;transition:color .1s ease,transform .1s ease,background .1s ease}.ui0212-composer-tools button:hover{color:#fff;background:#252830;transform:translateY(-1px)}.ui0212-composer-tools svg{width:20px;height:20px}.ui0212-composer-tools .gif{font-size:9px;font-weight:800;border:1px solid currentColor;border-radius:3px;width:20px;height:15px;display:grid;place-items:center}.ui0212-composer-tools .timestamp{font-size:17px;font-weight:700}.ui0212-composer-tools .translator{font-size:15px;font-weight:700}.ui0212-composer-tools button[data-disabled="1"]{cursor:pointer}

/* context menu */
.ui0212-context{position:fixed;z-index:1500;width:238px;padding:6px;border:1px solid #262a32;border-radius:8px;background:#111318;box-shadow:0 16px 38px rgba(0,0,0,.6)}.ui0212-context button{width:100%;min-height:34px;border:0;border-radius:4px;background:transparent;color:#d3d6da;display:flex;align-items:center;gap:9px;text-align:left;padding:0 9px;font-size:11px}.ui0212-context button:hover:not(:disabled){background:#5865f2;color:#fff}.ui0212-context button:disabled{color:#666d77}.ui0212-context button.danger{color:#f23f43}.ui0212-context button.danger:hover{background:#da373c;color:#fff}.ui0212-context svg{width:17px;height:17px}.ui0212-context small{display:block;color:#7f8790;font-size:8px}.ui0212-context button:hover small{color:#d9dce1}.ui0212-menu-divider{height:1px;background:#2b2e35;margin:5px}

/* create channel */
.ui0212-create-channel{width:min(450px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 40px));overflow:auto;background:#111318;color:#f2f3f5;border-radius:10px}.ui0212-modal-head{display:flex;justify-content:space-between;gap:12px;padding:18px 20px 8px}.ui0212-modal-head h2{margin:0;font-size:20px}.ui0212-modal-head span{display:block;color:#949ba4;font-size:11px;margin-top:5px}.ui0212-modal-head button{border:0;background:transparent;color:#949ba4;font-size:26px}.ui0212-channel-form{padding:8px 20px 0}.ui0212-channel-form h4{font-size:11px;text-transform:uppercase;color:#b5bac1;margin:12px 0 7px}.ui0212-type-row{display:grid;grid-template-columns:22px 22px minmax(0,1fr);gap:9px;align-items:center;min-height:56px}.ui0212-type-row input{display:none}.ui0212-radio{width:18px;height:18px;border-radius:50%;border:1px solid #80848e;display:grid;place-items:center}.ui0212-type-row input:checked+.ui0212-radio{border:6px solid #5865f2}.ui0212-type-row>svg{width:20px;height:20px;color:#b5bac1}.ui0212-type-row strong{display:block;font-size:14px}.ui0212-type-row small{display:block;color:#949ba4;font-size:10px;margin-top:3px}.ui0212-type-row.disabled{opacity:.48}.ui0212-name-field{height:40px;border:1px solid #343842;border-radius:6px;background:#0b0d10;display:flex;align-items:center;gap:8px;padding:0 10px}.ui0212-name-field svg{width:19px;height:19px;color:#949ba4}.ui0212-name-field input{flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.ui0212-private{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:18px 0}.ui0212-private strong{display:block;font-size:13px}.ui0212-private small{display:block;color:#949ba4;font-size:10px;line-height:1.5;margin-top:4px}.ui0212-switch{width:38px;height:22px;border-radius:11px;border:0;background:#3c4048;position:relative}.ui0212-switch:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%}.ui0212-modal-foot{position:sticky;bottom:0;margin:0 -20px;padding:14px 20px;background:#0b0d10;display:flex;justify-content:flex-end;gap:8px}.ui0212-modal-foot button{height:36px;border-radius:5px;padding:0 14px;border:0;font-weight:650}.ui0212-modal-foot .cancel{background:#20232a;color:#fff}.ui0212-modal-foot .create{background:#5865f2;color:#fff}

/* channel settings */
.ui0212-channel-settings{position:fixed;z-index:1600;inset:0;background:#0f1115;display:grid;grid-template-columns:minmax(220px,1fr) minmax(560px,760px) 80px}.ui0212-channel-settings aside{background:#0d0f13;display:flex;flex-direction:column;align-items:flex-end;padding:54px 12px}.ui0212-channel-settings aside>div{width:220px}.ui0212-channel-settings aside h4{font-size:11px;color:#9da3ad;margin:0 8px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui0212-channel-settings aside button{width:100%;min-height:34px;border:0;border-radius:4px;background:transparent;color:#aeb4bc;text-align:left;padding:0 10px}.ui0212-channel-settings aside button.active{background:#2a2d34;color:#fff}.ui0212-channel-settings aside button.danger{color:#f23f43;margin-top:12px}.ui0212-channel-settings main{padding:54px 34px 70px;overflow:auto;overflow-x:hidden}.ui0212-channel-settings h1{font-size:20px;margin:0 0 24px}.ui0212-channel-settings label{display:block;font-size:11px;font-weight:650;margin-bottom:20px}.ui0212-channel-settings input,.ui0212-channel-settings textarea,.ui0212-channel-settings select{width:100%;margin-top:8px;background:#0b0d10;color:#fff;border:1px solid #343842;border-radius:6px;padding:10px;box-sizing:border-box}.ui0212-channel-settings textarea{min-height:170px}.ui0212-setting-section{border-top:1px solid #282c33;padding:18px 0}.ui0212-setting-section h3{font-size:14px;margin:0 0 8px}.ui0212-setting-section p{color:#949ba4;font-size:10px;line-height:1.5}.ui0212-channel-settings .close{padding-top:50px}.ui0212-channel-settings .close button{width:38px;height:38px;border:2px solid #7d848d;border-radius:50%;background:transparent;color:#aeb4bc;font-size:22px}.ui0212-channel-settings .close span{display:block;width:38px;text-align:center;color:#777e88;font-size:8px;margin-top:7px}

/* route mask */
.ui0212-route-mask{position:fixed;z-index:700;left:72px;right:0;top:0;bottom:0;background:#0f1115;opacity:0;pointer-events:none;transition:opacity .07s ease}.ui0212-route-mask.show{opacity:1;pointer-events:auto}.desktop-runtime .ui0212-route-mask{top:32px}

/* server rail notifications */
.parity-server-badge{display:none!important}.server-button{position:relative}.ui0212-server-badge{position:absolute;right:-3px;bottom:-2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#da373c;color:#fff;border:3px solid #0b0d10;font-size:9px;font-weight:750;display:grid;place-items:center;box-sizing:content-box}.ui0212-server-pip{position:absolute;left:-8px;width:4px;height:8px;border-radius:0 4px 4px 0;background:#f2f3f5;transition:height .12s ease}.server-button:hover .ui0212-server-pip{height:20px}.ui0212-mention-label{position:fixed;z-index:1600;padding:5px 8px;border-radius:5px;background:#da373c;color:#fff;font-size:9px;font-weight:800;pointer-events:none;opacity:0;transform:translateX(-4px);transition:.1s ease}.ui0212-mention-label.show{opacity:1;transform:none}

/* friends actions */
.social-actions{display:flex;gap:7px!important}.social-actions button{width:34px!important;height:34px!important;border-radius:50%!important;background:#1f2228!important;color:#b5bac1!important;border:0!important;padding:0!important;display:grid!important;place-items:center!important}.social-actions button:hover{background:#2b2e35!important;color:#fff!important}.social-actions button svg{width:18px!important;height:18px!important}

/* profile/presence fixes */
.ui0211-self-avatar .ui0211-presence,.ui0211-profile-avatar .ui0211-presence,.parity-dm-avatar .ui0211-presence,.r021-profile-avatar .r021-profile-presence{position:absolute!important;right:0!important;bottom:4px!important;left:auto!important;top:auto!important;width:16px!important;height:16px!important;transform:none!important}.member-avatar-wrap .presence-dot,.dm-presence-dot,.self-presence-dot{width:14px!important;height:14px!important;border-width:3px!important}

/* settings overflow cleanup */
.r021-settings-main,.r021-profile-settings-grid,.r021-profile-controls,.r021-profile-preview,.r021-widget-board{min-width:0!important;overflow-x:hidden!important}.r021-profile-settings-grid{grid-template-columns:minmax(180px,220px) minmax(260px,360px) minmax(260px,1fr)!important}.parity-settings-content{overflow-x:hidden!important}

@media(max-width:1180px){.app-shell.parity-dm-profile{grid-template-columns:68px 244px minmax(380px,1fr) 280px!important}.ui0212-channel-settings{grid-template-columns:200px minmax(0,1fr) 64px}.ui0212-channel-settings aside>div{width:180px}.r021-profile-settings-grid{grid-template-columns:200px minmax(0,1fr)!important}.r021-widget-board{display:none!important}}
@media(max-width:900px){.app-shell.parity-dm-profile{grid-template-columns:58px minmax(0,1fr)!important}.app-shell.parity-dm-profile .channel-panel{display:none!important}.app-shell.parity-dm-profile .member-panel{display:none!important}.ui0212-composer-tools button:nth-last-child(-n+2){display:none}.ui0212-channel-settings{grid-template-columns:180px minmax(0,1fr) 52px}.ui0212-channel-settings main{padding:42px 20px}.ui0212-activity-cards .ui0212-activity-card:nth-child(n+3){display:none}}

/* Authoritative 0.2.1 interaction and layout fixes. */
.current-user-panel{
  grid-template-columns:34px minmax(48px,1fr) auto!important;
  grid-auto-flow:row!important;
  gap:6px!important;
  padding:6px 4px 6px 8px!important;
}
.current-user-panel>.avatar{grid-column:1!important;grid-row:1!important}
.current-user-panel>.current-user-copy{grid-column:2!important;grid-row:1!important}
#ui0212-user-controls{
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  padding:2px!important;
  gap:0!important;
  transform:none!important;
  border:1px solid transparent;
}
.current-user-panel:hover #ui0212-user-controls{border-color:#20242b;background:#090b0e}
.ui0212-user-controls button{width:29px;height:31px}
.ui0212-user-controls button:active{transform:scale(.92)}
.ui0212-user-controls button.active{box-shadow:inset 0 0 0 1px rgba(255,127,132,.14)}
.ui0212-user-controls button.activity-off{background:#351419;color:#ff7f84}
.ui0212-user-controls button.activity-off:after{content:"";position:absolute;width:22px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-45deg)}

.ui0212-tip{transition:opacity .1s ease,transform .1s ease;will-change:opacity,transform}
.ui0212-tip.closing{opacity:0;transform:translateY(2px) scale(.98)}
.ui0212-status-menu{will-change:opacity,transform;pointer-events:auto}
.ui0212-status-menu.closing{pointer-events:none}

.app-shell.parity-dm-profile .member-panel{min-width:0!important;overflow:hidden!important}
.ui0212-dm-profile{
  width:100%;
  min-width:0;
  height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  background:#111318;
  scrollbar-width:thin;
  scrollbar-color:#252931 transparent;
}
.ui0212-dm-banner{height:104px;min-height:104px}
.ui0212-dm-body{box-sizing:border-box;min-width:0;padding:58px 16px 24px}
.ui0212-dm-identity{min-width:0}
.ui0212-dm-identity h2{overflow-wrap:anywhere;line-height:1.15}
.ui0212-dm-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui0212-dm-status{padding:9px 10px;border-radius:6px;background:#191c22;overflow-wrap:anywhere}
.ui0212-dm-message{width:100%;justify-content:center;cursor:pointer}
.ui0212-dm-section p{font-size:11px;overflow-wrap:anywhere}
.ui0212-dm-note{width:100%;min-height:56px;box-sizing:border-box;resize:none;border:0;border-radius:5px;background:transparent;color:#dbdee1;padding:7px 8px;font:inherit;font-size:11px;outline:none}
.ui0212-dm-note:hover,.ui0212-dm-note:focus{background:#0b0d10}
.ui0212-dm-note::placeholder{color:#777f89}

.ui0212-voice-state-icons,.ui0212-voice-state{min-width:16px}
.ui0212-voice-state-icons .ui0212-slash,.ui0212-voice-state .ui0212-slash{transform:rotate(-45deg) scaleX(1)}
.ui0212-voice-state-icons[data-state="clear"],.ui0212-voice-state[data-state="clear"]{display:none}

.composer{
  grid-template-columns:36px minmax(80px,1fr) auto!important;
  align-items:end!important;
  padding-right:7px!important;
}
.ui0212-composer-tools{min-width:max-content;align-self:center}
.ui0212-composer-tools button:active{transform:scale(.9)}

.ui0212-context{transform-origin:top left;animation:r22menu-in .1s cubic-bezier(.2,.8,.2,1)}
@keyframes r22menu-in{from{opacity:0;transform:scale(.975) translateY(-2px)}to{opacity:1;transform:none}}

@media(min-width:901px) and (max-width:1200px){
  .app-shell.parity-dm-profile{grid-template-columns:68px 236px minmax(320px,1fr) 270px!important}
  .app-shell.parity-dm-profile .member-panel{display:block!important;grid-column:4!important}
}

@media(max-width:520px){
  .ui0212-composer-tools button[data-r22-tool="Activity"],
  .ui0212-composer-tools button[data-r22-tool="Translator"],
  .ui0212-composer-tools button[data-r22-tool="Timestamp"]{display:none}
}