@import url("./css/core.css?v=20260728-vanta-layer-v2");
@import url("./css/chrome-and-settings.css");
@import url("./css/fresh-theme.css");
@import url("./css/interface-polish.css?v=20260715-shared-theme-bg-v1");
@import url("./css/midnight-theme.css?v=20260716-stronger-card-blur-v10");
@import url("./css/homepage.css?v=20260717-slim-loader-v35");
@import url("./css/theme-consistency.css?v=20260717-unified-hover-v11");
@import url("./css/default-theme-polish.css?v=20260717-v2");
@import url("./css/settings-dashboard.css?v=20260801-settings-tab-v4");
@import url("./css/owner-dashboard.css?v=20260730-profile-effects-v5");
@import url("./css/home-utilities.css?v=20260726-copyright-v8");
@import url("./css/hover-consistency.css?v=20260726-single-shortcuts-v18");
@import url("./css/weather-redesign.css?v=20260730-symbols-v12");
@import url("./css/theme-tints.css?v=20260729-custom-theme-maker-v27");
@import url("./css/setup-wizard.css?v=20260728-fern-v5");
@import url("./css/credits.css?v=20260730-discord-view-v6");
@import url("./css/interface-scale.css?v=20260727-themed-menu-v9");

/* Keep the close mark geometrically centered instead of relying on a font baseline. */
html body.browser-shell .top-os.top-os .browser-mode-shell-tab-close{
  top:50%!important;
  right:5px!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  transform:translateY(-50%)!important;
}

