/* Flat community workspace, October 2026. */
:root{--sidebar-width:264px}html body{background:var(--site-bg,var(--bg))!important;color:var(--ink);font-family:'DM Sans',sans-serif}html body .sidebar{width:var(--sidebar-width);background:#0a0a0c!important;border-right:1px solid #252529;padding:0;box-shadow:none;border-radius:0;height:100dvh;z-index:60;overflow:hidden}html body .main{margin-left:var(--sidebar-width);background:transparent!important;min-height:100vh}.sidebar .brand{display:flex;align-items:center;height:88px;min-height:88px;margin:0!important;padding:0 26px!important;border-bottom:1px solid #242428}.vela-logo{color:#f4f4f7!important;filter:none!important;text-shadow:none!important}.vela-logo b{color:#bc83ff!important}.vela-logo small{color:#8d8d99!important;font-size:8px!important;letter-spacing:3px!important}.sidebar .navlabel{display:none}.sidebar nav{overflow-y:auto;flex:1;padding:16px 12px;min-height:0}.sidebar .nav,.sidebar button.nav{position:relative;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:9px!important;margin:3px 0!important;min-height:43px;padding:11px 14px!important;color:#9498a5!important;font-size:13px!important;line-height:1.4;display:flex;align-items:center;gap:12px;white-space:normal;text-align:left}.sidebar .nav:hover{color:#eee!important;background:#ffffff08!important}.sidebar .nav.active{background:#202023!important;color:#f5f5f7!important}.sidebar .nav.active:before{content:'';position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:0 4px 4px 0;background:#b35aff}.sidebar .nav .nav-icon{display:inline-flex;width:20px;height:20px;color:#727887;font-size:18px;flex:none}.nav-icon svg,.group-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.sidebar .nav.active .nav-icon,.nav-dropdown[open]>summary .group-icon{color:#c181ff}.sidebar .nav>span:not(.nav-icon){font-size:13px;width:auto}.nav-dropdown{padding:0;border:0;margin:3px 0}.nav-dropdown summary{padding:12px 14px;font-size:13px;color:#a5a8b2;font-weight:500;display:flex;gap:12px;align-items:center;list-style:none}.nav-dropdown summary>span:last-child{margin-left:auto;font-size:13px}.nav-dropdown .nav{padding-left:43px!important}.nav-dropdown summary:hover{color:white}.group-icon{height:20px;width:20px;display:flex;flex:none}.sidebar-bottom{margin-top:auto;background:#0a0a0c;border-top:1px solid #242428;padding:13px 14px;flex:none}.upgrade-mini{background:none!important;border:0!important;padding:0!important;margin:0 0 12px!important}.upgrade-mini h3,.upgrade-mini .fine{display:none}.upgrade-mini .primary{margin:0!important;background:linear-gradient(110deg,#9226e8,#da1682)!important;color:white!important;border:0!important;border-radius:12px!important;min-height:57px;text-align:left;font-size:14px;padding-left:20px!important}.sidebar .user{border-top:1px solid #242428;padding:14px 4px 8px!important;gap:12px}.sidebar .user .avatar{width:38px;height:38px;background:#922bee!important;border:0!important;box-shadow:none!important;color:white}.sidebar .logout-button{border:0!important;background:none!important;color:#858b98!important;width:100%;padding:7px!important;font-size:11px}.sidebar-bottom .discord-shortcut{display:block;border:1px solid #33325f;background:#12121f;color:#b7b5ff;border-radius:9px;padding:10px 12px;margin-bottom:12px;font-size:12px}.sidebar-bottom .discord-shortcut small{display:block;color:#777b9d;font-size:10px;margin:3px 0 0 20px}.sidebar .user .fine{font-size:11px}.sidebar .rank-name{font-size:13px}html body .topbar{background:#0a0a0b!important;border-bottom:1px solid #242428;height:88px;box-shadow:none!important;padding:0 28px;gap:18px}.top-left{gap:12px}.top-left>.badge{background:#28152e;color:#deb4ff;border:1px solid #502867;padding:8px 10px;font-size:12px}.top-left>.progress{order:4;width:170px;background:#242428;height:6px}.top-left>.progress i{background:linear-gradient(90deg,#b554ec,#e28bcc)}.top-left>.muted{font-size:10px}.topbar .actions{gap:9px}.topbar button,.topbar select{background:#151517!important;border:1px solid #2c2c31!important;box-shadow:none!important;border-radius:8px!important;padding:10px 13px!important;color:#ddd!important;font-size:12px}.topbar .save{background:#8925dc!important;border:1px solid #9a35ea!important;color:white!important;box-shadow:0 3px 18px #982aff24!important}.header-logout{display:none!important}.header-presence label{display:none}.header-presence select{max-width:82px}.header-subbar{display:none!important}.content{max-width:1480px;padding:30px 30px 65px!important}.breadcrumb{color:#757b89;font-size:12px;margin:0 0 28px}.heading h1{font-size:28px;letter-spacing:-.7px}.heading p{font-size:13px;color:#777f8e}.heading .eyebrow{display:none}html body .card,html body .neon-panel{background:#0c0c0e!important;border:1px solid #232327!important;border-radius:13px!important;box-shadow:none!important;backdrop-filter:none!important}.card h2{font-size:18px}.card h3{font-size:15px}button{border-radius:8px}html body input,html body select,html body textarea{background:#0c0c10!important;border:1px solid #2b2b30!important;box-shadow:none!important;color:#e5e5ec!important;border-radius:8px!important}html body .primary{background:#8c28df;color:white;border:1px solid #9d40ea;box-shadow:none}.footer{color:#5e6370;font-size:11px}.overview-stat-icon{background:#17101f!important}.overview-welcome,.community-banner{background:#101014!important}.template-card{padding:0!important;overflow:hidden}.template-card-copy{padding:16px!important}.template-mini-profile{background:#202024dd!important;border:1px solid #ffffff26!important}.template-scene{min-height:195px}.template-grid{gap:18px!important}.template-actions button{font-size:12px;padding:10px 14px}.template-actions .primary{background:#1c1128!important;color:#c395ee!important;border:1px solid #482466!important}.token-balance,.topbar .token-balance{display:flex;align-items:center;gap:8px;padding:7px 11px;background:#1b1809!important;color:#ffd440!important;border:1px solid #594709!important;border-radius:10px;font-family:'Space Grotesk',sans-serif;font-size:15px!important;white-space:nowrap;min-width:69px;justify-content:center}.hexora-token{display:inline-grid;place-items:center;width:23px;height:23px;flex:none;border-radius:50%;color:#8f5600;font:bold 14px Georgia,serif;background:radial-gradient(circle at 35% 25%,#ffeb79,#ffc629 60%,#d48a00);border:2px solid #e7a300;outline:1px dashed #fff084;outline-offset:-4px;text-shadow:0 1px #ffe8a0;box-shadow:inset 0 0 0 2px #ffda57}.chat-card{padding:18px!important}.chat-card .table-head{padding-bottom:12px;border-bottom:1px solid #23232a;margin-bottom:0}.chat-card .table-head h3{margin:0;font-size:15px}.chat-messages{height:clamp(350px,58vh,680px)!important;min-height:350px;overflow-y:auto;display:block!important;padding:12px 0!important}.chat-message{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0!important;padding:7px 5px!important;min-height:0!important;border:0!important;border-radius:5px!important}.chat-message:hover{background:#ffffff04}.chat-message .avatar{width:30px!important;height:30px!important;min-width:30px!important;font-size:12px!important;margin:0!important}.chat-message .message-copy{padding:0!important}.message-meta{gap:7px!important;justify-content:flex-start!important;min-height:17px!important;flex-wrap:wrap}.message-meta .chat-profile-name{padding:0!important;margin:0!important;border:0!important;background:none!important;font-size:12px!important;min-width:0!important;line-height:17px}.message-meta .badge{padding:1px 4px;font-size:8px!important;line-height:13px}.message-meta time{font-size:9px!important;color:#606674!important}.message-copy p{margin:2px 0 0!important;line-height:1.45!important;font-size:13px!important;color:#c5c7d1}.message-meta .moderate{margin:0!important;padding:2px 6px!important;font-size:9px!important;min-width:0!important}.chat-compose{gap:8px}.chat-compose input{padding:12px!important}.chat-compose .primary{padding:10px 15px!important}.chat-typing{min-height:20px!important;font-size:10px}.chat-sound{margin:5px 0!important;font-size:10px}.chat-card+aside{align-self:start}.chat-card+aside .steps{margin-top:16px}.chat-online-dot{display:inline-block;width:6px;height:6px;background:#39db7b;border-radius:50%;box-shadow:0 0 6px #39db7b44}.chat-status-marker:empty{display:none}body:has(#friendBar){padding-bottom:0!important}#friendBar{position:fixed!important;left:auto!important;right:0!important;top:calc(50% + 70px)!important;bottom:auto!important;z-index:80!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:block!important;width:320px;transform:translateX(calc(100% + 1px));transition:transform .25s ease}#friendBar.open{transform:translateX(0)}.friends-edge-button{position:absolute;right:100%;top:0;background:#151119!important;color:#c395ff!important;border:1px solid #3e2b4c!important;border-right:0!important;border-radius:13px 0 0 13px!important;min-width:48px;height:65px;padding:10px!important;font-size:23px!important}.friends-edge-button b{display:block;font-size:10px;line-height:12px}.friends-panel{padding:18px;background:#101013;border:1px solid #2c2735;border-radius:0 0 0 14px;max-height:50vh;overflow-y:auto;box-shadow:0 15px 40px #0008}.dock-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.dock-heading button{padding:2px 8px!important;border:0!important;background:none!important;font-size:20px!important}.friends-panel #friendList{display:flex;flex-direction:column;gap:8px}.friend-shortcut{display:flex;gap:8px;border:0!important;background:#17171c;padding:9px!important;border-radius:8px}.friend-shortcut button{border:0!important;background:none!important;padding:3px!important}.friend-shortcut button:last-child{margin-left:auto;color:#bc83ff}.background-music-dock{position:fixed;right:0;bottom:24px;z-index:79;width:268px;transform:translateX(0);transition:transform .25s}.background-music-dock.folded{transform:translateX(100%)}.edge-tab{position:absolute;right:100%;top:0;width:48px;height:65px;background:#151119!important;color:#d4bbef!important;border:1px solid #3e2b4c!important;border-radius:13px 0 0 13px!important;font-size:26px!important;padding:10px!important}.background-music-panel{background:#101013;border:1px solid #2c2735;border-radius:12px 0 0 12px;padding:13px}.background-music-panel iframe{display:block;width:240px;min-width:200px;height:200px;min-height:200px;border:0}.background-music-panel p{font-size:11px;color:#9da1af;line-height:1.5}.music-playback-controls{display:flex;gap:6px}.music-playback-controls button{font-size:10px;padding:8px}#musicDock{display:none!important}#floatingVolume{right:58px;bottom:14px;background:#101013;border-color:#332b40}#onlineCount{font-size:10px}.dm-popout .main{margin-left:0!important}.dm-popout #friendBar,.dm-popout #backgroundMusicDock{display:none!important}.admin-sidebar .sidebar-bottom{padding:12px}dialog{background:#111115!important;color:#eaeaf0!important;border:1px solid #34303f!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #c383ff;outline-offset:3px}@media(max-width:1180px){.top-left>.progress{width:90px}.topbar .actions{gap:5px}.topbar button{padding:9px!important}.top-left>.muted{display:none}.topbar{padding:0 18px!important}}@media(max-width:900px){:root,html[data-site-theme]{--sidebar-width:216px}.top-left>.progress{display:none}.topbar .actions .save{display:none}.content{padding:24px 20px 65px!important}.sidebar .brand{padding-left:19px!important}.sidebar-bottom{padding:10px}.top-left{gap:7px}.header-presence{display:none}}@media(max-width:700px){:root,html[data-site-theme]{--sidebar-width:64px}.sidebar .brand{padding:0 13px!important}.vela-logo>span{display:none!important}.sidebar nav{padding:12px 5px}.sidebar .nav{justify-content:center;padding:12px 8px!important}.sidebar .nav>span:not(.nav-icon),.nav-dropdown summary>span:not(.group-icon),.sidebar .nav>b{display:none!important}.nav-dropdown summary{padding:12px 15px}.nav-dropdown .nav{padding:10px!important}.sidebar-bottom{padding:9px 4px}.sidebar .upgrade-mini,.sidebar .discord-shortcut,.sidebar .user>div:not(.avatar),.sidebar .logout-button{display:none!important}.sidebar .user{justify-content:center}.content{padding:22px 14px 65px!important}.topbar{padding:0 10px!important;height:72px!important}.top-left>.badge{padding:5px;font-size:9px}.topbar .actions>button{font-size:10px!important;padding:8px!important}.topbar .actions>button:nth-child(3){display:none}.token-balance{padding:5px!important;min-width:50px!important;font-size:12px!important}.hexora-token{width:19px;height:19px;font-size:11px}#onlineCount{display:none}.friends-panel{max-height:55vh}#friendBar{width:min(300px,calc(100vw - 110px))}.friends-edge-button,.edge-tab{width:40px;min-width:40px}.heading h1{font-size:24px}.chat-card{padding:12px!important}.chat-card+aside{display:none}.chat-card{grid-column:1/-1}.background-music-dock{bottom:16px}.topbar .actions{gap:3px}}@media(prefers-reduced-motion:reduce){#friendBar,.background-music-dock{transition:none}}
.nav-dropdown[open]>summary>span{transform:none}.nav-dropdown[open]>summary>span:last-child{transform:rotate(180deg)}@media(max-width:700px){.columns:has(.chat-card){grid-template-columns:minmax(0,1fr)!important}.topbar .actions>button{white-space:nowrap}.topbar .token-balance{min-width:50px}}
/* Preserve the member's selected atmosphere beneath the workspace. */
html body .main{background:transparent!important}.site-atmosphere{display:block!important}.sidebar .nav.active{background:linear-gradient(90deg,#a750f32b,#ffffff0b)!important;border:1px solid #a450ef55!important;color:#fff!important;font-weight:700}.sidebar .nav.active:before{width:4px;top:9px;bottom:9px}.sidebar .nav.active .nav-icon{color:#d7a0ff}.sidebar .nav-dropdown.contains-current>summary{color:#dab3ff;background:#a354e60c;border-radius:8px}.sidebar .nav-dropdown.contains-current:not([open])>summary:after{content:'Current';font-size:9px;color:#d7a0ff;margin-left:3px}.nav-dropdown[open]>.nav{margin-left:10px!important;width:calc(100% - 10px)!important;border-left:1px solid #80648d30!important}.nav-dropdown[open]>summary{margin-bottom:5px}.nav-dropdown>summary>span:last-child{transition:transform .18s}.sidebar nav .nav-dropdown>summary{cursor:pointer}html body select,html body .topbar select{background:transparent!important;color:var(--ink)!important;border:1px solid #9a7baa44!important;color-scheme:dark}html body select option,html body select optgroup{background:var(--panel,#201727);color:var(--ink,#fff)}.nav-dropdown summary,.nav-dropdown summary:hover{background:transparent}.danger-action{border:1px solid #df6a7866!important;color:#ffa3ad!important;background:#da35460c!important;margin-top:10px}.edge-tab,.friends-edge-button{touch-action:none;cursor:grab!important;user-select:none}.edge-tab:active,.friends-edge-button:active{cursor:grabbing!important}.floating-positioned{position:fixed!important;right:auto!important;bottom:auto!important;width:48px!important;transform:none!important;transition:none!important}.floating-positioned>.edge-tab,.floating-positioned>.friends-edge-button{position:relative!important;top:0!important;right:auto!important;margin:0}.floating-positioned>.friends-panel,.floating-positioned>.background-music-panel{position:absolute;left:48px;top:0;width:280px;max-height:min(65vh,500px);overflow-y:auto}.floating-positioned.dock-flip>.friends-panel,.floating-positioned.dock-flip>.background-music-panel{left:auto;right:48px}.floating-positioned.folded>.background-music-panel,.floating-positioned:not(.open)>.friends-panel{display:none}.floating-positioned.open>.friends-panel{display:block}.floating-positioned .background-music-panel iframe{max-width:none}.dragging-widget{z-index:150!important}@media(max-width:700px){.floating-positioned{width:40px!important}.floating-positioned>.friends-panel,.floating-positioned>.background-music-panel{left:40px;width:min(280px,calc(100vw - 60px))}.floating-positioned.dock-flip>.friends-panel,.floating-positioned.dock-flip>.background-music-panel{left:auto;right:40px}.nav-dropdown[open]>.nav{margin-left:0!important;width:100%!important}}

/* Pink-purple navigation override: independent of optional theme classes. */
html body #app .sidebar button.nav.active,
html body #app .sidebar button.nav[aria-current="page"],
html body #app .sidebar button.nav.active:hover,
html body #app .sidebar button.nav[aria-current="page"]:hover,
html body #app .sidebar button.nav.active:focus-visible {
  background: linear-gradient(110deg, #b65b91 0%, #70479f 100%) !important;
  background-color: #87518f !important;
  background-image: linear-gradient(110deg, #b65b91 0%, #70479f 100%) !important;
  color: #fff0fc !important;
  border: 1px solid #e4a3e47a !important;
  box-shadow: 0 0 18px #bf71cb2e, inset 0 1px 3px #ffffff14 !important;
}
html body #app .sidebar button.nav.active :is(span,svg,i),
html body #app .sidebar button.nav[aria-current="page"] :is(span,svg,i) {
  color: #fff0fc !important;
}
html body #app .sidebar button.nav.active::before { display: none !important; }

/* Final active navigation color; outranks the legacy glass-theme hover rule. */
html.hx-workspace body #app#app .sidebar button.nav.active,
html.hx-workspace body #app#app .sidebar button.nav[aria-current="page"],
html.hx-workspace body #app#app .sidebar button.nav.active:is(:hover,:focus,:focus-visible,:active),
html body #app#app .sidebar button.nav.active,
html body #app#app .sidebar button.nav[aria-current="page"] {
  background: linear-gradient(110deg,#b65b91 0%,#70479f 100%) !important;
  background-image: linear-gradient(110deg,#b65b91 0%,#70479f 100%) !important;
  background-color: #87518f !important;
  border-color: #e4a3e47a !important;
  color: #fff0fc !important;
  box-shadow: 0 0 18px #bf71cb2e,inset 0 1px 3px #ffffff14 !important;
}
html.hx-workspace body #app#app .sidebar button.nav.active :is(span,svg,i),
html body #app#app .sidebar button.nav.active :is(span,svg,i) { color:#fff0fc !important; }