.site-header,.dash-head,.top{width:100%!important;height:72px!important;min-height:72px;padding:0 var(--page-gutter)!important;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.site-header{position:relative;z-index:1000;overflow:visible;isolation:isolate}.site-header .account-menu{z-index:1001}.site-header .account-popover{z-index:1002}.account-loading{pointer-events:none;cursor:default}
.theme-loading .dash-actions,.theme-loading .top-actions{visibility:visible}
.site-header nav,.dash-actions,.top-actions{display:flex;align-items:center;gap:14px}
.dash-actions,.top-actions{color:var(--muted);font-size:14px}
.header-secondary:hover{color:var(--text)}
.header-account{width:164px;overflow:hidden}
.header-account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-account-slot{display:block;width:58px;height:40px}
.service-nav .server-list-link{display:none!important}
.state.on{min-height:27px;padding:0 9px;border:1px solid rgba(153,170,255,.24);border-radius:999px;background:rgba(153,170,255,.08)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.account-menu{position:relative}.account-trigger{display:flex;align-items:center;justify-content:center;gap:7px;width:58px;height:40px;padding:0 7px;border:0;background:transparent;color:var(--muted);cursor:pointer}.account-trigger img,.account-identity img{border-radius:50%;object-fit:cover}.account-chevron{position:relative;width:15px;height:15px}.account-chevron svg{position:absolute;inset:0;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .14s ease,transform .14s ease}.account-chevron-up{opacity:0;transform:scale(.6)}.account-trigger[aria-expanded="true"] .account-chevron-down{opacity:0;transform:scale(.6)}.account-trigger[aria-expanded="true"] .account-chevron-up{opacity:1;transform:scale(1)}.account-popover{position:absolute;top:48px;right:0;z-index:100;width:245px;padding:10px;background:var(--app-surface,#11131e);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.42)}.account-popover[hidden]{display:none}.account-identity{display:flex;align-items:center;gap:11px;padding:10px 10px 14px;border-bottom:1px solid var(--line)}.account-identity>span:last-child{display:flex;min-width:0;flex-direction:column}.account-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity small{margin-top:2px;color:var(--muted)}.account-label{padding:15px 10px 7px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.account-popover a{display:flex;align-items:center;min-height:40px;padding:0 10px;border-radius:8px;color:var(--muted);font-size:13px}.account-popover a:hover{background:rgba(255,255,255,.05);color:var(--text)}
.brand .alpha-pill,.release-switcher .alpha-pill{display:inline-flex;align-items:center;justify-content:center;height:20px;margin-left:2px;padding:0 7px;border:1px solid rgba(153,170,255,.23);border-radius:999px;background:rgba(153,170,255,.075);color:#cbd3ff;font:700 8px "DM Sans",sans-serif;letter-spacing:.12em;line-height:1;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,255,255,.035)}
html[data-theme="jade"] :is(.brand,.release-switcher) .alpha-pill{border-color:rgba(0,232,165,.23);background:rgba(0,232,165,.07);color:#aaf3dc}
.release-brand-cluster{display:inline-flex;align-items:center}
.alpha-pill.release-loading{visibility:hidden}.alpha-pill.release-loading:after,.account-loading .account-skeleton-avatar:after,.account-loading .account-skeleton-chevron:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(184,196,255,.11),transparent);animation:release-skeleton-sweep 1.45s ease-in-out infinite}.account-loading{pointer-events:none;cursor:default}.account-loading.header-account-slot,.dash-head #user.account-loading{display:flex!important;align-items:center;justify-content:center;gap:7px;width:58px!important;height:40px!important;min-height:40px;padding:0 7px!important;overflow:visible;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}.account-loading .account-skeleton-avatar{position:relative;display:block;width:30px;height:30px;flex:0 0 30px;overflow:hidden;border-radius:50%;background:rgba(184,196,255,.08)}.account-loading .account-skeleton-chevron{position:relative;display:block;width:12px;height:12px;flex:0 0 12px;overflow:hidden;border-radius:4px;background:rgba(184,196,255,.07)}@keyframes release-skeleton-sweep{to{transform:translateX(100%)}}@media(prefers-reduced-motion:reduce){.alpha-pill.release-loading:after,.account-loading .account-skeleton-avatar:after,.account-loading .account-skeleton-chevron:after{animation:none}}
.release-switcher{position:relative;display:inline-flex;align-items:center;margin-left:2px}.release-switcher .alpha-pill{margin-left:0}.release-switcher-button{display:inline-flex;align-items:center;gap:5px;padding:4px 2px 4px 0;border:0;background:transparent;color:#cbd3ff;cursor:pointer}.release-switcher-button:focus-visible{outline:2px solid var(--pearl);outline-offset:3px;border-radius:6px}.release-chevron{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.release-switcher-button[aria-expanded="true"] .release-chevron{transform:rotate(180deg)}.release-menu{position:absolute;top:31px;left:0;z-index:1100;width:132px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--app-surface,#111421);box-shadow:0 18px 44px rgba(0,0,0,.38)}.release-menu[hidden]{display:none}.release-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:34px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:700 10px "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.release-menu button:hover,.release-menu button:focus-visible{background:rgba(255,255,255,.055);color:var(--text);outline:0}.release-menu button[aria-checked="true"]{color:var(--app-accent-text,#d9dfff);background:color-mix(in srgb,var(--app-accent,#99aaff) 12%,transparent)}html[data-theme="jade"] .release-switcher-button{color:#aaf3dc}
.site-header [data-account-link],.dash-head .user,.top .back{height:40px;min-height:40px}
.dash-head .user{padding:0 12px;border-radius:10px;background:#171b2d;white-space:nowrap}
.dash-head .user img{width:24px;height:24px;border-radius:7px}
.top .back{display:inline-flex;align-items:center}
.dashboard-shell{padding:0 0 64px!important}
.dashboard-shell>.intro,.dashboard-shell>.guild-list{margin-left:var(--page-gutter);margin-right:var(--page-gutter)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:112px;flex:0 0 112px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#121625;color:var(--muted);font:600 12px "DM Sans",sans-serif;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
.theme-toggle:hover{color:var(--text);background:#181d30;border-color:rgba(184,196,255,.24)}
.theme-toggle:focus-visible{outline:2px solid var(--pearl);outline-offset:2px}
.theme-swatch{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#66ccff,#99aaff 52%,#ffaaff);box-shadow:0 0 8px rgba(153,170,255,.35)}
html[data-theme="jade"]{--bg:#090d0c;--panel:#111715;--text:#f4f8f6;--muted:#9aaba5;--mint:#00e8a5;--sky:#00e8a5;--pearl:#00e8a5;--pink:#26f0b4;--line:rgba(255,255,255,.09)}
html[data-theme="jade"] body{background:#070c0a;color:var(--text);background-image:radial-gradient(circle at 16% 3%,rgba(0,232,165,.055),transparent 24rem),radial-gradient(circle at 90% 28%,rgba(65,120,102,.035),transparent 30rem)}
html[data-theme="jade"] body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
html[data-theme="jade"] .theme-toggle{background:#101714;border-color:rgba(255,255,255,.09)}
html[data-theme="jade"] .theme-toggle:hover{background:#16211d;border-color:rgba(0,232,165,.24)}
html[data-theme="jade"] .theme-swatch{background:#00e8a5;box-shadow:0 0 10px rgba(0,232,165,.42)}
html[data-theme="jade"] .button{background:#00e8a5;color:#03110d;box-shadow:0 10px 35px rgba(0,232,165,.12)}
html[data-theme="jade"] .button:hover{background:#26f0b4}
html[data-theme="jade"] h1 span{color:#00e8a5;background:none;-webkit-text-fill-color:currentColor}
html[data-theme="jade"] .status-dot{background:#00e8a5;box-shadow:0 0 14px #00e8a5}
html[data-theme="jade"] .features{background:#0c1210}
html[data-theme="jade"] .account-button{background:#111916;color:var(--text);box-shadow:none}
html[data-theme="jade"] .account-button:hover{background:#18231f}
html[data-theme="jade"] .guild{background:linear-gradient(145deg,rgba(18,27,23,.98),rgba(12,19,16,.98));border-color:rgba(255,255,255,.09);box-shadow:inset 0 1px rgba(255,255,255,.025)}
html[data-theme="jade"] .guild[href]:hover{border-color:rgba(0,232,165,.28);box-shadow:0 16px 38px rgba(0,0,0,.22),0 0 22px rgba(0,232,165,.035)}
html[data-theme="jade"] .top{background:#0b110f!important;border-color:rgba(255,255,255,.075)!important}
html[data-theme="jade"] .server-head{background:#0d1512!important;border-color:rgba(255,255,255,.085)!important}
html[data-theme="jade"] .service-nav{background:linear-gradient(180deg,rgba(15,23,20,.98),rgba(10,16,14,.98))!important;border-color:rgba(255,255,255,.085)!important;box-shadow:0 16px 40px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)!important}
html[data-theme="jade"] .service-nav a{color:#9aaba5!important}
html[data-theme="jade"] .service-nav a:hover{color:#f4f8f6!important;background:rgba(255,255,255,.045)!important}
html[data-theme="jade"] .service-nav a.active{color:#03110d!important;background:linear-gradient(135deg,#00e8a5,#0bdcb0)!important;box-shadow:0 8px 22px rgba(0,232,165,.13),inset 0 1px rgba(255,255,255,.22)!important}
html[data-theme="jade"] .service-nav-icon,html[data-theme="jade"] .service-card-icon{filter:drop-shadow(0 0 7px rgba(0,232,165,.16))!important}
html[data-theme="jade"] .service-nav a.active .service-nav-icon{filter:brightness(.28) saturate(.8)!important}
html[data-theme="jade"] .card[data-service="discord"] .card-top h2:before{background-image:url('/icons/jade/discord.png')}
html[data-theme="jade"] .card[data-service="vrchat"] .card-top h2:before{background-image:url('/icons/jade/vrchat.png')}
html[data-theme="jade"] .card[data-service="verification"] .card-top h2:before{background-image:url('/icons/jade/verified.png')}
html[data-theme="jade"] .card[data-service="moderation"] .card-top h2:before{background-image:url('/icons/jade/report.png')}
html[data-theme="jade"] .card[data-service="roles"] .card-top h2:before{background-image:url('/icons/jade/link.png')}
html[data-theme="jade"] .card[data-service="slowmode"] .card-top h2:before{background-image:url('/icons/jade/channel.png')}
html[data-theme="jade"] .card,html[data-theme="jade"] .advanced-panel{background:linear-gradient(145deg,rgba(18,27,23,.98),rgba(12,19,16,.98))!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 18px 45px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.025)!important}
html[data-theme="jade"] .card:before,html[data-theme="jade"] .advanced-panel:before{display:block!important;background:radial-gradient(420px circle at 15% 0,rgba(0,232,165,.035),transparent 42%)!important}
html[data-theme="jade"] .card-top,html[data-theme="jade"] .settings,html[data-theme="jade"] .open-settings{border-color:rgba(255,255,255,.08)!important}
html[data-theme="jade"] .stat-box{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015))!important;border-color:rgba(255,255,255,.075)!important}
html[data-theme="jade"] .state.on{color:#70f4ca!important}
html[data-theme="jade"] .state.on:before{background:#00e8a5!important;box-shadow:0 0 10px rgba(0,232,165,.55)!important}
html[data-theme="jade"] .control:not([aria-pressed="true"]){color:#a6f8df!important;background:rgba(0,232,165,.07)!important;border-color:rgba(0,232,165,.28)!important}
html[data-theme="jade"] .control:not([aria-pressed="true"]):hover{background:rgba(0,232,165,.13)!important;border-color:rgba(0,232,165,.5)!important}
html[data-theme="jade"] .control[aria-pressed="true"]{color:#d7dfdc!important;background:#090e0c!important;border-color:rgba(255,255,255,.13)!important}
html[data-theme="jade"] .control[aria-pressed="true"]:hover{color:#fff!important;background:#0c1310!important;border-color:rgba(255,255,255,.22)!important}
html[data-theme="jade"] .open-settings{color:#91e8cd!important}
html[data-theme="jade"] .open-settings:hover{color:#c0ffe9!important;border-top-color:rgba(0,232,165,.2)!important}
html[data-theme="jade"] .notice{background:linear-gradient(90deg,rgba(0,232,165,.035),rgba(0,232,165,.012))!important;border-color:rgba(0,232,165,.22)!important;box-shadow:inset 3px 0 rgba(0,232,165,.45)!important}
html[data-theme="jade"] .field{background:#0a0f0d!important;border-color:rgba(255,255,255,.09)!important}
html[data-theme="jade"] .field:focus{border-color:rgba(0,232,165,.5)!important;box-shadow:0 0 0 3px rgba(0,232,165,.07)!important}
html[data-theme="jade"] .skeleton,html[data-theme="jade"] .skeleton-line,html[data-theme="jade"] .skeleton-card,html[data-theme="jade"] .skeleton-pill,html[data-theme="jade"] .skeleton-notice{background-color:#111916!important;border-color:rgba(255,255,255,.045)!important}
html[data-theme="jade"] .skeleton-button{background:#111916!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="jade"] .skeleton:after,html[data-theme="jade"] .skeleton-line:after,html[data-theme="jade"] .skeleton-card:after,html[data-theme="jade"] .skeleton-pill:after,html[data-theme="jade"] .skeleton-notice:after,html[data-theme="jade"] .skeleton-button:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent)!important}
html[data-theme="jade"] .eyebrow{color:#a6b8b2!important}
html[data-theme="jade"] .toast{background:#14201c!important;border-color:rgba(0,232,165,.3)!important}
@media(max-width:850px){.top{height:72px!important;padding:0!important}.top-actions{gap:12px}.shell{padding-top:0!important}}
@media(max-width:620px){.site-header .theme-toggle [data-theme-label],.dash-head .theme-toggle [data-theme-label]{display:none}.site-header .theme-toggle,.dash-head .theme-toggle{width:38px;flex-basis:38px;padding:0}.dashboard-shell>.intro,.dashboard-shell>.guild-list{margin-left:20px;margin-right:20px}.top .theme-toggle{width:38px;flex-basis:38px;padding:0}.top .theme-toggle [data-theme-label],.header-secondary{display:none}.header-account{width:auto;min-width:44px}.header-account span{display:none}}

/* Shared application surfaces keep dashboard pages faithful to the selected brand theme. */
:root{--app-bg:#090b16;--app-header:#0d101b;--app-sidebar:#0f1220;--app-surface:#111421;--app-surface-raised:#151827;--app-control:#171b2d;--app-border:#25293b;--app-active:#1a1f34;--app-accent:#99aaff;--app-accent-text:#d9dfff}
html[data-theme="jade"]{--app-bg:#070c0a;--app-header:#0b110f;--app-sidebar:#0d1512;--app-surface:#111916;--app-surface-raised:#16211d;--app-control:#101714;--app-border:rgba(255,255,255,.09);--app-active:#00e8a5;--app-accent:#00e8a5;--app-accent-text:#a6f8df}
.site-header,.dash-head,.top{height:80px!important;min-height:80px;background:var(--app-header);border-color:var(--app-border)!important}
.dashboard-shell,html:not([data-theme="jade"]) .shell{background:var(--app-bg)}
.dash-head .user{background:var(--app-control);border:1px solid var(--app-border)}
.guild{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 10px 28px rgba(2,3,10,.16)}
.empty{background:var(--app-surface);border-color:var(--app-border)}
.top{background:var(--app-header)!important}
.server-head,.service-nav{background:var(--app-sidebar)!important;border-color:var(--app-border)!important}
.card,.advanced-panel{background:var(--app-surface);border-color:var(--app-border)}
.stat-box{background:var(--app-surface-raised);border-color:var(--app-border)}
.theme-toggle{background:var(--app-control);border-color:var(--app-border)}
html[data-theme="jade"] .service-nav a.active{background:var(--app-active)!important;color:#03110d!important}
html[data-theme="jade"] .dash-head .user,html[data-theme="jade"] .empty{background:var(--app-surface);border-color:var(--app-border)}
@media(max-width:850px){.top{height:80px!important;min-height:80px!important}}

/* Jade is a restrained charcoal theme with mint used only as an accent. */
html[data-theme="jade"]{--bg:#080b0a;--panel:#121715;--text:#f3f6f5;--muted:#9ca8a4;--line:rgba(197,214,207,.11);--app-bg:#080b0a;--app-header:#0b0f0e;--app-sidebar:#0e1311;--app-surface:#121715;--app-surface-raised:#171d1a;--app-control:#171c1a;--app-border:rgba(197,214,207,.11);--app-active:rgba(0,232,165,.11);--app-accent:#62dfb5;--app-accent-text:#d8eee7}
html[data-theme="jade"] body{background:#080b0a;background-image:radial-gradient(circle at 12% 0,rgba(64,112,96,.055),transparent 28rem),radial-gradient(circle at 92% 24%,rgba(255,255,255,.018),transparent 30rem)}
html[data-theme="jade"] body:before{display:none}
html[data-theme="jade"] .top,html[data-theme="jade"] .dash-head,html[data-theme="jade"] .site-header{background:#0b0f0e!important;border-color:var(--app-border)!important}
html[data-theme="jade"] .server-head{background:#0e1311!important;border-color:var(--app-border)!important}
html[data-theme="jade"] .service-nav{background:#0e1311!important;border-color:var(--app-border)!important;box-shadow:none!important}
html[data-theme="jade"] .service-nav a{color:#9ca8a4!important}
html[data-theme="jade"] .service-nav a:hover{color:#f3f6f5!important;background:rgba(255,255,255,.04)!important}
html[data-theme="jade"] .service-nav a.active{color:#e8f6f1!important;background:rgba(0,232,165,.1)!important;box-shadow:inset 3px 0 #45d8a7!important}
html[data-theme="jade"] .service-nav a.active .service-nav-icon{filter:drop-shadow(0 0 6px rgba(0,232,165,.18))!important}
html[data-theme="jade"] .guild,html[data-theme="jade"] .card,html[data-theme="jade"] .advanced-panel{background:#121715!important;border-color:var(--app-border)!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}
html[data-theme="jade"] .card:before,html[data-theme="jade"] .advanced-panel:before{display:none!important}
html[data-theme="jade"] .stat-box{background:#171d1a!important;border-color:var(--app-border)!important}
html[data-theme="jade"] .theme-toggle,html[data-theme="jade"] .dash-head .user{background:#171c1a;border-color:var(--app-border)}
html[data-theme="jade"] .control:not([aria-pressed="true"]){color:#d8eee7!important;background:#18211e!important;border-color:rgba(98,223,181,.26)!important}
html[data-theme="jade"] .control:not([aria-pressed="true"]):hover{color:#effbf7!important;background:#1c2925!important;border-color:rgba(98,223,181,.44)!important}
html[data-theme="jade"] .control[aria-pressed="true"]{color:#c3ccc9!important;background:#0d1110!important;border-color:rgba(197,214,207,.13)!important}
html[data-theme="jade"] .open-settings{color:#b8c7c2!important}
html[data-theme="jade"] .open-settings:hover{color:#76e6c0!important;border-top-color:rgba(98,223,181,.24)!important}
html[data-theme="jade"] .eyebrow{color:#9aa7a2!important}
html[data-theme="jade"] .notice{color:#aebbb7!important;background:#101614!important;border-color:rgba(98,223,181,.19)!important;box-shadow:inset 3px 0 rgba(98,223,181,.62)!important}
html[data-theme="jade"] .skeleton,html[data-theme="jade"] .skeleton-card,html[data-theme="jade"] .skeleton-notice{background:#121715!important;border-color:var(--app-border)!important}
html[data-theme="jade"] .skeleton-line,html[data-theme="jade"] .skeleton-pill,html[data-theme="jade"] .skeleton-button{background:#1a211e!important;border-color:var(--app-border)!important}

/* Stronger Jade depth: clearer luminance steps without increasing green saturation. */
html[data-theme="jade"]{--bg:#060807;--panel:#171c1a;--muted:#aab4b0;--line:#303936;--app-bg:#060807;--app-header:#0a0d0c;--app-sidebar:#101513;--app-surface:#171c1a;--app-surface-raised:#202622;--app-control:#202623;--app-border:#303936}
html[data-theme="jade"] body{background:#060807;background-image:none}
html[data-theme="jade"] .dashboard-shell,html[data-theme="jade"] .shell{background:#080b0a}
html[data-theme="jade"] .top,html[data-theme="jade"] .dash-head,html[data-theme="jade"] .site-header{background:#0a0d0c!important;border-color:#2b3330!important}
html[data-theme="jade"] .server-head,html[data-theme="jade"] .service-nav{background:#101513!important;border-color:#303936!important}
html[data-theme="jade"] .guild,html[data-theme="jade"] .card,html[data-theme="jade"] .advanced-panel{background:#171c1a!important;border-color:#343e3a!important;box-shadow:0 14px 34px rgba(0,0,0,.3)!important}
html[data-theme="jade"] .stat-box{background:#202622!important;border-color:#39443f!important}
html[data-theme="jade"] .theme-toggle,html[data-theme="jade"] .dash-head .user{background:#202623;border-color:#39433f}
html[data-theme="jade"] .control:not([aria-pressed="true"]){background:#202724!important;border-color:#43685b!important}
html[data-theme="jade"] .control[aria-pressed="true"]{background:#0b0e0d!important;border-color:#343d39!important}
html[data-theme="jade"] .card-top,html[data-theme="jade"] .settings,html[data-theme="jade"] .open-settings{border-color:#303936!important}
html[data-theme="jade"] .notice{background:#121815!important;border-color:#345147!important}
html[data-theme="jade"] .skeleton,html[data-theme="jade"] .skeleton-card,html[data-theme="jade"] .skeleton-notice{background:#171c1a!important;border-color:#343e3a!important}
html[data-theme="jade"] .skeleton-line,html[data-theme="jade"] .skeleton-pill,html[data-theme="jade"] .skeleton-button{background:#242b27!important;border-color:#39443f!important}

/* Jade editorial palette: slate-teal surfaces and soft seafoam, never neon-on-black. */
html[data-theme="jade"]{--jade-60:#141a18;--jade-30:#26302d;--jade-30-raised:#2e3a36;--jade-10:#00e8a5;--bg:var(--jade-60);--panel:var(--jade-30);--text:#f4f3ee;--muted:#b2bcb8;--mint:var(--jade-10);--sky:#79cbd0;--pearl:#9bdcca;--pink:#bdd9cf;--line:#465650;--app-bg:var(--jade-60);--app-header:#1a211f;--app-sidebar:#202927;--app-surface:var(--jade-30);--app-surface-raised:var(--jade-30-raised);--app-control:#2d3835;--app-border:#465650;--app-active:rgba(0,232,165,.14);--app-accent:var(--jade-10);--app-accent-text:#e2f4ef}
html[data-theme="jade"] body{background:var(--jade-60);background-image:radial-gradient(circle at 14% 0,rgba(121,203,208,.055),transparent 30rem),radial-gradient(circle at 92% 22%,rgba(189,217,207,.035),transparent 34rem)}
html[data-theme="jade"] .dashboard-shell,html[data-theme="jade"] .shell{background:transparent}
html[data-theme="jade"] .top,html[data-theme="jade"] .dash-head,html[data-theme="jade"] .site-header{background:#1a211f!important;border-color:#3f4d48!important}
html[data-theme="jade"] .server-head,html[data-theme="jade"] .service-nav{background:#202927!important;border-color:#465650!important}
html[data-theme="jade"] .guild,html[data-theme="jade"] .card,html[data-theme="jade"] .advanced-panel{background:var(--jade-30)!important;border-color:#4a5b55!important;box-shadow:0 14px 34px rgba(5,9,8,.18)!important}
html[data-theme="jade"] .stat-box{background:var(--jade-30-raised)!important;border-color:#52645e!important}
html[data-theme="jade"] .theme-toggle,html[data-theme="jade"] .dash-head .user{background:#2d3835;border-color:#52615c}
html[data-theme="jade"] .theme-swatch{background:var(--jade-10);box-shadow:0 0 8px rgba(0,232,165,.28)}
html[data-theme="jade"] .service-nav a{color:#aeb9b5!important}
html[data-theme="jade"] .service-nav a:hover{color:#f4f3ee!important;background:rgba(255,255,255,.055)!important}
html[data-theme="jade"] .service-nav a.active{color:#eaf6f2!important;background:rgba(0,232,165,.14)!important;box-shadow:inset 3px 0 var(--jade-10)!important}
html[data-theme="jade"] .state.on{color:#a9e6d7!important}
html[data-theme="jade"] .state.on:before{background:var(--jade-10)!important;box-shadow:0 0 7px rgba(0,232,165,.42)!important}
html[data-theme="jade"] .control:not([aria-pressed="true"]){color:#e2f4ef!important;background:#2b3834!important;border-color:#52746a!important}
html[data-theme="jade"] .control:not([aria-pressed="true"]):hover{color:#f4fffc!important;background:#33423e!important;border-color:#78a99b!important}
html[data-theme="jade"] .control[aria-pressed="true"]{color:#cbd4d1!important;background:#171d1c!important;border-color:#3d4946!important}
html[data-theme="jade"] .card-top,html[data-theme="jade"] .settings,html[data-theme="jade"] .open-settings{border-color:#3a4743!important}
html[data-theme="jade"] .open-settings{color:#b8c8c3!important}
html[data-theme="jade"] .open-settings:hover{color:#9fe1d1!important;border-top-color:#52746a!important}
html[data-theme="jade"] .notice{color:#bdc8c4!important;background:#1b2421!important;border-color:#45635a!important;box-shadow:inset 3px 0 var(--jade-10)!important}
html[data-theme="jade"] .button{background:var(--jade-10);color:#14201d;box-shadow:0 10px 30px rgba(0,95,68,.2)}
html[data-theme="jade"] .button:hover{background:#91dfcc}
html[data-theme="jade"] .skeleton,html[data-theme="jade"] .skeleton-card,html[data-theme="jade"] .skeleton-notice{background:var(--jade-30)!important;border-color:#4a5b55!important}
html[data-theme="jade"] .skeleton-line,html[data-theme="jade"] .skeleton-pill,html[data-theme="jade"] .skeleton-button{background:var(--jade-30-raised)!important;border-color:#52645e!important}

/* True 60/30/10: neutral greys for 90% of the UI, Jade only for the final 10%. */
html[data-theme="jade"]{--jade-60:#111318;--jade-30:#1d2027;--jade-30-raised:#272b33;--jade-10:#00e8a5;--bg:var(--jade-60);--panel:var(--jade-30);--text:#f5f6f8;--muted:#a9adb6;--line:#353a44;--app-bg:var(--jade-60);--app-header:#15171c;--app-sidebar:#191c22;--app-surface:var(--jade-30);--app-surface-raised:var(--jade-30-raised);--app-control:#262a31;--app-border:#353a44}
html[data-theme="jade"] body{background:var(--jade-60);background-image:radial-gradient(circle at 14% 0,rgba(255,255,255,.025),transparent 30rem)}
html[data-theme="jade"] .top,html[data-theme="jade"] .dash-head,html[data-theme="jade"] .site-header{background:#15171c!important;border-color:#30343c!important}
html[data-theme="jade"] .server-head,html[data-theme="jade"] .service-nav{background:#191c22!important;border-color:#353a44!important}
html[data-theme="jade"] .guild,html[data-theme="jade"] .card,html[data-theme="jade"] .advanced-panel{background:var(--jade-30)!important;border-color:#393e48!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important}
html[data-theme="jade"] .stat-box{background:var(--jade-30-raised)!important;border-color:#424853!important}
html[data-theme="jade"] .theme-toggle,html[data-theme="jade"] .dash-head .user{background:#262a31;border-color:#424751}
html[data-theme="jade"] .service-nav a{color:#a9adb6!important}
html[data-theme="jade"] .service-nav a:hover{color:#f5f6f8!important;background:rgba(255,255,255,.055)!important}
html[data-theme="jade"] .control:not([aria-pressed="true"]){color:#e3f8f2!important;background:#272d31!important;border-color:rgba(0,232,165,.35)!important}
html[data-theme="jade"] .control[aria-pressed="true"]{color:#c9ccd2!important;background:#13151a!important;border-color:#353a44!important}
html[data-theme="jade"] .card-top,html[data-theme="jade"] .settings,html[data-theme="jade"] .open-settings{border-color:#353a44!important}
html[data-theme="jade"] .open-settings{color:#b3b7c0!important}
html[data-theme="jade"] .notice{color:#b9bdc5!important;background:#1a1d23!important;border-color:#3a514c!important}
html[data-theme="jade"] .skeleton,html[data-theme="jade"] .skeleton-card,html[data-theme="jade"] .skeleton-notice{background:var(--jade-30)!important;border-color:#393e48!important}
html[data-theme="jade"] .skeleton-line,html[data-theme="jade"] .skeleton-pill,html[data-theme="jade"] .skeleton-button{background:var(--jade-30-raised)!important;border-color:#424853!important}

/* Hue-free charcoal: equal RGB channels ensure the surfaces are genuinely neutral. */
html[data-theme="jade"]{--jade-60:#141414;--jade-30:#202020;--jade-30-raised:#2b2b2b;--jade-10:#00e8a5;--bg:var(--jade-60);--panel:var(--jade-30);--text:#f5f5f3;--muted:#ababab;--line:#3b3b3b;--app-bg:var(--jade-60);--app-header:#181818;--app-sidebar:#1b1b1b;--app-surface:var(--jade-30);--app-surface-raised:var(--jade-30-raised);--app-control:#292929;--app-border:#3b3b3b}
html[data-theme="jade"] body{background:var(--jade-60);background-image:radial-gradient(circle at 14% 0,rgba(255,255,255,.025),transparent 30rem)}
html[data-theme="jade"] .top,html[data-theme="jade"] .dash-head,html[data-theme="jade"] .site-header{background:#181818!important;border-color:#353535!important}
html[data-theme="jade"] .server-head,html[data-theme="jade"] .service-nav{background:#1b1b1b!important;border-color:#3b3b3b!important}
html[data-theme="jade"] .guild,html[data-theme="jade"] .card,html[data-theme="jade"] .advanced-panel{background:var(--jade-30)!important;border-color:#414141!important;box-shadow:0 14px 34px rgba(0,0,0,.28)!important}
html[data-theme="jade"] .stat-box{background:var(--jade-30-raised)!important;border-color:#4a4a4a!important}
html[data-theme="jade"] .theme-toggle,html[data-theme="jade"] .dash-head .user{background:#292929;border-color:#494949}
html[data-theme="jade"] .service-nav a{color:#ababab!important}
html[data-theme="jade"] .service-nav a:hover{color:#f5f5f3!important;background:rgba(255,255,255,.06)!important}
html[data-theme="jade"] .control:not([aria-pressed="true"]){background:#2a2a2a!important}
html[data-theme="jade"] .control[aria-pressed="true"]{color:#cccccc!important;background:#161616!important;border-color:#3b3b3b!important}
html[data-theme="jade"] .card-top,html[data-theme="jade"] .settings,html[data-theme="jade"] .open-settings{border-color:#3b3b3b!important}
html[data-theme="jade"] .open-settings{color:#b8b8b8!important}
html[data-theme="jade"] .notice{color:#c0c0c0!important;background:#1c1c1c!important}
html[data-theme="jade"] .skeleton,html[data-theme="jade"] .skeleton-card,html[data-theme="jade"] .skeleton-notice{background:var(--jade-30)!important;border-color:#414141!important}
html[data-theme="jade"] .skeleton-line,html[data-theme="jade"] .skeleton-pill,html[data-theme="jade"] .skeleton-button{background:var(--jade-30-raised)!important;border-color:#4a4a4a!important}

/* Crisp graphite prevents neutral greys reading warm beside the Jade accent. */
html[data-theme="jade"]{--jade-60:#111317;--jade-30:#1c2025;--jade-30-raised:#282d33;--jade-10:#00e8a5;--bg:var(--jade-60);--panel:var(--jade-30);--text:#f7f9fb;--muted:#aeb6c0;--line:#3c444d;--app-bg:var(--jade-60);--app-header:#15181c;--app-sidebar:#181c21;--app-surface:var(--jade-30);--app-surface-raised:var(--jade-30-raised);--app-control:#272c32;--app-border:#3c444d}
html[data-theme="jade"] body{background:var(--jade-60);background-image:radial-gradient(circle at 12% 0,rgba(255,255,255,.03),transparent 30rem)}
html[data-theme="jade"] .top,html[data-theme="jade"] .dash-head,html[data-theme="jade"] .site-header{background:#15181c!important;border-color:#353c44!important}
html[data-theme="jade"] .server-head,html[data-theme="jade"] .service-nav{background:#181c21!important;border-color:#3c444d!important}
html[data-theme="jade"] .guild,html[data-theme="jade"] .card,html[data-theme="jade"] .advanced-panel{background:var(--jade-30)!important;border-color:#424b55!important;box-shadow:0 14px 34px rgba(0,0,0,.3)!important}
html[data-theme="jade"] .stat-box{background:var(--jade-30-raised)!important;border-color:#4b5661!important}
html[data-theme="jade"] .theme-toggle,html[data-theme="jade"] .dash-head .user{background:#272c32;border-color:#4a535d}
html[data-theme="jade"] .service-nav a{color:#aeb6c0!important}
html[data-theme="jade"] .service-nav a:hover{color:#f7f9fb!important}
html[data-theme="jade"] .control:not([aria-pressed="true"]){background:#292f34!important}
html[data-theme="jade"] .control[aria-pressed="true"]{color:#d0d5db!important;background:#121418!important;border-color:#3c444d!important}
html[data-theme="jade"] .card-top,html[data-theme="jade"] .settings,html[data-theme="jade"] .open-settings{border-color:#3c444d!important}
html[data-theme="jade"] .open-settings{color:#bbc2ca!important}
html[data-theme="jade"] .notice{color:#c5cbd2!important;background:#191d22!important}
html[data-theme="jade"] .skeleton,html[data-theme="jade"] .skeleton-card,html[data-theme="jade"] .skeleton-notice{background:var(--jade-30)!important;border-color:#424b55!important}
html[data-theme="jade"] .skeleton-line,html[data-theme="jade"] .skeleton-pill,html[data-theme="jade"] .skeleton-button{background:var(--jade-30-raised)!important;border-color:#4b5661!important}

/* Jade glass system replaces opaque grey slabs with light, layered depth. */
html[data-theme="jade"]{--jade-60:#0c0f0e;--jade-30:#171a19;--jade-30-raised:#202422;--jade-10:#00e8a5;--bg:var(--jade-60);--panel:var(--jade-30);--text:#f7f9f8;--muted:#aeb7b3;--line:rgba(255,255,255,.11);--app-bg:var(--jade-60);--app-header:rgba(15,18,17,.9);--app-sidebar:rgba(255,255,255,.025);--app-surface:rgba(255,255,255,.05);--app-surface-raised:rgba(255,255,255,.075);--app-control:rgba(255,255,255,.065);--app-border:rgba(255,255,255,.11)}
html[data-theme="jade"] body{background:#0c0f0e;background-image:radial-gradient(circle at 8% 0,rgba(0,232,165,.04),transparent 26rem),radial-gradient(circle at 88% 18%,rgba(255,255,255,.025),transparent 32rem)}
html[data-theme="jade"] .top,html[data-theme="jade"] .dash-head,html[data-theme="jade"] .site-header{background:rgba(15,18,17,.9)!important;border-color:rgba(255,255,255,.1)!important;backdrop-filter:blur(18px) saturate(120%)}
html[data-theme="jade"] .server-head,html[data-theme="jade"] .service-nav{background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.09)!important}
html[data-theme="jade"] .guild,html[data-theme="jade"] .card,html[data-theme="jade"] .advanced-panel{background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.032))!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 20px 50px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035)!important;backdrop-filter:blur(16px) saturate(115%)}
html[data-theme="jade"] .stat-box{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.12)!important}
html[data-theme="jade"] .theme-toggle,html[data-theme="jade"] .dash-head .user{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
html[data-theme="jade"] .control:not([aria-pressed="true"]){background:rgba(255,255,255,.07)!important}
html[data-theme="jade"] .control[aria-pressed="true"]{background:rgba(0,0,0,.26)!important;border-color:rgba(255,255,255,.12)!important}
html[data-theme="jade"] .card-top,html[data-theme="jade"] .settings,html[data-theme="jade"] .open-settings{border-color:rgba(255,255,255,.1)!important}
html[data-theme="jade"] .notice{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.11)!important}
html[data-theme="jade"] .skeleton,html[data-theme="jade"] .skeleton-card,html[data-theme="jade"] .skeleton-notice{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.1)!important}
html[data-theme="jade"] .skeleton-line,html[data-theme="jade"] .skeleton-pill,html[data-theme="jade"] .skeleton-button{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.11)!important}
@media(prefers-reduced-transparency:reduce){html[data-theme="jade"] .top,html[data-theme="jade"] .dash-head,html[data-theme="jade"] .site-header,html[data-theme="jade"] .guild,html[data-theme="jade"] .card,html[data-theme="jade"] .advanced-panel{backdrop-filter:none}}

html[data-theme="jade"] .state.on{padding:0 9px;min-height:27px;border:1px solid rgba(0,232,165,.24);border-radius:999px;background:rgba(0,232,165,.08);color:#a9f3db!important}
html[data-theme="jade"] .control:not([aria-pressed="true"]){background:rgba(0,232,165,.08)!important;border-color:rgba(0,232,165,.3)!important;color:#c5f7e6!important}
html[data-theme="jade"] .control:not([aria-pressed="true"]):hover{background:rgba(0,232,165,.13)!important;border-color:rgba(0,232,165,.48)!important;color:#effff9!important}

/* Server cards share the same transparent outer structure in both themes. */
html[data-theme="jade"] .guild,html[data-theme="jade"] .guild:hover{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-theme="jade"] .skeleton-guild .guild-visual{background:#171b19!important;border-color:rgba(255,255,255,.11)!important;box-shadow:none!important}
html[data-theme="jade"] .skeleton-guild .guild-visual:after{background:linear-gradient(90deg,transparent,rgba(0,232,165,.045),transparent)!important}
html[data-theme="jade"] .skeleton-guild .skeleton-line,html[data-theme="jade"] .skeleton-guild .skeleton-button{background:#252b28!important;border-color:rgba(255,255,255,.11)!important}

/* Jade pairing: bright mint for action, deep emerald for supporting depth. */
html[data-theme="jade"]{--jade-primary:#00e8a5;--jade-secondary:#008760;--mint:var(--jade-primary);--sky:var(--jade-secondary);--pearl:var(--jade-primary);--pink:var(--jade-secondary)}
html[data-theme="jade"] .theme-swatch{background:linear-gradient(135deg,var(--jade-primary),var(--jade-secondary))!important;box-shadow:0 0 10px rgba(0,232,165,.35)!important}
html[data-theme="jade"] .button{background:linear-gradient(135deg,var(--jade-primary),#20dca2 58%,var(--jade-secondary))!important;color:#03110d!important;box-shadow:0 10px 34px rgba(0,135,96,.2)!important}
html[data-theme="jade"] .button:hover{background:linear-gradient(135deg,#2df0b5,var(--jade-primary) 58%,#009b6e)!important}
html[data-theme="jade"] .button-secondary{background:rgba(137,205,183,.06)!important;color:var(--text)!important;border-color:rgba(137,205,183,.18)!important;box-shadow:none!important}
html[data-theme="jade"] .button-secondary:hover{background:rgba(137,205,183,.11)!important;border-color:rgba(0,232,165,.32)!important;box-shadow:none!important}
html[data-theme="jade"] h1 span{color:var(--jade-primary);background:linear-gradient(100deg,var(--jade-primary),#55e4bb 55%,var(--jade-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme="jade"] .service-nav a.active{background:linear-gradient(90deg,rgba(0,232,165,.16),rgba(0,135,96,.12))!important;border-color:rgba(0,232,165,.24)!important;box-shadow:inset 3px 0 var(--jade-primary)!important}
html[data-theme="jade"] .update-banner{background:linear-gradient(120deg,rgba(0,232,165,.1),rgba(0,135,96,.075) 58%,rgba(255,255,255,.025)),var(--panel)!important;border-color:rgba(0,135,96,.28)!important}
html[data-theme="jade"] .notice{background:linear-gradient(90deg,rgba(0,232,165,.055),rgba(0,135,96,.035))!important;border-color:rgba(0,135,96,.3)!important;box-shadow:inset 3px 0 var(--jade-primary)!important}
html[data-theme="jade"] .control:not([aria-pressed="true"]){background:linear-gradient(135deg,rgba(0,232,165,.09),rgba(0,135,96,.1))!important;border-color:rgba(0,232,165,.3)!important}
html[data-theme="jade"] .control:not([aria-pressed="true"]):hover{background:linear-gradient(135deg,rgba(0,232,165,.15),rgba(0,135,96,.14))!important;border-color:rgba(0,232,165,.48)!important}
html[data-theme="jade"] .release-icon,html[data-theme="jade"] .service-card-icon{background-color:rgba(0,135,96,.08)}

/* Jade receives the same depth hierarchy as Iridescent, translated through emerald. */
html[data-theme="jade"]{--bg:#080d0b;--panel:#101713;--text:#f5faf8;--muted:#a8b9b3;--line:rgba(137,205,183,.13);--app-bg:#080d0b;--app-header:#0c1210;--app-sidebar:#0e1512;--app-surface:#101713;--app-surface-raised:#171f1b;--app-control:#181f1c;--app-border:rgba(137,205,183,.13);--app-active:rgba(0,232,165,.12);--app-accent:#00e8a5;--app-accent-text:#c7f9e9}
html[data-theme="jade"] body{background:#080d0b!important;background-image:radial-gradient(circle at 12% -8%,rgba(0,232,165,.065),transparent 31rem),radial-gradient(circle at 92% 18%,rgba(0,135,96,.06),transparent 36rem),linear-gradient(180deg,#09100d 0,#080d0b 48%,#070b09 100%)!important}
html[data-theme="jade"] .site-header,html[data-theme="jade"] .dash-head,html[data-theme="jade"] .top{background:rgba(13,22,18,.96)!important;border-color:var(--app-border)!important;box-shadow:0 12px 34px rgba(0,0,0,.16)!important;backdrop-filter:blur(18px) saturate(125%)}
html[data-theme="jade"] .hero{background:linear-gradient(180deg,rgba(6,13,10,.42),rgba(5,11,9,.72))!important}
html[data-theme="jade"] .features{background:#101a16!important;border-color:rgba(137,205,183,.16)!important;box-shadow:inset 0 1px rgba(213,255,242,.025),inset 0 22px 70px rgba(0,135,96,.025)}
html[data-theme="jade"] footer{background:#080d0b!important;border-top:1px solid rgba(137,205,183,.1)}
html[data-theme="jade"] .server-head,html[data-theme="jade"] .service-nav{background:rgba(14,21,18,.94)!important;border-color:var(--app-border)!important}
html[data-theme="jade"] .card,html[data-theme="jade"] .advanced-panel,html[data-theme="jade"] .service-details,html[data-theme="jade"] .usage-panel,html[data-theme="jade"] .release{background:linear-gradient(145deg,rgba(18,28,24,.96),rgba(14,22,18,.98) 58%,rgba(11,18,15,.99))!important;border-color:rgba(137,205,183,.15)!important;box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px rgba(213,255,242,.04)!important;backdrop-filter:blur(15px) saturate(115%)}
html[data-theme="jade"] .card:before,html[data-theme="jade"] .advanced-panel:before{display:block!important;background:radial-gradient(440px circle at 12% 0,rgba(0,232,165,.045),transparent 44%)!important}
html[data-theme="jade"] .service-card:hover,html[data-theme="jade"] .card:not(.service-card):hover,html[data-theme="jade"] .release:hover{border-color:rgba(0,232,165,.3)!important;box-shadow:0 22px 54px rgba(0,0,0,.28),0 0 28px rgba(0,135,96,.065),inset 0 1px rgba(213,255,242,.065)!important}
html[data-theme="jade"] .stat-box{background:linear-gradient(145deg,rgba(27,39,34,.82),rgba(20,30,26,.9))!important;border-color:rgba(137,205,183,.16)!important}
html[data-theme="jade"] .account-popover,html[data-theme="jade"] .service-preview,html[data-theme="jade"] .service-preview:before{background:#101713!important;border-color:rgba(137,205,183,.16)!important;box-shadow:0 24px 60px rgba(0,0,0,.38)}
html[data-theme="jade"] .theme-toggle,html[data-theme="jade"] .dash-head .user{background:rgba(24,31,28,.88)!important;border-color:rgba(137,205,183,.15)!important}
html[data-theme="jade"] .field,html[data-theme="jade"] .command{background:#0a100d!important;border-color:rgba(137,205,183,.14)!important}
html[data-theme="jade"] .feature-grid,html[data-theme="jade"] .feature-grid article,html[data-theme="jade"] .metrics{border-color:var(--app-border)!important}
html[data-theme="jade"] .skeleton,html[data-theme="jade"] .skeleton-card,html[data-theme="jade"] .skeleton-notice,html[data-theme="jade"] .skeleton-update,html[data-theme="jade"] .skeleton-details,html[data-theme="jade"] .skeleton-guild .guild-visual{background:#111814!important;border-color:rgba(137,205,183,.12)!important}
html[data-theme="jade"] .skeleton-line,html[data-theme="jade"] .skeleton-pill,html[data-theme="jade"] .skeleton-button,html[data-theme="jade"] .skeleton-update-action,html[data-theme="jade"] .skeleton-guild .skeleton-line,html[data-theme="jade"] .skeleton-guild .skeleton-button{background:#1b241f!important;border-color:rgba(137,205,183,.13)!important}

/* Jade Atelier — definitive 60 / 30 / 10 system. */
html[data-theme="jade"]{
  color-scheme:dark;
  --jade-ink:#050a08;
  --jade-canvas:#07100c;
  --jade-shell:#0a1510;
  --jade-surface:#101e18;
  --jade-surface-raised:#172a21;
  --jade-surface-high:#20372c;
  --jade-primary:#00e8a5;
  --jade-secondary:#008760;
  --jade-pearl:#bdf7e2;
  --jade-white:#f4fbf8;
  --jade-muted:#9fb8ad;
  --jade-border:rgba(190,230,214,.12);
  --jade-border-strong:rgba(190,230,214,.2);
  --bg:var(--jade-canvas);
  --panel:var(--jade-surface);
  --text:var(--jade-white);
  --muted:var(--jade-muted);
  --line:var(--jade-border);
  --app-bg:var(--jade-canvas);
  --app-header:var(--jade-shell);
  --app-sidebar:#0b1712;
  --app-surface:var(--jade-surface);
  --app-surface-raised:var(--jade-surface-raised);
  --app-control:#15251e;
  --app-border:var(--jade-border);
  --app-active:rgba(0,232,165,.11);
  --app-accent:var(--jade-primary);
  --app-accent-text:var(--jade-pearl);
  --mint:var(--jade-primary);
  --sky:var(--jade-secondary);
  --pearl:var(--jade-primary);
  --pink:var(--jade-secondary)
}
html[data-theme="jade"] body{
  color:var(--jade-white);
  background-color:var(--jade-canvas)!important;
  background-image:
    radial-gradient(ellipse 52% 35% at 8% -8%,rgba(0,232,165,.1),transparent 72%),
    radial-gradient(ellipse 40% 32% at 94% 14%,rgba(0,135,96,.085),transparent 72%),
    linear-gradient(135deg,rgba(189,247,226,.018) 0 1px,transparent 1px 11rem),
    linear-gradient(180deg,#08120e 0%,#07100c 46%,#050b08 100%)!important
}
html[data-theme="jade"] .site-header,
html[data-theme="jade"] .dash-head,
html[data-theme="jade"] .top{
  background:rgba(8,18,14,.9)!important;
  border-color:var(--jade-border)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.2)!important;
  backdrop-filter:blur(20px) saturate(125%)
}
html[data-theme="jade"] .hero{background:linear-gradient(180deg,rgba(7,16,12,.22),rgba(5,11,8,.58))!important}
html[data-theme="jade"] .features{
  background:linear-gradient(180deg,#0d1b15,#09130f)!important;
  border-color:var(--jade-border)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 32px 90px rgba(0,135,96,.035)
}
html[data-theme="jade"] footer{background:#050b08!important;border-color:var(--jade-border)!important}
html[data-theme="jade"] .server-head,
html[data-theme="jade"] .service-nav{
  background:linear-gradient(180deg,rgba(13,27,21,.97),rgba(10,21,16,.98))!important;
  border-color:var(--jade-border)!important
}
html[data-theme="jade"] .card,
html[data-theme="jade"] .advanced-panel,
html[data-theme="jade"] .service-details,
html[data-theme="jade"] .usage-panel,
html[data-theme="jade"] .release{
  background:linear-gradient(145deg,#14251d 0%,#101e18 54%,#0c1813 100%)!important;
  border-color:var(--jade-border)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.25),inset 0 1px rgba(225,255,243,.045)!important;
  backdrop-filter:none
}
html[data-theme="jade"] .card:before,
html[data-theme="jade"] .advanced-panel:before{
  display:block!important;
  background:radial-gradient(380px circle at 10% 0,rgba(0,232,165,.055),transparent 48%)!important
}
html[data-theme="jade"] .service-card,
html[data-theme="jade"] .release{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background-color .2s ease}
html[data-theme="jade"] .service-card:hover,
html[data-theme="jade"] .card:not(.service-card):hover,
html[data-theme="jade"] .release:hover{
  border-color:rgba(189,247,226,.24)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.32),0 0 0 1px rgba(0,232,165,.055),inset 0 1px rgba(225,255,243,.07)!important
}
html[data-theme="jade"] .service-card:hover{transform:translateY(-2px)}
html[data-theme="jade"] .stat-box{
  background:linear-gradient(145deg,#1b3026,#14251d)!important;
  border-color:var(--jade-border)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important
}
html[data-theme="jade"] .account-popover,
html[data-theme="jade"] .service-preview{
  background:linear-gradient(160deg,#172820,#0d1a14 78%)!important;
  border-color:var(--jade-border-strong)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05)!important
}
html[data-theme="jade"] .service-preview:before{background:#13231c!important;border-color:var(--jade-border-strong)!important;box-shadow:none!important}
html[data-theme="jade"] .theme-toggle,
html[data-theme="jade"] .dash-head .user,
html[data-theme="jade"] .account-trigger,
html[data-theme="jade"] .button-secondary,
html[data-theme="jade"] .view-head .back{
  color:var(--jade-white)!important;
  background:#15251e!important;
  border-color:var(--jade-border)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important
}
html[data-theme="jade"] .theme-toggle:hover,
html[data-theme="jade"] .button-secondary:hover,
html[data-theme="jade"] .view-head .back:hover{
  background:#1b3026!important;
  border-color:var(--jade-border-strong)!important
}
html[data-theme="jade"] .button{
  color:#03110c!important;
  background:linear-gradient(135deg,#31efb8 0%,var(--jade-primary) 56%,#00b781 100%)!important;
  border-color:rgba(189,247,226,.28)!important;
  box-shadow:0 10px 28px rgba(0,135,96,.22),inset 0 1px rgba(255,255,255,.3)!important
}
html[data-theme="jade"] .button:hover{background:linear-gradient(135deg,#52f4c5,#14eaae 58%,#00c58b)!important;box-shadow:0 14px 34px rgba(0,135,96,.3)!important}
html[data-theme="jade"] .service-nav a{color:var(--jade-muted)!important}
html[data-theme="jade"] .service-nav a:hover{color:var(--jade-white)!important;background:rgba(189,247,226,.055)!important}
html[data-theme="jade"] .service-nav a.active{
  color:var(--jade-white)!important;
  background:linear-gradient(90deg,rgba(0,232,165,.14),rgba(0,135,96,.08))!important;
  border-color:rgba(0,232,165,.28)!important;
  box-shadow:inset 3px 0 var(--jade-primary)!important
}
html[data-theme="jade"] .state.on{
  color:var(--jade-pearl)!important;
  background:rgba(0,232,165,.09)!important;
  border-color:rgba(0,232,165,.25)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04)
}
html[data-theme="jade"] .control:not([aria-pressed="true"]){color:var(--jade-pearl)!important;background:linear-gradient(135deg,rgba(0,232,165,.11),rgba(0,135,96,.12))!important;border-color:rgba(0,232,165,.3)!important}
html[data-theme="jade"] .control:not([aria-pressed="true"]):hover{color:#fff!important;background:linear-gradient(135deg,rgba(0,232,165,.17),rgba(0,135,96,.16))!important;border-color:rgba(0,232,165,.46)!important}
html[data-theme="jade"] .control[aria-pressed="true"]{color:#c4d1cc!important;background:#09110d!important;border-color:var(--jade-border)!important}
html[data-theme="jade"] .field,
html[data-theme="jade"] .command,
html[data-theme="jade"] input,
html[data-theme="jade"] select,
html[data-theme="jade"] textarea{color:var(--jade-white);background:#09130f!important;border-color:var(--jade-border)!important}
html[data-theme="jade"] .field:focus-within,
html[data-theme="jade"] input:focus,
html[data-theme="jade"] select:focus,
html[data-theme="jade"] textarea:focus{border-color:rgba(0,232,165,.48)!important;box-shadow:0 0 0 3px rgba(0,232,165,.1)!important}
html[data-theme="jade"] .card-top,
html[data-theme="jade"] .settings,
html[data-theme="jade"] .open-settings,
html[data-theme="jade"] .feature-grid,
html[data-theme="jade"] .feature-grid article,
html[data-theme="jade"] .metrics{border-color:var(--jade-border)!important}
html[data-theme="jade"] .open-settings{color:#b6cbc2!important}
html[data-theme="jade"] .service-card:hover .open-settings{color:var(--jade-pearl)!important}
html[data-theme="jade"] .notice{
  color:#b5c9c0!important;
  background:linear-gradient(90deg,rgba(0,232,165,.06),rgba(0,135,96,.035),#0d1a14)!important;
  border-color:rgba(0,135,96,.34)!important;
  box-shadow:inset 3px 0 var(--jade-primary)!important
}
html[data-theme="jade"] .update-banner{
  background:linear-gradient(118deg,#173128 0%,#12251e 44%,#101d18 72%,rgba(0,135,96,.16) 100%)!important;
  border-color:rgba(189,247,226,.2)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.055)!important
}
html[data-theme="jade"] .update-banner:before{background:radial-gradient(circle at 88% 15%,rgba(0,232,165,.13),transparent 34%)!important}
html[data-theme="jade"] .release-icon,
html[data-theme="jade"] .service-card-icon{background:linear-gradient(145deg,rgba(0,232,165,.11),rgba(0,135,96,.12))!important;border-color:rgba(0,232,165,.22)!important}
html[data-theme="jade"] .guild,
html[data-theme="jade"] .guild:hover{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-theme="jade"] .guild-visual{
  background:radial-gradient(circle at 50% 48%,rgba(0,232,165,.1),transparent 27%),linear-gradient(145deg,#17271f,#0e1914)!important;
  border-color:var(--jade-border)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04)!important
}
html[data-theme="jade"] .guild:hover .guild-visual{border-color:rgba(189,247,226,.24)!important;box-shadow:0 16px 36px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.065)!important}
html[data-theme="jade"] .skeleton,
html[data-theme="jade"] .skeleton-card,
html[data-theme="jade"] .skeleton-notice,
html[data-theme="jade"] .skeleton-update,
html[data-theme="jade"] .skeleton-details,
html[data-theme="jade"] .skeleton-guild .guild-visual{
  background:#101e18!important;
  border-color:var(--jade-border)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important
}
html[data-theme="jade"] .skeleton-line,
html[data-theme="jade"] .skeleton-pill,
html[data-theme="jade"] .skeleton-button,
html[data-theme="jade"] .skeleton-update-action,
html[data-theme="jade"] .skeleton-guild .skeleton-line,
html[data-theme="jade"] .skeleton-guild .skeleton-button{
  background:#1b3026!important;
  border-color:var(--jade-border)!important
}
html[data-theme="jade"] .skeleton-card:after,
html[data-theme="jade"] .skeleton-update:after,
html[data-theme="jade"] .skeleton-guild .guild-visual:after{background:linear-gradient(90deg,transparent,rgba(189,247,226,.045),transparent)!important}
html[data-theme="jade"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--jade-primary)!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){html[data-theme="jade"] *,html[data-theme="jade"] *:before,html[data-theme="jade"] *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html[data-theme="jade"] .service-card:hover{transform:none}}
@media(prefers-reduced-transparency:reduce){html[data-theme="jade"] .site-header,html[data-theme="jade"] .dash-head,html[data-theme="jade"] .top{background:var(--jade-shell)!important;backdrop-filter:none}}

/* Obsidian Jade — black-first premium UI; brand colour is the final 10%. */
html[data-theme="jade"]{
  --jade-ink:#050506;
  --jade-canvas:#08090a;
  --jade-shell:#0c0d0f;
  --jade-surface:#121417;
  --jade-surface-raised:#181b1f;
  --jade-surface-high:#20242a;
  --jade-primary:#00e8a5;
  --jade-secondary:#008760;
  --jade-pearl:#bdf7e2;
  --jade-white:#f5f6f7;
  --jade-muted:#a7abb2;
  --jade-border:rgba(255,255,255,.09);
  --jade-border-strong:rgba(255,255,255,.15);
  --bg:var(--jade-canvas);
  --panel:var(--jade-surface);
  --text:var(--jade-white);
  --muted:var(--jade-muted);
  --line:var(--jade-border);
  --app-bg:var(--jade-canvas);
  --app-header:var(--jade-shell);
  --app-sidebar:#0e0f11;
  --app-surface:var(--jade-surface);
  --app-surface-raised:var(--jade-surface-raised);
  --app-control:#1b1e22;
  --app-border:var(--jade-border);
  --app-active:rgba(0,232,165,.1)
}
html[data-theme="jade"] body{
  background-color:var(--jade-canvas)!important;
  background-image:radial-gradient(ellipse 45% 28% at 50% -12%,rgba(255,255,255,.035),transparent 72%),linear-gradient(180deg,#090a0c 0%,#070809 52%,#050506 100%)!important
}
html[data-theme="jade"] .site-header,
html[data-theme="jade"] .dash-head,
html[data-theme="jade"] .top{
  background:rgba(10,11,13,.94)!important;
  border-color:var(--jade-border)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.28)!important
}
html[data-theme="jade"] .hero{background:linear-gradient(180deg,rgba(10,11,13,.1),rgba(5,5,6,.42))!important}
html[data-theme="jade"] .features{
  background:linear-gradient(180deg,#0d0f12,#090a0c)!important;
  border-color:var(--jade-border)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important
}
html[data-theme="jade"] footer{background:#050506!important;border-color:var(--jade-border)!important}
html[data-theme="jade"] .server-head,
html[data-theme="jade"] .service-nav{
  background:linear-gradient(180deg,#101215,#0d0f11)!important;
  border-color:var(--jade-border)!important
}
html[data-theme="jade"] .card,
html[data-theme="jade"] .advanced-panel,
html[data-theme="jade"] .service-details,
html[data-theme="jade"] .usage-panel,
html[data-theme="jade"] .release{
  background:linear-gradient(145deg,#17191d 0%,#121417 58%,#0f1113 100%)!important;
  border-color:var(--jade-border)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.035)!important
}
html[data-theme="jade"] .card:before,
html[data-theme="jade"] .advanced-panel:before{background:radial-gradient(360px circle at 10% 0,rgba(255,255,255,.025),transparent 50%)!important}
html[data-theme="jade"] .service-card:hover,
html[data-theme="jade"] .card:not(.service-card):hover,
html[data-theme="jade"] .release:hover{
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 24px 56px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025),inset 0 1px rgba(255,255,255,.055)!important
}
html[data-theme="jade"] .stat-box{
  background:linear-gradient(145deg,#202329,#181b1f)!important;
  border-color:var(--jade-border)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important
}
html[data-theme="jade"] .account-popover,
html[data-theme="jade"] .service-preview{
  background:linear-gradient(160deg,#191c20,#0f1114 78%)!important;
  border-color:var(--jade-border-strong)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.045)!important
}
html[data-theme="jade"] .service-preview:before{background:#171a1e!important;border-color:var(--jade-border-strong)!important}
html[data-theme="jade"] .theme-toggle,
html[data-theme="jade"] .dash-head .user,
html[data-theme="jade"] .account-trigger,
html[data-theme="jade"] .button-secondary,
html[data-theme="jade"] .view-head .back{
  background:#191b20!important;
  border-color:var(--jade-border)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important
}
html[data-theme="jade"] .theme-toggle:hover,
html[data-theme="jade"] .button-secondary:hover,
html[data-theme="jade"] .view-head .back:hover{background:#22252b!important;border-color:var(--jade-border-strong)!important}
html[data-theme="jade"] .service-nav a:hover{background:rgba(255,255,255,.05)!important}
html[data-theme="jade"] .service-nav a.active{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 3px 0 var(--jade-primary)!important
}
html[data-theme="jade"] .field,
html[data-theme="jade"] .command,
html[data-theme="jade"] input,
html[data-theme="jade"] select,
html[data-theme="jade"] textarea{background:#0b0c0e!important;border-color:var(--jade-border)!important}
html[data-theme="jade"] .notice{
  color:#b7bac0!important;
  background:#101215!important;
  border-color:var(--jade-border)!important;
  box-shadow:inset 3px 0 var(--jade-primary)!important
}
html[data-theme="jade"] .update-banner{
  background:linear-gradient(120deg,#1b1e23 0%,#14161a 60%,#101215 100%)!important;
  border-color:var(--jade-border-strong)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045)!important
}
html[data-theme="jade"] .update-banner:before{background:radial-gradient(circle at 88% 15%,rgba(255,255,255,.055),transparent 34%)!important}
html[data-theme="jade"] .release-icon,
html[data-theme="jade"] .service-card-icon{
  background:#1d2025!important;
  border-color:rgba(255,255,255,.12)!important;
  color:var(--jade-primary)!important
}
html[data-theme="jade"] .guild-visual{
  background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.06),transparent 30%),linear-gradient(145deg,#1b1e23,#101215)!important;
  border-color:var(--jade-border)!important
}
html[data-theme="jade"] .guild:hover .guild-visual{border-color:var(--jade-border-strong)!important;box-shadow:0 18px 38px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.055)!important}
html[data-theme="jade"] .skeleton,
html[data-theme="jade"] .skeleton-card,
html[data-theme="jade"] .skeleton-notice,
html[data-theme="jade"] .skeleton-update,
html[data-theme="jade"] .skeleton-details,
html[data-theme="jade"] .skeleton-guild .guild-visual{background:#131518!important;border-color:var(--jade-border)!important}
html[data-theme="jade"] .skeleton-line,
html[data-theme="jade"] .skeleton-pill,
html[data-theme="jade"] .skeleton-button,
html[data-theme="jade"] .skeleton-update-action,
html[data-theme="jade"] .skeleton-guild .skeleton-line,
html[data-theme="jade"] .skeleton-guild .skeleton-button{background:#25282d!important;border-color:var(--jade-border)!important}
html[data-theme="jade"] .skeleton-card:after,
html[data-theme="jade"] .skeleton-update:after,
html[data-theme="jade"] .skeleton-guild .guild-visual:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent)!important}

/* Obsidian Jade 2.0 — modern, flat, content-first product language. */
html[data-theme="jade"]{
  --jade-canvas:#070708;
  --jade-shell:#0a0a0b;
  --jade-surface:#101112;
  --jade-surface-raised:#171819;
  --jade-surface-high:#202123;
  --jade-border:rgba(255,255,255,.075);
  --jade-border-strong:rgba(255,255,255,.13);
  --jade-muted:#a1a3a7;
  --bg:var(--jade-canvas);
  --panel:var(--jade-surface);
  --line:var(--jade-border);
  --app-bg:var(--jade-canvas);
  --app-header:var(--jade-shell);
  --app-sidebar:#0c0c0d;
  --app-surface:var(--jade-surface);
  --app-surface-raised:var(--jade-surface-raised);
  --app-control:#18191b;
  --app-border:var(--jade-border)
}
html[data-theme="jade"] body{
  background:#070708!important;
  background-image:radial-gradient(ellipse 42% 24% at 50% -15%,rgba(255,255,255,.025),transparent 75%)!important
}
html[data-theme="jade"] .site-header,
html[data-theme="jade"] .dash-head,
html[data-theme="jade"] .top{
  background:rgba(9,9,10,.92)!important;
  border-color:rgba(255,255,255,.065)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px)
}
html[data-theme="jade"] .features{background:#0a0a0b!important;box-shadow:none!important}
html[data-theme="jade"] .server-head,
html[data-theme="jade"] .service-nav{background:#0c0c0d!important;box-shadow:none!important}
html[data-theme="jade"] .card,
html[data-theme="jade"] .advanced-panel,
html[data-theme="jade"] .service-details,
html[data-theme="jade"] .usage-panel,
html[data-theme="jade"] .release{
  background:var(--jade-surface)!important;
  border-color:var(--jade-border)!important;
  border-radius:16px!important;
  box-shadow:none!important;
  isolation:isolate
}
html[data-theme="jade"] .card:before,
html[data-theme="jade"] .advanced-panel:before{display:none!important}
html[data-theme="jade"] .service-card,
html[data-theme="jade"] .release{
  transform:none!important;
  transition:background-color .18s ease,border-color .18s ease!important
}
html[data-theme="jade"] .service-card:hover,
html[data-theme="jade"] .card:not(.service-card):hover,
html[data-theme="jade"] .release:hover{
  transform:none!important;
  background:#151617!important;
  border-color:var(--jade-border-strong)!important;
  box-shadow:none!important
}
html[data-theme="jade"] .card-top{padding-bottom:18px!important}
html[data-theme="jade"] .card-top,
html[data-theme="jade"] .settings,
html[data-theme="jade"] .open-settings,
html[data-theme="jade"] .setting-row,
html[data-theme="jade"] .command-list,
html[data-theme="jade"] .command-row{border-color:rgba(255,255,255,.07)!important}
html[data-theme="jade"] .summary p,
html[data-theme="jade"] .setting-copy span,
html[data-theme="jade"] .usage-intro{color:#a1a3a7!important}
html[data-theme="jade"] .stat-box{
  background:#171819!important;
  border-color:rgba(255,255,255,.065)!important;
  border-radius:12px!important;
  box-shadow:none!important
}
html[data-theme="jade"] .service-nav{padding:10px 12px!important}
html[data-theme="jade"] .service-nav a{
  min-height:44px;
  border:1px solid transparent!important;
  border-radius:9px!important;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease!important
}
html[data-theme="jade"] .service-nav a:hover{background:#151617!important}
html[data-theme="jade"] .service-nav a.active{
  color:#f8f9f9!important;
  background:#181a1b!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:inset 2px 0 var(--jade-primary)!important
}
html[data-theme="jade"] .service-nav a.active .service-nav-icon{filter:none!important}
html[data-theme="jade"] .release-icon,
html[data-theme="jade"] .service-card-icon,
html[data-theme="jade"] .card:not(.service-card) .card-top h2:before{
  background-color:#1a1b1d!important;
  border-color:rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  box-shadow:none!important
}
html[data-theme="jade"] .state,
html[data-theme="jade"] .card:not(.service-card) .state{
  min-height:24px!important;
  padding:0 8px!important;
  background:#171819!important;
  border-color:rgba(255,255,255,.08)!important;
  border-radius:999px!important
}
html[data-theme="jade"] .state.on{
  color:#bdf7e2!important;
  background:rgba(0,232,165,.085)!important;
  border-color:rgba(0,232,165,.2)!important;
  box-shadow:none!important
}
html[data-theme="jade"] .state.on:before{box-shadow:none!important}
html[data-theme="jade"] .card:not(.service-card)>.open-settings,
html[data-theme="jade"] .view-head .back,
html[data-theme="jade"] .update-action,
html[data-theme="jade"] .button-secondary{
  min-height:40px;
  color:#d1d3d5!important;
  background:#18191b!important;
  border-color:rgba(255,255,255,.09)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease!important
}
html[data-theme="jade"] .service-card:hover>.open-settings,
html[data-theme="jade"] .card:not(.service-card):hover>.open-settings,
html[data-theme="jade"] .view-head .back:hover,
html[data-theme="jade"] .update-action:hover,
html[data-theme="jade"] .button-secondary:hover{
  color:#fff!important;
  background:#232426!important;
  border-color:rgba(255,255,255,.14)!important;
  transform:none!important
}
html[data-theme="jade"] .button{
  min-height:48px;
  background:var(--jade-primary)!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:none!important;
  transition:background-color .16s ease,transform .12s ease!important
}
html[data-theme="jade"] .button:hover{background:#23efb2!important;box-shadow:none!important}
html[data-theme="jade"] .button:active{transform:scale(.98)}
html[data-theme="jade"] .control:not([aria-pressed="true"]){
  background:rgba(0,232,165,.085)!important;
  border-color:rgba(0,232,165,.2)!important;
  box-shadow:none!important
}
html[data-theme="jade"] .control:not([aria-pressed="true"]):hover{background:rgba(0,232,165,.13)!important;border-color:rgba(0,232,165,.3)!important}
html[data-theme="jade"] .control[aria-pressed="true"]{background:#0b0b0c!important;border-color:rgba(255,255,255,.09)!important}
html[data-theme="jade"] .field,
html[data-theme="jade"] .command,
html[data-theme="jade"] input,
html[data-theme="jade"] select,
html[data-theme="jade"] textarea{
  background:#0b0b0c!important;
  border-color:rgba(255,255,255,.085)!important;
  border-radius:9px!important;
  box-shadow:none!important
}
html[data-theme="jade"] .update-banner{
  background:#111213!important;
  border-color:rgba(255,255,255,.085)!important;
  border-radius:16px!important;
  box-shadow:none!important
}
html[data-theme="jade"] .update-banner:before{
  display:block!important;
  width:3px;
  right:auto;
  background:var(--jade-primary)!important;
  opacity:.9
}
html[data-theme="jade"] .notice{
  background:#0f1011!important;
  border-color:rgba(255,255,255,.075)!important;
  border-radius:10px!important;
  box-shadow:inset 2px 0 var(--jade-primary)!important
}
html[data-theme="jade"] .account-popover,
html[data-theme="jade"] .service-preview{
  background:#151617!important;
  border-color:rgba(255,255,255,.1)!important;
  border-radius:12px!important;
  box-shadow:0 20px 48px rgba(0,0,0,.55)!important
}
html[data-theme="jade"] .service-preview:before{background:#151617!important;border-color:rgba(255,255,255,.1)!important}
html[data-theme="jade"] .account-popover a{border-radius:8px}
html[data-theme="jade"] .account-popover a:hover{background:#202123!important}
html[data-theme="jade"] .guild-visual{
  background:#111213!important;
  border-color:rgba(255,255,255,.075)!important;
  border-radius:14px!important;
  box-shadow:none!important
}
html[data-theme="jade"] .guild:hover .guild-visual{background:#161719!important;border-color:rgba(255,255,255,.13)!important;box-shadow:none!important}
html[data-theme="jade"] .skeleton,
html[data-theme="jade"] .skeleton-card,
html[data-theme="jade"] .skeleton-notice,
html[data-theme="jade"] .skeleton-update,
html[data-theme="jade"] .skeleton-details,
html[data-theme="jade"] .skeleton-guild .guild-visual{background:#101112!important;border-color:rgba(255,255,255,.065)!important;box-shadow:none!important}
html[data-theme="jade"] .skeleton-line,
html[data-theme="jade"] .skeleton-pill,
html[data-theme="jade"] .skeleton-button,
html[data-theme="jade"] .skeleton-update-action,
html[data-theme="jade"] .skeleton-guild .skeleton-line,
html[data-theme="jade"] .skeleton-guild .skeleton-button{background:#202123!important;border-color:rgba(255,255,255,.07)!important}

/* Jade application system — shared primitives across every route. */
html[data-theme="jade"]{
  --jade-accent:#00e8a5;
  --jade-accent-hover:#2aefb5;
  --jade-accent-soft:rgba(0,232,165,.1);
  --jade-accent-line:rgba(0,232,165,.24);
  --jade-danger:#ff6b7a;
  --jade-canvas:#070708;
  --jade-sidebar:#0b0b0c;
  --jade-panel:#111213;
  --jade-panel-hover:#161719;
  --jade-control:#1b1c1e;
  --jade-control-hover:#242527;
  --jade-text:#f5f6f7;
  --jade-text-2:#b0b2b6;
  --jade-text-3:#7c7f84;
  --jade-divider:rgba(255,255,255,.07);
  --jade-outline:rgba(255,255,255,.11);
  --jade-radius-card:14px;
  --jade-radius-control:9px;
  --jade-shadow-menu:0 24px 64px rgba(0,0,0,.62)
}
html[data-theme="jade"] body{color:var(--jade-text);background:var(--jade-canvas)!important;background-image:none!important}
html[data-theme="jade"] :is(p,.lede,.guild-copy span,.detail-item span,.command-row p,.usage-intro,.release p){color:var(--jade-text-2)}
html[data-theme="jade"] :is(.eyebrow,.section-count,.state,.release-status,.field-wrap label){color:var(--jade-text-3)}
html[data-theme="jade"] h1,
html[data-theme="jade"] h2,
html[data-theme="jade"] h3{color:var(--jade-text)}

/* Navigation shell */
html[data-theme="jade"] :is(.site-header,.dash-head,.top){background:rgba(8,8,9,.96)!important;border-bottom:1px solid var(--jade-divider)!important;box-shadow:none!important}
html[data-theme="jade"] .server-head{background:var(--jade-sidebar)!important;border-color:var(--jade-divider)!important}
html[data-theme="jade"] .service-nav{background:var(--jade-sidebar)!important;border-color:var(--jade-divider)!important}
html[data-theme="jade"] .service-nav a{color:#9a9ca1!important;font-weight:600}
html[data-theme="jade"] .service-nav a:hover{color:#eceeef!important;background:rgba(255,255,255,.045)!important}
html[data-theme="jade"] .service-nav a.active{color:#fff!important;background:#18191b!important;border-color:var(--jade-divider)!important;box-shadow:inset 2px 0 var(--jade-accent)!important}
html[data-theme="jade"] :is(.account-trigger,.theme-toggle){min-height:40px;background:#151617!important;border:1px solid var(--jade-divider)!important;border-radius:10px!important;color:var(--jade-text-2)!important;box-shadow:none!important}
html[data-theme="jade"] :is(.account-trigger,.theme-toggle):hover{background:#1b1c1e!important;border-color:var(--jade-outline)!important;color:#fff!important}

/* One icon language: neutral containers with crisp Jade glyphs. */
html[data-theme="jade"] :is(.service-card-icon,.service-nav-icon,.release-icon){filter:brightness(0) saturate(100%) invert(74%) sepia(91%) saturate(1418%) hue-rotate(105deg) brightness(96%) contrast(103%)!important}
html[data-theme="jade"] :is(.service-card-icon,.release-icon),
html[data-theme="jade"] .card:not(.service-card) .card-top h2:before{
  width:38px!important;height:38px!important;flex:0 0 38px!important;
  padding:9px!important;
  background-color:#1b1c1e!important;
  background-size:20px!important;
  border:1px solid var(--jade-divider)!important;
  border-radius:10px!important
}
html[data-theme="jade"] .service-nav-icon{width:18px!important;height:18px!important;flex-basis:18px!important}
html[data-theme="jade"] .service-nav a.active .service-nav-icon{filter:brightness(0) saturate(100%) invert(74%) sepia(91%) saturate(1418%) hue-rotate(105deg) brightness(96%) contrast(103%)!important}

/* Cards and content surfaces */
html[data-theme="jade"] :is(.card,.advanced-panel,.service-details,.usage-panel,.release){background:var(--jade-panel)!important;border:1px solid var(--jade-divider)!important;border-radius:var(--jade-radius-card)!important;box-shadow:none!important}
html[data-theme="jade"] :is(.service-card,.release,.guild){cursor:pointer}
html[data-theme="jade"] :is(.service-card,.release):hover{background:var(--jade-panel-hover)!important;border-color:var(--jade-outline)!important}
html[data-theme="jade"] .feature-grid article{background:transparent!important;border-color:var(--jade-divider)!important}
html[data-theme="jade"] .feature-grid article:hover{background:rgba(255,255,255,.018)!important}
html[data-theme="jade"] .metrics{border-color:var(--jade-divider)!important}
html[data-theme="jade"] .stat-box{background:#18191b!important;border:0!important;border-radius:11px!important}
html[data-theme="jade"] :is(.card-top,.settings,.setting-row,.open-settings,.details-head,.command-list,.command-row,.release-top){border-color:var(--jade-divider)!important}

/* Buttons: primary, secondary, and tertiary. */
html[data-theme="jade"] :is(.button,.login-submit){min-height:44px;padding:0 18px;background:var(--jade-accent)!important;border:1px solid var(--jade-accent)!important;border-radius:var(--jade-radius-control)!important;color:#04100c!important;font-weight:700;box-shadow:none!important}
html[data-theme="jade"] :is(.button,.login-submit):hover{background:var(--jade-accent-hover)!important;border-color:var(--jade-accent-hover)!important}
html[data-theme="jade"] :is(.button-secondary,.update-action,.view-head .back,.resync-servers,.command button,.command-row button){min-height:40px;background:var(--jade-control)!important;border:1px solid var(--jade-divider)!important;border-radius:var(--jade-radius-control)!important;color:#d2d4d7!important;box-shadow:none!important}
html[data-theme="jade"] :is(.button-secondary,.update-action,.view-head .back,.resync-servers,.command button,.command-row button):hover{background:var(--jade-control-hover)!important;border-color:var(--jade-outline)!important;color:#fff!important;transform:none!important}
html[data-theme="jade"] .card:not(.service-card)>.open-settings{min-height:36px;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;color:#a6a8ac!important}
html[data-theme="jade"] :is(.service-card,.card):hover>.open-settings{background:transparent!important;color:#fff!important}
html[data-theme="jade"] .control{min-height:32px;border-radius:999px!important;box-shadow:none!important}
html[data-theme="jade"] .control:not([aria-pressed="true"]){background:var(--jade-accent-soft)!important;border-color:var(--jade-accent-line)!important;color:#bdf7e2!important}
html[data-theme="jade"] .control[aria-pressed="true"]{background:#0b0b0c!important;border-color:var(--jade-divider)!important;color:#b7b9bd!important}
html[data-theme="jade"] :is(button,a,[role="button"]){touch-action:manipulation}

/* Status and feedback */
html[data-theme="jade"] :is(.state,.release-status){min-height:24px;padding:0 8px;border:1px solid var(--jade-divider)!important;border-radius:999px;background:#18191b!important}
html[data-theme="jade"] :is(.state.on,.release-status.live){color:#bdf7e2!important;background:var(--jade-accent-soft)!important;border-color:var(--jade-accent-line)!important}
html[data-theme="jade"] :is(.state.on,.release-status.live):before{background:var(--jade-accent)!important;box-shadow:none!important}
html[data-theme="jade"] .notice{background:#0e0f10!important;border:1px solid var(--jade-divider)!important;border-radius:10px!important;box-shadow:inset 2px 0 var(--jade-accent)!important}
html[data-theme="jade"] .toast{background:#191a1c!important;border:1px solid var(--jade-outline)!important;border-radius:10px!important;box-shadow:0 18px 46px rgba(0,0,0,.5)!important}
html[data-theme="jade"] .toast.error{border-color:rgba(255,107,122,.4)!important}

/* Forms */
html[data-theme="jade"] :is(.field,.command,input,select,textarea){min-height:42px;background:#0a0a0b!important;border:1px solid var(--jade-divider)!important;border-radius:var(--jade-radius-control)!important;color:var(--jade-text)!important;box-shadow:none!important}
html[data-theme="jade"] :is(.field,.command,input,select,textarea):hover{border-color:var(--jade-outline)!important}
html[data-theme="jade"] :is(.field,input,select,textarea):focus{border-color:rgba(0,232,165,.5)!important;box-shadow:0 0 0 3px rgba(0,232,165,.1)!important}

/* Menus and contextual layers */
html[data-theme="jade"] :is(.account-popover,.service-preview){background:#151617!important;border:1px solid var(--jade-outline)!important;border-radius:12px!important;box-shadow:var(--jade-shadow-menu)!important}
html[data-theme="jade"] .service-preview:before{background:#151617!important;border-color:var(--jade-outline)!important}
html[data-theme="jade"] .account-popover{padding:10px!important}
html[data-theme="jade"] .account-identity{padding:8px 10px 14px!important;border-color:var(--jade-divider)!important}
html[data-theme="jade"] .account-label{padding:12px 10px 6px!important;color:var(--jade-text-3)!important}
html[data-theme="jade"] .account-popover a{min-height:40px;padding:0 10px!important;border-radius:8px!important;color:var(--jade-text-2)!important}
html[data-theme="jade"] .account-popover a:hover{background:#202123!important;color:#fff!important}

/* Server selector */
html[data-theme="jade"] .guild{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html[data-theme="jade"] .guild-visual{background:#111213!important;border:1px solid var(--jade-divider)!important;border-radius:var(--jade-radius-card)!important;box-shadow:none!important;transition:background-color .18s ease,border-color .18s ease!important}
html[data-theme="jade"] .guild:hover .guild-visual{background:#161719!important;border-color:var(--jade-outline)!important;box-shadow:none!important}
html[data-theme="jade"] .guild .pill{background:var(--jade-control)!important;border:1px solid var(--jade-divider)!important;border-radius:9px!important;color:#d2d4d7!important}
html[data-theme="jade"] .guild:hover .pill{background:var(--jade-control-hover)!important;border-color:var(--jade-outline)!important;color:#fff!important}

/* Updates and information hierarchy */
html[data-theme="jade"] .update-banner{background:#111213!important;border:1px solid var(--jade-divider)!important;border-radius:var(--jade-radius-card)!important;box-shadow:none!important}
html[data-theme="jade"] .update-banner:before{display:block!important;inset:0 auto 0 0!important;width:2px!important;background:var(--jade-accent)!important;opacity:1!important}
html[data-theme="jade"] .release-section .section-head{border-color:var(--jade-divider)!important}
html[data-theme="jade"] .release{transition:background-color .18s ease,border-color .18s ease!important}

/* Loading uses identical geometry and neutral surface tokens. */
html[data-theme="jade"] :is(.skeleton,.skeleton-card,.skeleton-notice,.skeleton-update,.skeleton-details,.skeleton-guild .guild-visual){background:var(--jade-panel)!important;border-color:var(--jade-divider)!important;border-radius:var(--jade-radius-card)!important;box-shadow:none!important}
html[data-theme="jade"] :is(.skeleton-line,.skeleton-pill,.skeleton-button,.skeleton-update-action,.skeleton-guild .skeleton-line,.skeleton-guild .skeleton-button,.account-skeleton-avatar,.account-skeleton-chevron){background:#242527!important;border-color:var(--jade-divider)!important}
html[data-theme="jade"] :is(.skeleton,.skeleton-line,.skeleton-card,.skeleton-pill,.skeleton-notice,.skeleton-button,.skeleton-update,.skeleton-guild .guild-visual):after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent)!important}

/* Stable interaction and accessible focus. */
html[data-theme="jade"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--jade-accent)!important;outline-offset:3px!important}
html[data-theme="jade"] :is(button,[aria-disabled="true"],:disabled):disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){html[data-theme="jade"] :is(.button,.button-secondary,.update-action,.view-head .back,.resync-servers){min-height:44px}}

/* Jade icon colour is shared everywhere while identity artwork stays untouched. */
html[data-theme="jade"]{
  --jade-icon-filter:brightness(0) saturate(100%) invert(74%) sepia(91%) saturate(1418%) hue-rotate(105deg) brightness(96%) contrast(103%)
}
html[data-theme="jade"] :is(.service-nav-icon,.service-card-icon){filter:var(--jade-icon-filter)!important}
html[data-theme="jade"] .release-icon{filter:none!important;color:var(--jade-accent)!important}
html[data-theme="jade"] :is(.release-icon,.change-icon) img{filter:var(--jade-icon-filter)!important}
html[data-theme="jade"] .card[data-service] .card-top h2:before{filter:var(--jade-icon-filter)!important}
html[data-theme="jade"] :is(.fa-solid,.fa-brands):not(.fa-discord){color:var(--jade-accent)!important}
html[data-theme="jade"] .account-chevron{color:#a9acb1!important}
html[data-theme="jade"] .account-trigger:hover .account-chevron,
html[data-theme="jade"] .account-trigger[aria-expanded="true"] .account-chevron{color:var(--jade-accent)!important}
html[data-theme="jade"] .open-settings:after,
html[data-theme="jade"] .update-action svg,
html[data-theme="jade"] .resync-servers svg{color:var(--jade-accent)!important}

/* Colour the service glyph itself, not its padded container. */
html[data-theme="jade"] .service-card-icon{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;object-fit:contain;
  filter:var(--jade-icon-filter)!important
}
html[data-theme="jade"] .card[data-service] .card-top h2:before{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background-image:none!important;background-color:var(--jade-accent)!important;
  filter:none!important;-webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain
}
html[data-theme="jade"] .card[data-service="discord"] .card-top h2:before{-webkit-mask-image:url('/icons/pearlescent/discord.png');mask-image:url('/icons/pearlescent/discord.png')}
html[data-theme="jade"] .card[data-service="vrchat"] .card-top h2:before{-webkit-mask-image:url('/icons/pearlescent/vrchat.png');mask-image:url('/icons/pearlescent/vrchat.png')}
html[data-theme="jade"] .card[data-service="verification"] .card-top h2:before{-webkit-mask-image:url('/icons/pearlescent/verified.png');mask-image:url('/icons/pearlescent/verified.png')}
html[data-theme="jade"] .card[data-service="moderation"] .card-top h2:before{-webkit-mask-image:url('/icons/pearlescent/report.png');mask-image:url('/icons/pearlescent/report.png')}
html[data-theme="jade"] .card[data-service="roles"] .card-top h2:before{-webkit-mask-image:url('/icons/pearlescent/link.png');mask-image:url('/icons/pearlescent/link.png')}
html[data-theme="jade"] .card[data-service="slowmode"] .card-top h2:before{-webkit-mask-image:url('/icons/pearlescent/channel.png');mask-image:url('/icons/pearlescent/channel.png')}

/* The account trigger is identity, not a boxed control. */
html[data-theme="jade"] .account-trigger,
html[data-theme="jade"] .account-trigger:hover,
html[data-theme="jade"] .account-trigger[aria-expanded="true"]{
  width:58px!important;height:40px!important;min-height:40px!important;
  padding:0 7px!important;background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important
}

/* Overview action stays quiet; the enclosing card owns the hover state. */
html[data-theme="jade"] .card:not(.service-card)>.open-settings,
html[data-theme="jade"] .card:not(.service-card)>.open-settings:hover{
  min-height:38px!important;flex:0 0 38px!important;padding:0 13px!important;
  border:1px solid var(--jade-divider)!important;border-radius:10px!important;
  background:var(--jade-control)!important;color:#c7c9cc!important;
  transform:none!important;transition:none!important
}
@media(hover:hover){
  html[data-theme="jade"] .card:not(.service-card):hover>.open-settings{
    background:var(--jade-control-hover)!important;
    border-color:var(--jade-outline)!important;color:#fff!important;
    transform:none!important
  }
}

/* Compact overview hierarchy and flat contextual previews. */
.card:not(.service-card) .card-top{padding-bottom:0!important}
.card:not(.service-card) .card-top,
.skeleton-card:not(.skeleton-service-card) .skeleton-card-top{align-items:center!important}
.card:not(.service-card) .summary,
.skeleton-card:not(.skeleton-service-card) .skeleton-summary{padding-top:8px!important}
.service-preview,
html[data-theme="jade"] .service-preview{box-shadow:none!important}

/* Discord-like slash-command previews used by every service guide. */
.command-row{
  display:block!important;
  align-items:center!important;gap:16px!important;padding:14px 0!important
}
.command-row>div{min-width:0}
.discord-command-preview{
  display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:7px 8px 7px 12px;
  border:1px solid var(--line);border-radius:10px;background:rgba(7,8,13,.55)
}
.discord-command-line{display:flex;align-items:center;gap:6px;flex:1;flex-wrap:wrap;min-width:0;min-height:28px}
.discord-command-line>strong{
  color:var(--text);font:700 13px/1.2 "DM Sans",sans-serif;white-space:nowrap
}
.discord-option{
  display:inline-flex;align-items:stretch;min-height:27px;overflow:hidden;
  border:1px solid rgba(153,170,255,.2);border-radius:4px;background:rgba(12,14,23,.9)
}
.discord-option>span,.discord-option>b{
  display:inline-flex;align-items:center;padding:0 8px;font:500 12px/1 "DM Sans",sans-serif
}
.discord-option>span{color:#c6c9d9;background:rgba(255,255,255,.055)}
.discord-option>b{color:#f2f3fa;background:rgba(153,170,255,.12)}
.discord-option>b.discord-mention{color:#c9ceff;background:rgba(153,170,255,.2)}
.discord-command-description{margin:7px 2px 0!important;color:var(--muted);font-size:11px!important;line-height:1.45!important}
.discord-command-preview>button{align-self:center;flex:0 0 auto}
html[data-theme="jade"] .discord-command-preview{
  border-color:var(--jade-divider);background:#0b0c0d
}
html[data-theme="jade"] .discord-option{border-color:#343638;background:#111214}
html[data-theme="jade"] .discord-option>span{color:#c9cbce;background:#191a1c}
html[data-theme="jade"] .discord-option>b{color:#f1f2f2;background:#242527}
html[data-theme="jade"] .discord-option>b.discord-mention{color:#baf7e2;background:rgba(0,135,96,.24)}
@media(max-width:700px){
  .discord-command-line>strong{width:100%;white-space:normal}
}
@media(max-width:580px){.event-routing summary{align-items:flex-start}.event-routing summary em{margin-left:auto}}

/* Service-specific setup command centres. */
.service-command-center{margin-top:18px}
.service-command-center .command-center-block:first-of-type{padding-top:18px}
.service-command-center .command-center-block:last-child{border-bottom:0;padding-bottom:4px}
.service-control-list{border-top:1px solid var(--line)}
.service-command-center .setting-row{min-height:70px;padding:14px 0}
.service-command-center details{width:100%}
.service-command-center summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;user-select:none}
.service-command-center summary::-webkit-details-marker{display:none}
.service-command-center summary>span{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}
.service-command-center summary b{color:var(--text);font-size:13px}
.service-command-center summary small{color:var(--muted);font-size:10px;line-height:1.45}
.service-command-center summary>i{width:7px;height:7px;flex:0 0 7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .15s ease}
.service-command-center details[open] summary>i{transform:rotate(225deg) translate(-2px,-2px)}
.service-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding-top:18px}
.service-command-grid .command{min-width:0}
.service-command-grid .command code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.command-centre-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.command-centre-stats.single{grid-template-columns:minmax(0,1fr)}
.command-centre-stats>div{display:flex;min-height:76px;flex-direction:column;justify-content:center;gap:5px;padding:0 18px;border-right:1px solid var(--line)}
.command-centre-stats>div:first-child{padding-left:0}.command-centre-stats>div:last-child{border-right:0}
.command-centre-stats span{color:var(--muted);font-size:10px}.command-centre-stats strong{color:var(--text);font-size:18px}
.slowmode-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border-top:1px solid var(--line);padding-top:18px}
.slowmode-policy-grid label{display:flex;min-width:0;flex-direction:column;gap:8px}
.slowmode-policy-grid label>span{color:var(--muted);font-size:10px}
.slowmode-policy-grid .field{height:42px}
.service-command-center form>.command-center-block:last-of-type{border-bottom:1px solid var(--line)}
.service-card{grid-column:1/-1!important;min-height:230px!important}
html[data-theme="jade"] .service-command-center summary:hover b{color:var(--text)!important}
html[data-theme="jade"] .command-centre-stats,html[data-theme="jade"] .command-centre-stats>div,html[data-theme="jade"] .service-control-list,html[data-theme="jade"] .slowmode-policy-grid{border-color:var(--jade-divider)!important}
@media(max-width:760px){.service-command-grid,.command-centre-stats,.slowmode-policy-grid{grid-template-columns:1fr}.command-centre-stats>div{padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}.command-centre-stats>div:last-child{border-bottom:0}}

/* Per-server configuration workspace. */
.command-center{padding:26px 28px!important}
.command-center .details-head{align-items:center}
.sync-label{display:inline-flex!important;align-items:center;gap:7px;white-space:nowrap}
.sync-label i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px color-mix(in srgb,var(--mint) 60%,transparent)}
.command-center form{display:grid;gap:0}
.command-center-block{padding:22px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.command-center-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:18px}
.command-center-heading h4{color:var(--text);font:700 15px/1.3 "DM Sans",sans-serif}
.command-center-heading p{max-width:650px;margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.config-field{display:grid;grid-template-columns:minmax(160px,.4fr) minmax(260px,1fr);align-items:center;gap:8px 20px;padding-top:16px;border-top:1px solid var(--line)}
.config-field>span{color:var(--text);font-size:12px;font-weight:700}
.config-field>.field{grid-column:2;height:42px}
.config-field>small{grid-column:2;color:var(--muted);font-size:10px;line-height:1.45}
.channel-select{appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.channel-select:disabled{opacity:.55;cursor:not-allowed}
.channel-picker{position:relative;min-width:0}.channel-picker.open{z-index:81}.config-field>.channel-picker{grid-column:2}.channel-picker-native{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
.channel-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);color:var(--text);font:600 11px "DM Sans",sans-serif;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.channel-picker-trigger:hover{border-color:color-mix(in srgb,var(--text) 20%,var(--line));background:rgba(255,255,255,.04)}.channel-picker.open .channel-picker-trigger,.channel-picker-trigger:focus-visible{outline:0;border-color:color-mix(in srgb,var(--mint) 62%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 12%,transparent)}
.channel-picker-trigger:disabled{opacity:.5;cursor:not-allowed}.channel-picker-trigger i{width:7px;height:7px;flex:0 0 7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .15s ease}.channel-picker.open .channel-picker-trigger i{transform:rotate(225deg) translate(-2px,-2px)}
.channel-picker-menu{position:absolute;z-index:80;top:calc(100% + 7px);right:0;left:0;max-height:260px;padding:6px;overflow-y:auto;border:1px solid color-mix(in srgb,var(--text) 14%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--panel) 96%,#000);box-shadow:0 18px 44px rgba(0,0,0,.38)}.channel-picker-menu[hidden]{display:none}
.channel-picker-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:35px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:600 11px "DM Sans",sans-serif;text-align:left;cursor:pointer}.channel-picker-menu button:hover,.channel-picker-menu button:focus-visible{outline:0;background:rgba(255,255,255,.055);color:var(--text)}.channel-picker-menu button[aria-selected="true"]{background:color-mix(in srgb,var(--mint) 10%,transparent);color:var(--text)}.channel-picker-menu button i{color:var(--mint);font-style:normal}
.switch-control{display:flex;align-items:center;gap:9px;min-height:36px;cursor:pointer;user-select:none}
.switch-control input{position:absolute;opacity:0;pointer-events:none}
.switch-control>span{position:relative;width:42px;height:23px;flex:0 0 42px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);transition:background .18s ease,border-color .18s ease}
.switch-control>span:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#828794;transition:transform .18s ease,background .18s ease}
.switch-control input:checked+span{border-color:color-mix(in srgb,var(--mint) 48%,var(--line));background:color-mix(in srgb,var(--mint) 18%,transparent)}
.switch-control input:checked+span:after{transform:translateX(19px);background:var(--mint)}
.switch-control input:focus-visible+span{outline:2px solid var(--mint);outline-offset:3px}
.switch-control b{color:var(--muted);font-size:11px}
.switch-control input:checked~b{color:var(--text)}
.route-count{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.route-field{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(150px,1fr);align-items:center;gap:12px;min-height:70px;padding:12px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.route-field>span{display:flex;min-width:0;flex-direction:column;gap:3px}
.route-field b{color:var(--text);font-size:11px}
.route-field small{overflow:hidden;color:var(--muted);font-size:9px;line-height:1.35;text-overflow:ellipsis}
.route-field .field{height:38px;font-size:11px}
.advanced-routing-section{padding-left:0}
.event-routing details{width:100%}.event-routing summary{display:flex;align-items:center;gap:14px;padding:0;list-style:none;cursor:pointer;user-select:none}.event-routing summary::-webkit-details-marker{display:none}.event-routing summary>span{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.event-routing summary b{color:var(--text);font-size:13px}.event-routing summary small{color:var(--muted);font-size:10px;line-height:1.45}.event-routing summary em{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;font-style:normal;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.event-routing summary>i{width:7px;height:7px;flex:0 0 7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .15s ease}.event-routing details[open] summary>i{transform:rotate(225deg) translate(-2px,-2px)}
.event-route-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;padding-top:22px}.event-route-group{min-width:0}.event-route-group h5{padding-bottom:9px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.event-route-field{display:grid;grid-template-columns:minmax(115px,.65fr) minmax(150px,1fr);align-items:center;gap:12px;min-height:58px;border-bottom:1px solid var(--line)}.event-route-field:last-child{border-bottom:0}.event-route-field>span{color:var(--text);font-size:10px;font-weight:650}.event-route-field .channel-picker-trigger{height:36px;font-size:10px}
.command-center-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 0;background:transparent!important;border:0!important}
html footer.command-center-footer,html[data-theme="jade"] footer.command-center-footer{min-height:0!important;margin:0!important;padding:18px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.command-center-footer>div{display:flex;min-width:0;flex-direction:column;gap:3px}
.command-center-footer strong{color:var(--text);font-size:11px}
.command-center-footer strong.saved{color:var(--mint)}
.command-center-footer strong.error{color:#ff899b}
.command-center-footer span{color:var(--muted);font-size:10px}
.command-center-save{min-height:40px;padding:0 17px;border:1px solid color-mix(in srgb,var(--mint) 38%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--mint) 12%,transparent);color:var(--text);font:700 11px "DM Sans",sans-serif;cursor:pointer}
.command-center-save:hover{border-color:color-mix(in srgb,var(--mint) 66%,var(--line));background:color-mix(in srgb,var(--mint) 18%,transparent)}
.command-center-save:disabled{opacity:.6;cursor:wait}
.role-link-list{display:grid;border-top:1px solid var(--line)}
.role-link-item{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:64px;border-bottom:1px solid var(--line)}
.role-link-role{min-width:0;overflow:hidden;color:var(--text);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.role-link-arrow{color:var(--muted);text-align:center}
.role-link-remove{min-height:34px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font:700 10px "DM Sans",sans-serif;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}
.role-link-remove:hover{border-color:color-mix(in srgb,var(--text) 28%,var(--line));background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--text)}
.role-link-remove:disabled{opacity:.55;cursor:wait}
.role-link-empty{display:flex;flex-direction:column;gap:4px;padding:20px 0;border-bottom:1px solid var(--line)}
.role-link-empty strong{color:var(--text);font-size:12px}.role-link-empty span{color:var(--muted);font-size:10px}
.role-link-manager{padding:28px!important}.role-link-manager .details-head{padding-bottom:24px;border-bottom:1px solid var(--line)}
.role-link-manager .details-head h3{font-size:18px;line-height:1.35}.role-link-manager .details-head>div>p:last-child{max-width:560px;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.role-link-manager .sync-label{font-size:11px}
.role-link-create{margin:0;padding:24px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.role-link-create-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.role-link-create-head h4{font-size:14px;line-height:1.4}.role-link-create-head span{color:var(--muted);font-size:12px}
.role-link-create-head .service-save-status:not(.saved):not(.error){display:none}
.role-link-builder{display:grid;grid-template-columns:minmax(180px,1fr) 24px minmax(180px,1fr) auto;align-items:end;gap:12px}
.role-link-picker{display:flex;min-width:0;flex-direction:column;gap:8px}.role-link-picker>span{color:var(--muted);font-size:12px;font-weight:600}.role-link-picker>.field,.role-link-picker>.channel-picker{width:100%}
.role-link-builder-arrow{padding-bottom:13px;color:var(--muted);font-size:16px;text-align:center}.role-link-builder .command-center-save{height:42px;white-space:nowrap}
.role-link-existing{padding-top:24px}.role-link-existing-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.role-link-existing-head h4{font-size:14px;line-height:1.4}.role-link-existing-head p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.role-link-manager .role-link-list{border-top:1px solid var(--line)}.role-link-manager .role-link-empty{padding:18px 0 0;border:0}.role-link-manager .role-link-empty span{font-size:12px}
.skeleton-command-center{height:510px!important;padding:26px!important}
.skeleton-command-head,.skeleton-command-row,.skeleton-command-footer{display:flex;align-items:center;justify-content:space-between;gap:24px}
.skeleton-command-head{padding-bottom:19px;border-bottom:1px solid var(--line)}
.skeleton-command-head>div,.skeleton-command-row>div,.skeleton-command-footer>div{display:flex;flex-direction:column;gap:9px}
.skeleton-command-head>div .skeleton-line:first-child{width:74px;height:8px}.skeleton-command-head>div .skeleton-line:last-child{width:190px;height:17px}
.skeleton-command-head>.skeleton-line{width:142px;height:10px}
.skeleton-command-block{padding:21px 0;border-bottom:1px solid var(--line)}
.skeleton-command-row>div .skeleton-line:first-child{width:128px;height:12px}.skeleton-command-row>div .skeleton-line:last-child{width:330px;height:9px}
.skeleton-command-row>.skeleton-line{width:74px;height:22px}.skeleton-command-row .skeleton-pill{width:70px;height:30px}
.skeleton-select{width:100%;height:40px;margin-top:17px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035)}
.skeleton-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.skeleton-route-grid>div{padding:11px 12px;border:1px solid var(--line);border-radius:10px}.skeleton-route-grid .skeleton-line{width:90px;height:9px}.skeleton-route-grid .skeleton-select{height:38px;margin-top:10px}
.skeleton-command-footer{padding-top:18px}.skeleton-command-footer .skeleton-line:first-child{width:126px;height:10px}.skeleton-command-footer .skeleton-line:last-child{width:260px;height:8px}.skeleton-command-footer>.skeleton-button{width:108px;height:40px}
html[data-theme="jade"] .command-center-block{background:transparent!important;border-color:var(--jade-divider)!important}
html[data-theme="jade"] .route-field{background:transparent!important;border-color:var(--jade-divider)!important}
html[data-theme="jade"] .channel-select{background-color:var(--jade-control)!important}
html[data-theme="jade"] .channel-picker-trigger{background:var(--jade-control)!important;border-color:var(--jade-divider)!important}html[data-theme="jade"] .channel-picker-menu{background:#111214!important;border-color:var(--jade-divider)!important;box-shadow:0 18px 44px rgba(0,0,0,.42)!important}
html[data-theme="jade"] .command-center-save{border-color:rgba(0,232,165,.34)!important;background:rgba(0,232,165,.09)!important;color:#d8fff2!important}
html[data-theme="jade"] .command-center-save:hover{border-color:rgba(0,232,165,.58)!important;background:rgba(0,232,165,.14)!important}
@media(max-width:900px){.route-grid{grid-template-columns:1fr}}
@media(max-width:700px){
  .command-center{padding:22px!important}
  .command-center-heading,.command-center-footer{align-items:flex-start;flex-direction:column}
  .config-field,.route-field{grid-template-columns:1fr}
  .event-route-groups{grid-template-columns:1fr}.event-route-field{grid-template-columns:minmax(110px,.6fr) minmax(150px,1fr)}
  .config-field>.field,.config-field>.channel-picker,.config-field>small{grid-column:1}
  .command-center-save{width:100%}
  .role-link-item{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);padding:14px 0}.role-link-remove{grid-column:1/-1;width:100%}
  .role-link-create{padding:16px}.role-link-create-head{align-items:flex-start;flex-direction:column}.role-link-builder{grid-template-columns:1fr}.role-link-builder-arrow{display:none}.role-link-builder .command-center-save{width:100%}
  .skeleton-command-center{height:660px!important}
  .skeleton-route-grid{grid-template-columns:1fr}
}
/* REUX application rhythm -------------------------------------------------
   A single semantic scale shared by public pages, the server list and every
   dashboard workspace. Page-specific CSS should consume these values rather
   than inventing near-duplicate measurements. */
:root{
  --reux-space-1:4px;
  --reux-space-2:8px;
  --reux-space-3:12px;
  --reux-space-4:16px;
  --reux-space-5:20px;
  --reux-space-6:24px;
  --reux-space-7:28px;
  --reux-space-8:32px;
  --reux-space-10:40px;
  --reux-space-12:48px;
  --reux-space-16:64px;
  --reux-radius-control:10px;
  --reux-radius-card:14px;
  --reux-control-height:44px;
  --reux-button-height:40px;
  --reux-pill-height:28px;
  --reux-type-micro:10px;
  --reux-type-caption:12px;
  --reux-type-body:14px;
  --reux-type-card:16px;
  --reux-type-section:20px;
  --reux-type-page:clamp(40px,4vw,58px);
  --reux-leading-copy:1.55;
}

body{font-size:var(--reux-type-body);line-height:var(--reux-leading-copy)}
.eyebrow{
  font-size:var(--reux-type-micro)!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
}
.theme-toggle,.account-trigger,.header-account,.resync-servers{
  min-height:var(--reux-button-height);
  border-radius:var(--reux-radius-control);
}
.account-popover{border-radius:var(--reux-radius-card)}
.account-popover a{font-size:13px;line-height:1.35}

@media(max-width:700px){
  :root{--reux-type-page:clamp(36px,10vw,48px)}
}

/* Theme parity contract ---------------------------------------------------
   Jade defines the application structure. Both identities now consume the
   same component geometry and interaction states; only semantic colour and
   branded artwork change between themes. */
html[data-theme="jade"]{
  --reux-theme-accent:#00e8a5;
  --reux-theme-accent-hover:#2aefb5;
  --reux-theme-accent-soft:rgba(0,232,165,.1);
  --reux-theme-accent-line:rgba(0,232,165,.24);
  --reux-theme-canvas:#070708;
  --reux-theme-rail:#0b0b0c;
  --reux-theme-panel:#111213;
  --reux-theme-panel-hover:#161719;
  --reux-theme-control:#1b1c1e;
  --reux-theme-control-hover:#242527;
  --reux-theme-text:#f5f6f7;
  --reux-theme-text-secondary:#b0b2b6;
  --reux-theme-text-subtle:#7c7f84;
  --reux-theme-divider:rgba(255,255,255,.07);
  --reux-theme-outline:rgba(255,255,255,.11);
  --reux-theme-menu:#151617;
  --reux-theme-input:#0a0a0b;
  --reux-theme-notice:#0e0f10;
  --reux-theme-status:#18191b;
  --reux-theme-skeleton:#242527;
  --reux-theme-menu-shadow:0 24px 64px rgba(0,0,0,.62)
}
html[data-theme="iridescent"]{
  --reux-theme-accent:#99aaff;
  --reux-theme-accent-hover:#b4beff;
  --reux-theme-accent-soft:rgba(153,170,255,.11);
  --reux-theme-accent-line:rgba(153,170,255,.28);
  --reux-theme-canvas:#090a12;
  --reux-theme-rail:#0d0f1a;
  --reux-theme-panel:#111421;
  --reux-theme-panel-hover:#171b2d;
  --reux-theme-control:#1d2132;
  --reux-theme-control-hover:#252a40;
  --reux-theme-text:#f5f6ff;
  --reux-theme-text-secondary:#b4b9cc;
  --reux-theme-text-subtle:#7f859e;
  --reux-theme-divider:rgba(184,196,255,.12);
  --reux-theme-outline:rgba(184,196,255,.2);
  --reux-theme-menu:#151827;
  --reux-theme-input:#0c0f19;
  --reux-theme-notice:#111523;
  --reux-theme-status:#171b2d;
  --reux-theme-skeleton:#1c2031;
  --reux-theme-menu-shadow:0 24px 64px rgba(2,3,10,.62)
}

html[data-theme] body{
  color:var(--reux-theme-text);
  background:var(--reux-theme-canvas)!important;
  background-image:none!important
}
html[data-theme] :is(p,.lede,.guild-copy span,.detail-item span,.command-row p,.usage-intro,.release p){color:var(--reux-theme-text-secondary)}
html[data-theme] :is(.eyebrow,.section-count,.state,.release-status,.field-wrap label){color:var(--reux-theme-text-subtle)}
html[data-theme] :is(h1,h2,h3){color:var(--reux-theme-text)}

html[data-theme] :is(.site-header,.dash-head,.top){
  background:color-mix(in srgb,var(--reux-theme-canvas) 96%,transparent)!important;
  border-bottom:1px solid var(--reux-theme-divider)!important;
  box-shadow:none!important
}
html[data-theme] :is(.server-head,.service-nav){background:var(--reux-theme-rail)!important;border-color:var(--reux-theme-divider)!important}
html[data-theme] .service-nav a{border-radius:9px!important;color:var(--reux-theme-text-secondary)!important;font-weight:600}
html[data-theme] .service-nav a:hover{background:var(--reux-theme-control)!important;color:var(--reux-theme-text)!important}
html[data-theme] .service-nav a.active{
  color:var(--reux-theme-text)!important;
  background:var(--reux-theme-panel-hover)!important;
  border-color:var(--reux-theme-divider)!important;
  box-shadow:inset 2px 0 var(--reux-theme-accent)!important
}
html[data-theme] :is(.account-trigger,.theme-toggle){
  min-height:40px;background:var(--reux-theme-menu)!important;
  border:1px solid var(--reux-theme-divider)!important;border-radius:10px!important;
  color:var(--reux-theme-text-secondary)!important;box-shadow:none!important
}
html[data-theme] :is(.account-trigger,.theme-toggle):hover{
  background:var(--reux-theme-control)!important;border-color:var(--reux-theme-outline)!important;color:var(--reux-theme-text)!important
}
html[data-theme] .account-trigger,
html[data-theme] .account-trigger:hover,
html[data-theme] .account-trigger[aria-expanded="true"]{
  width:58px!important;height:40px!important;min-height:40px!important;
  padding:0 7px!important;background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important
}

html[data-theme] :is(.card,.advanced-panel,.service-details,.usage-panel,.release,.change-list,.guild-visual){
  background:var(--reux-theme-panel)!important;
  border:1px solid var(--reux-theme-divider)!important;
  border-radius:var(--reux-radius-card)!important;
  box-shadow:none!important
}
html[data-theme] :is(.service-card,.release,.guild){cursor:pointer}
html[data-theme] :is(.service-card,.release):hover,
html[data-theme] .guild:hover .guild-visual{
  background:var(--reux-theme-panel-hover)!important;
  border-color:var(--reux-theme-outline)!important;
  box-shadow:none!important
}
html[data-theme] .feature-grid article{background:transparent!important;border-color:var(--reux-theme-divider)!important}
html[data-theme] .feature-grid article:hover{background:color-mix(in srgb,var(--reux-theme-text) 2%,transparent)!important}
html[data-theme] .metrics{border-color:var(--reux-theme-divider)!important}
html[data-theme] .stat-box{background:var(--reux-theme-panel-hover)!important;border:0!important;border-radius:11px!important}
html[data-theme] :is(.card-top,.settings,.setting-row,.open-settings,.details-head,.command-list,.command-row,.release-top,.change-item+.change-item){border-color:var(--reux-theme-divider)!important}

/* Overview glyphs use identical unboxed geometry in both identities. */
html[data-theme] .service-card-icon{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;object-fit:contain
}
html[data-theme="iridescent"] .service-card-icon{filter:none!important}
html[data-theme] .card[data-service] .card-top h2:before{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background-image:none!important;background-color:var(--reux-theme-accent)!important;
  filter:none!important;-webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain
}
html[data-theme] .card[data-service="discord"] .card-top h2:before{-webkit-mask-image:url('/icons/pearlescent/discord.png');mask-image:url('/icons/pearlescent/discord.png')}
html[data-theme] .card[data-service="vrchat"] .card-top h2:before{-webkit-mask-image:url('/icons/pearlescent/vrchat.png');mask-image:url('/icons/pearlescent/vrchat.png')}
html[data-theme] .card[data-service="verification"] .card-top h2:before{-webkit-mask-image:url('/icons/pearlescent/verified.png');mask-image:url('/icons/pearlescent/verified.png')}
html[data-theme] .card[data-service="moderation"] .card-top h2:before{-webkit-mask-image:url('/icons/pearlescent/report.png');mask-image:url('/icons/pearlescent/report.png')}
html[data-theme] .card[data-service="roles"] .card-top h2:before{-webkit-mask-image:url('/icons/pearlescent/link.png');mask-image:url('/icons/pearlescent/link.png')}
html[data-theme] .card[data-service="slowmode"] .card-top h2:before{-webkit-mask-image:url('/icons/pearlescent/channel.png');mask-image:url('/icons/pearlescent/channel.png')}
html[data-theme] .release-icon{
  width:38px!important;height:38px!important;flex:0 0 38px!important;
  padding:9px!important;background:var(--reux-theme-control)!important;
  border:1px solid var(--reux-theme-divider)!important;border-radius:10px!important
}
html[data-theme] .change-icon{
  background:color-mix(in srgb,var(--reux-theme-accent) 6%,transparent)!important;
  border-color:color-mix(in srgb,var(--reux-theme-accent) 18%,var(--reux-theme-divider))!important
}

html[data-theme] :is(.button,.login-submit){
  min-height:44px;padding:0 18px;background:var(--reux-theme-accent)!important;
  border:1px solid var(--reux-theme-accent)!important;border-radius:9px!important;
  color:#080912!important;font-weight:700;box-shadow:none!important
}
html[data-theme] :is(.button,.login-submit):hover{
  background:var(--reux-theme-accent-hover)!important;border-color:var(--reux-theme-accent-hover)!important;transform:none!important
}
html[data-theme] :is(.button-secondary,.update-action,.view-head .back,.resync-servers,.command button,.command-row button){
  min-height:40px;background:var(--reux-theme-control)!important;
  border:1px solid var(--reux-theme-divider)!important;border-radius:9px!important;
  color:var(--reux-theme-text-secondary)!important;box-shadow:none!important
}
html[data-theme] :is(.button-secondary,.update-action,.view-head .back,.resync-servers,.command button,.command-row button):hover{
  background:var(--reux-theme-control-hover)!important;border-color:var(--reux-theme-outline)!important;
  color:var(--reux-theme-text)!important;transform:none!important
}
html[data-theme] .card:not(.service-card)>.open-settings,
html[data-theme] .card:not(.service-card)>.open-settings:hover{
  min-height:38px!important;flex:0 0 38px!important;padding:0 13px!important;
  border:1px solid var(--reux-theme-divider)!important;border-radius:10px!important;
  background:var(--reux-theme-control)!important;color:var(--reux-theme-text-secondary)!important;
  transform:none!important;transition:none!important
}
@media(hover:hover){
  html[data-theme] .card:not(.service-card):hover>.open-settings{
    background:var(--reux-theme-control-hover)!important;border-color:var(--reux-theme-outline)!important;
    color:var(--reux-theme-text)!important;transform:none!important
  }
}

html[data-theme] :is(.state,.release-status),
html[data-theme] .card:not(.service-card) .state{
  height:25px!important;min-height:25px!important;padding:0 8px!important;border:1px solid var(--reux-theme-outline)!important;
  box-sizing:border-box;
  border-radius:999px;background:color-mix(in srgb,var(--reux-theme-accent) 4%,var(--reux-theme-status))!important;
  font-size:9px!important;line-height:1!important;letter-spacing:.09em!important
}
html[data-theme] :is(.state.on,.release-status.live),
html[data-theme] .card:not(.service-card) .state.on{
  color:color-mix(in srgb,var(--reux-theme-accent) 70%,white)!important;
  background:color-mix(in srgb,var(--reux-theme-accent) 12%,var(--reux-theme-status))!important;
  border-color:color-mix(in srgb,var(--reux-theme-accent) 36%,var(--reux-theme-outline))!important
}
html[data-theme] :is(.state.on,.release-status.live):before,
html[data-theme] .card:not(.service-card) .state.on:before{background:var(--reux-theme-accent)!important;box-shadow:none!important}
html[data-theme] .notice{
  background:var(--reux-theme-notice)!important;border:1px solid var(--reux-theme-divider)!important;
  border-radius:10px!important;box-shadow:inset 2px 0 var(--reux-theme-accent)!important
}
html[data-theme] .toast{
  background:var(--reux-theme-menu)!important;border:1px solid var(--reux-theme-outline)!important;
  border-radius:10px!important;box-shadow:0 18px 46px rgba(0,0,0,.5)!important
}

html[data-theme] :is(.field,.command,input,select,textarea){
  min-height:42px;background:var(--reux-theme-input)!important;
  border:1px solid var(--reux-theme-divider)!important;border-radius:9px!important;
  color:var(--reux-theme-text)!important;box-shadow:none!important
}
html[data-theme] :is(.field,.command,input,select,textarea):hover{border-color:var(--reux-theme-outline)!important}
html[data-theme] :is(.account-popover,.service-preview){
  background:var(--reux-theme-menu)!important;border:1px solid var(--reux-theme-outline)!important;
  border-radius:12px!important;box-shadow:var(--reux-theme-menu-shadow)!important
}
html[data-theme] .service-preview:before{background:var(--reux-theme-menu)!important;border-color:var(--reux-theme-outline)!important}
html[data-theme] .account-popover{padding:10px!important}
html[data-theme] .account-identity{padding:8px 10px 14px!important;border-color:var(--reux-theme-divider)!important}
html[data-theme] .account-label{padding:12px 10px 6px!important;color:var(--reux-theme-text-subtle)!important}
html[data-theme] .account-popover a{
  min-height:40px;padding:0 10px!important;border-radius:8px!important;color:var(--reux-theme-text-secondary)!important
}
html[data-theme] .account-popover a:hover{background:var(--reux-theme-control-hover)!important;color:var(--reux-theme-text)!important}

html[data-theme] .guild{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html[data-theme] .guild .pill{
  background:var(--reux-theme-control)!important;border:1px solid var(--reux-theme-divider)!important;
  border-radius:9px!important;color:var(--reux-theme-text-secondary)!important
}
html[data-theme] .guild:hover .pill{
  background:var(--reux-theme-control-hover)!important;border-color:var(--reux-theme-outline)!important;color:var(--reux-theme-text)!important
}
html[data-theme] .update-banner{
  background:var(--reux-theme-panel)!important;border:1px solid var(--reux-theme-divider)!important;
  border-radius:var(--reux-radius-card)!important;box-shadow:none!important
}
html[data-theme] .update-banner:before{
  display:block!important;inset:0 auto 0 0!important;width:2px!important;
  background:var(--reux-theme-accent)!important;opacity:1!important
}
html[data-theme] .release{transition:background-color .18s ease,border-color .18s ease!important}

html[data-theme] :is(.skeleton,.skeleton-card,.skeleton-notice,.skeleton-update,.skeleton-details,.skeleton-guild .guild-visual){
  background:var(--reux-theme-panel)!important;border-color:var(--reux-theme-divider)!important;
  border-radius:var(--reux-radius-card)!important;box-shadow:none!important
}
html[data-theme] :is(.skeleton-line,.skeleton-pill,.skeleton-button,.skeleton-update-action,.skeleton-guild .skeleton-line,.skeleton-guild .skeleton-button,.account-skeleton-avatar,.account-skeleton-chevron){
  background:var(--reux-theme-skeleton)!important;border-color:var(--reux-theme-divider)!important
}

html:not(.theme-loading)[data-theme] :is(body,.site-header,.dash-head,.top,.server-head,.service-nav,.card,.advanced-panel,.service-details,.usage-panel,.release,.change-list,.guild-visual,.update-banner,.theme-toggle){
  transition:background-color .18s ease,border-color .18s ease,color .18s ease
}
@media(prefers-reduced-motion:reduce){
  html[data-theme] :is(body,.site-header,.dash-head,.top,.server-head,.service-nav,.card,.advanced-panel,.service-details,.usage-panel,.release,.change-list,.guild-visual,.update-banner,.theme-toggle){transition:none!important}
}