/* Shared NightCrew dashboard shell. Public pages and Discord previews keep their styling. */
/* Module components below are explicit: never restyle Discord message previews by substring. */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/space-grotesk-400.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/space-grotesk-500.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/space-grotesk-600.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/space-grotesk-700.ttf') format('truetype')}
.app{--font-body:'Proxima Nova',Arial,sans-serif;--font-headings:var(--font-body);--accent:#e3334f;--accent-hover:#f24a63;--accent-wash:#e3334f16;--nc-surface:#1b181e;--nc-line:#373139;background:#100e12!important;display:block!important;min-height:100dvh;color:#f4f4f5}
.app .rail{position:fixed!important;inset:0 auto 0 0;width:280px!important;height:100dvh!important;display:flex;flex-direction:column;background:#161319!important;border-right:1px solid #232226!important;padding:16px 12px!important;z-index:60;box-sizing:border-box;overflow:hidden}
.app .rail-brand{padding:0 10px 14px;border-bottom:1px solid #232226;margin-bottom:10px}.app .rail-brand img{width:28px;height:28px}.app .rail-brand small{display:none}
.app .guild-switch{padding:10px 8px!important;background:transparent!important;border:0!important}.app .guild-name{font-size:14px}.app .guild-sub{font-size:11px;color:#8e8c96}
.rail-search{display:block;margin:12px 2px}.rail-search input{box-sizing:border-box;width:100%;height:42px;background:#252128;color:#fafafa;border:1px solid #302e35;border-radius:10px;padding:0 12px;font:inherit;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.app .railnav{flex:1;min-height:0;overflow-y:auto;padding:0 2px;scrollbar-width:thin;scrollbar-color:#302e35 transparent}
.app .railnav .navlink{display:flex;align-items:center;gap:10px;min-height:36px;padding:7px 10px!important;box-sizing:border-box;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:600;color:#c2bcc8!important;margin:2px 0;white-space:nowrap}.app .railnav .navlink svg{flex-shrink:0}.app .nav-label{flex:1;min-width:0}.app .railnav .navlink.active{background:#e3334f14!important;border-color:#e3334f42!important;color:#ff6c81!important}.app .railnav .navlink:hover{background:#1b191e!important;color:#fff!important}.app .railnav [hidden]{display:none!important}
.app .rail-section-label{font-size:10px!important;letter-spacing:.08em!important;color:#77737f!important;margin:22px 10px 8px!important}.rail-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #232226;padding:12px 8px 4px;font-size:12px}.rail-footer a{color:#b4b0bd;text-decoration:none}.rail-footer button{background:#19181c;border:1px solid #302e35;color:#ccc;border-radius:8px;width:30px;height:30px;cursor:pointer}.app .rail-profile{margin-top:8px!important;padding:12px 8px!important}.app .rail-profile .avatar{width:28px;height:28px}.app .rail-profile .name{font-size:12px}
.app main.content{box-sizing:border-box;margin-left:280px!important;width:calc(100% - 280px)!important;max-width:none!important;min-height:100dvh;padding:40px max(28px,calc((100% - 1368px)/2)) 64px!important;background:radial-gradient(ellipse at 0 30%,#e3334f0d,transparent 48%),radial-gradient(#ffffff0c 1px,transparent 1px) 0 0/26px 26px,#100e12!important;color:#f4f4f5!important;--nc-surface:#1b181e;--nc-surface-inset:#19181c;--nc-line:#373139;--nc-muted:#a19da9;--nc-text:#f4f4f5;--nc-red:#e3334f}
.app main.content .workspace-bar{display:none}.app .dashboard-toolbar{margin:0 0 18px!important;min-height:30px}.app .control-tools>button{background:#151418!important;border-color:#302e35!important;color:#bcb8c4!important}.app main.content h1{font-size:clamp(32px,3.5vw,52px)!important;line-height:1.12!important;letter-spacing:-.04em!important;font-weight:700!important}.app main.content h2{font-size:16px!important;font-weight:600!important}.app main.content h3{font-size:14px!important}.app main.content .page-subtitle{color:#9995a2!important;font-size:13px!important}
.app main.content :is(.hp-card,.community-panel,.operations-overview,.dashboard-recent,.dashboard-operations,.dashboard-quick-panel,.module-secondary,.module-settings-card,.music-panel,.cw-panel,.platform-panel,.moderation-section,.submissions-card,.settings-section,.card,.panel,.module-toggle-bar,.module-page-toggle,.dashboard-setup){background:#1b181e!important;border:1px solid #373139!important;border-radius:20px!important;box-shadow:none!important}
.app main.content :is(.hp-card,.community-panel,.module-settings-card){padding:20px!important;margin-bottom:24px}.app main.content :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea){background:#19181c!important;border-color:#302e35!important;border-radius:10px!important;color:#eeedf0!important;font-weight:400!important}.app main.content :is(button,.btn-primary,.btn-secondary,.btn-danger){border-radius:9px!important;font-weight:500!important}.app main.content :is(.btn-primary,.music-primary){background:#db304b!important;border-color:#ef4962!important}.app main.content :is(.btn-secondary,.music-controls button){background:#19181c!important;border-color:#302e35!important;color:#e7e5eb!important}.app main.content :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #f4637c;outline-offset:3px}
.app main.content .dashboard-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:transparent!important;border:0!important}.app main.content .dashboard-metrics>*{background:#1b181e!important;border:1px solid #373139!important;border-radius:20px!important;padding:18px!important;min-width:0}.app main.content .dashboard-stat-icon{background:#e3334f15!important;color:#f5657c!important}.app main.content .hp-grid{gap:20px}.app main.content .hp-notice{background:#e3334f0a;border-color:#e3334f30;color:#b8adb4}.app main.content .module-jump{background:#1b181e!important;border-color:#373139!important}.app main.content .recent-pages{background:#1b181e;border-color:#373139}.app main.content .recent-pages a{background:#19181c;border-color:#302e35;color:#ccc7d3}
@media(min-width:901px){.app.sidebar-compact .rail{width:76px!important}.app.sidebar-compact main.content{margin-left:76px!important;width:calc(100% - 76px)!important;padding-left:max(28px,calc((100% - 1052px)/2))!important;padding-right:max(28px,calc((100% - 1052px)/2))!important}.app.sidebar-compact :is(.nav-label,.rail-brand span,.guild-name-wrap,.guild-switch .chev,.rail-search,.rail-section-label,.rail-profile .who,.rail-profile .signout,.rail-footer a,.nav-premium,.navlink .count){display:none!important}.app.sidebar-compact .navlink{justify-content:center}.app.sidebar-compact .rail-footer{justify-content:center}.app.sidebar-compact .rail-profile{justify-content:center}.app.sidebar-compact .guild-menu{position:fixed;left:76px;top:70px;width:240px}}
@media(max-width:1100px){.app main.content .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app .rail{transform:translateX(-100%)}.app.sidebar-is-open .rail{transform:translateX(0);box-shadow:20px 0 70px #0009!important}.app main.content{margin-left:0!important;width:100%!important;padding:20px!important}.rail-footer button{display:none}}
@media(max-width:560px){.app main.content{padding:16px!important}.app main.content .dashboard-metrics{grid-template-columns:1fr}.app main.content .hp-grid{grid-template-columns:1fr}.app main.content :is(.hp-card,.community-panel,.module-settings-card){padding:16px!important}}
.app main.content .nc-setup-navigation{background:#1b181e!important;border-color:#373139!important;border-radius:20px!important}
.app .rail-group>summary{font-size:10px!important;letter-spacing:.07em!important;color:#817c89!important;padding:12px 10px!important}.app.sidebar-compact .rail-group>summary{font-size:0!important;height:8px;padding:0!important}.app.sidebar-compact .rail-group>summary::after{display:none}
.app main.content .dashboard-metrics{gap:14px!important;overflow:visible!important}.app main.content .dashboard-metrics>:is(article,div){background:#1b181e!important;border:1px solid #373139!important;border-radius:20px!important;padding:18px!important}
.app main.content :is(.ticket-metrics,.submission-metrics,.reaction-role-metrics,.community-stat-grid,.mod-stats,.bd-metrics,.settings-overview-pro){background:#1b181e!important;border-color:#373139!important;border-radius:20px!important}

/* All module surfaces share the same treatment, including editors and secondary pages. */
.app main.content.content :is(
  .app-editor-card,.app-settings-section,.app-types-section,.add-type-card,.publish-status-card,
  .embed-editor-card,.wizard-form-card,.publish-card,.panel-library,.panel-list-row,.panel-wizard,
  .tickets-card,.ticket-side-section,.ticket-requester-card,.submission-meta-card,.submission-profile-card,
  .role-composer-card,.role-options-card,.role-sent-card,.reaction-panel-settings,.reaction-panel-appearance,
  .premium-item-panel,.stats-counter-panel,.stats-settings-card,.social-setup-card,.voice-template-section,
  .bd-section,.cw-section,.polls-card,.staff-create-card,.staff-role-section,.developer-card,
  .invite-activity-panel,.invite-health-card,.invite-leaderboard-panel,.invite-rewards-card,.invite-settings-card,
  .leaderboard-publish-card,.leaderboard-season-card,.level-rewards-card,.xp-adjust-card,
  .welcome-autorole-card,.welcome-create-card,.giveaway-create-section,.health-history-panel,
  .custom-bot-settings,.custom-bot-onboarding,.custom-bot-connect-form,.settings-backup,.settings-subscription,
  .backup-card,.plan-card,.plan-clarity,.music-player,.music-cover,.music-plan,.form-section
),.app main.content.content .settings-pro-hero aside {
  background:#1b181e!important;border-color:#373139!important;border-radius:20px!important;box-shadow:none!important;
}
.app main.content.content :is(.plan-card,.premium-item-panel,.developer-card,.polls-card)::before,
.app main.content.content :is(.plan-card,.premium-item-panel,.developer-card,.polls-card)::after {background-image:none!important;box-shadow:none!important}
.app main.content.content :is(.settings-section-nav,.community-tabs,.moderation-tabs,.polls-tabs,.submission-status-tabs,
  .module-guide-pages,.community-toolbar,.logging-stream-filters,.logs-toolbar,.stats-counter-toolbar,
  .suggestion-toolbar,.suggestion-toolbar-pro,.suggestion-filters,.ticket-advanced-filters,.application-advanced-filters,
  .bd-filters,.cw-filters,.st-filters,.module-help-items,.module-guide-help[open]>summary) {
  background:#121114!important;border-color:#302e35!important;box-shadow:none!important;border-radius:9px!important;
}
.app main.content.content :is(.settings-section-nav,.community-tabs,.moderation-tabs,.polls-tabs,.submission-status-tabs,.module-guide-pages) :is(a,button) {
  font-family:var(--font-body)!important;color:#b8b3c1!important;background:transparent!important;border-color:transparent!important;
}
.app main.content.content :is(.settings-section-nav,.community-tabs,.moderation-tabs,.polls-tabs,.submission-status-tabs,.module-guide-pages) :is(.active,[aria-selected=true],[aria-current=page]) {
  color:#ff7c8f!important;background:#e3334f14!important;border-color:#e3334f42!important;
}
.app main.content.content :is(.premium-metrics,.role-metrics,.command-metrics,.schedule-metrics,.developer-metrics,.staff-metrics,.stats-metric-grid,.polls-metrics,.st-metrics,.cw-metrics,.secondary-metrics) {
  background:#1b181e!important;border-color:#373139!important;border-radius:20px!important;box-shadow:none!important;
}
.app main.content.content :is(.premium-metrics,.role-metrics,.command-metrics,.schedule-metrics,.developer-metrics,.staff-metrics,.stats-metric-grid,.polls-metrics,.st-metrics,.cw-metrics,.secondary-metrics)>:is(article,div) {
  background:transparent!important;border-color:#373139!important;box-shadow:none!important;
}
.app main.content.content :is(.settings-pro-hero,.health-pro-hero,.logging-hero,.games-hero,.mod-hero,.verification-hero) {
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin-bottom:24px!important;
}
.app main.content.content :is(.settings-pro-hero,.health-pro-hero,.logging-hero,.games-hero,.mod-hero,.verification-hero)::before,
.app main.content.content :is(.settings-pro-hero,.health-pro-hero,.logging-hero,.games-hero,.mod-hero,.verification-hero)::after {display:none!important}
.app main.content.content :is(.settings-pro-hero,.health-pro-hero,.logging-hero,.games-hero,.mod-hero,.verification-hero) .eyebrow {display:none}
.app main.content.content :is(.settings-trust-grid,.billing-trust-grid,.plan-trust-grid,.operations-grid,.health-category-grid)>:is(article,a,div),
.app main.content.content :is(.panel-search,.panel-info__icon,.app-panel-next-step,.role-panel-notice) {
  background:#151418!important;border-color:#302e35!important;
}
/* Tables stay readable and scroll inside their container on smaller screens. */
.app main.content.content :is(.table-wrap,.dashboard-table,.panel-list,.logs-table-wrap){max-width:100%;overflow-x:auto;border-color:#373139!important}
.app main.content.content :is(table.queue,table.community-table,.logs-table,.ticket-pro-table,.panel-table) {background:#1b181e!important;border-color:#373139!important}
.app main.content.content :is(table.queue,table.community-table,.logs-table,.ticket-pro-table,.panel-table) :is(th,td){border-color:#373139!important}
.app main.content.content :is(table.queue,table.community-table,.logs-table,.ticket-pro-table,.panel-table) th{background:#151418!important;color:#9f99a8!important}
.app main.content.content :is(table.queue,table.community-table,.logs-table,.ticket-pro-table,.panel-table) tbody tr:hover{background:#1a171d!important}
/* Shared dialogs are outside main in several modules. Keep their overlays and preview contents intact. */
body:has(.app) :is(.command-dialog,.notification-drawer,.experience-dialog,.paywall-modal,.app-type-dialog,.polls-dialog,.st-dialog,.submission-dialog,.ticket-dialog,.workflow-dialog,.mod-drawer){
  --font-body:'Proxima Nova',Arial,sans-serif;font-family:var(--font-body)!important;background:#121114!important;border-color:#302e35!important;color:#f4f4f5;border-radius:12px!important;
}
body:has(.app) :is(.command-dialog,.notification-drawer,.experience-dialog,.submission-dialog,.ticket-dialog,.mod-drawer)>:is(header,footer){background:#18161b!important;border-color:#302e35!important}
body:has(.app) .command-dialog a.is-selected{background:#e3334f14!important}
.app .guild-menu{background:#121114!important;border-color:#302e35!important}
.app main.content.content :is(.panel-action-button,.settings-hero-actions a,.dashboard-quick-action,.community-toolbar a,.module-guide-links a,.settings-section-nav a){background:#19181c!important;border-color:#302e35!important;border-radius:9px!important;color:#e7e5eb!important;font-family:var(--font-body)!important}
.app main.content.content :is(.panel-action-button.danger,.btn-danger){color:#ff7c8f!important;border-color:#7a3444!important}
.app main.content.content :is(.community-panel,.module-settings-card,.premium-item-panel,.settings-backup,.settings-subscription,.app-editor-card,.embed-editor-card,.wizard-form-card,.form-section){min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:1100px){.app main.content.content :is(.settings-pro-hero,.health-pro-hero,.logging-hero,.games-hero,.mod-hero,.verification-hero){flex-wrap:wrap;gap:18px}.app main.content.content :is(.settings-pro-hero,.health-pro-hero)>aside{max-width:100%}}
@media(max-width:700px){.app main.content.content :is(.settings-section-nav,.community-tabs,.moderation-tabs,.polls-tabs,.submission-status-tabs,.module-guide-pages){flex-wrap:wrap;max-width:100%}.app main.content.content :is(.custom-bot-onboarding,.custom-bot-connect-form,.app-editor-card,.embed-editor-card,.wizard-form-card,.staff-create-card){padding:16px!important}.app main.content.content :is(.settings-pro-hero,.health-pro-hero){display:flex!important;flex-direction:column;align-items:stretch}}
.app main.content.content :is(.ticket-insights,.application-queue-intelligence,.ticket-saved-replies,.application-saved-replies,.moderation-master,.logging-control-center,.automod-preset-bar,.welcome-message-library,.published-embed-library,.developer-security-note,.developer-explorer,.developer-activity,.logs-stream,.app-type-row){background:#1b181e!important;border-color:#373139!important;border-radius:20px!important;box-shadow:none!important}
.app main.content.content :is(.ticket-row,.ticket-pro-row,.submission-row){background:#111013!important;border-color:#373139!important}
.app main.content.content :is(.ticket-row,.ticket-pro-row,.submission-row):hover{background:#1c181e!important}
.app main.content.content .automod-diagnostics article{background:#151418!important;border-color:#302e35!important}
.app main.content.content .dashboard-metrics .stat-tile,.app main.content.content .dashboard-setup{background:#1b181e!important;border-color:#373139!important}
.app main.content.content .dashboard-metrics .stat-tile::before,.app main.content.content .dashboard-metrics .stat-tile::after{display:none!important}
.app main.content.content .dashboard-metrics .dashboard-stat-icon{background:#e3334f15!important;color:#f5657c!important}
.app main.content.content .dashboard-setup__steps{background:#373139!important}.app main.content.content .dashboard-setup__steps>a{background:#121114!important}
.app main.content.content .dashboard-setup__intro{border-color:#373139!important}.app main.content.content .dashboard-setup__progress{background:#373139!important}
/* Override the previous per-module gradient palette, including populated list items. */
.app main.content.content :is(.submission-metrics,.ticket-metrics)>:nth-child(n){background:#1b181e!important;border-color:#373139!important}
.app main.content.content :is(.application-pro-card,.welcome-message-card,.command-card,.role-rule-card,.schedule-card,.voice-template-card,.game-card){background:#1b181e!important;border-color:#373139!important;border-radius:20px!important;box-shadow:none!important}
.app main.content.content :is(.submission-search,.ticket-search,.module-guide-help>summary){background:#19181c!important;border-color:#302e35!important}
.app main.content.content :is(.community-head-badge,.bd-date,.cw-badge,.premium-item-mark,.panel-info__icon,.embed-template-chip){background:#e3334f12!important;color:#f69aaa!important;border-color:#e3334f30!important}
.app main.content.content :is(.submission-status-tabs,.filter-pills) a.active{background:#e3334f14!important;color:#ff7c8f!important;border-color:#e3334f42!important}
body:has(.app) .experience-dialog :is(h2,h3){font-family:'Proxima Nova',Arial,sans-serif!important}
/* Functional dashboard controls shared by every module. */
.nc-nav-row{display:flex;align-items:center;position:relative}.nc-nav-row>.navlink{flex:1;min-width:0}.nc-favorite-button{flex:none;width:25px;height:30px;background:transparent;border:0;color:#77717e;font-size:17px;cursor:pointer}.nc-favorite-button[aria-pressed=true]{color:#f46d84}.nc-nav-row[hidden],.nc-module-card[hidden],.nc-module-group[hidden],.nc-favorites[hidden]{display:none!important}
.nc-favorites h2{font-size:10px;font-weight:500;letter-spacing:.08em;color:#817c89;text-transform:uppercase;margin:16px 10px 8px}.app.sidebar-compact .nc-favorite-button,.app.sidebar-compact .nc-favorites h2{display:none}
.nc-native-select{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;opacity:0!important;clip-path:inset(50%);pointer-events:none}
.app main.content.content .nc-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:40px;background:#19181c!important;border:1px solid #302e35!important;color:#eeedf0!important;text-align:left;padding:9px 12px;font:inherit;overflow:hidden}.nc-select-trigger::after{content:'⌄';margin-left:auto}.nc-select-trigger:disabled{opacity:.5;cursor:not-allowed}
.nc-select-popup{position:fixed;inset:auto;margin:0;padding:8px;box-sizing:border-box;background:#18161b;color:#eeedf0;border:1px solid #37323e;border-radius:10px;box-shadow:0 14px 40px #0009;font:13px 'Proxima Nova',Arial,sans-serif;overflow:auto}.nc-select-popup::backdrop{background:transparent}.nc-select-popup>input{box-sizing:border-box;width:100%;height:36px;border:1px solid #37323e;border-radius:7px;padding:8px 10px;background:#100f12;color:#eee;font:inherit}.nc-select-options{margin-top:6px}.nc-select-options>button{display:block;width:100%;text-align:left;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:#ccc7d2;font:inherit;cursor:pointer}.nc-select-options>button:hover,.nc-select-options>button:focus-visible{background:#29212b;outline:1px solid #e3334f}.nc-select-options>button[aria-selected=true]{background:#e3334f18;color:#ff8da0}.nc-select-options>button:disabled{opacity:.4;cursor:not-allowed}.nc-select-options>p{padding:10px;color:#aaa}
.nc-module-search{display:block;font-size:13px;margin-bottom:24px}.nc-module-search input{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:12px}.nc-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.nc-module-group{margin-bottom:28px}.nc-module-card{display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:#1b181e;border:1px solid #373139}.nc-module-card h3{margin:0 0 8px}.nc-module-card p{font-size:13px;line-height:1.6;color:#a19da9;margin:0 0 20px}.nc-module-card footer{display:flex;align-items:center;justify-content:space-between}.nc-module-card a{color:#ef7c90;font-size:13px;text-decoration:none}.app main.content.content>.module-page-toggle{margin:0 0 24px;padding:16px 20px}.app main.content.content>.module-page-toggle p{display:none}
@media(max-width:600px){.nc-module-grid{grid-template-columns:1fr}}
.app main.content.content .dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.nc-module-status{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;margin:0 0 24px;border:1px solid #373139;background:#1b181e}.nc-module-status>div{flex:1}.nc-module-status h2{margin:0 0 10px;text-transform:uppercase!important;font-size:12px!important;letter-spacing:.07em!important}.nc-module-status p{color:#a19da9;font-size:13px}.nc-module-status progress{appearance:none;display:block;width:100%;height:6px;border:0;background:#28242c;border-radius:6px}.nc-module-status progress::-webkit-progress-bar{background:#28242c;border-radius:6px}.nc-module-status progress::-webkit-progress-value{background:#e3334f;border-radius:6px}.nc-module-status progress::-moz-progress-bar{background:#e3334f}.nc-overview-details>.dashboard-setup,.nc-overview-details>.operations-overview{margin:16px!important}.app main.content.content .nc-overview-details{margin-top:24px}@media(max-width:700px){.app main.content.content .dashboard-metrics{grid-template-columns:1fr}.nc-module-status{align-items:stretch;flex-direction:column}}
.app main.content.content .dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media(max-width:700px){.app main.content.content .dashboard-metrics{grid-template-columns:1fr!important}}
/* Account actions on the server picker share one compact, accessible treatment. */
.server-picker .server-account{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}
.server-picker .server-account .server-account__identity{margin:0;color:#92929e;font-size:12px;overflow-wrap:anywhere}
.server-account__identity strong{color:#ececf0;font-weight:600}
.server-account__actions{display:flex;flex-wrap:wrap;gap:8px}
.server-picker .server-account form{margin:0}
.server-picker .server-account .server-account__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid #303039;border-radius:9px;background:#15151b;color:#d8d8e0;line-height:1.4;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:none;transition:background .15s,border-color .15s,color .15s}
.server-picker .server-account .server-account__button:hover{background:#202027;border-color:#555560;color:#fff}
.server-picker .server-account .server-account__button--logout{background:#29131b;border-color:#713044;color:#ffb3c0}
.server-picker .server-account .server-account__button--logout:hover{background:#411c28;border-color:#e3334f;color:#fff}
.server-picker .server-account .server-account__button--all{background:transparent;border-color:transparent;color:#9999a7;min-height:36px;padding:7px 10px}
.server-picker .server-account .server-account__button--all:hover{background:#29131b;border-color:#713044;color:#ffb3c0}
.server-picker .server-account .server-account__button:focus-visible{outline:2px solid #e3334f;outline-offset:3px}
@media(max-width:760px){.server-picker .server-account{align-items:flex-start;width:100%;margin-top:20px}.server-account__actions{width:100%}.server-account__actions .server-account__button{flex:1}}
/* Spacious configuration surfaces, with compact nested controls. */
.app main.content.content :is(.hp-card,.community-panel,.module-settings-card,.form-section,.settings-section){padding:24px!important}
.app main.content.content :is(.hp-title,.page-head,.page-header){margin-bottom:28px!important}
.app main.content.content :is(.hp-title,.page-head,.page-header) p,.app main.content .page-subtitle{font-size:16px!important;line-height:1.65!important;color:#aaa2b2!important;max-width:740px}
.app main.content.content :is(.module-page-toggle,.module-toggle-bar){border-radius:14px!important;background:#211c24!important}
.app main.content.content :is(select,.nc-select-trigger,input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range])){min-height:44px;border-radius:13px!important;background:#201c23!important;border-color:#443c49!important}
.app main.content.content .hp-notice{border-radius:16px;background:#351e25;border-color:#77323f;color:#ded3d9;padding:18px 20px;line-height:1.65}
.app .railnav .navlink.active{background:#e3334f19!important;border-color:transparent!important}
.app .railnav .navlink{min-height:38px;border-radius:12px}
@media(max-width:700px){.app main.content.content :is(.hp-card,.community-panel,.module-settings-card,.form-section,.settings-section){padding:18px!important}.app main.content h1{font-size:32px!important}}
/* Match the reference's server-first rail and compact module controls. */
.app .rail-brand{display:none!important}
.app .guild-switch{min-height:48px;margin-bottom:4px!important}
.app .rail-search input{background:#252128!important;border:0!important;border-radius:24px!important;height:42px!important}
.app .rail-profile{background:transparent!important;border:0!important;border-radius:0!important}
.app main.content.content .module-page-toggle{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;padding:0!important;border:0!important;background:transparent!important;min-height:44px!important;margin:0 0 24px!important;box-shadow:none!important}
.app main.content.content .module-page-toggle>div:first-child{display:none!important}
.app main.content.content .module-page-switch{gap:10px}
.app main.content.content .module-page-toggle .module-page-switch{padding:8px 12px!important;border:1px solid #373139;border-radius:999px;min-height:40px;box-sizing:border-box;background:#171419}
.app main.content.content .module-page-toggle .autosave-status{border-radius:999px!important;padding:10px 16px!important;background:#e3334f14!important;border-color:#e3334f35!important;color:#e5b4bf!important}
.app main.content.content :is(.btn-primary,.music-primary){border-radius:999px!important;padding:11px 22px!important}
.app .rail-group>summary{font-family:ui-monospace,monospace!important;letter-spacing:.12em!important}
.app main.content.content .hp-grid>label{font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#aaa2b2}
.app main.content.content .hp-grid>label :is(button,select,small){text-transform:none;letter-spacing:normal}
.app .rail .rail-search input{background:#252128!important;border:0!important;border-radius:24px!important;height:42px!important}
@media(max-width:560px){.app main.content.content .module-page-toggle{flex-wrap:wrap!important;justify-content:flex-start!important}.app main.content.content .module-page-toggle .autosave-status{max-width:100%}}
/* Measured AlphaCloud reference: Archivo typography and shared header geometry. */
@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url('/static/fonts/archivo-variable.ttf') format('truetype')}
.app{--font-body:'Proxima Nova',Arial,sans-serif;--font-headings:'Proxima Nova',Arial,sans-serif;font-family:'Proxima Nova',Arial,sans-serif!important;background:#0f0d11!important}
.app .rail{width:284px!important;background:rgba(22,19,25,.96)!important;padding:16px 8px!important;border-color:#f1edf21a!important}
.app main.content{margin-left:284px!important;width:calc(100% - 284px)!important;padding:40px max(24px,calc((100% - 1372px)/2)) 64px!important;position:relative;font-family:'Proxima Nova',Arial,sans-serif!important}
.app main.content.content h1{font-family:'Proxima Nova',Arial,sans-serif!important;font-size:54px!important;font-weight:750!important;letter-spacing:-1.6px!important;line-height:1.08!important;margin:0!important}
.app main.content.content h2{font-family:'Proxima Nova',Arial,sans-serif!important;font-size:18px!important}
.app main.content.content .nc-page-heading{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;margin:0 0 22px;min-width:0}
.app main.content.content .nc-page-heading>.nc-page-intro{flex:1 1 360px;min-width:0;margin:0!important;padding:0!important;display:block!important}
.app main.content.content .nc-page-intro>div:first-child{min-width:0}
.app main.content.content .nc-page-intro p:not(.eyebrow){font-family:'Proxima Nova',Arial,sans-serif!important;font-size:16px!important;line-height:1.6!important;color:#aaa1b2!important;margin:10px 0 0!important}
.app main.content.content .nc-page-intro .eyebrow{display:none!important}
.app main.content.content .nc-page-heading>.module-page-toggle{flex:0 1 auto;margin:0!important;width:auto!important;max-width:100%}
.app main.content.content .nc-page-heading .autosave-status{font-size:11px!important;padding:10px 12px!important}
.app main.content.content .dashboard-toolbar{position:relative;min-height:0!important;height:0;margin:0!important;overflow:visible;transform:translateY(-32px);z-index:20}
.app main.content.content :is(.hp-card,.community-panel,.module-settings-card,.settings-section,.form-section,.nc-module-status,.nc-module-card){background:rgba(28,24,31,.88)!important;border-color:#f1edf21a!important;border-radius:24px!important;padding:22px!important}
.app main.content.content :is(input,select,textarea,button,.nc-select-trigger){font-family:'Proxima Nova',Arial,sans-serif!important}
.app main.content.content .nc-select-trigger{font-size:14px!important;font-weight:400!important;min-height:46px!important;border-radius:12px!important;background:#1c181f!important}
.app .railnav .navlink{font-family:'Proxima Nova',Arial,sans-serif!important;font-size:13.5px!important;font-weight:600!important;min-height:37px!important;padding:8px 12px!important}
.app .railnav .navlink svg{width:12px;height:12px;opacity:.6}
.app .rail .rail-search{margin:12px 4px}
.app .rail .rail-search input{font-family:'Proxima Nova',Arial,sans-serif!important;font-size:14px!important}
@media(min-width:901px){.app.sidebar-compact main.content{margin-left:76px!important;width:calc(100% - 76px)!important}}
@media(max-width:900px){.app main.content{margin-left:0!important;width:100%!important;padding:32px 20px!important}.app main.content.content h1{font-size:38px!important}.app main.content.content .dashboard-toolbar{height:auto;transform:none;margin-bottom:20px!important}}
@media(max-width:560px){.app main.content{padding:24px 14px!important}.app main.content.content h1{font-size:34px!important}.app main.content.content .nc-page-heading>.module-page-toggle{justify-content:flex-start!important}.app main.content.content :is(.hp-card,.community-panel,.module-settings-card,.settings-section,.form-section){padding:18px!important}}
.app .railnav .nc-module-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#e3334f}
.app .railnav .nc-module-dot.is-enabled{background:#32c88a;box-shadow:0 0 8px #32c88a30}
.app .railnav .nc-nav-spacer{width:7px;flex:0 0 7px}
.app .railnav .navlink.active{color:#ff8295!important}
.app .guild-sub{display:none!important}.app .guild-name{font-size:14px!important;font-weight:650!important}.app .guild-switch .guild-icon{width:36px;height:36px}
.app .railnav .nc-nav-icon{display:none}
@media(min-width:901px){
  .app.sidebar-compact aside.rail{width:76px!important;padding:16px 8px!important}
  .app.sidebar-compact .railnav .nc-nav-row{width:100%}
  .app.sidebar-compact .railnav .navlink{position:relative;justify-content:center!important;width:44px!important;min-height:40px!important;padding:10px!important;flex:none;margin:2px auto!important}
  .app.sidebar-compact .railnav .nc-nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:20px}
  .app.sidebar-compact .railnav .nc-nav-icon svg{width:18px;height:18px;opacity:1}
  .app.sidebar-compact .railnav .nc-module-dot{position:absolute;right:3px;bottom:3px;width:6px;height:6px}
  .app.sidebar-compact .railnav :is(.nc-nav-spacer,.nc-favorite-button,.rail-group>summary,.nc-favorites h2){display:none!important}
  .app.sidebar-compact .rail :is(.guild-switch,.rail-profile){justify-content:center!important;padding-left:0!important;padding-right:0!important}
  .app.sidebar-compact .rail .control-tools.nc-rail-tools{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin:8px 0!important;width:100%!important;overflow:visible}
  .app.sidebar-compact .rail :is(.nc-rail-tools>button,.nc-rail-tools>.module-guide-help>summary){display:flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;padding:0!important;box-sizing:border-box;font-size:0!important}
  .app.sidebar-compact .rail :is(.nc-rail-tools>button,.nc-rail-tools>.module-guide-help>summary) :is(span,kbd){display:none!important}
  .app.sidebar-compact .rail .nc-rail-tools svg{display:block;width:16px;height:16px}
  .app.sidebar-compact .rail .nc-rail-tools .module-guide-help>summary::before{content:'?';font-size:15px}
  .app.sidebar-compact .rail .nc-rail-tools .module-guide-help>summary::after{display:none!important}
  .app.sidebar-compact .rail .module-help-items{position:fixed;left:80px;right:auto;top:auto;bottom:155px;max-height:50dvh;overflow:auto}
  .app.sidebar-compact .rail-footer{padding:10px 0!important}
}
.app .rail .guild-menu{box-sizing:border-box;width:100%;max-width:100%}
.app .rail .guild-menu[popover]{position:fixed;inset:auto;margin:0;max-width:calc(100vw - 24px);color:var(--text);padding:0}
.app .rail .guild-menu[popover]:popover-open{display:flex;flex-direction:column}
.app .rail .guild-menu[popover] .guild-menu__list{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.app .rail .guild-menu[popover] header{flex:none}
@media(min-width:901px){.app.sidebar-compact .rail .guild-menu:not([popover]){width:240px;max-width:calc(100vw - 88px)}}