/* Cax unified Celestial interface — presentation only; keeps existing API and permissions. */
:root{--cax-glow:#a68bd0;--cax-surface:#17151f;--cax-stroke:#373044}
:is(.avatar,img.avatar,.cax-preview-pfp,.cax-mutual-picture,.cax-mutual-mini,.dm-top-profile img,.memberlist img,.account img,.profile-inner img.avatar,.cax-friend-identity img){border-radius:50%!important;aspect-ratio:1/1;object-fit:cover;background-position:center;background-size:cover}
:is(.avatar,.cax-preview-pfp,.cax-mutual-picture){flex-shrink:0}
:is(.avatar,.cax-preview-pfp) img{border-radius:50%!important;width:100%;height:100%;object-fit:cover}
:is(.cax-decor-avatar,.cax-decorated-avatar,.cax-presence-avatar){border-radius:50%;overflow:visible!important}
/* Main server rail and channel list */
.rail{background:linear-gradient(180deg,#100e18,#14101d)!important;border-right:1px solid #332a41!important;padding:12px 8px!important}
.rail button{border-radius:18px!important;min-width:42px;min-height:42px}
.rail button:hover{border-radius:14px!important;background:#362b47!important}
.rail button.active{background:#775e9b!important;box-shadow:0 6px 22px #8e6bb744!important}
.sidebar{background:#17141f!important;border-right:1px solid #342c40!important}
.sidebar .header{padding:16px 15px!important;background:#1d1927;border-bottom:1px solid #352d43!important}
.sidebar .content{padding:12px!important}
.sidebar .item,.sidebar button.item{padding:10px 12px!important;margin:3px 0;border-radius:11px!important;min-height:39px}
.sidebar .item.active{background:#413250!important;color:#fff!important}
.sidebar .item:hover{background:#2b2436!important}
.main,.chat{background:radial-gradient(ellipse at 90% 0%,#1c1727 0%,#111017 60%)!important}
.main>.header{min-height:56px;border-bottom:1px solid #332c40!important;background:#181520!important}
/* Settings, admin and server management share consistent navigation rhythm */
.settings{max-width:1180px!important;margin:0 auto;padding:26px clamp(16px,3vw,36px)!important}
.settings h1,.settings h2,.ss-body h2{letter-spacing:-.035em;line-height:1.2}
.settings .pane,.settings .stack.pane,.ss-section,.ss-line{background:#1d1926!important;border:1px solid #393044!important;border-radius:15px!important}
.settings .pane{padding:20px!important;margin-bottom:12px}
.settings .tabs{display:flex;gap:6px;flex-wrap:wrap;padding:5px;background:#17141e;border:1px solid #342c3f;border-radius:13px}
.settings .tabs button{padding:10px 14px!important;border-radius:9px!important;background:transparent!important;color:#bdb2ce!important}
.settings .tabs button.active{background:#4a385e!important;color:#fff!important}
.settings .grid{gap:14px!important}
.settings :is(input,select,textarea),.ss-body :is(input,select,textarea){background:#15121d!important;border:1px solid #463951!important;border-radius:10px!important;padding:11px 12px;color:#f6f1ff}
.settings :is(input,select,textarea):focus,.ss-body :is(input,select,textarea):focus{border-color:#aa8bcc!important;box-shadow:0 0 0 3px #a78ac324!important}
.ss-modal{background:#15121d!important;border:1px solid #443750!important;border-radius:18px!important;overflow:hidden;box-shadow:0 28px 100px #000b!important}
.ss-nav{background:#1c1726!important;border-right:1px solid #3b3049!important;padding:15px 10px!important}
.ss-nav .ss-group{margin-bottom:17px}
.ss-nav button{border-radius:9px!important;margin:2px 0!important;padding:10px 12px!important;transition:background .15s}
.ss-nav button:hover{background:#32283f!important}
.ss-nav button.active{background:#4b3a61!important;color:#fff!important}
.ss-body{background:#15121d!important;padding:clamp(16px,2.5vw,30px)!important}
.ss-section{padding:20px!important;margin-bottom:14px}
.ss-line{padding:14px 16px!important;margin-bottom:9px}
:is(.settings,.ss-body,.cax-addfriend-modal) button.primary{background:#8063a4!important;border:1px solid #9b7bbd!important;border-radius:10px!important;color:#fff!important;font-weight:650}
:is(.settings,.ss-body) button.outline{background:#292235!important;border:1px solid #4c3d5b!important;border-radius:10px!important}
/* Add friend dialog */
.cax-addfriend-back{display:flex;align-items:center;justify-content:center;padding:20px;z-index:10000}
.cax-addfriend-modal{position:relative;display:block;width:min(100%,460px);padding:34px!important;border-radius:22px!important;background:linear-gradient(155deg,#252033,#191620 75%)!important;border:1px solid #574566!important;box-shadow:0 30px 100px #000b,0 0 65px #8865aa16!important;color:#f5f0fa}
.cax-addfriend-close{position:absolute;right:17px;top:17px;border:0;background:#342b41;color:#d7cde2;border-radius:9px;width:34px;height:34px;cursor:pointer}
.cax-addfriend-emblem{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#4c3b64;color:#e2cdf7;font-size:21px;margin-bottom:19px}
.cax-addfriend-modal h2{margin:0 0 8px;font-size:25px;letter-spacing:-.04em}
.cax-addfriend-subtitle{color:#b5a9c4;line-height:1.5;margin:0 0 26px;font-size:14px}
.cax-addfriend-form label{display:block;color:#c6b8d4;font-size:11px;letter-spacing:.09em;font-weight:750;margin-bottom:9px}
.cax-addfriend-inputwrap{display:flex;align-items:center;gap:10px;background:#121019;border:1px solid #574567;border-radius:12px;padding:0 14px;color:#a88abf}
.cax-addfriend-inputwrap:focus-within{border-color:#b18bd0;box-shadow:0 0 0 3px #ae85cb25}
.cax-addfriend-inputwrap input{width:100%;border:0!important;background:transparent!important;box-shadow:none!important;padding:15px 0!important;outline:0!important;color:#fff;font-size:15px}
.cax-addfriend-hint{color:#998da7;font-size:12px;margin:10px 0 24px;line-height:1.5}
.cax-addfriend-error{color:#ffb6bd;background:#482632;border:1px solid #78404f;padding:10px 12px;border-radius:9px;margin-bottom:16px;font-size:13px}
.cax-addfriend-error[hidden]{display:none}
.cax-addfriend-footer{display:flex;justify-content:flex-end;gap:10px}
.cax-addfriend-footer button{padding:11px 17px!important;min-height:42px}
.cax-addfriend-footer button:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){.settings{padding:14px!important}.settings .pane,.ss-section{padding:15px!important}.cax-addfriend-modal{padding:25px 19px!important}.cax-addfriend-footer button{flex:1}.ss-body{padding:15px!important}}
@media(prefers-reduced-motion:reduce){.sidebar .item,.ss-nav button{transition:none!important}}