/* Founder profile editor: public profile, owner-only publishing. */
.nyx-founder-editor-overlay{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;padding:22px;background:rgba(3,8,14,.68);backdrop-filter:blur(12px)}
.nyx-founder-editor{width:min(760px,100%);max-height:min(880px,calc(100vh - 44px));overflow:auto;border:1px solid var(--theme-border,rgba(143,184,255,.38));border-radius:22px;background:var(--theme-panel,#111b2a);box-shadow:0 24px 80px rgba(0,0,0,.48);color:var(--theme-text,#edf4ff)}
.nyx-founder-editor header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 30px 20px;border-bottom:1px solid var(--theme-border,rgba(143,184,255,.22))}
.nyx-founder-editor header .utility-kicker{margin:0 0 5px;color:var(--theme-accent,#8fb8ff);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.nyx-founder-editor h2{margin:0;color:inherit;font-size:24px}.nyx-founder-editor header p:last-child{margin:7px 0 0;color:var(--theme-muted,#aebdd1);font-size:13px}
.nyx-founder-editor-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--theme-border,rgba(143,184,255,.3));border-radius:10px;background:transparent;color:inherit;font-size:25px;line-height:1;cursor:pointer}
.nyx-founder-editor-form{padding:24px 30px 28px}.nyx-founder-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.nyx-founder-editor label{display:grid;gap:7px;color:var(--theme-muted,#bdcadb);font-size:12px;font-weight:600}.nyx-founder-editor label small{font-weight:400;opacity:.8}
.nyx-founder-editor input,.nyx-founder-editor select,.nyx-founder-editor textarea{width:100%;box-sizing:border-box;border:1px solid var(--theme-border,rgba(143,184,255,.28));border-radius:10px;background:color-mix(in srgb,var(--theme-panel,#111b2a) 76%,#000);color:inherit;font:inherit;font-weight:400;outline:none;padding:10px 11px}.nyx-founder-editor textarea{resize:vertical;min-height:90px}.nyx-founder-editor input:focus,.nyx-founder-editor select:focus,.nyx-founder-editor textarea:focus{border-color:var(--theme-accent,#8fb8ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent,#8fb8ff) 20%,transparent)}
.nyx-founder-editor input[type=color]{height:42px;padding:4px;cursor:pointer}.nyx-founder-editor-wide{grid-column:1/-1}
.nyx-founder-editor footer{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:18px;align-items:end;margin-top:22px}.nyx-founder-editor-code{max-width:330px}.nyx-founder-editor footer>div{display:flex;gap:9px;justify-content:flex-end}.nyx-founder-editor-error{grid-column:1/-1;min-height:18px;margin:0;color:#ff9da8;font-size:12px}
@media(max-width:620px){.nyx-founder-editor-overlay{padding:10px}.nyx-founder-editor header,.nyx-founder-editor-form{padding-left:18px;padding-right:18px}.nyx-founder-editor-grid{grid-template-columns:1fr}.nyx-founder-editor-wide{grid-column:auto}.nyx-founder-editor footer{grid-template-columns:1fr}.nyx-founder-editor footer>div{justify-content:stretch}.nyx-founder-editor footer>div button{flex:1}}
.nyx-account-button{display:grid!important;place-items:center;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;overflow:hidden;border:1px solid var(--theme-border,rgba(143,184,255,.45))!important;border-radius:50%!important;background:var(--theme-panel,#172338)!important;color:#fff!important;cursor:pointer}.nyx-account-button img{width:100%;height:100%;object-fit:cover}.nyx-account-button span{font-size:13px;font-weight:700}
.nyx-account-overlay,.nyx-user-profile-overlay{position:fixed;z-index:2147483001;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,8,14,.7);backdrop-filter:blur(12px)}
.nyx-account-dialog,.nyx-user-profile-dialog{position:relative;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--theme-border,rgba(143,184,255,.4));border-radius:22px;background:var(--theme-panel,#111b2a);color:var(--theme-text,#edf4ff);box-shadow:0 24px 80px rgba(0,0,0,.5);padding:30px}.nyx-account-dialog .utility-kicker{margin:0 0 6px;color:var(--theme-accent,#8fb8ff);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.nyx-account-dialog h2{margin:0;font-size:27px}.nyx-account-copy{margin:9px 0 22px;color:var(--theme-muted,#b5c2d5);line-height:1.5}.nyx-account-dialog form{display:grid;gap:14px}.nyx-account-dialog label{display:grid;gap:7px;font-size:12px;font-weight:600;color:var(--theme-muted,#bdcadb)}.nyx-account-dialog input{width:100%;box-sizing:border-box;border:1px solid var(--theme-border,rgba(143,184,255,.3));border-radius:10px;background:color-mix(in srgb,var(--theme-panel,#111b2a) 76%,#000);color:inherit;padding:10px 11px;font:inherit}.nyx-account-mode{border:0;background:transparent;color:var(--theme-accent,#8fb8ff);font:inherit;font-size:13px;cursor:pointer}
.nyx-account-overlay{background:radial-gradient(900px 500px at 50% 50%,color-mix(in srgb,var(--theme-accent,#8fb8ff) 13%,transparent),rgba(2,6,11,.9));backdrop-filter:blur(16px)}.nyx-account-dialog{width:min(390px,100%);padding:20px;border-radius:18px;background:color-mix(in srgb,var(--theme-panel,#111b2a) 88%,#090e17);box-shadow:0 22px 64px rgba(0,0,0,.56),0 0 32px color-mix(in srgb,var(--theme-accent,#8fb8ff) 15%,transparent)}.nyx-account-mark{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 9px;border:1px solid color-mix(in srgb,var(--theme-accent,#8fb8ff) 55%,transparent);border-radius:11px;background:color-mix(in srgb,var(--theme-accent,#8fb8ff) 16%,transparent);color:var(--theme-accent,#8fb8ff);font-size:21px;line-height:1}.nyx-account-title{margin:0 0 17px;text-align:center;color:var(--theme-muted,#aebdd1);font-size:13px;font-weight:700;letter-spacing:.03em}.nyx-account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:16px;padding:3px;border:1px solid var(--theme-border,rgba(143,184,255,.3));border-radius:11px;background:rgba(0,0,0,.16)}.nyx-account-tab{min-height:43px;border:0;border-radius:8px;background:transparent;color:var(--theme-muted,#aebdd1);font:700 13px/1 inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.nyx-account-tab.active{background:var(--theme-accent,#8fb8ff);color:var(--theme-on-accent,#07111d);box-shadow:0 6px 18px color-mix(in srgb,var(--theme-accent,#8fb8ff) 30%,transparent)}.nyx-account-dialog form{gap:12px}.nyx-account-dialog label{gap:6px;color:var(--theme-muted,#aebdd1);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.nyx-account-dialog input{min-height:51px;padding:12px 13px;border-radius:10px;background:color-mix(in srgb,var(--theme-panel,#111b2a) 78%,#000);font-size:14px;letter-spacing:normal;text-transform:none}.nyx-account-dialog input::placeholder{color:color-mix(in srgb,var(--theme-muted,#aebdd1) 66%,transparent)}.nyx-account-submit{min-height:54px;margin-top:3px;border:0;border-radius:10px;background:var(--theme-accent,#8fb8ff);color:var(--theme-on-accent,#07111d);font:800 13px/1 inherit;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb,var(--theme-accent,#8fb8ff) 26%,transparent)}.nyx-account-submit:disabled{opacity:.6;cursor:wait}.nyx-account-footer{margin:16px 0 0;padding-top:15px;border-top:1px solid color-mix(in srgb,var(--theme-border,rgba(143,184,255,.3)) 74%,transparent);color:var(--theme-muted,#aebdd1);text-align:center;font-size:11px;line-height:1.45}.nyx-account-dialog .nyx-founder-editor-error{min-height:0;margin:-1px 0 0;font-size:11px;text-transform:none;letter-spacing:normal}
.nyx-account-dialog [hidden]{display:none!important}.nyx-account-dialog label>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.nyx-account-dialog label>span small{color:var(--theme-accent,#8fb8ff);font-size:9px;letter-spacing:.08em}.nyx-account-forgot{justify-self:center;border:0;background:transparent;color:var(--theme-accent,#8fb8ff);padding:3px 8px;font:700 11px/1.2 inherit;cursor:pointer}.nyx-account-forgot:hover{text-decoration:underline}.nyx-account-forgot:disabled{opacity:.55;cursor:wait}.nyx-account-dialog .nyx-founder-editor-error.success{color:#7ee2a8}
.nyx-user-profile-dialog{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.82fr);gap:24px}.nyx-user-profile-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--nyx-user-accent,#8fb8ff) 38%,transparent);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--nyx-user-accent,#8fb8ff) 14%,transparent),rgba(8,15,26,.76))}.nyx-user-profile-banner{height:108px;background:linear-gradient(135deg,color-mix(in srgb,var(--nyx-user-accent,#8fb8ff) 42%,#13223a),#09101b)}.nyx-user-profile-banner img{width:100%;height:100%;object-fit:cover}.nyx-user-profile-heading{display:flex;align-items:center;gap:13px;padding:0 18px;margin-top:-29px}.nyx-user-profile-avatar{position:relative;display:grid;place-items:center;overflow:visible;width:72px;height:72px;border:3px solid var(--nyx-user-accent,#8fb8ff);border-radius:18px;background:#172338;color:#fff;font-weight:700}.nyx-user-profile-avatar img{width:100%;height:100%;border-radius:15px;object-fit:cover}.nyx-user-status{position:absolute;right:-5px;bottom:-5px;width:17px;height:17px;border:3px solid #111b2a;border-radius:50%;background:#5bc68a}.nyx-user-status-idle{background:#e4b65a}.nyx-user-status-dnd{background:#df6875}.nyx-user-status-offline{background:#7d8999}.nyx-user-profile-heading h2{margin:32px 0 2px;font-size:21px}.nyx-user-profile-heading p{margin:0;color:var(--theme-muted,#b5c2d5);font-size:13px}.nyx-user-profile-bio{min-height:42px;margin:20px 18px;color:#c7d2e2;line-height:1.55}.nyx-user-profile-meta{display:flex;justify-content:space-between;gap:8px;padding:13px 18px;border-top:1px solid color-mix(in srgb,var(--nyx-user-accent,#8fb8ff) 24%,transparent);color:var(--theme-muted,#aebdd1);font-size:11px}.nyx-user-profile-form{display:grid;align-content:start;gap:14px}.nyx-user-profile-form h3{margin:0;font-size:20px}.nyx-user-profile-form footer{display:flex;justify-content:flex-end}.nyx-user-profile-form footer button{min-width:130px}
.nyx-user-profile-form header{display:grid;gap:5px}.nyx-user-profile-form header .utility-kicker{margin:0;color:var(--theme-accent,#8fb8ff);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.nyx-user-profile-form header>p:last-child{margin:0;color:var(--theme-muted,#aebdd1);font-size:12px;line-height:1.45}.nyx-profile-customizer-section{display:grid;gap:12px;padding:15px;border:1px solid color-mix(in srgb,var(--theme-border,rgba(143,184,255,.3)) 72%,transparent);border-radius:14px;background:color-mix(in srgb,var(--theme-panel,#111b2a) 48%,transparent)}.nyx-profile-customizer-section h4{margin:0;color:var(--theme-text,#edf4ff);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.nyx-user-profile-form .nyx-founder-editor-grid{gap:12px}.nyx-user-profile-form label{min-width:0}.nyx-user-profile-form label small{color:var(--theme-muted,#aebdd1);font-weight:400;letter-spacing:0;text-transform:none}.nyx-user-profile-form textarea{resize:vertical}.nyx-user-profile-card{position:relative;isolation:isolate}.nyx-user-profile-card>*:not(.nyx-user-profile-effect){position:relative;z-index:1}.nyx-user-profile-banner{background:linear-gradient(135deg,var(--nyx-user-banner-primary,var(--nyx-user-accent,#8fb8ff)),var(--nyx-user-banner-secondary,#172a46))}.nyx-user-profile-banner-solid .nyx-user-profile-banner{background:var(--nyx-user-banner-primary,var(--nyx-user-accent,#8fb8ff))}.nyx-user-profile-banner img{display:block}.nyx-user-profile-pronouns{display:inline-flex;margin-left:7px;padding:2px 6px;border:1px solid color-mix(in srgb,var(--nyx-user-accent,#8fb8ff) 36%,transparent);border-radius:999px;color:var(--nyx-user-accent,#8fb8ff);font-size:10px;line-height:1.2;vertical-align:middle}.nyx-user-profile-theme-cloud{background:linear-gradient(145deg,color-mix(in srgb,var(--nyx-user-accent,#8fb8ff) 20%,#fff),#eaf1fa);color:#122039}.nyx-user-profile-theme-cloud .nyx-user-profile-heading p,.nyx-user-profile-theme-cloud .nyx-user-profile-meta{color:#4c607d}.nyx-user-profile-theme-cloud .nyx-user-profile-bio{color:#283b55}.nyx-user-profile-theme-cloud .nyx-user-status{border-color:#eaf1fa}.nyx-user-profile-theme-neon{background:linear-gradient(145deg,#0c1428,#140c29);border-color:color-mix(in srgb,var(--nyx-user-accent,#8fb8ff) 70%,#8d4dff);box-shadow:inset 0 0 22px color-mix(in srgb,var(--nyx-user-accent,#8fb8ff) 20%,transparent)}.nyx-user-profile-theme-neon .nyx-user-profile-avatar{box-shadow:0 0 18px color-mix(in srgb,var(--nyx-user-accent,#8fb8ff) 64%,transparent)}.nyx-user-profile-effect{display:none;position:absolute!important;z-index:2!important;inset:0;overflow:hidden;pointer-events:none}.nyx-user-profile-effect-glow{box-shadow:0 0 26px color-mix(in srgb,var(--nyx-user-accent,#8fb8ff) 62%,transparent),inset 0 0 20px color-mix(in srgb,var(--nyx-user-accent,#8fb8ff) 13%,transparent)}.nyx-user-profile-effect-aurora .nyx-user-profile-effect{display:block;background:linear-gradient(112deg,transparent 25%,color-mix(in srgb,var(--nyx-user-banner-primary,#8fb8ff) 48%,transparent),transparent 48%,color-mix(in srgb,var(--nyx-user-banner-secondary,#172a46) 48%,transparent),transparent 72%);background-size:220% 100%;mix-blend-mode:screen;animation:nyx-profile-aurora 7s ease-in-out infinite}.nyx-user-profile-effect-sparkle .nyx-user-profile-effect{display:block;background-image:radial-gradient(circle at 18% 28%,#fff 0 1px,transparent 2px),radial-gradient(circle at 75% 18%,#fff 0 1px,transparent 2px),radial-gradient(circle at 48% 69%,#fff 0 1.4px,transparent 2.4px),radial-gradient(circle at 87% 74%,#fff 0 1px,transparent 2px);background-size:130px 130px;opacity:.8;animation:nyx-profile-sparkle 3.5s linear infinite}@keyframes nyx-profile-aurora{50%{background-position:100% 0}}@keyframes nyx-profile-sparkle{to{background-position:130px -130px}}
.nyx-user-profile-dialog{width:min(1080px,calc(100vw - 40px));grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);align-items:start;scrollbar-width:none;-ms-overflow-style:none}.nyx-user-profile-dialog::-webkit-scrollbar{display:none}.nyx-user-profile-dialog>.nyx-founder-editor-close{position:absolute;top:18px;right:18px;z-index:4}.nyx-user-profile-view{position:sticky;top:0}.nyx-user-profile-form .nyx-founder-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nyx-user-profile-form input,.nyx-user-profile-form select,.nyx-user-profile-form textarea{min-width:0}.nyx-user-profile-form footer{padding-bottom:2px}@media(max-width:900px){.nyx-user-profile-dialog{width:min(720px,calc(100vw - 24px));grid-template-columns:1fr}.nyx-user-profile-view{position:static;max-width:420px;margin:0 auto;width:100%}}@media(max-width:620px){.nyx-user-profile-dialog{padding:18px 14px}.nyx-user-profile-form .nyx-founder-editor-grid{grid-template-columns:1fr}.nyx-user-profile-form .nyx-founder-editor-wide{grid-column:auto}}
/* Account and profile contrast stays readable even when a theme styles generic buttons or labels. */
.nyx-account-dialog,.nyx-user-profile-dialog{color:#f8fbff!important}.nyx-account-dialog :is(h2,h3,p,label,button),.nyx-user-profile-dialog :is(h2,h3,h4,p,label,button){-webkit-text-fill-color:currentColor}.nyx-account-title,.nyx-account-dialog label,.nyx-user-profile-form header>p:last-child,.nyx-user-profile-form label small{color:#dbe7fa!important}.nyx-account-tab{color:#f8fbff!important}.nyx-account-tab.active,.nyx-account-submit{background:color-mix(in srgb,var(--theme-accent,#5865f2) 65%,#101827)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.nyx-account-footer{color:#dbe7fa!important;border-color:rgba(255,255,255,.18)!important}.nyx-user-profile-form :is(h3,h4,label){color:#f8fbff!important}.nyx-profile-customizer-section{border-color:rgba(255,255,255,.14)!important;background:rgba(7,15,30,.36)!important}
.settings-action:is([data-open-nyx-account],[data-open-nyx-profile],[data-open-founder-profile-editor],[data-nyx-account-sign-out]),[data-open-nyx-account]:not(.settings-action),[data-open-nyx-profile]:not(.settings-action),[data-open-founder-profile-editor]:not(.settings-action),[data-nyx-account-sign-out]:not(.settings-action){background:color-mix(in srgb,var(--theme-accent,#5865f2) 65%,#101827)!important;color:#fff!important;border-color:transparent!important;-webkit-text-fill-color:#fff!important}
/* Keep the browser menu flat and borderless in every theme. */
html body.browser-shell .browser-mode-menu{border:0!important;border-radius:0!important;box-shadow:none!important}html body.browser-shell .browser-mode-menu>button{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--theme-text,#edf4ff)!important;-webkit-text-fill-color:currentColor!important}html body.browser-shell .browser-mode-menu>button:hover,html body.browser-shell .browser-mode-menu>button:focus-visible{background:color-mix(in srgb,var(--theme-accent,#8fb8ff) 20%,transparent)!important;transform:none!important}html body.browser-shell .browser-mode-menu>hr{border-color:color-mix(in srgb,var(--theme-border,#8fb8ff) 42%,transparent)!important}
/* A profile is a solid, two-accent surface; the banner is intentionally solid too. */
.nyx-user-profile-card{background:var(--nyx-user-accent-primary,#5865f2)!important;border:0!important;color:#fff!important;box-shadow:none!important}.nyx-user-profile-banner{background:var(--nyx-user-banner-color,var(--nyx-user-accent-secondary,#8ea1ff))!important}.nyx-user-profile-heading p,.nyx-user-profile-bio,.nyx-user-profile-meta{color:rgba(255,255,255,.88)!important}.nyx-user-profile-avatar{border-color:rgba(255,255,255,.92)!important;background:var(--nyx-user-accent-secondary,#8ea1ff)!important}.nyx-user-status{border-color:var(--nyx-user-accent-primary,#5865f2)!important}.nyx-user-profile-meta{border-color:rgba(255,255,255,.2)!important}.nyx-user-profile-effect-glow{box-shadow:0 0 24px color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 70%,transparent)!important}.nyx-user-profile-effect-aurora .nyx-user-profile-effect{display:none!important}
@media(max-width:680px){.nyx-user-profile-dialog{grid-template-columns:1fr;padding:20px}.nyx-account-dialog{padding:24px 20px}}
html body.browser-shell .top-os.top-os .browser-mode-shell-tab-close::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:12px!important;
  height:12px!important;
  background:var(--nyx-shell-icon,var(--theme-strong,#f8fafc))!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.4 5 12 10.6 17.6 5 19 6.4 13.4 12 19 17.6 17.6 19 12 13.4 6.4 19 5 17.6 10.6 12 5 6.4z'/%3E%3C/svg%3E") center/12px 12px no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.4 5 12 10.6 17.6 5 19 6.4 13.4 12 19 17.6 17.6 19 12 13.4 6.4 19 5 17.6 10.6 12 5 6.4z'/%3E%3C/svg%3E") center/12px 12px no-repeat!important;
  transform:translate(-50%,-50%)!important;
}
html body.browser-shell .top-os.top-os .browser-mode-shell-tab-close:hover{
  transform:translateY(-50%)!important;
}

/* This file loads after the imported theme sheets.  Keep the custom palette
   authoritative for the remaining shell controls those sheets define later. */
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-custom.theme-custom.theme-custom.theme-custom :is(.browser-mode-url,.browser-mode-address input,.browser-mode-address textarea){
  background-color:var(--nyx-custom-field)!important;
  border-color:var(--nyx-custom-line)!important;
  color:var(--nyx-custom-text)!important;
  -webkit-text-fill-color:var(--nyx-custom-text)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-custom.theme-custom.theme-custom.theme-custom .browser-mode-url::placeholder{
  color:var(--nyx-custom-muted)!important;
  -webkit-text-fill-color:var(--nyx-custom-muted)!important;
  opacity:1!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-custom.theme-custom.theme-custom.theme-custom :is(.quick-tile,.home-shortcut-open,.home-shortcut-menu-btn,.home-shortcut-add,.browser-mode-bookmark,.browser-mode-weather){
  border-color:var(--nyx-custom-line)!important;
  color:var(--nyx-custom-text)!important;
  -webkit-text-fill-color:var(--nyx-custom-text)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-custom.theme-custom.theme-custom.theme-custom :is(.quick-tile:hover,.home-shortcut-open:hover,.home-shortcut-menu-btn:hover,.home-shortcut-add:hover,.browser-mode-bookmark:hover,.browser-mode-weather:hover){
  background-color:var(--nyx-custom-panel)!important;
  border-color:var(--nyx-custom-bright)!important;
}

/* Give every built-in color theme its own canvas, top bar, and input surface.
   Previously the accent changed while these large surfaces stayed default navy. */
html body.browser-shell.theme-ruby{
  --nyx-unified-canvas:#291219!important;
  --nyx-unified-top:#16080d!important;
  --nyx-unified-field:#351018!important;
}
html body.browser-shell.theme-emerald{
  --nyx-unified-canvas:#0e251b!important;
  --nyx-unified-top:#07130e!important;
  --nyx-unified-field:#123126!important;
}
html body.browser-shell.theme-sakura{
  --nyx-unified-canvas:#281522!important;
  --nyx-unified-top:#150a12!important;
  --nyx-unified-field:#35162f!important;
}
html body.browser-shell.theme-midnight{
  --nyx-unified-canvas:#0a1029!important;
  --nyx-unified-top:#050817!important;
  --nyx-unified-field:#111a3b!important;
}
html body.browser-shell:is(.theme-ruby,.theme-emerald,.theme-sakura,.theme-midnight){
  background:var(--nyx-unified-canvas)!important;
}
html body.browser-shell:is(.theme-ruby,.theme-emerald,.theme-sakura,.theme-midnight) .top-os{
  background:var(--nyx-unified-top)!important;
}
html body.browser-shell:is(.theme-ruby,.theme-emerald,.theme-sakura,.theme-midnight) :is(.browser-mode-url,.browser-mode-address input,.browser-mode-address textarea,.settings-input,.settings-select){
  background-color:var(--nyx-unified-field)!important;
}

/* Clean, Discord-inspired profile editor: wide fields, quiet dividers, and local image controls. */
.nyx-user-profile-dialog{width:min(1160px,calc(100vw - 40px));grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);gap:38px;padding:34px 36px;background:#111a2b!important}
.nyx-user-profile-form{display:block;min-width:0}
.nyx-user-profile-form header{display:grid;gap:6px;padding:8px 40px 22px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.nyx-user-profile-form header>p:last-child{max-width:580px;font-size:13px!important}
.nyx-profile-editor-section{display:grid;gap:17px;padding:24px 0;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;background:transparent!important}
.nyx-profile-editor-section h4{margin:0;color:#f8fbff!important;font-size:12px;letter-spacing:.09em;text-transform:uppercase}
.nyx-profile-field-grid,.nyx-profile-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.nyx-profile-field{display:grid;min-width:0;gap:7px;color:#f3f6ff!important;font-size:13px;font-weight:650}
.nyx-profile-field-wide{grid-column:1/-1}
.nyx-profile-field small{color:#aebbd2!important;font-size:12px;font-weight:400;line-height:1.35}
.nyx-user-profile-form .nyx-profile-field :is(input:not([type=color]),select,textarea){width:100%;min-height:42px;box-sizing:border-box;border:1px solid #263752!important;border-radius:7px!important;background:#0b1220!important;color:#f8fbff!important;padding:10px 12px;font:inherit;box-shadow:none!important}
.nyx-user-profile-form .nyx-profile-field textarea{min-height:94px;resize:vertical;line-height:1.4}
.nyx-user-profile-form .nyx-profile-field input[type=color]{width:100%;height:42px;padding:4px;border:1px solid #263752!important;border-radius:7px!important;background:#0b1220!important;cursor:pointer}
.nyx-profile-image-list{display:grid;gap:12px}
.nyx-profile-image-control{display:grid;grid-template-columns:minmax(145px,1fr) minmax(130px,.8fr) auto;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.nyx-profile-image-control:last-child{border-bottom:0}
.nyx-profile-image-control strong{display:block;color:#f8fbff;font-size:14px}
.nyx-profile-image-control small{display:block;margin-top:4px;color:#aebbd2;font-size:12px;line-height:1.35}
.nyx-profile-file-name{min-width:0;overflow:hidden;color:#c8d5e8;font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.nyx-profile-image-actions{display:flex;justify-content:flex-end;gap:8px}
.nyx-profile-file-button,.nyx-profile-clear-button{min-height:34px;border:0;border-radius:5px;padding:0 12px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.nyx-profile-file-button{background:#5865f2;color:#fff!important}
.nyx-profile-clear-button{background:transparent;color:#c8d5e8!important}
.nyx-profile-clear-button:hover{color:#fff!important;background:rgba(255,255,255,.08)}
.nyx-user-profile-form footer{padding:24px 0 0}
.nyx-user-profile-form footer .settings-action{min-width:142px;border-radius:5px!important}
.nyx-user-profile-banner{overflow:hidden}
.nyx-user-profile-banner img{width:100%;height:100%;object-fit:cover}
.nyx-profile-direct-storage{display:none!important}
.nyx-user-profile-view [data-nyx-direct-edit]{cursor:pointer;outline:0}
.nyx-user-profile-view [data-nyx-direct-edit]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 72%,transparent)!important}
.nyx-user-profile-bio[data-nyx-direct-edit]::after{position:absolute;z-index:7;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);background:rgba(17,18,20,.82);color:#fff;font-size:10px;font-weight:700;line-height:1;box-shadow:0 5px 14px rgba(0,0,0,.28);pointer-events:none;transition:transform .16s ease,background .16s ease}
.nyx-user-profile-bio[data-nyx-direct-edit]{position:relative;padding-right:42px}
.nyx-user-profile-bio[data-nyx-direct-edit]::after{content:"Edit";top:0;right:0;min-height:22px;padding:0 7px;border-radius:6px;color:color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 58%,#fff)}
.nyx-user-profile-view [data-nyx-direct-edit]:hover::after,.nyx-user-profile-view [data-nyx-direct-edit]:hover::before{background:color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 46%,#111214);transform:translateY(-1px)}
.nyx-profile-direct-popover{position:fixed;z-index:10010;display:grid;width:min(320px,calc(100vw - 32px));gap:15px;padding:17px;border:1px solid color-mix(in srgb,var(--nyx-direct-primary,#5865f2) 62%,#4e5058);border-radius:13px;background:linear-gradient(155deg,color-mix(in srgb,var(--nyx-direct-primary,#5865f2) 10%,#17181c),color-mix(in srgb,var(--nyx-direct-secondary,#8ea1ff) 8%,#111214));color:#f2f3f5;box-shadow:0 22px 60px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.06)}
.nyx-profile-direct-popover[hidden]{display:none!important}
.nyx-profile-direct-popover header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0;border:0}
.nyx-profile-direct-popover header div{display:grid;gap:3px}.nyx-profile-direct-popover header strong{font-size:15px}.nyx-profile-direct-popover header small{color:#b5bac1;font-size:11px}
.nyx-profile-direct-popover header>button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#202225;color:#dbdee1;font:700 18px/1 Arial,sans-serif;cursor:pointer}
.nyx-profile-direct-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nyx-profile-direct-actions button{min-height:38px;padding:0 10px;border:1px solid color-mix(in srgb,var(--nyx-direct-primary,#5865f2) 38%,rgba(255,255,255,.14));border-radius:8px;background:color-mix(in srgb,var(--nyx-direct-primary,#5865f2) 18%,#24252a);color:#f2f3f5;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
.nyx-profile-direct-actions button:last-child{background:#202225;color:#c9cdd3}
.nyx-profile-direct-popover label{display:grid;gap:7px;color:#f2f3f5;font-size:12px;font-weight:650}
.nyx-profile-direct-popover :is(select,textarea,input[type=color]){width:100%;box-sizing:border-box;border:1px solid #3f4147;border-radius:8px;background:#111214;color:#f2f3f5;font:inherit;outline:0}
.nyx-profile-direct-popover :is(select,textarea){padding:10px 11px}.nyx-profile-direct-popover select{min-height:40px}.nyx-profile-direct-popover textarea{min-height:108px;resize:vertical;line-height:1.45}.nyx-profile-direct-popover input[type=color]{height:42px;padding:4px;cursor:pointer}
.nyx-profile-direct-popover :is(select,textarea,input[type=color]):focus{border-color:var(--nyx-direct-secondary,#8ea1ff);box-shadow:0 0 0 2px color-mix(in srgb,var(--nyx-direct-secondary,#8ea1ff) 28%,transparent)}
.nyx-profile-direct-popover>p{margin:0;color:#aeb2b9;font-size:11px;line-height:1.45}
@media(max-width:900px){.nyx-user-profile-dialog{width:min(720px,calc(100vw - 24px));grid-template-columns:1fr;gap:26px;padding:25px}.nyx-user-profile-form header{padding-right:40px}.nyx-user-profile-view{max-width:500px}}
@media(max-width:620px){.nyx-user-profile-dialog{padding:18px}.nyx-profile-field-grid,.nyx-profile-color-grid{grid-template-columns:1fr}.nyx-profile-image-control{grid-template-columns:1fr;gap:8px}.nyx-profile-image-actions{justify-content:flex-start}.nyx-user-profile-form header{padding-right:34px}.nyx-profile-field-wide{grid-column:auto}.nyx-profile-direct-popover{left:12px!important;right:12px!important;top:auto!important;bottom:12px!important;width:auto}}

/* Persistent profile entry point: a signed-in avatar or a neutral default profile. */
.status-icons .nyx-account-button{flex:0 0 auto}
.nyx-account-button-default{position:relative;background:#172338!important;border-color:rgba(255,255,255,.3)!important}
.nyx-account-button-default span{position:relative;width:16px;height:16px;border:2px solid #dbe7fa;border-radius:50%;box-sizing:border-box}
.nyx-account-button-default span::before{content:"";position:absolute;left:50%;top:3px;width:5px;height:5px;border-radius:50%;background:#dbe7fa;transform:translateX(-50%)}
.nyx-account-button-default span::after{content:"";position:absolute;left:50%;bottom:1px;width:9px;height:5px;border-radius:8px 8px 3px 3px;background:#dbe7fa;transform:translateX(-50%)}
body.browser-shell .nyx-home-presence .nyx-profile-slot{position:absolute;top:50%;left:calc(100% + 8px);display:grid;place-items:center;transform:translateY(-50%)}
body.browser-shell .nyx-home-presence .nyx-profile-slot .nyx-account-button{width:30px!important;height:30px!important;min-width:30px!important;border-color:rgba(148,163,184,.5)!important;background:#0b1122!important;box-shadow:0 0 14px rgba(49,101,198,.24)}
body.browser-shell .nyx-profile-slot .nyx-account-button:hover{border-color:var(--theme-accent,#8fb8ff)!important;transform:none!important}
@media(max-width:720px){body.browser-shell .nyx-home-presence .nyx-profile-slot .nyx-account-button{width:26px!important;height:26px!important;min-width:26px!important}.nyx-account-button-default span{transform:scale(.78)}}

/* The home avatar opens a compact, Discord-style account card. This menu
   deliberately owns its palette so every Nyx theme keeps the controls legible. */
.nyx-account-menu{
  position:fixed;
  z-index:2147482999;
  box-sizing:border-box;
  max-height:calc(100dvh - 24px);
  overflow-x:hidden;
  overflow-y:auto;
  padding:0 8px 8px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:#111214;
  color:#f2f3f5;
  color-scheme:dark;
  box-shadow:0 20px 60px rgba(0,0,0,.56),0 2px 8px rgba(0,0,0,.42);
  opacity:0;
  transform:translateY(-7px) scale(.985);
  transform-origin:top left;
  transition:opacity .14s ease,transform .14s ease;
  scrollbar-width:none;
}
.nyx-account-menu::-webkit-scrollbar{display:none}
.nyx-account-menu.show{opacity:1;transform:none}
.nyx-account-menu-banner{
  height:116px;
  margin:0 -8px;
  overflow:hidden;
  background:var(--nyx-account-banner,#5865f2);
}
.nyx-account-menu-banner img{display:block;width:100%;height:100%;object-fit:cover}
.nyx-account-menu-profile{
  position:relative;
  margin:0 -8px;
  min-height:174px;
  padding:51px 18px 16px;
  background:
    linear-gradient(160deg,color-mix(in srgb,var(--nyx-account-primary,#5865f2) 22%,#111214) 0%,color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 12%,#111214) 58%,#111214 100%);
}
.nyx-account-menu-avatar{
  position:absolute;
  top:-38px;
  left:15px;
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  box-sizing:border-box;
  border:6px solid #111214;
  border-radius:50%;
  background:color-mix(in srgb,var(--nyx-account-primary,#5865f2) 28%,#202225);
  color:#fff;
  font-size:24px;
  font-weight:700;
  overflow:visible;
}
.nyx-account-menu-avatar>img{
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
}
.nyx-account-menu-avatar>span{line-height:1}
.nyx-account-menu-avatar>.nyx-user-status{
  position:absolute!important;
  right:-1px!important;
  bottom:1px!important;
  width:14px!important;
  height:14px!important;
  box-sizing:content-box!important;
  border:4px solid #111214!important;
}
.nyx-account-menu-status{
  position:absolute;
  top:-29px;
  left:97px;
  max-width:calc(100% - 113px);
  overflow:hidden;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:#1e1f22;
  color:#dbdee1;
  font-size:12px;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
  box-shadow:0 5px 16px rgba(0,0,0,.3);
}
.nyx-account-menu-profile h2{
  margin:0;
  color:#f2f3f5;
  font:700 19px/1.2 inherit;
  letter-spacing:0;
}
.nyx-account-menu-handle{
  margin:4px 0 0;
  color:#b5bac1;
  font:500 15px/1.25 inherit;
}
.nyx-account-menu-bio{
  margin:14px 0 0;
  color:#dbdee1;
  font:400 13px/1.4 inherit;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.nyx-account-menu-group{
  margin-top:6px;
  overflow:hidden;
  padding:5px;
  border-radius:12px;
  background:#1e1f22;
}
.nyx-account-menu-group button{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  width:100%!important;
  min-height:40px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:7px 9px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#dbdee1!important;
  -webkit-text-fill-color:#dbdee1!important;
  box-shadow:none!important;
  font:600 13px/1.2 inherit!important;
  text-align:left!important;
  cursor:pointer;
  transform:none!important;
}
.nyx-account-menu-group button:hover,
.nyx-account-menu-group button:focus-visible{
  background:#35373c!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  outline:none;
}
.nyx-account-menu-group button:focus-visible{box-shadow:inset 0 0 0 2px #5865f2!important}
.nyx-account-menu-group button svg{
  flex:0 0 18px;
  width:18px;
  height:18px;
  color:#b5bac1;
}
.nyx-account-menu-group button svg:last-child:not(:first-child){margin-left:auto;width:16px;height:16px}
.nyx-account-menu-group button:hover svg{color:#fff}
.nyx-account-menu-group button>.nyx-user-status{
  position:static!important;
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  box-sizing:border-box!important;
  margin:0 3px!important;
  border:0!important;
}
.nyx-account-menu-group hr{
  height:1px;
  margin:3px 10px;
  border:0;
  background:#3f4147;
}
html[data-nyx-theme] body .nyx-account-menu,
html[data-nyx-theme] body .nyx-account-menu :is(h2,p,span,button):not(.nyx-styled-display-name){
  text-shadow:none!important;
}
html[data-nyx-theme] body .nyx-account-menu :is(h2,p,span):not(.nyx-styled-display-name){
  -webkit-text-fill-color:currentColor!important;
}
.nyx-account-settings-link{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  box-shadow:none!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-align:left!important;
  text-transform:none!important;
  cursor:pointer;
  transform:none!important;
}
.nyx-account-settings-link:hover,
.nyx-account-settings-link:focus-visible{
  background:transparent!important;
  color:var(--theme-accent,#8fb8ff)!important;
  -webkit-text-fill-color:currentColor!important;
  text-decoration:underline;
  outline:none;
  transform:none!important;
}
@media(max-width:420px){
  .nyx-account-menu-profile{padding-right:16px;padding-left:16px}
  .nyx-account-menu-avatar{left:13px}
  .nyx-account-menu-status{left:94px;max-width:calc(100% - 108px)}
}

/* Richer Discord-style profile presentation and effects. */
.nyx-user-profile-dialog{width:min(1180px,calc(100vw - 32px));grid-template-columns:minmax(360px,420px) minmax(0,1fr);gap:42px}
.nyx-user-profile-view{position:sticky;top:0;display:grid;justify-items:center}
.nyx-user-profile-card{display:block;width:100%;max-width:420px;min-height:650px;padding:14px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 78%,#1e1f22) 0%,color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 62%,#1e1f22) 54%,color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 68%,#1e1f22) 100%)!important;border:1px solid color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 66%,#4e5058)!important;border-radius:18px!important;box-shadow:0 26px 70px rgba(0,0,0,.42),inset 0 3px 0 var(--nyx-user-accent-primary,#5865f2),inset 0 -3px 0 var(--nyx-user-accent-secondary,#8ea1ff)!important}
.nyx-user-profile-card>*:not(.nyx-user-profile-effect){position:relative;z-index:1}
.nyx-user-profile-effect{z-index:2!important}
.nyx-user-profile-banner{height:184px!important;margin:-14px -14px 0;overflow:hidden;border-radius:17px 17px 0 0;background:var(--nyx-user-banner-color,var(--nyx-user-accent-secondary,#8ea1ff))!important}
.nyx-user-profile-banner img{border-radius:inherit!important}
.nyx-user-profile-chrome{display:flex;align-items:flex-end;justify-content:flex-start;height:64px;padding:0 7px}
.nyx-user-profile-avatar{width:92px!important;height:92px!important;flex:0 0 auto;margin-top:-42px;border:6px solid color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 76%,#20222f)!important;border-radius:50%!important;background:color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 22%,#202225)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 48%,transparent),0 8px 20px rgba(0,0,0,.3)}
.nyx-user-profile-avatar img{border-radius:50%!important}
.nyx-user-profile-avatar>span{font-size:28px!important}
.nyx-user-profile-avatar>img,.nyx-user-profile-avatar>span{position:relative;z-index:1}
.nyx-avatar-decoration{display:none;position:absolute;z-index:3;inset:-16px;pointer-events:none;color:var(--nyx-user-accent-primary,#5865f2);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 68%,transparent))}
.nyx-avatar-decoration::before,.nyx-avatar-decoration::after,.nyx-avatar-decoration>span{content:"";position:absolute;display:block;box-sizing:border-box}
.nyx-avatar-decoration-starfall>.nyx-avatar-decoration{display:block;background:radial-gradient(circle at 15% 24%,#fff 0 2px,transparent 2.7px),radial-gradient(circle at 84% 18%,var(--nyx-user-accent-secondary,#8ea1ff) 0 2.5px,transparent 3.2px),radial-gradient(circle at 90% 72%,#fff 0 1.8px,transparent 2.5px),radial-gradient(circle at 17% 81%,var(--nyx-user-accent-primary,#5865f2) 0 2.3px,transparent 3px);animation:nyx-avatar-twinkle 2.8s ease-in-out infinite}
.nyx-avatar-decoration-starfall>.nyx-avatar-decoration::before,.nyx-avatar-decoration-starfall>.nyx-avatar-decoration::after{width:17px;height:17px;background:linear-gradient(135deg,#fff,var(--nyx-user-accent-secondary,#8ea1ff));clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.nyx-avatar-decoration-starfall>.nyx-avatar-decoration::before{right:-1px;top:13px}.nyx-avatar-decoration-starfall>.nyx-avatar-decoration::after{left:3px;bottom:9px;width:12px;height:12px;animation:nyx-avatar-twinkle 1.7s ease-in-out infinite reverse}
.nyx-avatar-decoration-orbit>.nyx-avatar-decoration{display:block;border:2px solid color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 72%,transparent);border-left-color:var(--nyx-user-accent-secondary,#8ea1ff);border-right-color:var(--nyx-user-accent-secondary,#8ea1ff);border-radius:50%;animation:nyx-avatar-orbit 7s linear infinite}
.nyx-avatar-decoration-orbit>.nyx-avatar-decoration::before,.nyx-avatar-decoration-orbit>.nyx-avatar-decoration::after{border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--nyx-user-accent-primary,#5865f2),0 0 12px 5px color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 72%,transparent)}
.nyx-avatar-decoration-orbit>.nyx-avatar-decoration::before{width:8px;height:8px;top:8px;right:11px}.nyx-avatar-decoration-orbit>.nyx-avatar-decoration::after{width:6px;height:6px;left:8px;bottom:15px}
.nyx-avatar-decoration-laurel>.nyx-avatar-decoration{display:block}
.nyx-avatar-decoration-laurel>.nyx-avatar-decoration::before,.nyx-avatar-decoration-laurel>.nyx-avatar-decoration::after{top:13px;width:35px;height:88px;border:7px dotted color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 86%,#fff);border-top-color:transparent;border-bottom-color:transparent;border-radius:50%}
.nyx-avatar-decoration-laurel>.nyx-avatar-decoration::before{left:-5px;border-right:0;transform:rotate(-11deg)}.nyx-avatar-decoration-laurel>.nyx-avatar-decoration::after{right:-5px;border-left:0;transform:rotate(11deg)}
.nyx-avatar-decoration-laurel>.nyx-avatar-decoration>span{left:50%;bottom:1px;width:16px;height:16px;background:linear-gradient(135deg,var(--nyx-user-accent-primary,#5865f2),var(--nyx-user-accent-secondary,#8ea1ff));clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%);transform:translateX(-50%)}
.nyx-avatar-decoration-neon-wings>.nyx-avatar-decoration{display:block}
.nyx-avatar-decoration-neon-wings>.nyx-avatar-decoration::before,.nyx-avatar-decoration-neon-wings>.nyx-avatar-decoration::after{top:23px;width:39px;height:72px;background:linear-gradient(160deg,#fff 0 5%,var(--nyx-user-accent-secondary,#8ea1ff) 28%,var(--nyx-user-accent-primary,#5865f2) 74%,transparent 75%);clip-path:polygon(100% 2%,65% 18%,33% 10%,50% 38%,0 31%,42% 60%,8% 71%,64% 80%,53% 100%,100% 72%)}
.nyx-avatar-decoration-neon-wings>.nyx-avatar-decoration::before{left:-24px}.nyx-avatar-decoration-neon-wings>.nyx-avatar-decoration::after{right:-24px;transform:scaleX(-1)}
.nyx-user-profile-avatar>.nyx-user-status{z-index:5!important}
@keyframes nyx-avatar-orbit{to{transform:rotate(360deg)}}@keyframes nyx-avatar-twinkle{0%,100%{opacity:.55;filter:brightness(.85)}50%{opacity:1;filter:brightness(1.35)}}
.nyx-user-status{right:-2px!important;bottom:1px!important;width:20px!important;height:20px!important;border:4px solid #202225!important}
.nyx-user-profile-body{position:relative;display:block;min-height:390px;margin:0;padding:16px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,#2b2d31 72%,var(--nyx-user-accent-primary,#5865f2)) 0%,color-mix(in srgb,#2b2d31 80%,var(--nyx-user-accent-primary,#5865f2)) 58%,color-mix(in srgb,#2b2d31 82%,var(--nyx-user-accent-secondary,#8ea1ff)) 100%)!important;box-shadow:0 10px 25px rgba(0,0,0,.3)}
.nyx-user-profile-body>*{position:relative;z-index:1}
.nyx-user-profile-body::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 32%,rgba(0,0,0,.08))}
.nyx-user-profile-heading{display:block;padding:0;margin:0}
.nyx-user-profile-heading h2{margin:0!important;color:#fff!important;font-size:24px!important;font-weight:800!important;line-height:1.12!important}
.nyx-user-profile-heading p{margin:3px 0 0!important;color:#c4c7ce!important;font-size:13px!important}
.nyx-user-profile-custom-status{margin:12px 0 0!important;color:#f2f3f5!important;font-size:13px!important;line-height:1.4!important}
.nyx-profile-symbol{display:block;width:15px;height:15px;flex:0 0 auto}
.nyx-user-profile-custom-status{display:flex;align-items:center;gap:7px}
.nyx-user-profile-custom-status .nyx-profile-symbol{color:var(--nyx-user-accent-secondary,#8ea1ff)}
.nyx-user-profile-about,.nyx-user-profile-roles,.nyx-user-profile-details{margin:16px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.18)}
.nyx-user-profile-about h3,.nyx-user-profile-roles h3,.nyx-user-profile-details h3{margin:0 0 7px;color:#f2f3f5;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.nyx-user-profile-bio,.nyx-user-profile-details p{min-height:0;margin:0;color:#e5e5e9!important;font-size:13px!important;line-height:1.5!important}
.nyx-user-role-list{display:flex;flex-wrap:wrap;gap:6px}
.nyx-user-role{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:2px 8px 2px 5px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:rgba(255,255,255,.09);color:#f2f3f5;font-size:11px;font-weight:650;line-height:1}
.nyx-user-role img{width:18px;height:18px;flex:0 0 18px;border-radius:4px;object-fit:cover}
.nyx-user-role .nyx-profile-symbol{width:14px;height:14px}
.nyx-user-role-owner{border-color:color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 70%,transparent);background:color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 28%,#24252b);color:color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 35%,#fff)}
.nyx-user-role-developer{border-color:color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 62%,transparent);background:color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 25%,#24252b);color:color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 34%,#fff)}
.nyx-user-role-founder{border-color:color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 48%,var(--nyx-user-accent-secondary,#8ea1ff));background:linear-gradient(120deg,color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 24%,#24252b),color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 23%,#24252b));color:#fff}
.nyx-user-profile-actions{display:grid;gap:2px;margin:16px -5px -5px;padding-top:7px;border-top:1px solid rgba(255,255,255,.18)}
.nyx-user-profile-actions>button{display:grid;width:100%;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;min-height:35px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 15%,#f4f4f6);font:inherit;font-size:12px;text-align:left;cursor:pointer}
.nyx-user-profile-actions>button:hover,.nyx-user-profile-actions>button:focus-visible{background:linear-gradient(90deg,color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 18%,transparent),color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 14%,transparent));outline:none}
.nyx-user-profile-actions .nyx-user-status{position:relative!important;right:auto!important;bottom:auto!important;width:10px!important;height:10px!important;border:0!important}
.nyx-user-profile-actions>button>.nyx-profile-symbol{width:14px;height:14px;color:var(--nyx-user-accent-primary,#5865f2)}
.nyx-user-profile-actions b{display:grid;place-items:center;color:var(--nyx-user-accent-secondary,#8ea1ff);font-weight:400}
.nyx-user-profile-actions b .nyx-profile-symbol{width:14px;height:14px}
.nyx-user-status-dnd::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:2px;border-radius:2px;background:#202225;transform:translate(-50%,-50%)}
.nyx-user-profile-actions .nyx-user-status-dnd::after{width:6px;height:1.5px}
.nyx-user-status-idle::after{content:"";position:absolute;right:2px;top:1px;width:9px;height:9px;border-radius:50%;background:#202225}
.nyx-user-profile-effect-sparkle .nyx-user-profile-effect{display:block!important;opacity:1;background-image:radial-gradient(circle at 11% 18%,rgba(255,255,255,.98) 0 1.8px,transparent 2.5px),radial-gradient(circle at 39% 44%,rgba(255,255,255,.88) 0 1.1px,transparent 2.2px),radial-gradient(circle at 74% 20%,rgba(255,255,255,.96) 0 2px,transparent 2.8px),radial-gradient(circle at 88% 62%,rgba(255,255,255,.8) 0 1.2px,transparent 2.1px),radial-gradient(circle at 20% 84%,rgba(255,255,255,.9) 0 1.4px,transparent 2.4px),radial-gradient(circle at 59% 78%,rgba(255,255,255,.84) 0 1.1px,transparent 2px);background-size:152px 152px,193px 193px,221px 221px,169px 169px,247px 247px,181px 181px;filter:drop-shadow(0 0 5px rgba(255,255,255,.85));animation:nyx-profile-sparkle-drift 6s linear infinite!important}
.nyx-user-profile-effect-sparkle .nyx-user-profile-effect::before{content:"";position:absolute;inset:-20%;background:linear-gradient(118deg,transparent 42%,rgba(255,255,255,.42) 49%,transparent 56%);transform:translateX(-70%);animation:nyx-profile-sparkle-sheen 4.8s ease-in-out infinite}
.nyx-user-profile-effect-aurora .nyx-user-profile-effect{display:block!important;opacity:.7;background:linear-gradient(118deg,transparent 15%,color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 64%,transparent) 35%,transparent 49%,color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 68%,transparent) 67%,transparent 85%);background-size:220% 100%;mix-blend-mode:screen;animation:nyx-profile-aurora-sweep 8s ease-in-out infinite!important}
.nyx-user-profile-effect-holographic .nyx-user-profile-effect{display:block!important;opacity:.65;background:linear-gradient(112deg,transparent 12%,rgba(255,111,211,.38) 29%,rgba(100,219,255,.42) 43%,rgba(242,255,150,.36) 56%,rgba(172,130,255,.43) 69%,transparent 86%);background-size:250% 100%;mix-blend-mode:screen;animation:nyx-profile-holographic 5.6s linear infinite}
.nyx-user-profile-effect-fireflies .nyx-user-profile-effect{display:block!important;opacity:.95;background-image:radial-gradient(circle at 12% 77%,#fff8af 0 2px,transparent 4px),radial-gradient(circle at 31% 31%,#fff7a1 0 1.5px,transparent 3.5px),radial-gradient(circle at 53% 67%,#fff8b8 0 2px,transparent 4px),radial-gradient(circle at 76% 42%,#fff6a2 0 1.6px,transparent 3.5px),radial-gradient(circle at 91% 80%,#fff8b4 0 2px,transparent 4px);background-size:230px 250px;filter:drop-shadow(0 0 7px rgba(255,238,133,.9));animation:nyx-profile-fireflies 7s ease-in-out infinite}
.nyx-user-profile-effect-cosmic-dust .nyx-user-profile-effect{display:block!important;opacity:.88;background-image:radial-gradient(ellipse at 24% 38%,color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 34%,transparent) 0,transparent 42%),radial-gradient(circle at 8% 22%,#fff 0 1.5px,transparent 2.7px),radial-gradient(circle at 72% 12%,#c7e5ff 0 1.8px,transparent 3px),radial-gradient(circle at 42% 68%,#f0c4ff 0 2px,transparent 3.4px),radial-gradient(circle at 88% 81%,#fff 0 1.2px,transparent 2.6px),radial-gradient(circle at 30% 87%,#aee8ff 0 1px,transparent 2.3px);background-size:100% 100%,127px 149px,181px 167px,211px 193px,157px 223px,239px 179px;mix-blend-mode:screen;filter:drop-shadow(0 0 5px rgba(197,226,255,.8));animation:nyx-profile-cosmic-dust 14s linear infinite!important}
.nyx-user-profile-effect-electric-storm .nyx-user-profile-effect{display:block!important;opacity:.1;background-image:linear-gradient(118deg,transparent 0 41%,rgba(255,255,255,.95) 42% 42.8%,color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 88%,#fff) 43% 44%,transparent 45% 100%),linear-gradient(63deg,transparent 0 58%,rgba(255,255,255,.88) 59% 59.6%,color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 84%,#fff) 60% 61%,transparent 62% 100%);background-size:170% 190%,210% 170%;background-position:120% -40%,-80% 130%;mix-blend-mode:screen;filter:drop-shadow(0 0 8px rgba(174,213,255,.95));animation:nyx-profile-electric-storm 4.2s steps(1,end) infinite!important}
.nyx-user-profile-effect-meteor-shower .nyx-user-profile-effect{display:block!important;opacity:.82;background-image:linear-gradient(135deg,transparent 45%,rgba(255,255,255,.94) 48%,transparent 51%),linear-gradient(135deg,transparent 44%,color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 82%,#fff) 48%,transparent 52%),linear-gradient(135deg,transparent 46%,rgba(207,236,255,.9) 49%,transparent 52%);background-size:170px 210px,260px 290px,320px 250px;background-position:30px -240px,190px -360px,-120px -300px;filter:drop-shadow(-5px 5px 4px rgba(175,213,255,.7));animation:nyx-profile-meteor-shower 5.8s linear infinite!important}
.nyx-user-profile-effect-cyber-grid .nyx-user-profile-effect{display:block!important;opacity:.52;background-image:linear-gradient(color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 76%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 72%,transparent) 1px,transparent 1px),linear-gradient(180deg,transparent 30%,color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 18%,transparent) 100%);background-size:34px 34px,34px 34px,100% 100%;-webkit-mask-image:linear-gradient(to bottom,transparent 2%,#000 31%,#000 100%);mask-image:linear-gradient(to bottom,transparent 2%,#000 31%,#000 100%);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 70%,transparent));animation:nyx-profile-cyber-grid 4.5s linear infinite!important}
.nyx-user-profile-effect-plasma .nyx-user-profile-effect{display:block!important;inset:-28%!important;opacity:.4;background:conic-gradient(from 0deg at 50% 50%,transparent 0 8%,var(--nyx-user-accent-secondary,#8ea1ff) 20%,transparent 34%,var(--nyx-user-accent-primary,#5865f2) 50%,transparent 66%,#df7cff 79%,transparent 94%);mix-blend-mode:screen;filter:blur(28px) saturate(1.45);animation:nyx-profile-plasma 9s linear infinite!important}
.nyx-user-profile-effect-snowfall .nyx-user-profile-effect{display:block!important;opacity:.84;background-image:radial-gradient(circle,#fff 0 2px,transparent 2.8px),radial-gradient(circle,#dceeff 0 1.3px,transparent 2.2px),radial-gradient(circle,#fff 0 2.6px,transparent 3.4px);background-size:83px 109px,137px 157px,191px 227px;background-position:12px -130px,63px -180px,116px -260px;filter:drop-shadow(0 0 3px rgba(222,241,255,.9));animation:nyx-profile-snowfall 8.5s linear infinite!important}
.nyx-user-profile-effect-embers .nyx-user-profile-effect{display:block!important;opacity:.9;background-image:radial-gradient(circle,#fff2ad 0 1.4px,#ff8a3d 1.7px 2.8px,transparent 4px),radial-gradient(circle,#ffd166 0 1px,#ff5c35 1.4px 2.5px,transparent 3.8px),radial-gradient(circle,#fff0ac 0 1.2px,#ff6a2b 1.6px 2.8px,transparent 4px);background-size:109px 173px,157px 211px,223px 263px;background-position:7px 100%,73px 118%,151px 110%;mix-blend-mode:screen;filter:drop-shadow(0 0 5px rgba(255,107,43,.88));animation:nyx-profile-embers 7s linear infinite!important}
.nyx-user-profile-effect-bubbles .nyx-user-profile-effect{display:block!important;opacity:.72;background-image:radial-gradient(circle,transparent 0 5px,rgba(255,255,255,.58) 6px 7px,transparent 8px),radial-gradient(circle,transparent 0 9px,color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 72%,#fff) 10px 11px,transparent 12px),radial-gradient(circle,transparent 0 13px,rgba(213,243,255,.5) 14px 15px,transparent 16px);background-size:93px 131px,157px 191px,229px 271px;background-position:9px 120%,62px 135%,133px 150%;mix-blend-mode:screen;filter:drop-shadow(0 0 4px rgba(207,239,255,.55));animation:nyx-profile-bubbles 10s linear infinite!important}
@keyframes nyx-profile-sparkle-drift{to{background-position:152px -152px,-193px -193px,221px -221px,-169px 169px,247px -247px,-181px 181px}}
@keyframes nyx-profile-sparkle-sheen{0%,18%{transform:translateX(-70%)}58%,100%{transform:translateX(70%)}}
@keyframes nyx-profile-aurora-sweep{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@keyframes nyx-profile-holographic{to{background-position:250% 0}}
@keyframes nyx-profile-fireflies{0%,100%{background-position:0 0;transform:translateY(0)}50%{background-position:35px -54px;transform:translateY(-10px)}}
@keyframes nyx-profile-cosmic-dust{to{background-position:0 0,127px -149px,-181px -167px,211px -193px,-157px 223px,239px -179px}}
@keyframes nyx-profile-electric-storm{0%,16%,18%,55%,57%,100%{opacity:.08}17%,56%{opacity:.88}17.4%,56.4%{opacity:.28}17.8%,56.8%{opacity:.72}40%{background-position:-50% 90%,140% -20%}}
@keyframes nyx-profile-meteor-shower{to{background-position:-320px 330px,-230px 290px,-570px 410px}}
@keyframes nyx-profile-cyber-grid{to{background-position:0 68px,68px 0,0 0}}
@keyframes nyx-profile-plasma{to{transform:rotate(360deg) scale(1.06)}}
@keyframes nyx-profile-snowfall{to{background-position:12px 650px,63px 620px,116px 590px}}
@keyframes nyx-profile-embers{to{background-position:18px -280px,56px -370px,174px -450px}}
@keyframes nyx-profile-bubbles{to{background-position:31px -290px,39px -390px,178px -510px}}
@media(max-width:1050px){.nyx-user-profile-dialog{width:min(760px,calc(100vw - 24px));grid-template-columns:1fr}.nyx-user-profile-view{position:static;max-width:420px;margin:0 auto;width:100%}.nyx-user-profile-card{min-height:620px}}
@media(max-width:620px){.nyx-user-profile-dialog{width:calc(100vw - 16px);padding:20px 16px}.nyx-user-profile-card{min-height:580px;padding:10px}.nyx-user-profile-banner{height:154px!important;margin:-10px -10px 0}.nyx-user-profile-avatar{width:82px!important;height:82px!important;margin-top:-37px}.nyx-user-profile-chrome{height:59px;padding:0 4px}.nyx-user-profile-body{min-height:365px;padding:14px}.nyx-user-profile-heading h2{font-size:22px!important}}
@media(prefers-reduced-motion:reduce){.nyx-user-profile-effect,.nyx-user-profile-effect::before,.nyx-avatar-decoration,.nyx-avatar-decoration::after{animation:none!important}}

/* Final theme contract. Every app surface consumes these semantic colors so
   late component styles cannot expose a canvas, field, or border from another theme. */
html[data-nyx-theme="default"]{--nyx-page-canvas:#151d2b}
html[data-nyx-theme="midnight"]{--nyx-page-canvas:#0a1029}
html[data-nyx-theme="ruby"]{--nyx-page-canvas:#291219}
html[data-nyx-theme="emerald"]{--nyx-page-canvas:#0e251b}
html[data-nyx-theme="sakura"]{--nyx-page-canvas:#281522}
html[data-nyx-theme="fresh"]{--nyx-page-canvas:#162019}
html[data-nyx-theme="custom"]{--nyx-page-canvas:var(--nyx-custom-canvas,#151d2b)}
html[data-nyx-theme]{min-height:100%;background-color:var(--nyx-page-canvas)!important;color-scheme:dark}

html[data-nyx-theme] body.browser-shell{
  --theme-bg:var(--nyx-unified-canvas)!important;
  --theme-panel:var(--nyx-home-panel)!important;
  --theme-panel-soft:var(--nyx-home-panel-soft)!important;
  --theme-field:var(--nyx-unified-field)!important;
  --theme-text:var(--nyx-home-text)!important;
  --theme-muted:var(--nyx-home-muted)!important;
  --theme-accent:var(--nyx-chrome-accent)!important;
  --theme-border:var(--nyx-home-line)!important;
  --theme-on-accent:#081018!important;
  --theme-a:var(--nyx-chrome-accent)!important;
  --theme-b:var(--nyx-chrome-bright)!important;
  --theme-strong:var(--nyx-home-text)!important;
  --accent:var(--nyx-chrome-accent)!important;
  --nyx-control-surface:color-mix(in srgb,var(--nyx-unified-field) 88%,var(--nyx-unified-top));
  --nyx-control-hover:color-mix(in srgb,var(--nyx-chrome-active) 84%,var(--nyx-unified-field));
  --nyx-panel-surface:color-mix(in srgb,var(--nyx-home-panel-soft) 88%,var(--nyx-unified-canvas));
  color:var(--nyx-home-text)!important;
}
html[data-nyx-theme] body.browser-shell .top-os.top-os{
  background:var(--nyx-unified-top)!important;
  background-image:none!important;
  border-bottom-color:var(--nyx-home-line)!important;
  color:var(--nyx-home-text)!important;
}
html[data-nyx-theme] body.browser-shell:not(.three-d-backgrounds):not(.custom-bg-active),
html[data-nyx-theme] body.browser-shell:not(.three-d-backgrounds):not(.custom-bg-active) :is(
  .browser-window.browser-home-page,
  .browser-window.maximized.browser-blank,
  .browser-window.maximized:has(.browser-home:not(.hidden)),
  .browser-home
){
  background-color:var(--nyx-unified-canvas)!important;
  background-image:none!important;
}

/* Browser menus, bookmark panels, suggestions, and small utility surfaces. */
html[data-nyx-theme] body.browser-shell :is(
  .browser-mode-menu,
  .browser-bookmark-panel,
  .browser-search-suggestions,
  .browser-suggestions,
  .home-shortcut-menu,
  .toast,
  .browser-message-box
){
  background-color:var(--nyx-home-panel)!important;
  background-image:none!important;
  border-color:var(--nyx-home-line)!important;
  color:var(--nyx-home-text)!important;
  box-shadow:0 16px 40px color-mix(in srgb,var(--nyx-unified-top) 72%,transparent)!important;
}
html[data-nyx-theme] body.browser-shell :is(
  .browser-mode-menu,
  .browser-bookmark-panel,
  .browser-search-suggestions,
  .browser-suggestions,
  .home-shortcut-menu
) :is(button,a,.browser-search-suggestion){
  color:var(--nyx-home-text)!important;
  -webkit-text-fill-color:var(--nyx-home-text)!important;
  border-color:transparent!important;
}
html[data-nyx-theme] body.browser-shell :is(
  .browser-mode-menu,
  .browser-bookmark-panel,
  .browser-search-suggestions,
  .browser-suggestions,
  .home-shortcut-menu
) :is(button,a,.browser-search-suggestion):is(:hover,:focus-visible,.active){
  background-color:var(--nyx-control-hover)!important;
  background-image:none!important;
  color:var(--nyx-home-text)!important;
  -webkit-text-fill-color:var(--nyx-home-text)!important;
}
html[data-nyx-theme] body.browser-shell :is(.browser-mode-menu,.browser-bookmark-panel,.home-shortcut-menu) hr{
  border-color:var(--nyx-home-line)!important;
}

/* The dashboard is imported before several navy-only polish files. This late
   layer keeps every settings surface and control on the active palette. */
html[data-nyx-theme] body.browser-shell .browser-shell-settings-overlay{
  background-color:var(--nyx-unified-canvas)!important;
  background-image:radial-gradient(circle,var(--nyx-dot-color) 2px,transparent 2.25px)!important;
  color:var(--nyx-home-muted)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-settings-side{
  background-color:var(--nyx-unified-canvas)!important;
  border-color:color-mix(in srgb,var(--nyx-home-line) 64%,transparent)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-settings-filter{
  background-color:var(--nyx-control-hover)!important;
  color:var(--nyx-home-muted)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-settings-filter :is(input,input::placeholder){
  color:var(--nyx-home-muted)!important;
  -webkit-text-fill-color:var(--nyx-home-muted)!important;
}
html[data-nyx-theme] body.browser-shell .browser-shell-settings-panel :is(
  .browser-shell-settings-close,
  .nyx-settings-header h1,
  .nyx-settings-copy h2,
  .nyx-settings-copy p,
  .nyx-settings-control,
  .nyx-settings-control > p,
  .nyx-settings-control > p span,
  .nyx-settings-control .settings-row > span
){
  color:var(--nyx-home-muted)!important;
  -webkit-text-fill-color:var(--nyx-home-muted)!important;
  text-shadow:none!important;
}
html[data-nyx-theme] body.browser-shell.browser-shell .browser-shell-settings-panel .nyx-settings-nav button{
  color:var(--nyx-home-muted)!important;
  -webkit-text-fill-color:var(--nyx-home-muted)!important;
}
html[data-nyx-theme] body.browser-shell.browser-shell .browser-shell-settings-panel .nyx-settings-nav button:is(:hover,.active){
  background-color:var(--nyx-chrome-active)!important;
  color:var(--nyx-home-text)!important;
  -webkit-text-fill-color:var(--nyx-home-text)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-settings-group,
html[data-nyx-theme] body.browser-shell .browser-shell-settings-panel .nyx-settings-group > .settings-block,
html[data-nyx-theme] body.browser-shell .browser-shell-settings-panel .nyx-settings-group > .settings-block:hover{
  background-color:var(--nyx-panel-surface)!important;
  background-image:none!important;
  border-color:color-mix(in srgb,var(--nyx-home-line) 58%,transparent)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-settings-control :is(
  .settings-input,
  .settings-select,
  input:not([type="range"]),
  select,
  textarea,
  .panic-key-display
){
  background-color:var(--nyx-control-surface)!important;
  background-image:none!important;
  border-color:var(--nyx-home-line)!important;
  color:var(--nyx-home-text)!important;
  -webkit-text-fill-color:var(--nyx-home-text)!important;
  caret-color:var(--nyx-chrome-bright)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-settings-control :is(
  .settings-input,
  .settings-select,
  input:not([type="range"]),
  select,
  textarea
)::placeholder{
  color:var(--nyx-home-muted)!important;
  -webkit-text-fill-color:var(--nyx-home-muted)!important;
  opacity:.82!important;
}
html[data-nyx-theme] body.browser-shell .nyx-settings-control :is(button,.settings-action){
  background-color:var(--nyx-chrome-active)!important;
  background-image:none!important;
  border-color:var(--nyx-home-line)!important;
  color:var(--nyx-home-text)!important;
  -webkit-text-fill-color:var(--nyx-home-text)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-settings-control :is(button,.settings-action):hover{
  background-color:var(--nyx-chrome-hover)!important;
  border-color:var(--nyx-chrome-bright)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-settings-control :is([data-switch],[data-popup-protection]){
  background-color:color-mix(in srgb,var(--nyx-home-line) 70%,var(--nyx-unified-field))!important;
}
html[data-nyx-theme] body.browser-shell .nyx-settings-control :is([data-switch],[data-popup-protection])::after{
  background-color:var(--nyx-home-muted)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-settings-control :is([data-switch],[data-popup-protection]).on{
  background-color:var(--nyx-chrome-accent)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-settings-control :is([data-switch],[data-popup-protection]).on::after{
  background-color:var(--nyx-home-text)!important;
}

/* Account and founder editor chrome follows the site theme. The Discord-style
   user profile settings surface defines its own neutral palette below. */
html[data-nyx-theme] body.browser-shell :is(.nyx-founder-editor-overlay,.nyx-account-overlay){
  background:color-mix(in srgb,var(--nyx-unified-top) 78%,transparent)!important;
}
html[data-nyx-theme] body.browser-shell :is(.nyx-founder-editor,.nyx-account-dialog){
  background:var(--nyx-home-panel)!important;
  border-color:var(--nyx-home-line)!important;
  color:var(--nyx-home-text)!important;
}
html[data-nyx-theme] body.browser-shell :is(.nyx-founder-editor,.nyx-account-dialog) :is(
  h1,h2,h3,h4,label,strong
){
  color:var(--nyx-home-text)!important;
  -webkit-text-fill-color:var(--nyx-home-text)!important;
}
html[data-nyx-theme] body.browser-shell :is(.nyx-founder-editor,.nyx-account-dialog) :is(
  p,small,.nyx-account-title,.nyx-account-copy,.nyx-account-footer,.nyx-profile-field small,.nyx-profile-file-name
){
  color:var(--nyx-home-muted)!important;
  -webkit-text-fill-color:var(--nyx-home-muted)!important;
}
html[data-nyx-theme] body.browser-shell :is(.nyx-founder-editor,.nyx-account-dialog) :is(
  input:not([type="color"]):not([type="file"]),
  select,
  textarea
){
  background-color:var(--nyx-control-surface)!important;
  background-image:none!important;
  border-color:var(--nyx-home-line)!important;
  color:var(--nyx-home-text)!important;
  -webkit-text-fill-color:var(--nyx-home-text)!important;
  caret-color:var(--nyx-chrome-bright)!important;
}
html[data-nyx-theme] body.browser-shell :is(.nyx-founder-editor,.nyx-account-dialog) :is(input,textarea)::placeholder{
  color:var(--nyx-home-muted)!important;
  -webkit-text-fill-color:var(--nyx-home-muted)!important;
  opacity:.82!important;
}
html[data-nyx-theme] body.browser-shell :is(.nyx-founder-editor-close,.nyx-account-tab,.nyx-account-mode){
  border-color:var(--nyx-home-line)!important;
  color:var(--nyx-home-text)!important;
  -webkit-text-fill-color:var(--nyx-home-text)!important;
}
html[data-nyx-theme] body.browser-shell :is(.nyx-account-tab.active,.nyx-account-submit){
  background:var(--nyx-chrome-accent)!important;
  border-color:var(--nyx-chrome-bright)!important;
  color:var(--theme-on-accent)!important;
  -webkit-text-fill-color:var(--theme-on-accent)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-profile-direct-popover{
  background:linear-gradient(155deg,var(--nyx-panel-surface),var(--nyx-home-panel))!important;
  border-color:var(--nyx-home-line)!important;
  color:var(--nyx-home-text)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-profile-direct-popover :is(strong,label){
  color:var(--nyx-home-text)!important;
  -webkit-text-fill-color:var(--nyx-home-text)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-profile-direct-popover :is(small,p){
  color:var(--nyx-home-muted)!important;
  -webkit-text-fill-color:var(--nyx-home-muted)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-profile-direct-popover :is(button,select,textarea,input[type="color"]){
  background-color:var(--nyx-control-surface)!important;
  background-image:none!important;
  border-color:var(--nyx-home-line)!important;
  color:var(--nyx-home-text)!important;
  -webkit-text-fill-color:var(--nyx-home-text)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-profile-direct-popover :is(button,select,textarea,input[type="color"]):is(:hover,:focus-visible){
  background-color:var(--nyx-control-hover)!important;
  border-color:var(--nyx-chrome-bright)!important;
}

/* Weather and the persistent account entry use the same palette aliases. */
html[data-nyx-theme] body.browser-shell{
  --weather-accent:var(--nyx-chrome-bright)!important;
  --weather-accent-soft:color-mix(in srgb,var(--nyx-chrome-accent) 15%,transparent)!important;
  --weather-panel-bg:color-mix(in srgb,var(--nyx-home-panel) 95%,var(--nyx-unified-top))!important;
  --weather-card-bg:color-mix(in srgb,var(--nyx-home-panel-soft) 78%,transparent)!important;
  --weather-card-hover:color-mix(in srgb,var(--nyx-chrome-active) 88%,transparent)!important;
  --weather-line:var(--nyx-home-line)!important;
  --weather-text:var(--nyx-home-text)!important;
  --weather-muted:var(--nyx-home-muted)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-account-button-default,
html[data-nyx-theme] body.browser-shell .nyx-home-presence .nyx-profile-slot .nyx-account-button{
  background:var(--nyx-unified-field)!important;
  border-color:var(--nyx-home-line)!important;
  box-shadow:0 0 14px color-mix(in srgb,var(--nyx-chrome-accent) 22%,transparent)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-account-button-default span{
  border-color:var(--nyx-home-wordmark)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-account-button-default span::before,
html[data-nyx-theme] body.browser-shell .nyx-account-button-default span::after{
  background:var(--nyx-home-wordmark)!important;
}

/* Native dropdown menus and form affordances are otherwise rendered with a
   browser-default navy/gray palette even when the surrounding control is themed. */
html[data-nyx-theme] body.browser-shell :is(input,select,textarea,button){
  accent-color:var(--nyx-chrome-accent);
}
html[data-nyx-theme] body.browser-shell select{
  color-scheme:dark!important;
}
html[data-nyx-theme] body.browser-shell select :is(option,optgroup){
  background:var(--nyx-unified-field)!important;
  color:var(--nyx-home-text)!important;
  -webkit-text-fill-color:var(--nyx-home-text)!important;
}
html[data-nyx-theme] body.browser-shell ::selection{
  background:var(--nyx-chrome-accent);
  color:var(--theme-on-accent);
}

/* High-specificity legacy hover rules used ID-weighted :is() selectors. Keep
   their interaction geometry, but replace their fixed navy paint. */
html[data-nyx-theme][data-nyx-theme] body.browser-shell.browser-shell:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls)
  .browser-shell-settings-panel .nyx-settings-side{
  background:var(--nyx-unified-canvas)!important;
  border-color:color-mix(in srgb,var(--nyx-home-line) 64%,transparent)!important;
}
html[data-nyx-theme][data-nyx-theme] body.browser-shell.browser-shell:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls)
  .browser-shell-settings-panel .nyx-settings-group{
  background:transparent!important;
}
html[data-nyx-theme][data-nyx-theme] body.browser-shell.browser-shell:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls)
  .browser-shell-settings-panel .nyx-settings-group > .settings-block,
html[data-nyx-theme][data-nyx-theme] body.browser-shell.browser-shell:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls)
  .browser-shell-settings-panel .nyx-settings-group > .settings-block:hover{
  background:var(--nyx-panel-surface)!important;
  border-color:color-mix(in srgb,var(--nyx-home-line) 58%,transparent)!important;
}
html[data-nyx-theme][data-nyx-theme] body.browser-shell.browser-shell:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls)
  .browser-shell-settings-panel .nyx-settings-nav button:hover,
html[data-nyx-theme][data-nyx-theme] body.browser-shell.browser-shell:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls)
  .browser-shell-settings-panel .nyx-settings-nav button.active,
html[data-nyx-theme][data-nyx-theme] body.browser-shell.browser-shell:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls)
  .browser-shell-settings-panel .nyx-settings-nav button.active:hover{
  background:var(--nyx-chrome-active)!important;
  color:var(--nyx-home-text)!important;
  -webkit-text-fill-color:var(--nyx-home-text)!important;
}
html[data-nyx-theme][data-nyx-theme] body.browser-shell.browser-shell:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls)
  .browser-mode-menu button:hover{
  background:var(--nyx-control-hover)!important;
  border-color:var(--nyx-home-line)!important;
  color:var(--nyx-home-text)!important;
  -webkit-text-fill-color:var(--nyx-home-text)!important;
}
html[data-nyx-theme][data-nyx-theme] body.browser-shell.browser-shell:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls){
  --weather-accent:var(--nyx-chrome-bright)!important;
  --weather-accent-soft:color-mix(in srgb,var(--nyx-chrome-accent) 15%,transparent)!important;
  --weather-panel-bg:color-mix(in srgb,var(--nyx-home-panel) 95%,var(--nyx-unified-top))!important;
  --weather-card-bg:color-mix(in srgb,var(--nyx-home-panel-soft) 78%,transparent)!important;
  --weather-card-hover:color-mix(in srgb,var(--nyx-chrome-active) 88%,transparent)!important;
  --weather-line:var(--nyx-home-line)!important;
  --weather-text:var(--nyx-home-text)!important;
  --weather-muted:var(--nyx-home-muted)!important;
}
html[data-nyx-theme][data-nyx-theme] body.browser-shell.browser-shell:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls)
  :is(.nyx-account-tab.active,.nyx-account-submit){
  background:var(--nyx-chrome-accent)!important;
  border-color:var(--nyx-chrome-bright)!important;
  color:var(--theme-on-accent)!important;
  -webkit-text-fill-color:var(--theme-on-accent)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-home-presence{
  background:color-mix(in srgb,var(--nyx-home-panel) 84%,transparent)!important;
  border-color:var(--nyx-home-line)!important;
  color:var(--nyx-home-muted)!important;
  -webkit-text-fill-color:var(--nyx-home-muted)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-home-presence :is(span,strong){
  color:var(--nyx-home-muted)!important;
  -webkit-text-fill-color:var(--nyx-home-muted)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-home-copyright{
  color:var(--nyx-home-muted)!important;
  -webkit-text-fill-color:var(--nyx-home-muted)!important;
  opacity:1!important;
}
html[data-nyx-theme][data-nyx-theme] body.browser-shell.browser-shell:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls)
  .nyx-settings-control :is(button,.settings-action){
  color:var(--nyx-home-text)!important;
  -webkit-text-fill-color:var(--nyx-home-text)!important;
}

/* Discord desktop profile editor. This surface intentionally uses Discord's
   neutral settings palette while the live card keeps the member's Nyx colors. */
html[data-nyx-theme] body .nyx-user-profile-overlay{
  z-index:2147483640!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  box-sizing:border-box!important;
  display:block!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:#313338!important;
  backdrop-filter:none!important;
  font-family:"gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
html[data-nyx-theme] body .nyx-user-profile-dialog{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#313338!important;
  color:#f2f3f5!important;
  box-shadow:none!important;
}
html[data-nyx-theme] body .nyx-discord-profile-main{
  position:relative;
  min-width:0;
  height:100dvh;
  overflow:hidden;
  background:#313338;
}
html[data-nyx-theme] body .nyx-discord-profile-scroll{
  width:100%;
  height:100%;
  box-sizing:border-box;
  overflow-y:auto;
  padding:56px 72px 120px;
  scrollbar-width:none;
}
html[data-nyx-theme] body .nyx-discord-profile-scroll::-webkit-scrollbar{
  display:none;
}
html[data-nyx-theme] body .nyx-discord-profile-header{
  width:min(1268px,100%);
  margin:0 auto 28px;
}
html[data-nyx-theme] body .nyx-discord-profile-header h2{
  margin:0 0 6px!important;
  color:#f2f3f5!important;
  -webkit-text-fill-color:#f2f3f5!important;
  font-size:24px!important;
  font-weight:700!important;
  line-height:30px!important;
}
html[data-nyx-theme] body .nyx-discord-profile-header p{
  margin:0!important;
  color:#b5bac1!important;
  -webkit-text-fill-color:#b5bac1!important;
  font-size:14px;
  line-height:20px;
}
html[data-nyx-theme] body .nyx-discord-profile-layout{
  display:grid;
  width:min(1268px,100%);
  margin-inline:auto;
  grid-template-columns:minmax(0,800px) 420px;
  align-items:start;
  gap:48px;
}
html[data-nyx-theme] body .nyx-discord-settings-close{
  position:absolute!important;
  z-index:20!important;
  top:36px!important;
  right:34px!important;
  display:grid!important;
  width:36px!important;
  height:auto!important;
  justify-items:center;
  gap:7px;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#b5bac1!important;
  -webkit-text-fill-color:#b5bac1!important;
  box-shadow:none!important;
}
html[data-nyx-theme] body .nyx-discord-settings-close>span{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  box-sizing:border-box;
  border:2px solid #b5bac1;
  border-radius:50%;
  font:300 25px/1 Arial,sans-serif;
}
html[data-nyx-theme] body .nyx-discord-settings-close>small{
  color:#b5bac1!important;
  -webkit-text-fill-color:#b5bac1!important;
  font-size:11px;
  font-weight:700;
}
html[data-nyx-theme] body .nyx-discord-settings-close:hover>span{
  border-color:#f2f3f5;
  color:#f2f3f5;
}
html[data-nyx-theme] body .nyx-user-profile-form{
  display:block!important;
  min-width:0;
  color:#f2f3f5;
}
html[data-nyx-theme] body .nyx-profile-editor-section{
  display:grid!important;
  gap:18px!important;
  margin:0 0 32px!important;
  padding:0 0 32px!important;
  border:0!important;
  border-bottom:1px solid #3f4147!important;
  border-radius:0!important;
  background:transparent!important;
}
html[data-nyx-theme] body .nyx-profile-editor-section h4,
html[data-nyx-theme] body .nyx-discord-preview-pane>h3{
  margin:0!important;
  color:#f2f3f5!important;
  -webkit-text-fill-color:#f2f3f5!important;
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  line-height:20px!important;
  text-transform:none!important;
}
html[data-nyx-theme] body .nyx-profile-field-grid,
html[data-nyx-theme] body .nyx-profile-color-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px 16px!important;
}
html[data-nyx-theme] body .nyx-profile-field{
  display:grid!important;
  min-width:0;
  gap:8px!important;
  color:#b5bac1!important;
  -webkit-text-fill-color:#b5bac1!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.02em;
  line-height:16px;
  text-transform:uppercase;
}
html[data-nyx-theme] body .nyx-profile-field-wide{
  grid-column:1/-1!important;
}
html[data-nyx-theme] body .nyx-profile-field small{
  color:#949ba4!important;
  -webkit-text-fill-color:#949ba4!important;
  font-size:12px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:16px!important;
  text-align:right;
  text-transform:none!important;
}
html[data-nyx-theme] body .nyx-user-profile-form .nyx-profile-field :is(input:not([type="color"]),select,textarea){
  width:100%!important;
  min-height:40px!important;
  box-sizing:border-box!important;
  padding:10px!important;
  border:1px solid #1e1f22!important;
  border-radius:3px!important;
  outline:0!important;
  background:#1e1f22!important;
  background-image:none!important;
  color:#dbdee1!important;
  -webkit-text-fill-color:#dbdee1!important;
  caret-color:#fff!important;
  font:400 15px/20px "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
  box-shadow:none!important;
}
html[data-nyx-theme] body .nyx-user-profile-form .nyx-profile-field :is(input:not([type="color"]),select,textarea):focus{
  border-color:#00a8fc!important;
}
html[data-nyx-theme] body .nyx-user-profile-form .nyx-profile-field textarea{
  min-height:108px!important;
  resize:vertical;
}
html[data-nyx-theme] body .nyx-profile-image-list{
  display:grid!important;
  gap:24px!important;
}
html[data-nyx-theme] body .nyx-profile-image-control{
  display:grid!important;
  grid-template-columns:minmax(120px,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  padding:0!important;
  border:0!important;
}
html[data-nyx-theme] body .nyx-profile-image-control>div:first-child{
  min-width:0;
}
html[data-nyx-theme] body .nyx-profile-image-control strong{
  display:block;
  color:#f2f3f5!important;
  -webkit-text-fill-color:#f2f3f5!important;
  font-size:14px;
  line-height:18px;
}
html[data-nyx-theme] body .nyx-profile-image-control small,
html[data-nyx-theme] body .nyx-profile-file-name{
  display:block;
  margin:4px 0 0!important;
  color:#949ba4!important;
  -webkit-text-fill-color:#949ba4!important;
  font-size:12px;
  line-height:16px;
}
html[data-nyx-theme] body .nyx-profile-file-name{
  display:none!important;
}
html[data-nyx-theme] body .nyx-profile-image-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:12px!important;
}
html[data-nyx-theme] body :is(.nyx-profile-file-button,.nyx-profile-clear-button){
  min-height:32px!important;
  padding:2px 16px!important;
  border:0!important;
  border-radius:3px!important;
  font:500 14px/18px "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
html[data-nyx-theme] body .nyx-profile-file-button{
  background:#5865f2!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-nyx-theme] body .nyx-profile-file-button:hover{
  background:#4752c4!important;
}
html[data-nyx-theme] body .nyx-profile-clear-button{
  background:transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-nyx-theme] body .nyx-profile-clear-button:hover{
  text-decoration:underline;
}
html[data-nyx-theme] body .nyx-profile-color-field{
  position:relative;
  grid-template-columns:50px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:12px!important;
}
html[data-nyx-theme] body .nyx-profile-color-field>input[type="color"]{
  grid-row:1/3;
  width:50px!important;
  height:50px!important;
  padding:4px!important;
  border:1px solid #4e5058!important;
  border-radius:8px!important;
  background:#1e1f22!important;
  cursor:pointer;
}
html[data-nyx-theme] body .nyx-profile-color-field>small{
  text-align:left;
}
html[data-nyx-theme] body .nyx-user-profile-form>.nyx-founder-editor-error{
  min-height:18px;
  margin:-18px 0 20px!important;
  color:#f23f42!important;
  -webkit-text-fill-color:#f23f42!important;
  font-size:13px;
}
html[data-nyx-theme] body .nyx-user-profile-form>footer{
  position:sticky!important;
  z-index:10;
  bottom:20px;
  display:none!important;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:14px;
  min-height:52px;
  box-sizing:border-box;
  margin:0;
  padding:10px 10px 10px 16px!important;
  border-radius:8px;
  background:#111214;
  box-shadow:0 3px 10px rgba(0,0,0,.35);
}
html[data-nyx-theme] body .nyx-user-profile-form.is-dirty>footer{
  display:grid!important;
}
html[data-nyx-theme] body .nyx-user-profile-form>footer>strong{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:14px;
  font-weight:500;
}
html[data-nyx-theme] body .nyx-profile-reset-button{
  min-height:32px;
  padding:2px 4px;
  border:0;
  background:transparent;
  color:#fff;
  font:500 14px/18px inherit;
  cursor:pointer;
}
html[data-nyx-theme] body .nyx-profile-reset-button:hover{
  text-decoration:underline;
}
html[data-nyx-theme] body .nyx-user-profile-form>footer>.settings-action{
  min-width:110px!important;
  min-height:32px!important;
  padding:2px 16px!important;
  border:0!important;
  border-radius:3px!important;
  background:#248046!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:500 14px/18px "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
html[data-nyx-theme] body .nyx-user-profile-form>footer>.settings-action:hover{
  background:#1a6334!important;
}
html[data-nyx-theme] body .nyx-discord-preview-pane{
  position:sticky;
  top:0;
  display:grid;
  min-width:0;
  gap:16px;
}
html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-view{
  position:static!important;
  display:block!important;
  width:420px!important;
  max-width:100%!important;
  margin:0!important;
}
html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-card{
  width:100%!important;
  max-width:420px!important;
  min-height:0!important;
  box-sizing:border-box;
  padding:8px!important;
  border-width:1px!important;
  border-radius:8px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}
html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-banner{
  height:148px!important;
  margin:-8px -8px 0!important;
  border-radius:7px 7px 0 0!important;
}
html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-chrome{
  height:64px!important;
  padding:0 4px!important;
}
html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-avatar{
  width:96px!important;
  height:96px!important;
  margin-top:-42px!important;
  border-width:6px!important;
}
html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-body{
  min-height:0!important;
  padding:16px!important;
  border:0!important;
  border-radius:7px!important;
}
html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-heading h2{
  font-size:23px!important;
}
html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-actions{
  display:none!important;
}
html[data-nyx-theme] body .nyx-profile-direct-popover{
  width:min(300px,calc(100vw - 32px))!important;
  gap:12px!important;
  padding:12px!important;
  border:0!important;
  border-radius:5px!important;
  background:#111214!important;
  box-shadow:0 8px 24px rgba(0,0,0,.6)!important;
}
html[data-nyx-theme] body .nyx-profile-direct-popover header>button{
  border:0!important;
  border-radius:3px!important;
  background:#2b2d31!important;
}
html[data-nyx-theme] body .nyx-profile-direct-actions button{
  border:0!important;
  border-radius:3px!important;
  background:#5865f2!important;
}
html[data-nyx-theme] body .nyx-profile-direct-actions button:last-child{
  background:#2b2d31!important;
}
html[data-nyx-theme] body .nyx-profile-direct-popover :is(select,textarea,input[type="color"]){
  border-color:#1e1f22!important;
  border-radius:3px!important;
  background:#1e1f22!important;
}
@media(max-width:1500px){
  html[data-nyx-theme] body .nyx-discord-profile-scroll{
    padding:52px 56px 110px;
  }
  html[data-nyx-theme] body .nyx-discord-profile-layout{
    grid-template-columns:minmax(0,1fr) 360px;
    gap:36px;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-view{
    width:360px!important;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-card{
    max-width:360px!important;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-banner{
    height:128px!important;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-chrome{
    height:58px!important;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-avatar{
    width:88px!important;
    height:88px!important;
    margin-top:-38px!important;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-body{
    padding:14px!important;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-heading h2{
    font-size:21px!important;
  }
}
@media(max-width:1180px){
  html[data-nyx-theme] body .nyx-discord-profile-scroll{
    padding:48px 64px 110px 36px;
  }
  html[data-nyx-theme] body .nyx-discord-profile-layout{
    grid-template-columns:minmax(380px,1fr) 320px;
    gap:28px;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-view{
    width:320px!important;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-card{
    max-width:320px!important;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-banner{
    height:116px!important;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-chrome{
    height:55px!important;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-avatar{
    width:80px!important;
    height:80px!important;
    margin-top:-34px!important;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-body{
    padding:12px!important;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-heading h2{
    font-size:20px!important;
  }
}
@media(max-width:1050px){
  html[data-nyx-theme] body .nyx-discord-profile-scroll{
    padding:28px 70px 100px 24px;
  }
  html[data-nyx-theme] body .nyx-discord-settings-close{
    top:20px!important;
    right:18px!important;
  }
  html[data-nyx-theme] body .nyx-discord-settings-close>small{
    display:none;
  }
  html[data-nyx-theme] body .nyx-discord-profile-layout{
    grid-template-columns:1fr;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane{
    position:static;
    order:-1;
  }
}
@media(max-width:620px){
  html[data-nyx-theme] body .nyx-discord-profile-scroll{
    padding:24px 16px 100px!important;
  }
  html[data-nyx-theme] body .nyx-discord-profile-header{
    padding-right:44px;
  }
  html[data-nyx-theme] body .nyx-profile-field-grid,
  html[data-nyx-theme] body .nyx-profile-color-grid{
    grid-template-columns:1fr!important;
  }
  html[data-nyx-theme] body .nyx-profile-field-wide{
    grid-column:auto!important;
  }
  html[data-nyx-theme] body .nyx-profile-image-control{
    grid-template-columns:1fr!important;
  }
  html[data-nyx-theme] body .nyx-profile-image-actions{
    justify-content:flex-start!important;
    flex-wrap:wrap;
  }
  html[data-nyx-theme] body .nyx-user-profile-form>footer{
    grid-template-columns:1fr auto!important;
  }
  html[data-nyx-theme] body .nyx-user-profile-form>footer>strong{
    display:none;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-view{
    width:min(340px,100%)!important;
  }
}

/* Final browser overflow-menu shape contract.
   This must stay after interface-scale.css, which previously restored the
   rounded panel and rounded item outlines. */
html[data-nyx-theme] body.browser-shell .top-os.top-os #browserModeMenu.browser-mode-menu,
html[data-nyx-theme] body.browser-shell.menu-open .top-os.top-os #browserModeMenu.browser-mode-menu{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html[data-nyx-theme] body.browser-shell .top-os.top-os #browserModeMenu.browser-mode-menu > button,
html[data-nyx-theme] body.browser-shell .top-os.top-os #browserModeMenu.browser-mode-menu > button:is(:hover,:focus-visible,:active){
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Discord-style profile appearance editor: compact controls on the left and
   a large, distraction-free live profile on the right. */
html[data-nyx-theme] body .nyx-user-profile-overlay,
html[data-nyx-theme] body .nyx-user-profile-dialog,
html[data-nyx-theme] body .nyx-discord-profile-main{
  background:#0e0f10!important;
}
html[data-nyx-theme] body .nyx-discord-profile-scroll{
  overflow:hidden!important;
  padding:0!important;
}
html[data-nyx-theme] body .nyx-discord-profile-layout{
  display:grid!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  margin:0!important;
  grid-template-columns:360px minmax(0,1fr)!important;
  gap:0!important;
  overflow:hidden!important;
}
html[data-nyx-theme] body .nyx-user-profile-form{
  position:relative;
  display:block!important;
  height:100dvh!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:0 18px 110px!important;
  background:#111214!important;
  scrollbar-width:none;
}
html[data-nyx-theme] body .nyx-user-profile-form::-webkit-scrollbar{display:none}
html[data-nyx-theme] body .nyx-profile-rail-header{
  position:sticky;
  z-index:12;
  top:0;
  display:flex;
  height:58px;
  align-items:center;
  justify-content:space-between;
  margin:0 -18px 8px;
  padding:0 18px;
  border-bottom:1px solid #2e3035;
  background:#111214;
}
html[data-nyx-theme] body .nyx-profile-rail-header>button{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:36px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#f2f3f5!important;
  -webkit-text-fill-color:#f2f3f5!important;
  font-size:18px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
html[data-nyx-theme] body .nyx-profile-rail-header svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}
html[data-nyx-theme] body .nyx-profile-rail-header>b{
  color:#949ba4!important;
  font:400 32px/1 Arial,sans-serif;
  transform:rotate(0deg);
}
html[data-nyx-theme] body .nyx-profile-editor-section{
  display:grid!important;
  gap:12px!important;
  margin:0!important;
  padding:18px 4px!important;
  border:0!important;
  border-bottom:1px solid #2e3035!important;
  background:transparent!important;
}
html[data-nyx-theme] body .nyx-profile-editor-section h4{
  color:#dbdee1!important;
  -webkit-text-fill-color:#dbdee1!important;
  font-size:15px!important;
  line-height:20px!important;
}
html[data-nyx-theme] body .nyx-profile-field-grid,
html[data-nyx-theme] body .nyx-profile-color-grid{
  grid-template-columns:1fr!important;
  gap:12px!important;
}
html[data-nyx-theme] body .nyx-profile-field-wide{
  grid-column:auto!important;
}
html[data-nyx-theme] body .nyx-profile-nameplate-preview{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 31px;
  align-items:center;
  gap:10px;
  min-height:58px;
  box-sizing:border-box;
  padding:8px 10px;
  border:1px solid #35373c;
  border-radius:9px;
  background:#1e1f22;
}
html[data-nyx-theme] body .nyx-profile-nameplate-preview>span{
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:#5865f2;
  color:#fff;
}
html[data-nyx-theme] body .nyx-profile-nameplate-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}
html[data-nyx-theme] body .nyx-profile-nameplate-preview>i{
  overflow:hidden;
  color:#b5bac1;
  font-style:normal;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html[data-nyx-theme] body .nyx-profile-nameplate-preview>strong{
  display:grid;
  width:29px;
  height:29px;
  place-items:center;
  border-radius:50%;
  background:#dbdee1;
  color:#1e1f22;
  font-size:23px;
}
html[data-nyx-theme] body .nyx-user-profile-form .nyx-profile-field{
  gap:5px!important;
  color:#b5bac1!important;
  -webkit-text-fill-color:#b5bac1!important;
  font-size:11px!important;
}
html[data-nyx-theme] body .nyx-user-profile-form .nyx-profile-field :is(input:not([type="color"]),select,textarea){
  min-height:42px!important;
  border:1px solid #35373c!important;
  border-radius:8px!important;
  background:#1e1f22!important;
}
html[data-nyx-theme] body .nyx-user-profile-form .nyx-profile-field textarea{
  min-height:92px!important;
}
html[data-nyx-theme] body .nyx-profile-image-list{
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
html[data-nyx-theme] body .nyx-profile-image-control{
  display:flex!important;
  min-height:132px;
  box-sizing:border-box;
  flex-direction:column;
  align-items:center!important;
  justify-content:center;
  gap:8px!important;
  padding:10px!important;
  border:1px solid #35373c!important;
  border-radius:9px!important;
  background:#1e1f22!important;
}
html[data-nyx-theme] body .nyx-profile-image-control:nth-child(2){
  display:none!important;
}
html[data-nyx-theme] body .nyx-profile-image-control>div:first-child,
html[data-nyx-theme] body .nyx-profile-image-control>.nyx-profile-file-name{
  display:none!important;
}
html[data-nyx-theme] body .nyx-profile-image-actions{
  display:grid!important;
  justify-items:center!important;
  gap:4px!important;
}
html[data-nyx-theme] body .nyx-profile-image-actions .nyx-profile-file-button{
  display:grid!important;
  min-height:86px!important;
  place-items:center!important;
  gap:4px!important;
  padding:0!important;
  background:transparent!important;
  color:#dbdee1!important;
  -webkit-text-fill-color:#dbdee1!important;
  font-size:11px!important;
}
html[data-nyx-theme] body .nyx-profile-rail-avatar{
  display:grid;
  width:70px;
  height:70px;
  place-items:center;
  overflow:hidden;
  border:4px solid #111214;
  border-radius:50%;
  background:#5865f2;
  color:#fff;
}
html[data-nyx-theme] body .nyx-profile-rail-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
html[data-nyx-theme] body .nyx-profile-image-actions .nyx-profile-clear-button{
  min-height:20px!important;
  padding:0!important;
  color:#949ba4!important;
  -webkit-text-fill-color:#949ba4!important;
  font-size:11px!important;
}
html[data-nyx-theme] body .nyx-profile-decoration-field{
  min-height:132px;
  box-sizing:border-box;
  align-content:center;
  padding:10px!important;
  border:1px solid #35373c;
  border-radius:9px;
  background:#1e1f22;
}
html[data-nyx-theme] body .nyx-profile-decoration-field::before{
  display:none;
  content:none;
}
html[data-nyx-theme] body .nyx-profile-decoration-preview{
  position:relative;
  z-index:0;
  display:grid;
  width:58px;
  height:58px;
  margin:2px auto 5px;
  place-items:center;
  overflow:visible;
}
html[data-nyx-theme] body .nyx-profile-decoration-avatar{
  position:relative;
  z-index:1;
  display:grid;
  width:52px;
  height:52px;
  place-items:center;
  overflow:hidden;
  border:3px solid #111214;
  border-radius:50%;
  background:var(--nyx-user-accent-primary,#5865f2);
  color:#fff;
  font-size:18px;
  font-weight:800;
}
html[data-nyx-theme] body .nyx-profile-decoration-avatar>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
html[data-nyx-theme] body .nyx-profile-decoration-preview>.nyx-avatar-decoration{
  inset:-9px;
}
html[data-nyx-theme] body .nyx-profile-decoration-preview.nyx-avatar-decoration-laurel>.nyx-avatar-decoration::before,
html[data-nyx-theme] body .nyx-profile-decoration-preview.nyx-avatar-decoration-laurel>.nyx-avatar-decoration::after{
  top:8px;
  width:25px;
  height:58px;
  border-width:5px;
}
html[data-nyx-theme] body .nyx-profile-decoration-preview.nyx-avatar-decoration-neon-wings>.nyx-avatar-decoration::before,
html[data-nyx-theme] body .nyx-profile-decoration-preview.nyx-avatar-decoration-neon-wings>.nyx-avatar-decoration::after{
  top:13px;
  width:28px;
  height:48px;
}
html[data-nyx-theme] body .nyx-profile-decoration-preview.nyx-avatar-decoration-neon-wings>.nyx-avatar-decoration::before{
  left:-15px;
}
html[data-nyx-theme] body .nyx-profile-decoration-preview.nyx-avatar-decoration-neon-wings>.nyx-avatar-decoration::after{
  right:-15px;
}
html[data-nyx-theme] body .nyx-profile-decoration-label{
  color:#b5bac1!important;
  -webkit-text-fill-color:#b5bac1!important;
  font-size:10px;
  font-weight:800;
  letter-spacing:.025em;
  text-transform:uppercase;
}
html[data-nyx-theme] body .nyx-profile-decoration-field small{display:none!important}
html[data-nyx-theme] body .nyx-profile-decoration-field select{
  min-height:32px!important;
  padding:5px 7px!important;
  font-size:11px!important;
}
html[data-nyx-theme] body .nyx-profile-color-field{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto auto!important;
}
html[data-nyx-theme] body .nyx-profile-color-field>input[type="color"]{
  grid-row:auto!important;
  width:100%!important;
  height:58px!important;
  padding:5px!important;
  border-radius:9px!important;
}
html[data-nyx-theme] body .nyx-profile-banner-color-field{
  order:-1;
}
html[data-nyx-theme] body .nyx-profile-display-section .nyx-profile-display-name-field input{
  min-height:56px!important;
  color:#dbdee1!important;
  -webkit-text-fill-color:#dbdee1!important;
  font-size:20px!important;
  font-weight:700!important;
  text-align:center;
}
html[data-nyx-theme] body .nyx-profile-primary-color-field,
html[data-nyx-theme] body .nyx-profile-secondary-color-field{
  display:inline-grid!important;
}
html[data-nyx-theme] body .nyx-discord-preview-pane{
  position:relative!important;
  top:auto!important;
  display:grid!important;
  height:100dvh!important;
  box-sizing:border-box;
  place-items:center!important;
  overflow:auto;
  padding:62px 70px!important;
  background:#0e0f10!important;
}
html[data-nyx-theme] body .nyx-discord-preview-pane>h3{display:none!important}
html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-view{
  width:min(540px,100%)!important;
}
html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-card{
  width:100%!important;
  max-width:540px!important;
  border-radius:14px!important;
  box-shadow:0 18px 60px rgba(0,0,0,.48)!important;
}
html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-banner{
  position:relative!important;
  height:190px!important;
}
html[data-nyx-theme] body .nyx-discord-preview-pane .nyx-user-profile-avatar{
  position:relative!important;
  width:118px!important;
  height:118px!important;
  margin-top:-54px!important;
}
html[data-nyx-theme] body .nyx-profile-media-edit{
  position:absolute!important;
  z-index:8!important;
  display:grid!important;
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  place-items:center!important;
  padding:0!important;
  border:2px solid #0e0f10!important;
  border-radius:50%!important;
  background:#2b2d31!important;
  color:#f2f3f5!important;
  -webkit-text-fill-color:#f2f3f5!important;
  box-shadow:0 3px 10px rgba(0,0,0,.45)!important;
}
html[data-nyx-theme] body .nyx-profile-media-edit svg{
  width:15px!important;
  height:15px!important;
}
html[data-nyx-theme] body .nyx-profile-media-edit::before,
html[data-nyx-theme] body .nyx-profile-media-edit::after{
  display:none!important;
  content:none!important;
}
html[data-nyx-theme] body .nyx-profile-media-edit>span{
  display:block!important;
  font:700 17px/1 "Segoe UI Symbol",sans-serif!important;
  transform:rotate(-2deg)!important;
}
html[data-nyx-theme] body .nyx-profile-media-edit-banner{
  top:12px!important;
  right:12px!important;
}
html[data-nyx-theme] body .nyx-profile-media-edit-avatar{
  right:-4px!important;
  bottom:7px!important;
}
html[data-nyx-theme] body .nyx-profile-media-edit:hover{
  background:#3f4147!important;
  transform:none!important;
}
html[data-nyx-theme] body .nyx-discord-settings-close{
  top:18px!important;
  right:20px!important;
}
@media(max-width:900px){
  html[data-nyx-theme] body .nyx-discord-profile-layout{
    grid-template-columns:320px minmax(0,1fr)!important;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane{
    padding:56px 28px!important;
  }
}
@media(max-width:680px){
  html[data-nyx-theme] body .nyx-discord-profile-scroll{overflow:auto!important}
  html[data-nyx-theme] body .nyx-discord-profile-layout{
    height:auto!important;
    min-height:100dvh;
    grid-template-columns:1fr!important;
  }
  html[data-nyx-theme] body .nyx-user-profile-form{
    height:auto!important;
    min-height:100dvh;
  }
  html[data-nyx-theme] body .nyx-discord-preview-pane{
    order:-1;
    height:auto!important;
    min-height:620px;
  }
}

/* Profile effects and accents are shared by the full card, compact account
   menu, Credits card, and the custom-effect editor. */
html[data-nyx-theme] body .nyx-account-menu{
  isolation:isolate;
  border-color:color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 72%,rgba(255,255,255,.12))!important;
  background:color-mix(in srgb,var(--nyx-account-primary,#5865f2) 24%,#111214)!important;
  box-shadow:
    inset 0 3px 0 var(--nyx-account-primary,#5865f2),
    inset 0 -3px 0 var(--nyx-account-secondary,#8ea1ff),
    0 20px 60px rgba(0,0,0,.56),
    0 0 24px color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 18%,transparent)!important;
}
html[data-nyx-theme] body .nyx-account-menu>*:not(.nyx-account-menu-profile-effect){
  position:relative;
  z-index:1;
}
html[data-nyx-theme] body .nyx-account-menu-profile{
  background:color-mix(in srgb,var(--nyx-account-primary,#5865f2) 46%,#1e1f22)!important;
}
html[data-nyx-theme] body .nyx-account-menu-profile::before{
  position:absolute;
  z-index:0;
  top:39px;
  right:10px;
  bottom:8px;
  left:10px;
  border:1px solid color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 24%,rgba(255,255,255,.06));
  border-radius:10px;
  background:color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 14%,#1e1f22);
  content:"";
  pointer-events:none;
}
html[data-nyx-theme] body .nyx-account-menu-profile :is(h2,.nyx-account-menu-handle,.nyx-account-menu-bio){
  position:relative;
  z-index:1;
}
html[data-nyx-theme] body .nyx-account-menu-avatar{
  z-index:2;
  border-color:color-mix(in srgb,var(--nyx-account-primary,#5865f2) 42%,#111214)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 74%,transparent),0 8px 22px rgba(0,0,0,.4);
}
html[data-nyx-theme] body .nyx-account-menu-status{
  z-index:2;
  border-color:color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 42%,transparent)!important;
  background:color-mix(in srgb,var(--nyx-account-primary,#5865f2) 24%,#1e1f22)!important;
}
html[data-nyx-theme] body .nyx-account-menu-group{
  border:1px solid color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 27%,rgba(255,255,255,.06));
  background:color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 12%,#1e1f22)!important;
}
html[data-nyx-theme] body .nyx-account-menu-group button svg{
  color:color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 68%,#fff)!important;
}
html[data-nyx-theme] body .nyx-account-menu-group button:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--nyx-account-primary,#5865f2) 28%,#35373c)!important;
}
html[data-nyx-theme] body .nyx-account-menu-group hr{
  background:color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 32%,#3f4147)!important;
}
html[data-nyx-theme] body .nyx-account-menu-profile-effect{
  position:absolute!important;
  z-index:3!important;
  inset:0!important;
  border-radius:inherit;
}

.nyx-user-profile-effect-custom .nyx-user-profile-effect{
  display:block!important;
  opacity:var(--nyx-custom-effect-opacity,.7)!important;
  mix-blend-mode:screen;
}
.nyx-user-profile-effect-custom.nyx-user-profile-custom-starfield .nyx-user-profile-effect{
  background-image:
    radial-gradient(circle,var(--nyx-custom-effect-primary,#fff) 0 1.8px,transparent 2.7px),
    radial-gradient(circle,var(--nyx-custom-effect-secondary,#8ea1ff) 0 1.2px,transparent 2.2px),
    radial-gradient(circle,color-mix(in srgb,var(--nyx-custom-effect-primary,#fff) 70%,var(--nyx-custom-effect-secondary,#8ea1ff)) 0 2.2px,transparent 3.2px);
  background-size:93px 117px,147px 173px,211px 239px;
  filter:drop-shadow(0 0 5px var(--nyx-custom-effect-secondary,#8ea1ff));
  animation:nyx-custom-effect-starfield var(--nyx-custom-effect-duration,7s) linear infinite!important;
}
.nyx-user-profile-effect-custom.nyx-user-profile-custom-aurora .nyx-user-profile-effect{
  background:linear-gradient(118deg,transparent 8%,color-mix(in srgb,var(--nyx-custom-effect-primary,#fff) 72%,transparent) 30%,transparent 49%,color-mix(in srgb,var(--nyx-custom-effect-secondary,#8ea1ff) 76%,transparent) 69%,transparent 92%);
  background-size:240% 100%;
  filter:blur(4px) saturate(1.25);
  animation:nyx-custom-effect-aurora var(--nyx-custom-effect-duration,7s) ease-in-out infinite!important;
}
.nyx-user-profile-effect-custom.nyx-user-profile-custom-comets .nyx-user-profile-effect{
  background-image:
    linear-gradient(138deg,transparent 44%,var(--nyx-custom-effect-primary,#fff) 48%,transparent 52%),
    linear-gradient(138deg,transparent 45%,var(--nyx-custom-effect-secondary,#8ea1ff) 49%,transparent 53%);
  background-size:170px 210px,270px 310px;
  background-position:30px -250px,190px -390px;
  filter:drop-shadow(-5px 5px 5px var(--nyx-custom-effect-secondary,#8ea1ff));
  animation:nyx-custom-effect-comets var(--nyx-custom-effect-duration,7s) linear infinite!important;
}
.nyx-user-profile-effect-custom.nyx-user-profile-custom-grid .nyx-user-profile-effect{
  background-image:
    linear-gradient(color-mix(in srgb,var(--nyx-custom-effect-secondary,#8ea1ff) 78%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--nyx-custom-effect-primary,#fff) 72%,transparent) 1px,transparent 1px),
    linear-gradient(180deg,transparent 20%,color-mix(in srgb,var(--nyx-custom-effect-secondary,#8ea1ff) 24%,transparent));
  background-size:32px 32px,32px 32px,100% 100%;
  filter:drop-shadow(0 0 5px var(--nyx-custom-effect-secondary,#8ea1ff));
  animation:nyx-custom-effect-grid var(--nyx-custom-effect-duration,7s) linear infinite!important;
}
@keyframes nyx-custom-effect-starfield{to{background-position:93px -117px,-147px -173px,211px -239px}}
@keyframes nyx-custom-effect-aurora{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@keyframes nyx-custom-effect-comets{to{background-position:-410px 420px,-520px 510px}}
@keyframes nyx-custom-effect-grid{to{background-position:0 64px,64px 0,0 0}}

html[data-nyx-theme] body .nyx-profile-custom-effect-builder{
  display:grid;
  grid-column:1/-1;
  gap:9px;
}
html[data-nyx-theme] body .nyx-profile-custom-effect-builder>[data-nyx-custom-effect-create]{
  width:100%;
  min-height:38px;
  border:1px solid color-mix(in srgb,var(--theme-accent,#5865f2) 56%,#35373c);
  border-radius:8px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent,#5865f2) 22%,#1e1f22),color-mix(in srgb,var(--theme-bright,#8ea1ff) 14%,#1e1f22));
  color:#f2f3f5;
  font:700 11px/1 "Outfit","Segoe UI",sans-serif;
  cursor:pointer;
}
html[data-nyx-theme] body .nyx-profile-custom-effect-builder>[data-nyx-custom-effect-create].active{
  border-color:var(--theme-accent,#5865f2);
  color:#fff;
  box-shadow:inset 0 0 18px color-mix(in srgb,var(--theme-accent,#5865f2) 18%,transparent);
}
html[data-nyx-theme] body .nyx-profile-custom-effect-controls{
  display:grid;
  gap:10px;
  padding:11px;
  border:1px solid #35373c;
  border-radius:9px;
  background:#17181c;
}
html[data-nyx-theme] body .nyx-profile-custom-effect-controls[hidden]{display:none!important}
html[data-nyx-theme] body .nyx-profile-custom-effect-controls label{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:5px 9px;
  color:#b5bac1!important;
  -webkit-text-fill-color:#b5bac1!important;
  font-size:10px!important;
  font-weight:700;
}
html[data-nyx-theme] body .nyx-profile-custom-effect-controls :is(select,input[type="color"],input[type="range"]){
  grid-column:1/-1;
  width:100%;
  box-sizing:border-box;
}
html[data-nyx-theme] body .nyx-profile-custom-effect-controls select{
  min-height:34px;
  border:1px solid #35373c;
  border-radius:7px;
  background:#1e1f22;
  color:#f2f3f5;
  padding:5px 8px;
}
html[data-nyx-theme] body .nyx-profile-custom-effect-controls input[type="color"]{
  height:34px;
  padding:3px;
  border:1px solid #35373c;
  border-radius:7px;
  background:#1e1f22;
}
html[data-nyx-theme] body .nyx-profile-custom-effect-controls output{
  color:#f2f3f5;
  font-size:10px;
}
html[data-nyx-theme] body .nyx-profile-custom-effect-controls small{
  grid-column:1/-1;
  color:#949ba4!important;
  -webkit-text-fill-color:#949ba4!important;
  font-size:9px!important;
}

/* Profile interaction polish: compact controls, uncropped media, and one edit affordance. */
html[data-nyx-theme] body.browser-shell .nyx-home-presence .nyx-profile-slot{
  place-items:center start!important;
}
html[data-nyx-theme] body.browser-shell .nyx-home-presence .nyx-profile-slot .nyx-account-button.nyx-account-button-rich{
  display:flex!important;
  width:154px!important;
  height:36px!important;
  min-width:154px!important;
  gap:8px!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  padding:3px 10px 3px 4px!important;
  overflow:hidden!important;
  border-radius:10px!important;
  border-color:color-mix(in srgb,var(--theme-accent,#8fb8ff) 52%,transparent)!important;
  background:color-mix(in srgb,var(--theme-panel,#172338) 90%,#07090d)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-account-button-rich .nyx-account-button-avatar{
  position:relative;
  display:grid;
  flex:0 0 28px;
  width:28px;
  height:28px;
  place-items:center;
  overflow:visible;
  border-radius:8px;
  background:color-mix(in srgb,var(--theme-accent,#8fb8ff) 24%,#111214);
  color:var(--theme-text,#fff)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-account-button-rich .nyx-account-button-avatar>img{
  width:28px!important;
  height:28px!important;
  border-radius:8px!important;
  object-fit:cover!important;
}
html[data-nyx-theme] body.browser-shell .nyx-account-button-rich .nyx-account-button-avatar>.nyx-user-status{
  position:absolute!important;
  right:-3px!important;
  bottom:-2px!important;
  width:8px!important;
  height:8px!important;
  box-sizing:content-box!important;
  border:2px solid color-mix(in srgb,var(--theme-panel,#172338) 90%,#07090d)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-account-button-rich .nyx-account-button-copy{
  display:grid!important;
  min-width:0;
  flex:1 1 auto;
  gap:0;
  text-align:left;
}
html[data-nyx-theme] body.browser-shell .nyx-account-button-rich .nyx-account-button-copy>strong,
html[data-nyx-theme] body.browser-shell .nyx-account-button-rich .nyx-account-button-copy>small{
  overflow:hidden;
  color:var(--theme-text,#fff)!important;
  -webkit-text-fill-color:currentColor!important;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:none!important;
}
html[data-nyx-theme] body.browser-shell .nyx-account-button-rich .nyx-account-button-copy>strong{
  font:700 11px/1.2 "Outfit","Segoe UI",sans-serif!important;
}
html[data-nyx-theme] body.browser-shell .nyx-account-button-rich .nyx-account-button-copy>small{
  opacity:.72;
  font:500 9px/1.2 "Outfit","Segoe UI",sans-serif!important;
}

.nyx-account-menu{
  border-radius:12px!important;
}
.nyx-account-menu-banner{
  height:116px!important;
}
.nyx-account-menu-banner img,
.nyx-user-profile-banner img,
.nyx-founder-banner img{
  display:block!important;
  min-width:100%!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
}
.nyx-founder-profile-standard .nyx-founder-banner{
  height:auto!important;
  aspect-ratio:17/6!important;
}
.nyx-founder-profile-standard .nyx-founder-banner img{
  object-fit:contain!important;
}
.nyx-user-role>img{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  object-fit:contain!important;
}
.nyx-founder-role-chip>img{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  object-fit:contain!important;
}
.nyx-profile-account-email-field .nyx-profile-optional{
  margin-left:5px!important;
  color:#b5bac1!important;
  -webkit-text-fill-color:#b5bac1!important;
  font-size:10px!important;
  font-weight:500!important;
  text-transform:none!important;
}
html[data-nyx-theme] body.browser-shell .nyx-home-presence.nyx-owner-presence-action{
  cursor:pointer!important;
  border-color:color-mix(in srgb,var(--theme-accent,#8fb8ff) 62%,transparent)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent,#8fb8ff) 18%,transparent),0 8px 22px rgba(0,0,0,.22)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-home-presence.nyx-owner-presence-action:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--theme-accent,#8fb8ff) 16%,var(--theme-panel,#101827))!important;
  outline:none!important;
}
.nyx-account-menu-profile{
  min-height:154px!important;
  padding-top:47px!important;
  padding-bottom:13px!important;
}
.nyx-account-menu-profile h2{
  font-size:17px!important;
}
.nyx-account-menu-bio{
  margin-top:10px!important;
  font-size:12px!important;
}
.nyx-account-menu-group{
  margin-top:5px!important;
  padding:4px!important;
  border-radius:9px!important;
}
.nyx-account-menu-group button{
  min-height:33px!important;
  gap:9px!important;
  padding:4px 7px!important;
  border-radius:5px!important;
  font-size:11.5px!important;
}
.nyx-account-menu-group button svg{
  flex-basis:16px!important;
  width:16px!important;
  height:16px!important;
}
.nyx-account-menu-group hr{
  margin:2px 8px!important;
}
html[data-nyx-theme] body .nyx-account-menu-profile h2.nyx-name-effect-gradient,
html[data-nyx-theme] body .nyx-account-menu-profile h2.nyx-name-effect-neon,
html[data-nyx-theme] body .nyx-account-menu-profile h2.nyx-name-effect-pop{
  background:linear-gradient(105deg,var(--nyx-name-color-primary,#fff),var(--nyx-name-color-secondary,#8ea1ff),var(--nyx-name-color-primary,#fff))!important;
  background-size:220% 100%!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}

html[data-nyx-theme] body .nyx-profile-drawer .nyx-user-profile-banner[data-nyx-direct-edit]::after,
html[data-nyx-theme] body .nyx-profile-drawer .nyx-user-profile-avatar[data-nyx-direct-edit]::before{
  display:none!important;
  content:none!important;
}
html[data-nyx-theme] body .nyx-profile-drawer .nyx-profile-media-edit-avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
}
html[data-nyx-theme] body .nyx-profile-direct-popover{
  width:min(288px,calc(100vw - 28px))!important;
  gap:13px!important;
  padding:14px!important;
  border:1px solid #3f4147!important;
  border-radius:11px!important;
  background:linear-gradient(160deg,#232428,#17181c)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-nyx-theme] body .nyx-profile-direct-popover header{
  padding-bottom:10px!important;
  border-bottom:1px solid #35373c!important;
}
html[data-nyx-theme] body .nyx-profile-direct-popover header>button{
  width:27px!important;
  height:27px!important;
  border:1px solid #4e5058!important;
  border-radius:7px!important;
  background:#1e1f22!important;
}
html[data-nyx-theme] body .nyx-profile-direct-actions{
  gap:7px!important;
}
html[data-nyx-theme] body .nyx-profile-direct-actions button{
  min-height:34px!important;
  padding:6px 9px!important;
  border:1px solid color-mix(in srgb,var(--nyx-direct-primary,#5865f2) 52%,#3f4147)!important;
  border-radius:7px!important;
  background:var(--nyx-direct-primary,#5865f2)!important;
  font-size:11px!important;
}
html[data-nyx-theme] body .nyx-profile-direct-actions button:last-child{
  border-color:#3f4147!important;
  background:#2b2d31!important;
}
html[data-nyx-theme] body .nyx-profile-direct-popover :is(select,textarea,input[type="color"]){
  border:1px solid #3f4147!important;
  border-radius:7px!important;
  background:#111214!important;
}

html[data-nyx-theme] body .nyx-user-profile-form>footer{
  bottom:12px!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:8px!important;
  min-height:44px!important;
  padding:7px 8px 7px 11px!important;
  border:1px solid #35373c!important;
  border-radius:8px!important;
  background:#18191c!important;
  box-shadow:0 10px 28px rgba(0,0,0,.42)!important;
}
html[data-nyx-theme] body .nyx-user-profile-form>footer>strong{
  overflow:hidden;
  font-size:11px!important;
  font-weight:650!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html[data-nyx-theme] body .nyx-profile-reset-button{
  min-height:28px!important;
  padding:2px 5px!important;
  font-size:11px!important;
}
html[data-nyx-theme] body .nyx-user-profile-form>footer>.settings-action{
  min-width:76px!important;
  min-height:29px!important;
  padding:2px 9px!important;
  border-radius:5px!important;
  font-size:11px!important;
}

/* Denser, brighter meteor streaks with independent foreground comets. */
.nyx-user-profile-effect-meteor-shower .nyx-user-profile-effect{
  display:block!important;
  opacity:.92!important;
  background:
    radial-gradient(circle,rgba(255,255,255,.95) 0 1.2px,transparent 2px) 18% -12%/109px 127px,
    radial-gradient(circle,color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 74%,#fff) 0 1px,transparent 2px) 72% -28%/157px 173px,
    radial-gradient(circle,rgba(214,231,255,.78) 0 .9px,transparent 1.8px) 38% 4%/197px 149px!important;
  filter:drop-shadow(0 0 3px color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 45%,transparent))!important;
  animation:nyx-profile-meteor-field 9s linear infinite!important;
}
.nyx-user-profile-effect-meteor-shower .nyx-user-profile-effect::before,
.nyx-user-profile-effect-meteor-shower .nyx-user-profile-effect::after{
  content:"";
  position:absolute;
  width:150px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 64%,#fff) 72%,#fff 98%);
  filter:drop-shadow(0 0 5px rgba(255,255,255,.82));
  transform:rotate(135deg);
  animation:nyx-profile-meteor-comet 3.2s linear infinite;
}
.nyx-user-profile-effect-meteor-shower .nyx-user-profile-effect::before{top:-70px;right:0;animation-delay:-1.1s}
.nyx-user-profile-effect-meteor-shower .nyx-user-profile-effect::after{top:-145px;right:45%;width:100px;height:2px;opacity:.72;animation-delay:-2.35s;animation-duration:4.1s}
@keyframes nyx-profile-meteor-field{
  to{background-position:18% 260px,72% 320px,38% 300px}
}
@keyframes nyx-profile-meteor-comet{
  0%{translate:160px -120px;opacity:0}
  9%{opacity:1}
  72%{opacity:.92}
  100%{translate:-560px 600px;opacity:0}
}

@media(max-width:720px){
  html[data-nyx-theme] body.browser-shell .nyx-home-presence .nyx-profile-slot .nyx-account-button.nyx-account-button-rich{
    width:126px!important;
    min-width:126px!important;
    height:32px!important;
  }
  html[data-nyx-theme] body.browser-shell .nyx-account-button-rich .nyx-account-button-avatar,
  html[data-nyx-theme] body.browser-shell .nyx-account-button-rich .nyx-account-button-avatar>img{
    width:24px!important;
    height:24px!important;
    flex-basis:24px;
  }
}

/* Discord-style display name customization. */
.nyx-styled-display-name{display:inline-block!important;max-width:100%;color:var(--nyx-name-color-primary,#fff)!important;-webkit-text-fill-color:var(--nyx-name-color-primary,#fff)!important;line-height:1.14;text-overflow:ellipsis}
html body .nyx-styled-display-name.nyx-name-font-gg-sans[class]{font-family:"Outfit","Segoe UI",Arial,sans-serif!important}
html body .nyx-styled-display-name.nyx-name-font-headline[class]{font-family:"Arial Black","Franklin Gothic Heavy","Segoe UI",sans-serif!important;font-size:1.08em!important;font-weight:900!important;letter-spacing:-.035em}
html body .nyx-styled-display-name.nyx-name-font-rounded[class]{font-family:"Arial Rounded MT Bold","Trebuchet MS","Segoe UI",sans-serif!important;font-size:1.06em!important;font-weight:900!important;letter-spacing:-.025em}
html body .nyx-styled-display-name.nyx-name-font-wide[class]{font-family:"Arial Black","Trebuchet MS","Segoe UI",sans-serif!important;font-size:1.04em!important;font-weight:900!important;letter-spacing:.075em;text-transform:uppercase}
html body .nyx-styled-display-name.nyx-name-font-slab[class]{font-family:Rockwell,"Roboto Slab","Palatino Linotype",Georgia,serif!important;font-size:1.06em!important;font-weight:900!important;letter-spacing:-.02em}
html body .nyx-styled-display-name.nyx-name-font-condensed[class]{font-family:"Bahnschrift Condensed","Arial Narrow","Roboto Condensed",sans-serif!important;font-size:1.1em!important;font-stretch:condensed;font-weight:800!important;letter-spacing:.015em}
html body .nyx-styled-display-name.nyx-name-font-mono-block[class]{font-family:"Cascadia Mono","Segoe UI Mono","Courier New",monospace!important;font-size:1.02em!important;font-weight:900!important;letter-spacing:-.055em}
html body .nyx-styled-display-name.nyx-name-font-tempo[class]{font-family:Impact,"Arial Black",sans-serif!important;font-size:1.12em!important;font-weight:500!important;letter-spacing:.02em}
html body .nyx-styled-display-name.nyx-name-font-sakura[class]{font-family:"Segoe Script","Brush Script MT",cursive!important;font-size:1.14em!important;font-weight:700!important}
html body .nyx-styled-display-name.nyx-name-font-jellybean[class]{font-family:"Comic Sans MS","Trebuchet MS",cursive!important;font-size:1.06em!important;font-weight:700!important;letter-spacing:.01em}
html body .nyx-styled-display-name.nyx-name-font-modern[class]{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif!important;font-size:1.08em!important;font-weight:800!important;letter-spacing:.07em;text-transform:uppercase}
html body .nyx-styled-display-name.nyx-name-font-medieval[class]{font-family:"Palatino Linotype","Book Antiqua",Georgia,serif!important;font-size:1.08em!important;font-weight:700!important;letter-spacing:.025em}
html body .nyx-styled-display-name.nyx-name-font-eight-bit[class]{font-family:"Cascadia Mono","Courier New",monospace!important;font-size:1.07em!important;font-weight:800!important;letter-spacing:-.06em;text-transform:uppercase}
html body .nyx-styled-display-name.nyx-name-font-vampyre[class]{font-family:Copperplate,"Times New Roman",serif!important;font-size:1.08em!important;font-weight:800!important;font-variant:small-caps;letter-spacing:.07em}
.nyx-name-effect-solid{color:var(--nyx-name-color-primary,#fff)!important;-webkit-text-fill-color:var(--nyx-name-color-primary,#fff)!important}
.nyx-name-effect-gradient,.nyx-name-effect-neon,.nyx-name-effect-pop{background:linear-gradient(105deg,var(--nyx-name-color-primary,#fff),var(--nyx-name-color-secondary,#8ea1ff),var(--nyx-name-color-primary,#fff));background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}
.nyx-name-effect-gradient{animation:nyx-name-gradient 5s ease-in-out infinite}
.nyx-name-effect-neon{text-shadow:0 0 5px color-mix(in srgb,var(--nyx-name-color-primary,#fff) 88%,transparent),0 0 12px color-mix(in srgb,var(--nyx-name-color-secondary,#8ea1ff) 78%,transparent),0 0 22px color-mix(in srgb,var(--nyx-name-color-secondary,#8ea1ff) 58%,transparent);animation:nyx-name-neon 2.4s ease-in-out infinite}
.nyx-name-effect-toon{color:var(--nyx-name-color-primary,#fff)!important;-webkit-text-fill-color:var(--nyx-name-color-primary,#fff)!important;-webkit-text-stroke:1px color-mix(in srgb,var(--nyx-name-color-secondary,#8ea1ff) 76%,#17181b);text-shadow:2px 2px 0 var(--nyx-name-color-secondary,#8ea1ff),3px 3px 0 rgba(0,0,0,.42);animation:nyx-name-toon 2.8s ease-in-out infinite;transform-origin:center bottom}
.nyx-name-effect-pop{filter:drop-shadow(0 2px 0 color-mix(in srgb,var(--nyx-name-color-secondary,#8ea1ff) 72%,#111));animation:nyx-name-gradient 4.6s linear infinite,nyx-name-pop 2.8s ease-in-out infinite;transform-origin:center bottom}
@keyframes nyx-name-gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes nyx-name-neon{0%,100%{filter:brightness(.9)}50%{filter:brightness(1.28)}}
@keyframes nyx-name-pop{0%,82%,100%{transform:translateY(0) scale(1)}88%{transform:translateY(-2px) scale(1.035)}93%{transform:translateY(0) scale(.985)}}
@keyframes nyx-name-toon{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-1px) rotate(-.45deg)}}

html[data-nyx-theme] body .nyx-profile-display-section .nyx-display-name-style-launcher{
  display:grid!important;
  width:100%!important;
  min-height:58px!important;
  grid-template-columns:minmax(0,1fr) 32px!important;
  align-items:center!important;
  gap:10px!important;
  box-sizing:border-box!important;
  padding:9px 10px!important;
  border:1px solid #35373c!important;
  border-radius:9px!important;
  background:#1e1f22!important;
  box-shadow:none!important;
  text-align:left!important;
}
html[data-nyx-theme] body .nyx-profile-display-section .nyx-display-name-style-launcher:hover,
html[data-nyx-theme] body .nyx-profile-display-section .nyx-display-name-style-launcher:focus-visible{
  border-color:#5865f2!important;
  outline:0!important;
  background:#232428!important;
}
html[data-nyx-theme] body .nyx-display-name-style-launcher>[data-nyx-name-style-preview]{
  overflow:hidden;
  font-size:19px!important;
  white-space:nowrap;
}
html[data-nyx-theme] body .nyx-display-name-style-launcher>strong{
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:50%;
  background:#dbdee1!important;
  color:#1e1f22!important;
  -webkit-text-fill-color:#1e1f22!important;
  font:700 23px/1 Arial,sans-serif!important;
}
html[data-nyx-theme] body .nyx-display-name-editor{
  display:grid;
  gap:14px;
  padding:12px;
  border:1px solid #35373c;
  border-radius:10px;
  background:#18191c;
}
html[data-nyx-theme] body .nyx-display-name-editor[hidden]{display:none!important}
html[data-nyx-theme] body .nyx-display-name-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
html[data-nyx-theme] body .nyx-display-name-editor-head>div:first-child{display:grid;gap:2px}
html[data-nyx-theme] body .nyx-display-name-editor-head strong{color:#f2f3f5!important;-webkit-text-fill-color:#f2f3f5!important;font-size:12px}
html[data-nyx-theme] body .nyx-display-name-editor-head small{color:#949ba4!important;-webkit-text-fill-color:#949ba4!important;font-size:9px}
html[data-nyx-theme] body .nyx-name-preview-modes{display:flex;gap:3px}
html[data-nyx-theme] body .nyx-name-preview-modes>button{
  min-height:24px!important;
  padding:0 6px!important;
  border:1px solid #35373c!important;
  border-radius:5px!important;
  background:#111214!important;
  color:#b5bac1!important;
  -webkit-text-fill-color:#b5bac1!important;
  font-size:8px!important;
}
html[data-nyx-theme] body .nyx-name-preview-modes>button.active{border-color:#5865f2!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-nyx-theme] body .nyx-name-style-live-sample{display:grid;min-height:64px;place-items:center;padding:8px;border:1px solid #35373c;border-radius:8px;background:#111214}
html[data-nyx-theme] body .nyx-name-style-live-sample.light{background:#f2f3f5}
html[data-nyx-theme] body .nyx-name-style-live-sample>[data-nyx-name-style-preview]{max-width:100%;overflow:hidden;font-size:22px!important;white-space:nowrap}
html[data-nyx-theme] body .nyx-display-name-input-slot .nyx-profile-field{margin:0!important}
html[data-nyx-theme] body .nyx-name-style-group{min-width:0;margin:0;padding:0;border:0}
html[data-nyx-theme] body .nyx-name-style-group legend{margin-bottom:7px;color:#b5bac1;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
html[data-nyx-theme] body .nyx-name-font-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
html[data-nyx-theme] body .nyx-name-effect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
html[data-nyx-theme] body .nyx-name-style-choice{position:relative;min-width:0}
html[data-nyx-theme] body .nyx-name-style-choice>input{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0!important;pointer-events:none}
html[data-nyx-theme] body .nyx-name-style-choice>span{
  display:grid;
  min-height:34px;
  box-sizing:border-box;
  place-items:center;
  overflow:hidden;
  padding:5px;
  border:1px solid #35373c;
  border-radius:7px;
  background:#1e1f22;
  color:#dbdee1!important;
  -webkit-text-fill-color:#dbdee1!important;
  font-size:10px;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
  cursor:pointer;
}
html[data-nyx-theme] body .nyx-name-style-choice>input:checked+span{border-color:#5865f2;box-shadow:inset 0 0 0 1px #5865f2;background:color-mix(in srgb,#5865f2 16%,#1e1f22)}
html[data-nyx-theme] body .nyx-name-effect-choice>span{min-height:30px;font-family:"Outfit","Segoe UI",sans-serif!important;font-size:9px!important}
html[data-nyx-theme] body .nyx-name-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html[data-nyx-theme] body .nyx-name-color-grid>label{display:grid;gap:5px;color:#b5bac1;font-size:9px;font-weight:700;text-transform:uppercase}
html[data-nyx-theme] body .nyx-name-color-grid input[type="color"]{width:100%!important;height:38px!important;padding:4px!important;border:1px solid #35373c!important;border-radius:7px!important;background:#111214!important}
html[data-nyx-theme] body .nyx-display-name-editor[data-name-effect="solid"] [data-nyx-name-secondary-color]{display:none}
html[data-nyx-theme] body .nyx-name-surprise-button{
  min-height:34px!important;
  border:0!important;
  border-radius:7px!important;
  background:#5865f2!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:10px!important;
  font-weight:700!important;
}
html[data-nyx-theme] body .nyx-name-surprise-button:hover{background:#4752c4!important}
@media(prefers-reduced-motion:reduce){
  .nyx-name-effect-gradient,.nyx-name-effect-neon,.nyx-name-effect-pop{animation:none!important}
}

/* Profile and Settings share one matched home control row. */
html[data-nyx-theme][data-nyx-theme] body.browser-shell:is(body,#nyx-profile-settings-row):is(body,#nyx-profile-settings-controls)
  .browser-window.browser-home-page .nyx-home-actions{
  width:min(620px,100%)!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html[data-nyx-theme][data-nyx-theme] body.browser-shell:is(body,#nyx-profile-settings-row):is(body,#nyx-profile-settings-controls)
  .browser-window.browser-home-page .nyx-home-actions>button{
  height:38px!important;
  min-height:38px!important;
}
html[data-nyx-theme] body.browser-shell .nyx-home-action-profile{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4.5 21a7.5 7.5 0 0 1 15 0' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4.5 21a7.5 7.5 0 0 1 15 0' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Edit Profile and Settings > Account open this same left-side drawer. */
html[data-nyx-theme] body .nyx-user-profile-overlay.nyx-profile-drawer{
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  background:rgba(3,4,7,0)!important;
  backdrop-filter:none!important;
  transition:background-color .24s ease!important;
}
html[data-nyx-theme] body .nyx-user-profile-overlay.nyx-profile-drawer.show{
  background:rgba(3,4,7,.42)!important;
  backdrop-filter:none!important;
}
html[data-nyx-theme] body .nyx-profile-drawer .nyx-user-profile-dialog{
  width:min(800px,calc(100vw - 32px))!important;
  max-width:none!important;
  transform:translateX(-102%)!important;
  opacity:.98;
  border-right:1px solid #35373c!important;
  background:#0e0f10!important;
  box-shadow:18px 0 52px rgba(0,0,0,.5)!important;
  transition:transform .24s cubic-bezier(.22,.76,.3,1),opacity .18s ease!important;
  will-change:transform;
}
html[data-nyx-theme] body .nyx-profile-drawer.show .nyx-user-profile-dialog{
  transform:translateX(0)!important;
  opacity:1;
}
html[data-nyx-theme] body .nyx-profile-drawer.is-closing{
  pointer-events:none;
}
html[data-nyx-theme] body .nyx-profile-drawer .nyx-discord-profile-layout{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:304px minmax(0,1fr)!important;
}
html[data-nyx-theme] body .nyx-profile-drawer .nyx-user-profile-form{
  padding-right:30px!important;
  padding-left:30px!important;
}
html[data-nyx-theme] body .nyx-profile-drawer .nyx-profile-rail-header{
  margin-right:-30px!important;
  margin-left:-30px!important;
  padding-right:28px!important;
  padding-left:28px!important;
}
html[data-nyx-theme] body .nyx-profile-drawer .nyx-discord-preview-pane{
  min-width:0!important;
  padding:56px 48px!important;
}
html[data-nyx-theme] body .nyx-profile-drawer .nyx-discord-preview-pane .nyx-user-profile-card{
  display:flex!important;
  width:min(400px,100%)!important;
  max-width:400px!important;
  height:calc(100dvh - 112px)!important;
  min-height:650px!important;
  max-height:860px!important;
  box-sizing:border-box!important;
  flex-direction:column!important;
}
html[data-nyx-theme] body .nyx-profile-drawer .nyx-discord-preview-pane .nyx-user-profile-banner,
html[data-nyx-theme] body .nyx-profile-drawer .nyx-discord-preview-pane .nyx-user-profile-chrome{
  flex:0 0 auto!important;
}
html[data-nyx-theme] body .nyx-profile-drawer .nyx-discord-preview-pane .nyx-user-profile-body{
  flex:1 1 auto!important;
  min-height:0!important;
}
html[data-nyx-theme] body .nyx-profile-drawer .nyx-profile-media-edit-avatar{
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-50%,-50%)!important;
  transition:opacity .16s ease,background-color .16s ease!important;
}
html[data-nyx-theme] body .nyx-profile-drawer .nyx-profile-media-edit-banner{
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .16s ease,background-color .16s ease!important;
}
html[data-nyx-theme] body .nyx-profile-drawer .nyx-user-profile-avatar:is(:hover,:focus-within) .nyx-profile-media-edit-avatar,
html[data-nyx-theme] body .nyx-profile-drawer .nyx-profile-media-edit-avatar:is(:hover,:focus-visible){
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%,-50%)!important;
}
html[data-nyx-theme] body .nyx-profile-drawer .nyx-user-profile-banner:is(:hover,:focus-within) .nyx-profile-media-edit-banner,
html[data-nyx-theme] body .nyx-profile-drawer .nyx-profile-media-edit-banner:is(:hover,:focus-visible){
  opacity:1!important;
  pointer-events:auto!important;
}
html[data-nyx-theme] body .nyx-profile-drawer .nyx-user-profile-avatar:hover>img{
  filter:brightness(.72);
}
@media(max-width:900px){
  html[data-nyx-theme] body .nyx-profile-drawer .nyx-user-profile-dialog{
    width:min(800px,calc(100vw - 28px))!important;
  }
  html[data-nyx-theme] body .nyx-profile-drawer .nyx-discord-profile-layout{
    grid-template-columns:304px minmax(0,1fr)!important;
  }
  html[data-nyx-theme] body .nyx-profile-drawer .nyx-discord-preview-pane{
    padding-inline:30px!important;
  }
}
@media(max-width:680px){
  html[data-nyx-theme][data-nyx-theme] body.browser-shell:is(body,#nyx-profile-settings-row):is(body,#nyx-profile-settings-controls)
    .browser-window.browser-home-page .nyx-home-actions{
    width:100%!important;
  }
  html[data-nyx-theme][data-nyx-theme] body.browser-shell:is(body,#nyx-profile-settings-row):is(body,#nyx-profile-settings-controls)
    .browser-window.browser-home-page .nyx-home-actions>button{
    padding-inline:5px!important;
    gap:5px!important;
  }
  html[data-nyx-theme] body .nyx-profile-drawer .nyx-user-profile-dialog{
    width:100vw!important;
  }
  html[data-nyx-theme] body .nyx-profile-drawer .nyx-discord-profile-layout{
    grid-template-columns:1fr!important;
  }
  html[data-nyx-theme] body .nyx-profile-drawer .nyx-user-profile-form{
    padding-right:22px!important;
    padding-left:22px!important;
  }
  html[data-nyx-theme] body .nyx-profile-drawer .nyx-profile-rail-header{
    margin-right:-22px!important;
    margin-left:-22px!important;
    padding-right:20px!important;
    padding-left:20px!important;
  }
  html[data-nyx-theme] body .nyx-profile-drawer .nyx-discord-preview-pane .nyx-user-profile-card{
    height:auto!important;
    min-height:620px!important;
    max-height:none!important;
  }
}

/* Final profile-surface pass: profile accents tint Discord-like gray surfaces
   without becoming the page background or stacking bright nested outlines. */
html[data-nyx-theme] body .nyx-account-menu{
  border:1px solid color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 28%,rgba(255,255,255,.1))!important;
  background:#111214!important;
  box-shadow:
    0 20px 60px rgba(0,0,0,.56),
    0 2px 8px rgba(0,0,0,.42),
    0 0 0 1px color-mix(in srgb,var(--nyx-account-primary,#5865f2) 10%,transparent)!important;
}
html[data-nyx-theme] body .nyx-account-menu-profile{
  background:linear-gradient(
    180deg,
    color-mix(in srgb,#1e1f22 84%,var(--nyx-account-primary,#5865f2)) 0%,
    color-mix(in srgb,#1e1f22 90%,var(--nyx-account-secondary,#8ea1ff)) 100%
  )!important;
}
html[data-nyx-theme] body .nyx-account-menu-profile::before{
  display:none!important;
}
html[data-nyx-theme] body .nyx-account-menu-avatar{
  border-color:#111214!important;
  box-shadow:
    0 0 0 2px color-mix(in srgb,var(--nyx-account-primary,#5865f2) 52%,transparent),
    0 8px 22px rgba(0,0,0,.4)!important;
}
html[data-nyx-theme] body .nyx-account-menu-status{
  border-color:rgba(255,255,255,.1)!important;
  background:color-mix(in srgb,#1e1f22 88%,var(--nyx-account-secondary,#8ea1ff))!important;
}
html[data-nyx-theme] body .nyx-account-menu-group{
  border:1px solid rgba(255,255,255,.065)!important;
  background:color-mix(in srgb,#1e1f22 94%,var(--nyx-account-primary,#5865f2))!important;
}
html[data-nyx-theme] body .nyx-account-menu-group button{
  border:0!important;
  box-shadow:none!important;
}
html[data-nyx-theme] body .nyx-account-menu-group button svg{
  color:color-mix(in srgb,#b5bac1 78%,var(--nyx-account-secondary,#8ea1ff))!important;
}
html[data-nyx-theme] body .nyx-account-menu-group button:is(:hover,:focus-visible){
  background:color-mix(in srgb,#35373c 86%,var(--nyx-account-primary,#5865f2))!important;
}
html[data-nyx-theme] body .nyx-account-menu-group button:focus-visible{
  box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--nyx-account-primary,#5865f2) 58%,#fff)!important;
}
html[data-nyx-theme] body .nyx-account-menu-group hr{
  background:color-mix(in srgb,#3f4147 88%,var(--nyx-account-secondary,#8ea1ff))!important;
}
html[data-nyx-theme] body .nyx-user-profile-card{
  border:1px solid color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 32%,#4e5058)!important;
  background:linear-gradient(
    180deg,
    color-mix(in srgb,#1e1f22 82%,var(--nyx-user-accent-primary,#5865f2)) 0%,
    color-mix(in srgb,#1e1f22 88%,var(--nyx-user-accent-secondary,#8ea1ff)) 100%
  )!important;
  box-shadow:
    0 26px 70px rgba(0,0,0,.42),
    inset 0 2px 0 color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 72%,transparent),
    inset 0 -2px 0 color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 60%,transparent)!important;
}
html[data-nyx-theme] body .nyx-user-profile-body{
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(
    180deg,
    color-mix(in srgb,#2b2d31 84%,var(--nyx-user-accent-primary,#5865f2)) 0%,
    color-mix(in srgb,#2b2d31 90%,var(--nyx-user-accent-secondary,#8ea1ff)) 100%
  )!important;
}

/* High-visibility profile palette: the selected primary and accent colors
   tint the actual card surfaces, while the avatar ring remains neutral. */
html[data-nyx-theme] body .nyx-account-menu{
  border-color:color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 58%,rgba(255,255,255,.18))!important;
  background:linear-gradient(
    180deg,
    color-mix(in srgb,var(--nyx-account-primary,#5865f2) 45%,#111214) 0%,
    color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 36%,#111214) 100%
  )!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-nyx-theme] body .nyx-account-menu-profile{
  background:linear-gradient(
    180deg,
    color-mix(in srgb,var(--nyx-account-primary,#5865f2) 58%,#1e1f22) 0%,
    color-mix(in srgb,var(--nyx-account-primary,#5865f2) 43%,#1e1f22) 58%,
    color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 42%,#1e1f22) 100%
  )!important;
}
html[data-nyx-theme] body .nyx-account-menu-avatar{
  border-color:#202225!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.2),0 8px 22px rgba(0,0,0,.4)!important;
}
html[data-nyx-theme] body .nyx-account-menu-avatar>.nyx-user-status{
  border-color:#202225!important;
}
html[data-nyx-theme] body .nyx-account-menu-status{
  border-color:color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 52%,rgba(255,255,255,.18))!important;
  background:color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 42%,#1e1f22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-nyx-theme] body .nyx-account-menu-group{
  border-color:color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 42%,rgba(255,255,255,.12))!important;
  background:linear-gradient(
    135deg,
    color-mix(in srgb,var(--nyx-account-primary,#5865f2) 31%,#1e1f22),
    color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 34%,#1e1f22)
  )!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-nyx-theme] body .nyx-account-menu-group button:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 38%,#35373c)!important;
}
html[data-nyx-theme] body .nyx-user-profile-card{
  border-color:color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 70%,rgba(255,255,255,.18))!important;
  background:linear-gradient(
    180deg,
    color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 72%,#1e1f22) 0%,
    color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 57%,#1e1f22) 58%,
    color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 60%,#1e1f22) 100%
  )!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-nyx-theme] body .nyx-user-profile-body{
  border-color:color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 48%,rgba(255,255,255,.2))!important;
  background:linear-gradient(
    180deg,
    color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 52%,#2b2d31) 0%,
    color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 42%,#2b2d31) 62%,
    color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 46%,#2b2d31) 100%
  )!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-nyx-theme] body .nyx-user-profile-avatar{
  border-color:#202225!important;
  background:#202225!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.22),0 8px 20px rgba(0,0,0,.34)!important;
}
html[data-nyx-theme] body .nyx-user-profile-avatar>.nyx-user-status{
  border-color:#202225!important;
}

/* Profile presentation is deliberately exempt from the browser chrome's
   blanket text/background reset. Keep every saved name effect visible on all
   three profile surfaces, and restore Glow after the accent surface pass. */
html[data-nyx-theme] body.browser-shell .nyx-styled-display-name.nyx-name-effect-solid{
  color:var(--nyx-name-color-primary,#fff)!important;
  -webkit-text-fill-color:var(--nyx-name-color-primary,#fff)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-styled-display-name:is(.nyx-name-effect-gradient,.nyx-name-effect-neon,.nyx-name-effect-pop){
  background-image:linear-gradient(105deg,var(--nyx-name-color-primary,#fff),var(--nyx-name-color-secondary,#8ea1ff),var(--nyx-name-color-primary,#fff))!important;
  background-size:220% 100%!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
html[data-nyx-theme] body.browser-shell .nyx-styled-display-name.nyx-name-effect-neon{
  text-shadow:
    0 0 5px color-mix(in srgb,var(--nyx-name-color-primary,#fff) 88%,transparent),
    0 0 12px color-mix(in srgb,var(--nyx-name-color-secondary,#8ea1ff) 78%,transparent),
    0 0 22px color-mix(in srgb,var(--nyx-name-color-secondary,#8ea1ff) 58%,transparent)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-styled-display-name.nyx-name-effect-toon{
  color:var(--nyx-name-color-primary,#fff)!important;
  -webkit-text-fill-color:var(--nyx-name-color-primary,#fff)!important;
  -webkit-text-stroke:1px color-mix(in srgb,var(--nyx-name-color-secondary,#8ea1ff) 76%,#17181b)!important;
  text-shadow:2px 2px 0 var(--nyx-name-color-secondary,#8ea1ff),3px 3px 0 rgba(0,0,0,.42)!important;
}
html[data-nyx-theme] body.browser-shell .nyx-account-button-copy>.nyx-styled-display-name{
  overflow:visible!important;
}
html[data-nyx-theme] body.browser-shell #nyxAccountButton .nyx-account-button-copy>.nyx-styled-display-name.nyx-name-effect-solid{
  color:var(--nyx-name-color-primary,#fff)!important;
  -webkit-text-fill-color:var(--nyx-name-color-primary,#fff)!important;
}
html[data-nyx-theme] body.browser-shell #nyxAccountButton .nyx-account-button-copy>.nyx-styled-display-name:is(.nyx-name-effect-gradient,.nyx-name-effect-neon,.nyx-name-effect-pop){
  background-image:linear-gradient(105deg,var(--nyx-name-color-primary,#fff),var(--nyx-name-color-secondary,#8ea1ff),var(--nyx-name-color-primary,#fff))!important;
  background-size:220% 100%!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
html[data-nyx-theme] body.browser-shell #nyxAccountButton .nyx-account-button-copy>.nyx-styled-display-name.nyx-name-effect-neon{
  text-shadow:
    0 0 4px color-mix(in srgb,var(--nyx-name-color-primary,#fff) 86%,transparent),
    0 0 9px color-mix(in srgb,var(--nyx-name-color-secondary,#8ea1ff) 72%,transparent)!important;
}
html[data-nyx-theme] body.browser-shell #nyxAccountButton .nyx-account-button-copy>.nyx-styled-display-name.nyx-name-effect-toon{
  color:var(--nyx-name-color-primary,#fff)!important;
  -webkit-text-fill-color:var(--nyx-name-color-primary,#fff)!important;
  -webkit-text-stroke:.7px color-mix(in srgb,var(--nyx-name-color-secondary,#8ea1ff) 76%,#17181b)!important;
  text-shadow:1px 1px 0 var(--nyx-name-color-secondary,#8ea1ff)!important;
}
html[data-nyx-theme] body .nyx-account-menu.nyx-user-profile-effect-glow{
  box-shadow:
    0 20px 60px rgba(0,0,0,.56),
    0 2px 8px rgba(0,0,0,.42),
    0 0 30px color-mix(in srgb,var(--nyx-account-secondary,#8ea1ff) 72%,transparent),
    inset 0 0 24px color-mix(in srgb,var(--nyx-account-primary,#5865f2) 32%,transparent)!important;
}
html[data-nyx-theme] body .nyx-user-profile-card.nyx-user-profile-effect-glow{
  box-shadow:
    0 26px 70px rgba(0,0,0,.42),
    0 0 34px color-mix(in srgb,var(--nyx-user-accent-secondary,#8ea1ff) 72%,transparent),
    inset 0 0 28px color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 30%,transparent)!important;
}

/* The profile editor's Main Profile control is a real account/profile
   switcher. It stays inside the rail and protects unsaved edits. */
html[data-nyx-theme] body .nyx-profile-rail-header{
  overflow:visible!important;
}
html[data-nyx-theme] body .nyx-profile-rail-header>[data-nyx-profile-switch-toggle]{
  cursor:pointer!important;
}
html[data-nyx-theme] body .nyx-profile-rail-header>[data-nyx-profile-switch-toggle]:is(:hover,.active){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-nyx-theme] body .nyx-profile-rail-header>[data-nyx-profile-switch-toggle] svg{
  transition:transform .15s ease;
}
html[data-nyx-theme] body .nyx-profile-rail-header>[data-nyx-profile-switch-toggle].active svg{
  transform:rotate(180deg);
}
html[data-nyx-theme] body .nyx-profile-switch-menu{
  position:absolute!important;
  z-index:40!important;
  top:50px!important;
  left:18px!important;
  display:grid!important;
  width:min(270px,calc(100% - 36px))!important;
  box-sizing:border-box!important;
  gap:6px!important;
  padding:8px!important;
  border:1px solid #3f4147!important;
  border-radius:8px!important;
  background:#18191c!important;
  color:#f2f3f5!important;
  -webkit-text-fill-color:#f2f3f5!important;
  box-shadow:0 14px 34px rgba(0,0,0,.5)!important;
}
html[data-nyx-theme] body .nyx-profile-switch-menu[hidden]{
  display:none!important;
}
html[data-nyx-theme] body .nyx-profile-switch-current{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) 8px!important;
  align-items:center!important;
  gap:9px!important;
  min-height:48px!important;
  padding:5px 7px 8px!important;
  border-bottom:1px solid #3f4147!important;
}
html[data-nyx-theme] body .nyx-profile-switch-avatar{
  position:relative;
  display:grid!important;
  width:36px!important;
  height:36px!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--nyx-user-accent-primary,#5865f2) 40%,#2b2d31)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-nyx-theme] body .nyx-profile-switch-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
html[data-nyx-theme] body .nyx-profile-switch-avatar>b{
  color:inherit!important;
  font-size:14px!important;
}
html[data-nyx-theme] body .nyx-profile-switch-current>span:nth-child(2),
html[data-nyx-theme] body .nyx-profile-switch-menu>[data-nyx-switch-profile]>span{
  display:grid!important;
  min-width:0!important;
  gap:2px!important;
}
html[data-nyx-theme] body .nyx-profile-switch-current strong,
html[data-nyx-theme] body .nyx-profile-switch-menu>[data-nyx-switch-profile] strong{
  overflow:hidden!important;
  color:#f2f3f5!important;
  -webkit-text-fill-color:#f2f3f5!important;
  font-size:12px!important;
  font-weight:650!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-nyx-theme] body .nyx-profile-switch-current small,
html[data-nyx-theme] body .nyx-profile-switch-menu>[data-nyx-switch-profile] small{
  overflow:hidden!important;
  color:#b5bac1!important;
  -webkit-text-fill-color:#b5bac1!important;
  font-size:10px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-nyx-theme] body .nyx-profile-switch-current>i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#23a55a!important;
}
html[data-nyx-theme] body .nyx-profile-switch-menu>[data-nyx-switch-profile]{
  display:grid!important;
  width:100%!important;
  min-height:48px!important;
  grid-template-columns:19px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:6px 8px!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#dbdee1!important;
  -webkit-text-fill-color:#dbdee1!important;
  text-align:left!important;
  cursor:pointer!important;
}
html[data-nyx-theme] body .nyx-profile-switch-menu>[data-nyx-switch-profile]:is(:hover,:focus-visible){
  background:#35373c!important;
  outline:none!important;
}
html[data-nyx-theme] body .nyx-profile-switch-menu>[data-nyx-switch-profile]>svg{
  width:19px!important;
  height:19px!important;
  fill:none!important;
  stroke:#b5bac1!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html[data-nyx-theme] body .nyx-profile-switch-confirm{
  display:grid!important;
  gap:6px!important;
  padding:7px!important;
}
html[data-nyx-theme] body .nyx-profile-switch-confirm[hidden]{
  display:none!important;
}
html[data-nyx-theme] body .nyx-profile-switch-confirm>strong{
  color:#f2f3f5!important;
  -webkit-text-fill-color:#f2f3f5!important;
  font-size:12px!important;
}
html[data-nyx-theme] body .nyx-profile-switch-confirm>p{
  margin:0!important;
  color:#b5bac1!important;
  -webkit-text-fill-color:#b5bac1!important;
  font-size:10px!important;
  line-height:1.4!important;
}
html[data-nyx-theme] body .nyx-profile-switch-confirm>div{
  display:flex!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin-top:3px!important;
}
html[data-nyx-theme] body .nyx-profile-switch-confirm button{
  min-height:30px!important;
  margin:0!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:4px!important;
  background:#2b2d31!important;
  color:#f2f3f5!important;
  -webkit-text-fill-color:#f2f3f5!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:650!important;
}
html[data-nyx-theme] body .nyx-profile-switch-confirm [data-nyx-switch-discard]{
  background:#da373c!important;
}
html[data-nyx-theme] body .nyx-profile-switch-confirm button:is(:hover,:focus-visible){
  filter:brightness(1.12)!important;
  outline:none!important;
}
@media(max-width:680px){
  html[data-nyx-theme] body .nyx-profile-switch-menu{
    left:14px!important;
    width:min(270px,calc(100% - 28px))!important;
  }
}

/* Nyx AI: focused two-pane workspace inspired by modern chat applications. */
html body .lion-ai-panel{
  --ai-accent:var(--accent,#b889ff);
  --ai-line:color-mix(in srgb,var(--ai-accent) 21%,rgba(255,255,255,.09));
  --ai-muted:color-mix(in srgb,#eef2ff 58%,transparent);
  height:calc(100% - 32px)!important;
  display:grid!important;
  grid-template-columns:232px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#f7f8ff!important;
  background:
    radial-gradient(700px 480px at 76% 42%,color-mix(in srgb,var(--ai-accent) 10%,transparent),transparent 72%),
    linear-gradient(145deg,#070a13,#090b17 52%,#070914)!important;
}
html body .lion-ai-sidebar{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:17px 13px 14px;
  border-right:1px solid var(--ai-line);
  background:rgba(4,6,13,.74);
}
html body .lion-ai-side-brand{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 7px 9px;
  color:#f7f8ff!important;
  font-size:15px;
  letter-spacing:-.01em;
}
html body .lion-ai-mark{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px;
  border:0!important;
  border-radius:8px!important;
  background-color:transparent!important;
  background-image:var(--nyx-themed-logo-url,url("/assets/icons/nyx-logo.png"))!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:190%!important;
  box-shadow:none!important;
  color:transparent!important;
}
html body .lion-ai-new-chat,
html body .lion-ai-conversation{
  width:100%;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid var(--ai-line)!important;
  border-radius:9px!important;
  color:#eef0fa!important;
  -webkit-text-fill-color:#eef0fa!important;
  box-shadow:none!important;
}
html body .lion-ai-new-chat{
  min-height:43px!important;
  justify-content:flex-start!important;
  padding:0 12px!important;
  background:color-mix(in srgb,var(--ai-accent) 14%,rgba(14,17,30,.92))!important;
  font-size:13px!important;
  font-weight:650!important;
}
html body .lion-ai-new-chat>span:first-child{
  color:var(--ai-accent)!important;
  -webkit-text-fill-color:var(--ai-accent)!important;
  font-size:19px;
  line-height:1;
}
html body .lion-ai-side-label{
  margin:15px 7px 1px;
  color:var(--ai-muted)!important;
  -webkit-text-fill-color:var(--ai-muted)!important;
  font-size:9px;
  font-weight:750;
  letter-spacing:.15em;
}
html body .lion-ai-conversation{
  min-height:51px!important;
  justify-content:flex-start!important;
  padding:8px 10px!important;
  background:rgba(255,255,255,.035)!important;
  text-align:left!important;
}
html body .lion-ai-conversation.active{
  border-color:color-mix(in srgb,var(--ai-accent) 39%,transparent)!important;
  background:color-mix(in srgb,var(--ai-accent) 10%,rgba(255,255,255,.035))!important;
}
html body .lion-ai-conversation>span:first-child{
  color:var(--ai-accent)!important;
  -webkit-text-fill-color:var(--ai-accent)!important;
  font-size:15px;
}
html body .lion-ai-conversation>span:last-child{
  min-width:0;
  display:grid;
  gap:2px;
}
html body .lion-ai-conversation strong{
  overflow:hidden;
  color:#eef0fa!important;
  -webkit-text-fill-color:#eef0fa!important;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html body .lion-ai-conversation small{
  color:var(--ai-muted)!important;
  -webkit-text-fill-color:var(--ai-muted)!important;
  font-size:9px;
}
html body .lion-ai-side-spacer{flex:1}
html body .lion-ai-model-card{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:52px;
  padding:9px 10px;
  border:1px solid var(--ai-line);
  border-radius:9px;
  background:rgba(255,255,255,.028);
}
html body .lion-ai-ready-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#66d99a;
  box-shadow:0 0 12px rgba(102,217,154,.55);
}
html body .lion-ai-model-card>span:last-child{min-width:0;display:grid;gap:2px}
html body .lion-ai-model-card small{
  color:var(--ai-muted)!important;
  -webkit-text-fill-color:var(--ai-muted)!important;
  font-size:8px;
  font-weight:750;
  letter-spacing:.14em;
}
html body .lion-ai-model-card strong{
  overflow:hidden;
  color:#f7f8ff!important;
  -webkit-text-fill-color:#f7f8ff!important;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html body .lion-ai-model-select{display:none!important}
html body .lion-ai-main{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:58px minmax(0,1fr) auto;
  overflow:hidden;
}
html body .lion-ai-head,
html body .window.compact .lion-ai-head{
  min-width:0;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 20px;
  border-bottom:1px solid var(--ai-line);
  background:rgba(6,8,16,.38);
}
html body .lion-ai-title{min-width:0;display:grid;gap:2px}
html body .lion-ai-title h1{
  overflow:hidden;
  margin:0!important;
  color:#f7f8ff!important;
  -webkit-text-fill-color:#f7f8ff!important;
  font-size:14px!important;
  font-weight:680!important;
  line-height:1.2!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html body .lion-ai-title span{
  color:var(--ai-muted)!important;
  -webkit-text-fill-color:var(--ai-muted)!important;
  font-size:9px!important;
}
html body .lion-ai-clear{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--ai-muted)!important;
  -webkit-text-fill-color:var(--ai-muted)!important;
  box-shadow:none!important;
  font-size:17px!important;
}
html body .lion-ai-clear:hover{
  border-color:var(--ai-line)!important;
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .lion-ai-clear svg{width:17px;height:17px;display:block}
html body .lion-ai-chat{
  min-height:0!important;
  overflow:auto!important;
  display:grid!important;
  align-content:start!important;
  gap:13px!important;
  padding:24px clamp(18px,4vw,62px)!important;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--ai-accent) 24%,transparent) transparent;
}
html body .lion-ai-chat:not(.has-messages){
  place-items:center;
  align-content:center!important;
}
html body .lion-ai-empty{
  width:min(650px,100%);
  display:grid;
  justify-items:center;
  text-align:center;
}
html body .lion-ai-orb{
  width:62px;
  height:62px;
  margin-bottom:12px;
  border:1px solid color-mix(in srgb,var(--ai-accent) 44%,transparent);
  border-radius:19px;
  background-color:color-mix(in srgb,var(--ai-accent) 12%,rgba(8,10,20,.86));
  background-image:var(--nyx-themed-logo-url,url("/assets/icons/nyx-logo.png"));
  background-position:center;
  background-repeat:no-repeat;
  background-size:178%;
  box-shadow:0 18px 52px color-mix(in srgb,var(--ai-accent) 18%,transparent);
}
html body .lion-ai-eyebrow{
  margin:0 0 8px!important;
  color:var(--ai-accent)!important;
  -webkit-text-fill-color:var(--ai-accent)!important;
  font-size:9px!important;
  font-weight:750;
  letter-spacing:.2em;
}
html body .lion-ai-empty h2{
  margin:0!important;
  color:#f7f8ff!important;
  -webkit-text-fill-color:#f7f8ff!important;
  font-size:clamp(25px,3vw,34px)!important;
  font-weight:690!important;
  letter-spacing:-.035em;
  line-height:1.08;
}
html body .lion-ai-empty-copy{
  margin:9px 0 22px!important;
  color:var(--ai-muted)!important;
  -webkit-text-fill-color:var(--ai-muted)!important;
  font-size:12px!important;
}
html body .lion-ai-starters{
  width:min(560px,100%);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
html body .lion-ai-starters button{
  min-height:92px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:8px!important;
  align-content:center!important;
  padding:13px!important;
  border:1px solid var(--ai-line)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
  color:#f3f4fb!important;
  -webkit-text-fill-color:#f3f4fb!important;
  text-align:left!important;
  box-shadow:none!important;
}
html body .lion-ai-starters button:hover{
  border-color:color-mix(in srgb,var(--ai-accent) 52%,transparent)!important;
  background:color-mix(in srgb,var(--ai-accent) 9%,rgba(255,255,255,.045))!important;
}
html body .lion-ai-starter-icon{
  grid-row:1/3;
  align-self:start;
  color:var(--ai-accent)!important;
  -webkit-text-fill-color:var(--ai-accent)!important;
  font-size:15px;
  font-weight:700;
}
html body .lion-ai-starters strong{
  color:#f3f4fb!important;
  -webkit-text-fill-color:#f3f4fb!important;
  font-size:12px;
  line-height:1.25;
}
html body .lion-ai-starters small{
  margin-top:3px;
  color:var(--ai-muted)!important;
  -webkit-text-fill-color:var(--ai-muted)!important;
  font-size:10px;
  line-height:1.2;
}
html body .lion-ai-msg{
  width:min(780px,92%);
  max-width:min(780px,92%)!important;
  margin:0 auto;
  padding:13px 15px!important;
  border:1px solid var(--ai-line)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.035)!important;
  color:#eef0f8!important;
  -webkit-text-fill-color:#eef0f8!important;
  box-shadow:none!important;
  font-size:13px;
  line-height:1.58!important;
}
html body .lion-ai-msg.user{
  justify-self:end!important;
  margin-right:max(0px,calc((100% - min(780px,92%))/2));
  background:color-mix(in srgb,var(--ai-accent) 15%,rgba(255,255,255,.045))!important;
  border-color:color-mix(in srgb,var(--ai-accent) 36%,transparent)!important;
}
html body .lion-ai-msg.bot{
  justify-self:start!important;
  margin-left:max(0px,calc((100% - min(780px,92%))/2));
}
html body .lion-ai-composer{
  padding:5px clamp(18px,4vw,62px) 12px;
  background:linear-gradient(transparent,rgba(5,7,14,.88) 24%);
}
html body .lion-ai-form,
html body.browser-shell .lion-ai-form{
  width:min(820px,100%);
  min-height:54px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) 38px!important;
  align-items:end!important;
  gap:7px!important;
  margin:0 auto!important;
  padding:7px 8px!important;
  border:1px solid color-mix(in srgb,var(--ai-accent) 30%,rgba(255,255,255,.1))!important;
  border-radius:13px!important;
  background:rgba(13,16,28,.96)!important;
  color:#f7f8ff!important;
  box-shadow:0 18px 46px rgba(0,0,0,.28)!important;
}
html body .lion-ai-form:focus-within{
  border-color:color-mix(in srgb,var(--ai-accent) 68%,transparent)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.28),0 0 0 3px color-mix(in srgb,var(--ai-accent) 10%,transparent)!important;
}
html body .lion-ai-plus{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--ai-muted)!important;
  -webkit-text-fill-color:var(--ai-muted)!important;
  font-size:20px!important;
}
html body .lion-ai-plus:hover{
  border-color:var(--ai-line)!important;
  background:rgba(255,255,255,.04)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .lion-ai-input,
html body.browser-shell .lion-ai-input{
  width:100%;
  min-height:36px!important;
  max-height:116px!important;
  margin:0!important;
  padding:8px 3px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  resize:none!important;
  background:transparent!important;
  color:#f7f8ff!important;
  -webkit-text-fill-color:#f7f8ff!important;
  box-shadow:none!important;
  font-size:13px!important;
  line-height:1.4!important;
}
html body .lion-ai-input::placeholder,
html body.browser-shell .lion-ai-input::placeholder{
  color:var(--ai-muted)!important;
  -webkit-text-fill-color:var(--ai-muted)!important;
}
html body .lion-ai-send{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--ai-accent)!important;
  color:#070914!important;
  -webkit-text-fill-color:#070914!important;
  box-shadow:none!important;
  font-size:20px!important;
  font-weight:850!important;
}
html body .lion-ai-send:disabled{opacity:.48!important;cursor:wait!important}
html body .lion-ai-composer>p{
  margin:8px 0 0!important;
  color:color-mix(in srgb,#eef2ff 43%,transparent)!important;
  -webkit-text-fill-color:color-mix(in srgb,#eef2ff 43%,transparent)!important;
  font-size:9px!important;
  text-align:center;
}
html body .lion-ai-preview{
  width:min(820px,100%);
  margin:0 auto 7px;
  border-color:var(--ai-line)!important;
  background:rgba(13,16,28,.94)!important;
  color:#f7f8ff!important;
}
html body .lion-ai-preview span{
  color:#dfe3f2!important;
  -webkit-text-fill-color:#dfe3f2!important;
}
html body .lion-ai-image-status{
  width:min(820px,100%);
  min-height:0!important;
  margin:0 auto 5px!important;
  color:var(--ai-muted)!important;
  -webkit-text-fill-color:var(--ai-muted)!important;
  font-size:10px!important;
}
@media(max-width:760px){
  html body .lion-ai-panel,
  html body .window.compact .lion-ai-panel{
    grid-template-columns:minmax(0,1fr)!important;
    padding:0!important;
  }
  html body .lion-ai-sidebar{display:none}
  html body .lion-ai-chat{padding:18px 12px!important}
  html body .lion-ai-composer{padding-left:12px;padding-right:12px}
  html body .lion-ai-starters{grid-template-columns:1fr}
  html body .lion-ai-starters button{min-height:66px!important}
  html body .lion-ai-orb{width:52px;height:52px}
}
@media(max-height:650px){
  html body .lion-ai-orb{display:none}
  html body .lion-ai-empty-copy{margin-bottom:13px!important}
  html body .lion-ai-starters button{min-height:66px!important}
}

/* Keep the AI workspace recognizably Nyx: themed dots, glass, and one focused canvas. */
html body .lion-ai-panel{
  --ai-accent:var(--accent,#b889ff);
  --ai-line:var(--line,rgba(184,137,255,.25));
  --ai-muted:var(--muted,#a8b1bd);
  grid-template-columns:minmax(0,1fr)!important;
  background:
    radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--ai-accent) 19%,transparent) 1.2px,transparent 1.4px) 0 0/24px 24px,
    radial-gradient(720px 460px at 50% 44%,color-mix(in srgb,var(--ai-accent) 14%,transparent),transparent 72%),
    color-mix(in srgb,var(--default-vanta-bg,#020611) 90%,var(--ai-accent) 10%)!important;
}
html body .lion-ai-sidebar{display:none!important}
html body .lion-ai-main{width:100%;height:100%}
html body .lion-ai-head{
  min-height:64px!important;
  padding:0 18px!important;
  border-color:var(--ai-line)!important;
  background:var(--glass-panel,rgba(8,7,13,.7))!important;
  backdrop-filter:blur(calc(var(--glass-blur,20px) * .55)) saturate(var(--glass-saturate,1.2));
}
html body .lion-ai-header-brand,
html body .lion-ai-head-actions{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}
html body .lion-ai-header-brand .lion-ai-mark{
  width:34px!important;
  height:34px!important;
  flex-basis:34px;
}
html body .lion-ai-title h1,
html body .lion-ai-empty h2,
html body .lion-ai-starters strong,
html body .lion-ai-msg,
html body .lion-ai-preview span{
  color:var(--text,#f8fafc)!important;
  -webkit-text-fill-color:var(--text,#f8fafc)!important;
}
html body .lion-ai-title span,
html body .lion-ai-empty-copy,
html body .lion-ai-starters small,
html body .lion-ai-composer>p,
html body .lion-ai-image-status{
  color:var(--ai-muted)!important;
  -webkit-text-fill-color:var(--ai-muted)!important;
}
html body .lion-ai-model-pill{
  height:32px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
  border:1px solid var(--ai-line);
  border-radius:999px;
  background:var(--glass-control,rgba(184,137,255,.1));
  color:var(--text,#f8fafc);
}
html body .lion-ai-model-pill strong{
  color:var(--text,#f8fafc)!important;
  -webkit-text-fill-color:var(--text,#f8fafc)!important;
  font-size:10px;
  font-weight:700;
}
html body .lion-ai-chat{padding-top:18px!important}
html body .lion-ai-empty{
  padding:24px;
  border:1px solid color-mix(in srgb,var(--ai-line) 68%,transparent);
  border-radius:22px;
  background:var(--glass-panel,rgba(8,7,13,.54));
  backdrop-filter:blur(calc(var(--glass-blur,20px) * .42)) saturate(var(--glass-saturate,1.2));
}
html body .lion-ai-orb{
  border-color:color-mix(in srgb,var(--ai-accent) 52%,transparent);
  background-color:var(--glass-control,rgba(184,137,255,.1));
}
html body .lion-ai-starters button{
  border-color:var(--ai-line)!important;
  background:var(--glass-card-a,rgba(8,7,13,.74))!important;
}
html body .lion-ai-starters button:hover{
  border-color:var(--ai-accent)!important;
  background:color-mix(in srgb,var(--glass-card-a,rgba(8,7,13,.74)) 82%,var(--ai-accent) 18%)!important;
}
html body .lion-ai-msg{
  border-color:var(--ai-line)!important;
  background:var(--glass-card-a,rgba(8,7,13,.74))!important;
  backdrop-filter:blur(calc(var(--glass-blur,20px) * .35));
}
html body .lion-ai-msg.user{
  background:color-mix(in srgb,var(--glass-card-a,rgba(8,7,13,.74)) 76%,var(--ai-accent) 24%)!important;
  border-color:color-mix(in srgb,var(--ai-accent) 65%,transparent)!important;
}
html body .lion-ai-composer{
  background:linear-gradient(transparent,color-mix(in srgb,var(--default-vanta-bg,#020611) 88%,transparent) 30%)!important;
}
html body .lion-ai-form,
html body.browser-shell .lion-ai-form{
  border-color:var(--ai-line)!important;
  background:var(--glass,rgba(8,7,13,.82))!important;
  backdrop-filter:blur(calc(var(--glass-blur,20px) * .65)) saturate(var(--glass-saturate,1.2));
}
html body .lion-ai-form:focus-within{border-color:var(--ai-accent)!important}
html body .lion-ai-input,
html body.browser-shell .lion-ai-input{
  color:var(--text,#f8fafc)!important;
  -webkit-text-fill-color:var(--text,#f8fafc)!important;
}
html body .lion-ai-input::placeholder,
html body.browser-shell .lion-ai-input::placeholder{
  color:var(--ai-muted)!important;
  -webkit-text-fill-color:var(--ai-muted)!important;
}
html body .lion-ai-plus,
html body .lion-ai-clear{
  color:var(--ai-muted)!important;
  -webkit-text-fill-color:var(--ai-muted)!important;
}
html body .lion-ai-preview{border-color:var(--ai-line)!important;background:var(--glass,rgba(8,7,13,.82))!important}
/* Custom themes own every Nyx chrome surface. External page content and
   profile-specific accents intentionally remain untouched. */
html[data-nyx-theme="custom"] body.browser-shell.theme-custom{
  --glass:var(--nyx-custom-canvas)!important;
  --glass-panel:var(--nyx-custom-panel)!important;
  --glass-control:var(--nyx-custom-field)!important;
  --text:var(--nyx-custom-text)!important;
  --muted:var(--nyx-custom-muted)!important;
  --ai-accent:var(--nyx-custom-accent)!important;
  --ai-line:var(--nyx-custom-line)!important;
  --ai-muted:var(--nyx-custom-muted)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom :is(
  .browser-mode-app-button,
  .browser-mode-tab,
  .browser-mode-shell-tab,
  .browser-mode-address>button,
  .browser-mode-url,
  .browser-mode-menu,
  .browser-bookmark-panel,
  .browser-search-suggestions,
  .browser-suggestions,
  .weather-panel,
  .weather-restore,
  .apps-panel,
  .lion-ai,
  .lion-ai-form,
  .lion-ai-msg,
  .lion-ai-preview
){
  background-color:var(--nyx-custom-field)!important;
  background-image:none!important;
  border-color:var(--nyx-custom-line)!important;
  color:var(--nyx-custom-text)!important;
  -webkit-text-fill-color:var(--nyx-custom-text)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom :is(
  .browser-mode-menu,
  .browser-bookmark-panel,
  .browser-search-suggestions,
  .browser-suggestions,
  .weather-panel,
  .weather-restore,
  .apps-panel,
  .lion-ai
){background-color:var(--nyx-custom-panel)!important}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom :is(
  .browser-mode-app-button.active,
  .browser-mode-shell-tab.active,
  .browser-mode-app-button:hover,
  .browser-mode-shell-tab:hover,
  .browser-mode-tab:hover,
  .browser-mode-address>button:hover,
  .browser-mode-menu>button:hover,
  .browser-bookmark-panel button:hover,
  .browser-search-suggestion:hover
){
  background-color:color-mix(in srgb,var(--nyx-custom-panel) 82%,var(--nyx-custom-accent))!important;
  border-color:var(--nyx-custom-bright)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom :is(
  .browser-shell-settings-overlay,
  .browser-shell-settings-panel,
  .nyx-settings-side,
  .nyx-settings-dashboard>.settings-main
){
  background-color:var(--nyx-custom-canvas)!important;
  background-image:none!important;
  border-color:var(--nyx-custom-line)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom :is(
  .nyx-settings-group>.settings-block,
  .nyx-settings-filter,
  .nyx-settings-control :is(input,select,textarea,.settings-input,.settings-select,.panic-key-display)
){
  background-color:var(--nyx-custom-field)!important;
  background-image:none!important;
  border-color:var(--nyx-custom-line)!important;
  color:var(--nyx-custom-text)!important;
  -webkit-text-fill-color:var(--nyx-custom-text)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom .nyx-settings-nav button.active{
  background-color:var(--nyx-custom-panel)!important;
  color:var(--nyx-custom-text)!important;
  -webkit-text-fill-color:var(--nyx-custom-text)!important;
}
/* Some older chrome rules deliberately use ID-weighted :is() selectors.
   Match that specificity so a custom palette remains authoritative. */
html[data-nyx-theme="custom"][data-nyx-theme="custom"] body.browser-shell.browser-shell.theme-custom:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls) .top-os.top-os{
  background-color:var(--nyx-custom-top)!important;
  background-image:none!important;
  border-bottom-color:var(--nyx-custom-line)!important;
  color:var(--nyx-custom-text)!important;
}
html[data-nyx-theme="custom"][data-nyx-theme="custom"] body.browser-shell.browser-shell.theme-custom:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls) .top-os.top-os .browser-mode-app-button,
html[data-nyx-theme="custom"][data-nyx-theme="custom"] body.browser-shell.browser-shell.theme-custom:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls) .top-os.top-os .browser-mode-tab,
html[data-nyx-theme="custom"][data-nyx-theme="custom"] body.browser-shell.browser-shell.theme-custom:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls) .top-os.top-os .browser-mode-shell-tab,
html[data-nyx-theme="custom"][data-nyx-theme="custom"] body.browser-shell.browser-shell.theme-custom:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls) .top-os.top-os .browser-mode-address>button{
  background-color:var(--nyx-custom-field)!important;
  background-image:none!important;
  border-color:var(--nyx-custom-line)!important;
  color:var(--nyx-custom-text)!important;
  -webkit-text-fill-color:var(--nyx-custom-text)!important;
  box-shadow:none!important;
}
html[data-nyx-theme="custom"][data-nyx-theme="custom"] body.browser-shell.browser-shell.theme-custom:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls) .top-os.top-os .browser-mode-app-button.active,
html[data-nyx-theme="custom"][data-nyx-theme="custom"] body.browser-shell.browser-shell.theme-custom:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls) .top-os.top-os .browser-mode-shell-tab.active,
html[data-nyx-theme="custom"][data-nyx-theme="custom"] body.browser-shell.browser-shell.theme-custom:is(body,#nyx-final-theme-contract):is(body,#nyx-final-theme-controls) .top-os.top-os :is(.browser-mode-app-button,.browser-mode-tab,.browser-mode-shell-tab,.browser-mode-address>button):hover{
  background-color:color-mix(in srgb,var(--nyx-custom-panel) 82%,var(--nyx-custom-accent))!important;
  border-color:var(--nyx-custom-bright)!important;
}
@media(prefers-reduced-motion:reduce){
  .nyx-styled-display-name{animation:none!important}
}
@media(max-width:560px){
  html body .lion-ai-model-pill strong{display:none}
  html body .lion-ai-model-pill{width:31px;padding:0;justify-content:center}
  html body .lion-ai-empty{padding:18px 13px}
}

/* Custom home colors: preserve the default homepage's exact layout, artwork,
   opacity, shadows, and motion while replacing only its fixed navy palette. */
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default{
  --nyx-title-theme-color:var(--nyx-custom-bright)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-home{
  --nyx-dot-color:var(--nyx-custom-dot)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-window.browser-home-page .browser-home::before{
  background:linear-gradient(180deg,color-mix(in srgb,var(--nyx-custom-top) 30%,transparent),transparent 150px)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-home .nyx-home-hero::before{
  color:var(--nyx-custom-muted)!important;
  -webkit-text-fill-color:var(--nyx-custom-muted)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-window.browser-home-page .nyx-home-search{
  border-color:var(--nyx-custom-line)!important;
  background-color:var(--nyx-custom-field)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-window.browser-home-page .nyx-home-search-icon{
  background-color:var(--nyx-custom-bright)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-window.browser-home-page .nyx-home-actions{
  border-color:var(--nyx-custom-line)!important;
  background-color:color-mix(in srgb,var(--nyx-custom-field) 78%,transparent)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-window.browser-home-page .nyx-home-actions>button{
  color:var(--nyx-custom-muted)!important;
  -webkit-text-fill-color:var(--nyx-custom-muted)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-window.browser-home-page .nyx-home-actions>button:hover{
  background-color:var(--nyx-custom-panel)!important;
  color:var(--nyx-custom-text)!important;
  -webkit-text-fill-color:var(--nyx-custom-text)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-window.browser-home-page .nyx-home-action-icon{
  background-color:var(--nyx-custom-accent)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .nyx-home-presence{
  border-color:var(--nyx-custom-line)!important;
  background-color:color-mix(in srgb,var(--nyx-custom-field) 76%,transparent)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-home .home-shortcut-grid .home-shortcut-open::before,
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-home .home-shortcut-grid .home-shortcut-add b{
  border-color:var(--nyx-custom-line)!important;
  background-color:var(--nyx-custom-field)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-home .home-shortcut-grid .home-shortcut:hover .home-shortcut-open::before{
  border-color:var(--nyx-custom-bright)!important;
  background-color:var(--nyx-custom-panel)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-home .home-shortcut-grid .home-shortcut-glyph{
  background-color:var(--nyx-custom-accent)!important;
}
/* The default home sheet also assigns text colors directly. Keep its visual
   structure, but let every home label inherit the selected custom palette. */
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-window.browser-home-page :is(
  .nyx-home-title,
  .nyx-home-presence,
  .nyx-home-presence .nyx-account-button,
  .nyx-home-weather strong,
  .nyx-home-actions>button,
  .home-shortcut-grid .quick-tile span,
  .home-shortcut-grid .home-shortcut-open,
  .home-shortcut-grid .home-shortcut-add,
  .nyx-home-link-checker,
  .nyx-home-utility-links a
){
  color:var(--nyx-custom-text)!important;
  -webkit-text-fill-color:var(--nyx-custom-text)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .browser-window.browser-home-page :is(
  .nyx-home-hero::before,
  .nyx-home-weather>span:last-child,
  .nyx-home-search input::placeholder,
  .nyx-home-actions>button,
  .home-shortcut-grid .quick-tile span,
  .nyx-home-link-checker,
  .nyx-home-utility-links a
){
  color:var(--nyx-custom-muted)!important;
  -webkit-text-fill-color:var(--nyx-custom-muted)!important;
}
html[data-nyx-theme="custom"] body.browser-shell.theme-custom.theme-default .top-os :is(.urlbar,.urlbar::placeholder,.browser-mode-url,.browser-mode-url::placeholder){
  color:var(--nyx-custom-muted)!important;
  -webkit-text-fill-color:var(--nyx-custom-muted)!important;
}
/* These three default-home details have their own direct color declarations. */
html[data-nyx-theme="custom"][data-nyx-theme="custom"] body.browser-shell.browser-shell.theme-custom.theme-default:is(body,#nyx-custom-home-text):is(body,#nyx-custom-home-labels)
  .browser-home .nyx-home-hero::before{
  color:var(--nyx-custom-muted)!important;
  -webkit-text-fill-color:var(--nyx-custom-muted)!important;
}
html[data-nyx-theme="custom"][data-nyx-theme="custom"] body.browser-shell.browser-shell.theme-custom.theme-default:is(body,#nyx-custom-home-text):is(body,#nyx-custom-home-labels)
  .browser-window.browser-home-page .nyx-home-search input::placeholder{
  color:var(--nyx-custom-muted)!important;
  -webkit-text-fill-color:var(--nyx-custom-muted)!important;
}
html[data-nyx-theme="custom"][data-nyx-theme="custom"] body.browser-shell.browser-shell.theme-custom.theme-default:is(body,#nyx-custom-home-text):is(body,#nyx-custom-home-labels)
  .browser-window.browser-home-page .browser-home h1.nyx-home-title::before{
  background-color:transparent!important;
  background-image:var(--nyx-themed-logo-url,url("/assets/icons/nyx-logo.png"))!important;
  -webkit-mask:none!important;
  mask:none!important;
  filter:var(--nyx-custom-logo-filter,none)!important;
}