@font-face {
  font-family: "Turul Display";
  src: url('/assets/fonts/Bungee-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --bg: #111214;
  --panel: #202226;
  --panel2: #2c2f35;
  --line: #41454d;
  --muted: #b0b5be;
  --text: #f6f7f9;
  --blue: #7bb7ff;
  --accent: #2463df;
  --accent-hover: #3578f4;
  --accent-top: #82b7ff;
  --accent-bottom: #133b88;
  --selected: #19365e;
  --edge: #07090d;
  --edge-light: #535862;
  --input: #141619;
  --header: #202226;
  --sidebar: 256px;
  --header-height: 76px;
  --green: #78dba7;
  --danger: #ff8990;
}
:root[data-theme=dark] {color-scheme:dark}
:root[data-theme=light] {
  color-scheme: light;
  --bg: #f5f6f8; --panel: #fff; --panel2: #e8ebef;
  --line: #bfc6cf; --muted: #535e6e; --text: #161b23;
  --blue: #1856b6; --selected: #dbe9ff; --edge: #a6afbd;
  --edge-light: #fff; --input: #fff; --header: #fff;
  --green: #16764a; --danger: #b62c3b;
}
@media(prefers-color-scheme:light) {
  :root[data-theme=system] {
    color-scheme: light;
    --bg: #f5f6f8; --panel: #fff; --panel2: #e8ebef;
    --line: #bfc6cf; --muted: #535e6e; --text: #161b23;
    --blue: #1856b6; --selected: #dbe9ff; --edge: #a6afbd;
    --edge-light: #fff; --input: #fff; --header: #fff;
    --green: #16764a; --danger: #b62c3b;
  }
}
body {font-family: "Segoe UI", Arial, sans-serif; font-size:14px; line-height:1.55; background:var(--bg);color:var(--text)}
::selection {background:var(--accent);color:white}
:root[data-theme] body :is(h1,.section-heading h2,.discover-title,.creator-copy h1,.auth-art h2,.empty h2,.hero h2) {
  font-family:"Turul Display",Impact,"Arial Black",sans-serif;
  font-weight:400;line-height:1.25;letter-spacing:.015em;text-transform:uppercase;
}
:root[data-theme] body h1 {font-size:clamp(25px,2.7vw,38px);overflow-wrap:anywhere}
:root[data-theme] body .section-heading h2 {font-size:clamp(18px,1.5vw,24px)}
:root[data-theme] body h2 {line-height:1.35}
:root[data-theme] body :is(button,.button,input,select,textarea,.chip,.pill,.tag,.admin-status) {border-radius:0}
:root[data-theme] body :is(button,.button) {
  background:var(--panel2);color:var(--text);border:2px solid var(--edge);
  box-shadow:inset 0 2px var(--edge-light),inset 0 -3px var(--edge);
  min-height:40px;padding:10px 17px;line-height:1.3;font-weight:750;
  transition:background .15s,transform .1s;
}
:root[data-theme] body :is(button,.button):hover {background:var(--line)}
:root[data-theme] body :is(button,.button):active:not(:disabled) {transform:translateY(2px);box-shadow:inset 0 1px var(--edge)}
:root[data-theme] body :is(button,.button):focus-visible,
:root[data-theme] body a:focus-visible {outline:3px solid var(--blue);outline-offset:4px}
:root[data-theme] body :is(button,.button):disabled {cursor:not-allowed;opacity:.5;transform:none}
:root[data-theme] body :is(.primary,.server-play,.settings-sidebar nav a.active,.admin-type-tabs a.active) {
  color:white;background:var(--accent);border-color:var(--edge);
  box-shadow:inset 0 3px var(--accent-top),inset 0 -4px var(--accent-bottom);
}
:root[data-theme] body :is(.primary,.server-play):hover {background:var(--accent-hover)}
:root[data-theme] body .primary {text-transform:uppercase;letter-spacing:.035em}
:root[data-theme] body .small {font-size:12px;min-height:34px;padding:8px 12px}
:root[data-theme] body :is(.ghost,.text-button) {background:transparent;box-shadow:none}
:root[data-theme] body .text-button {border:0;color:var(--blue);text-transform:none;min-height:0;padding:4px 0}
:root[data-theme] body .danger {color:var(--danger);border-color:var(--danger);box-shadow:none;background:transparent}
:root[data-theme] body :is(input,select,textarea) {
  color:var(--text);background:var(--input);border:2px solid var(--line);
  padding:10px 12px;box-shadow:inset 0 2px var(--edge);min-width:0;
}
:root[data-theme] body :is(input,select,textarea):focus {outline:2px solid var(--blue);outline-offset:2px;border-color:var(--blue)}
:root[data-theme] body textarea {resize:none}
:root[data-theme] body select {appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,var(--blue) 50%),linear-gradient(135deg,var(--blue) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer}
:root[data-theme] body select option {background:var(--panel);color:var(--text);padding:10px}
:root {scrollbar-color:var(--accent) var(--panel);scrollbar-width:thin}
::-webkit-scrollbar {width:11px;height:11px}
::-webkit-scrollbar-track {background:var(--panel)}
::-webkit-scrollbar-thumb {background:var(--accent);border:2px solid var(--panel)}
::-webkit-scrollbar-thumb:hover {background:var(--accent-hover)}
:root[data-theme] body input::placeholder,:root[data-theme] body textarea::placeholder {color:var(--muted);opacity:1}
:root[data-theme] body :is(input[type=checkbox],input[type=radio]) {accent-color:var(--accent);box-shadow:none;width:18px;height:18px;flex:none}
:root[data-theme] body .topbar {
  height:var(--header-height);background:var(--header);border-bottom:3px solid var(--edge);
  box-shadow:0 2px 0 var(--line);padding:0 28px;display:grid;grid-template-columns:165px minmax(360px,560px) minmax(180px,1fr) auto;gap:20px;
}
:root[data-theme] body .brand {order:1;font-family:"Turul Display",Impact,sans-serif;font-size:30px;gap:10px;letter-spacing:1px;text-shadow:2px 3px var(--edge);color:var(--text)}
:root[data-theme] body .brand img {width:32px;height:38px}
:root[data-theme] body .top-links {order:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;justify-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}
:root[data-theme] body .top-links a {color:var(--text);padding:12px 0}
:root[data-theme] body .top-links a:hover {color:var(--blue)}
:root[data-theme] body .search {order:3;width:100%;max-width:420px;min-width:120px;justify-self:start}
:root[data-theme] body .search input {height:38px;padding:6px 10px 6px 34px;background:var(--input);border-radius:0}
:root[data-theme] body .search .icon {top:10px;left:10px}
:root[data-theme] body .top-actions {order:4;gap:6px;justify-content:flex-end;justify-self:end;white-space:nowrap}
:root[data-theme] body .topbar :is(.icon-button,.balance,.account) {background:transparent;color:var(--text);border:0;box-shadow:none;min-height:38px;padding:8px}
:root[data-theme] body .topbar :is(.icon-button,.balance,.account):hover {background:var(--panel2)}
:root[data-theme] body .top-actions .account {font-size:12px;gap:8px}
:root[data-theme] body .top-actions .face {width:28px;height:28px}
:root[data-theme] body .mobile-toggle {order:5;display:none}
:root[data-theme] body .sidebar {top:var(--header-height);width:var(--sidebar);background:var(--panel);padding:22px 16px;overflow-y:auto;border-right:2px solid var(--edge)}
:root[data-theme] body .sidebar-account {padding:8px 12px 24px;border-bottom:2px solid var(--line);margin-bottom:10px;overflow-wrap:anywhere}
:root[data-theme] body .server-card {padding:10px;overflow:hidden}
:root[data-theme] body .server-card h3 {overflow-wrap:anywhere;line-height:1.35;margin:10px 2px 2px}
:root[data-theme] body .server-art .art-title {overflow-wrap:anywhere;max-height:3.3em;overflow:hidden}
:root[data-theme] body .server-meta {min-width:0;justify-content:space-between;padding:0 2px}
:root[data-theme] body .server-meta>span:first-child {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-theme] body .server-meta .voice-chat {margin-left:auto;white-space:nowrap;color:var(--blue)}
:root[data-theme] body .sidebar :is(nav a,.sidebar-admin a) {border-radius:0;padding:13px 12px;margin:0;color:var(--text);border-bottom:1px solid var(--line);font-size:13px}
:root[data-theme] body .sidebar :is(nav a,.sidebar-admin a):hover {background:var(--panel2)}
:root[data-theme] body .sidebar :is(nav a.active,.sidebar-admin a.active) {background:var(--selected);box-shadow:inset 4px 0 var(--blue);color:var(--text)}
:root[data-theme] body .sidebar-admin {margin:25px 0 0;border-top:0}
:root[data-theme] body .sidebar-admin>span {letter-spacing:.12em}
:root[data-theme] body .guest-sidebar {display:none}
:root[data-theme] body .main {padding:calc(var(--header-height) + 36px) 32px 0;max-width:none}
:root[data-theme] body #page {max-width:1540px;margin:auto;min-width:0}
:root[data-theme] body .main>.footer {width:100%;margin:70px 0 0;padding:28px 0;border-top:2px solid var(--line);color:var(--muted);gap:24px;background:transparent}
:root[data-theme] body .footer a {color:var(--blue)}
:root[data-theme] body :is(.panel,.catalog-card,.server-card,.recommend-card,.chart-card,.admin-report,.admin-empty,.admin-target,.settings-sidebar nav,.setting-radio-list,.screen-time,.avatar-preview,.marketplace-preview,.auth-layout,.locked-account section,.package,.premium-section) {
  border-radius:0;background:var(--panel);color:var(--text);border:2px solid var(--edge);
  box-shadow:inset 0 2px var(--line),0 3px 0 var(--edge);
}
:root[data-theme] body :is(.settings-main,.profile-page,.profile-info,.setting-list) {background:transparent;color:var(--text)}
:root[data-theme] body :is(.settings-main label,.server-byline,.server-byline a,.server-stats strong,.catalog-info,.transaction-item,.transaction-party a) {color:var(--text)}
:root[data-theme] body :is(.server-stats small,.server-quick-actions small) {color:var(--muted)}
:root[data-theme] body :is(.home-section,.chart-section) {margin-bottom:42px}
:root[data-theme] body .section-heading {margin-bottom:20px;gap:16px}
:root[data-theme] body .section-heading>a {color:var(--blue);font-weight:700}
:root[data-theme] body .recommended-grid {grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:24px}
:root[data-theme] body .recommend-card {padding:12px;gap:10px}
:root[data-theme] body .recommend-card img {border-radius:0}
:root[data-theme] body .recommend-card strong {font-size:16px;line-height:1.4}
:root[data-theme] body .recommend-card small {font-size:12px;padding-bottom:4px}
:root[data-theme] body :is(.recommend-card,.catalog-card,.chart-card,.server-card):hover {border-color:var(--blue);background:var(--panel2)}
:root[data-theme] body .chart-strip {grid-auto-columns:180px;gap:18px;padding-bottom:10px}
:root[data-theme] body .chart-card {padding:10px;gap:8px}
:root[data-theme] body .chart-art {height:auto;aspect-ratio:1;border-radius:0;background:var(--panel2)}
:root[data-theme] body .chart-card strong {font-size:14px;line-height:1.4}
:root[data-theme] body .chart-card small {font-size:11px;color:var(--muted)}
:root[data-theme] body :is(.catalog-art,.item-art) {border-radius:0;background:var(--panel2)}
:root[data-theme] body .catalog-layout {grid-template-columns:230px minmax(0,1fr);gap:26px}
:root[data-theme] body .catalog-grid {grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:20px}
:root[data-theme] body .catalog-card {padding:10px}
:root[data-theme] body .catalog-info {padding:14px 2px 2px}
:root[data-theme] body .catalog-info h3 {font-size:15px}
:root[data-theme] body .catalog-info p {color:var(--blue);padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}
:root[data-theme] body :is(.catalog-filters,.catalog-extra) {background:var(--panel);border:1px solid var(--line);border-radius:0;top:calc(var(--header-height) + 24px)}
:root[data-theme] body .catalog-extra {border:0;border-top:1px solid var(--line);background:transparent;padding-top:18px}
:root[data-theme] body :is(.catalog-category,.slot-tabs button,.chip) {border:0;border-bottom:1px solid var(--line);box-shadow:none;background:transparent;color:var(--muted);border-radius:0}
:root[data-theme] body :is(.catalog-category.active,.slot-tabs button.active,.chip.active) {background:var(--selected);color:var(--text);box-shadow:inset 0 -3px var(--blue)}
:root[data-theme] body :is(.catalog-detail-preview,.server-gallery,.profile-cover,.profile-banner) {border-radius:0;border:3px solid var(--edge);box-shadow:0 2px 0 var(--line);background-color:var(--panel2)}
:root[data-theme] body .server-gallery>img {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
:root[data-theme] body .server-gallery>.gallery-image-entering {opacity:0;z-index:1;transition:opacity .4s ease}
:root[data-theme] body .server-gallery>.gallery-image-entering.is-visible {opacity:1}
:root[data-theme] body .server-gallery>.gallery-arrow {position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;padding:0}
:root[data-theme] body .server-gallery>.gallery-arrow:active {transform:translateY(-50%)}
:root[data-theme] body .server-gallery>.gallery-count {z-index:3}
:root[data-theme] body :is(.catalog-detail-info,.server-detail-summary) {background:var(--panel);border:2px solid var(--line);border-left-color:var(--edge);border-bottom-color:var(--edge);padding:24px}
:root[data-theme] body .catalog-detail-info h1,:root[data-theme] body .server-detail-summary h1 {font-size:clamp(24px,2.4vw,34px)}
:root[data-theme] body .catalog-detail {border:0;border-radius:0;padding:0}
:root[data-theme] body .catalog-detail-price {border-color:var(--line)}
:root[data-theme] body :is(.server-detail-page,.catalog-detail,.catalog-detail-info,.server-detail-summary,.catalog-detail-price strong,.catalog-detail-meta strong) {color:var(--text)}
:root[data-theme] body :is(.catalog-detail-description,.catalog-detail-price,.catalog-detail-meta) {color:var(--muted)}
:root[data-theme] body .server-socials .fa-tiktok {color:var(--text)}
:root[data-theme] body .setting-status.verified {color:var(--green)}
:root[data-theme] body .form-error {color:var(--danger)}
:root[data-theme] body :is(.item-card,.inventory-card,.marketplace-row,.avatar-upload-tile,.notification,.notice,.empty,.captcha-slot) {border-radius:0;background:var(--panel);color:var(--text);border-color:var(--line)}
:root[data-theme] body :is(.item-card,.inventory-card,.marketplace-row) {box-shadow:0 3px var(--edge)}
:root[data-theme] body :is(.marketplace-row>div:first-child,.try-on-scene,.friend-bubble .add-friend) {background:var(--panel2);color:var(--blue)}
:root[data-theme] body .server-quick-actions button {background:transparent;color:var(--text);box-shadow:none;border:0}
:root[data-theme] body .settings-page {gap:36px;margin-top:6px;grid-template-columns:230px minmax(0,1fr)}
:root[data-theme] body .settings-sidebar {top:calc(var(--header-height) + 24px);min-width:0}
:root[data-theme] body .settings-sidebar nav {padding:0}
:root[data-theme] body .settings-sidebar nav a {margin:0;padding:16px 18px;border-radius:0;border-bottom:1px solid var(--line);color:var(--text)}
:root[data-theme] body .settings-sidebar nav a.active {background:var(--accent);color:white}
:root[data-theme] body .settings-main h1 {font-size:26px}
:root[data-theme] body .settings-main h2 {font-size:20px}
:root[data-theme] body .setting-row {padding:22px 0}
:root[data-theme] body .setting-radio-list {padding:20px}
:root[data-theme] body .gender-options label:has(input:checked) {background:var(--accent);color:white;box-shadow:inset 0 2px var(--accent-top),inset 0 -3px var(--accent-bottom)}
:root[data-theme] body :is(.screen-bar,.totp-key,.totp-qr) {border-radius:0}
:root[data-theme] body .screen-bar {background:var(--accent)}
.screen-bar--1 {height:5%}
.screen-bar--2 {height:10%}
.screen-bar--3 {height:15%}
.screen-bar--4 {height:20%}
.screen-bar--5 {height:25%}
.screen-bar--6 {height:30%}
.screen-bar--7 {height:35%}
.screen-bar--8 {height:40%}
.screen-bar--9 {height:45%}
.screen-bar--10 {height:50%}
.screen-bar--11 {height:55%}
.screen-bar--12 {height:60%}
.screen-bar--13 {height:65%}
.screen-bar--14 {height:70%}
.screen-bar--15 {height:75%}
.screen-bar--16 {height:80%}
.screen-bar--17 {height:85%}
.screen-bar--18 {height:90%}
.screen-bar--19 {height:95%}
.screen-bar--20 {height:100%}
.clipboard-fallback {position:fixed;opacity:0;pointer-events:none}
:root[data-theme] body :is(.tabs,.admin-type-tabs) {gap:0;border-bottom:2px solid var(--line);padding-bottom:0}
:root[data-theme] body :is(.tabs a,.tabs button,.admin-type-tabs a) {border-radius:0;background:transparent;color:var(--muted);box-shadow:none;border:0;padding:13px 20px}
:root[data-theme] body :is(.tabs .active,.admin-type-tabs a.active) {color:var(--text);background:var(--selected);box-shadow:inset 0 -4px var(--blue)}
:root[data-theme] body .pill {background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:0}
:root[data-theme] body .profile-info h1 {font-size:28px;text-transform:none}
:root[data-theme] body :is(dialog,.dropdown,.profile-menu,.server-detail-menu,.search-suggestions) {border-radius:0;border:2px solid var(--line);border-bottom:4px solid var(--edge);background:var(--panel);color:var(--text);box-shadow:0 12px 0 #0002}
:root[data-theme] body dialog {box-sizing:border-box;width:min(540px,calc(100vw - 32px));max-width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:30px}
:root[data-theme] body dialog :is(form,input,select,textarea) {max-width:100%;box-sizing:border-box}
:root[data-theme] body dialog .form {min-width:0}
:root[data-theme] body dialog::backdrop {background:#000b;backdrop-filter:blur(2px)}
:root[data-theme] body :is(.dropdown,.profile-menu,.server-detail-menu) :is(a,button) {box-shadow:none;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);justify-content:flex-start;text-transform:none}
:root[data-theme] body :is(.dropdown,.profile-menu,.server-detail-menu) :is(a,button):hover {background:var(--panel2);color:var(--blue)}
:root[data-theme] body .transaction-table-wrap {border-radius:0;border:2px solid var(--line);background:var(--panel);overflow-x:auto}
:root[data-theme] body .transaction-table tbody tr:nth-child(odd) {background:var(--panel)}
:root[data-theme] body .transaction-table tbody tr:nth-child(even) {background:var(--bg)}
:root[data-theme] body :is(.transaction-source-icon,.transaction-art) {background:var(--panel2);border-radius:0}
:root[data-theme] body .transaction-amount .icon {color:var(--blue)}
:root[data-theme] body .auth-layout {max-width:500px;margin:25px auto}
:root[data-theme] body .auth-form {background:var(--panel);padding:32px}
:root[data-theme] body .auth-form h1 {font-size:26px}
:root[data-theme] body:has(.auth-layout) .main::before {background:var(--bg)}
:root[data-theme] body .auth-art {border-bottom:4px solid var(--accent);color:white}
:root[data-theme] body :is(.creator-hero,.hero) {border-radius:0;border:3px solid var(--edge);color:white}
:root[data-theme] body .creator-copy h1 {font-size:clamp(32px,4vw,62px)}
:root[data-theme] body .admin-page {margin-top:0}
:root[data-theme] body .admin-target {padding:18px}
:root[data-theme] body #toast {border-radius:0;background:var(--panel);color:var(--text);border:2px solid var(--line);box-shadow:0 4px var(--edge)}
:root[data-theme] body #toast button {color:var(--text)!important;box-shadow:none;min-height:24px}
:root[data-theme] body .profile-page .profile-counts {padding-top:8px;margin-bottom:18px}
@media(min-width:901px) and (max-width:1200px) {
  :root[data-theme] body .topbar {display:flex;gap:16px;padding:0 20px}
  :root[data-theme] body .top-links {flex:1}
  :root[data-theme] body .top-actions .account span {display:none}
  :root[data-theme] body .settings-page {grid-template-columns:190px minmax(0,1fr);gap:24px}
}
@media(max-width:900px) {
  :root {--sidebar:0px;--header-height:76px}
  :root[data-theme] body .topbar {display:flex;padding:0 18px;gap:12px}
  :root[data-theme] body .brand {font-size:27px}
  :root[data-theme] body .brand img {width:28px}
  :root[data-theme] body .top-links,:root[data-theme] body .search {display:none}
  :root[data-theme] body .top-actions {margin-left:auto}
  :root[data-theme] body .top-actions .account {display:none}
  :root[data-theme] body .mobile-toggle {display:inline-flex!important;flex:none;width:44px;height:48px;min-height:48px!important;background:var(--accent)!important;color:white!important;clip-path:polygon(50% 0,100% 23%,100% 77%,50% 100%,0 77%,0 23%)}
  :root[data-theme] body .sidebar,:root[data-theme] body .guest-sidebar {display:flex;top:var(--header-height);width:100%;padding:20px max(24px,calc((100vw - 580px)/2)) 40px;background:var(--bg);border:0;transform:translateX(-100%);visibility:hidden;box-shadow:none;transition:transform .2s,visibility .2s}
  :root[data-theme] body .sidebar.open {transform:translateX(0);visibility:visible;box-shadow:none}
  :root[data-theme] body .sidebar :is(nav a,.sidebar-admin a) {font-size:17px;letter-spacing:.055em;font-weight:700;text-transform:uppercase;min-height:64px;padding:18px 12px;border-bottom:2px solid var(--line);gap:20px}
  :root[data-theme] body .sidebar :is(nav a,.sidebar-admin a)::after {content:"";width:8px;height:8px;border-right:3px solid currentColor;border-top:3px solid currentColor;transform:rotate(45deg);margin-left:auto}
  :root[data-theme] body .sidebar-account {font-size:18px;padding:12px 12px 24px}
  body.nav-open {overflow:hidden}
  :root[data-theme] body .main {margin-left:0;padding:calc(var(--header-height) + 28px) 22px 0}
  :root[data-theme] body .settings-page {grid-template-columns:minmax(0,1fr);gap:26px}
  :root[data-theme] body .settings-sidebar {position:static}
  :root[data-theme] body .settings-sidebar nav {display:flex;overflow:auto}
  :root[data-theme] body .settings-sidebar nav a {white-space:nowrap;padding:13px 16px}
  :root[data-theme] body .recommended-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  :root[data-theme] body .main>.footer {width:100%;margin:48px 0 0;flex-direction:column;align-items:flex-start}
}
@media(max-width:760px) {
  :root[data-theme] body .catalog-layout {grid-template-columns:minmax(0,1fr)}
  :root[data-theme] body .catalog-filters {position:static}
  :root[data-theme] body .catalog-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(max-width:600px) {
  :root[data-theme] body .topbar {padding:0 14px;gap:9px}
  :root[data-theme] body .brand {font-size:24px;gap:7px}
  :root[data-theme] body .brand img {width:24px;height:30px}
  :root[data-theme] body .top-actions .button {min-height:36px;padding:8px;font-size:10px}
  :root[data-theme] body .top-actions .balance {display:none}
  :root[data-theme] body .top-actions .icon-button {padding:5px}
  :root[data-theme] body .main {padding:calc(var(--header-height) + 24px) 16px 0}
  :root[data-theme] body .recommended-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  :root[data-theme] body .recommend-card {padding:8px;gap:8px}
  :root[data-theme] body .recommend-card strong {font-size:14px}
  :root[data-theme] body .chart-strip {grid-auto-columns:156px;gap:14px}
  :root[data-theme] body .catalog-card {padding:7px}
  :root[data-theme] body .catalog-info h3 {font-size:13px}
  :root[data-theme] body :is(.catalog-detail-info,.server-detail-summary) {padding:20px}
  :root[data-theme] body .auth-form {padding:24px}
  :root[data-theme] body :is(.section-heading h2,.settings-main h1) {font-size:20px}
  :root[data-theme] body .section-heading>a {font-size:12px;white-space:nowrap}
  :root[data-theme] body .admin-search {flex-wrap:wrap}
  :root[data-theme] body .admin-search input {width:100%}
  :root[data-theme] body .admin-type-tabs a {padding:12px;font-size:12px}
  :root[data-theme] body .setting-row {gap:12px}
  :root[data-theme] body dialog {padding:22px}
}
@media(prefers-reduced-motion:reduce) {
  :root[data-theme] body :is(button,.button,.sidebar) {transition:none}
}
:root[data-theme] body .page-view-not-found {min-height:calc(100dvh - var(--header-height) - 145px);display:grid;place-items:center}
:root[data-theme] body .error-page {width:100%;padding:36px 0;display:flex;justify-content:center;text-align:center}
:root[data-theme] body .error-card {position:relative;width:min(100%,650px);padding:46px clamp(22px,5vw,58px) 50px;background:var(--panel);border:3px solid var(--line);border-bottom:7px solid var(--edge);box-shadow:12px 12px 0 #0002}
:root[data-theme] body .error-card::before {content:"";position:absolute;left:0;top:0;right:0;height:7px;background:var(--accent)}
:root[data-theme] body .error-eyebrow {display:block;color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
:root[data-theme] body .error-page .code {font-family:"Turul Display",Impact,sans-serif;font-size:clamp(76px,13vw,138px);line-height:1.05;color:var(--blue);text-shadow:5px 6px var(--accent-bottom);margin:16px 0 8px}
:root[data-theme] body .error-page h1 {font-size:clamp(23px,3vw,33px);margin:0 0 14px}
:root[data-theme] body .error-page p {max-width:440px;margin:0 auto 28px;color:var(--muted);font-size:15px}
:root[data-theme] body .error-actions {display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
@media(max-width:600px) {
  :root[data-theme] body .page-view-not-found {min-height:calc(100dvh - var(--header-height) - 160px)}
  :root[data-theme] body .error-card {padding:36px 20px 40px;box-shadow:7px 7px 0 #0002}
  :root[data-theme] body .error-actions .button {width:100%}
}

.result-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:24px 0}
.deleted-profile .face{width:96px;height:96px}.deleted-profile .face-art{object-fit:contain}
.recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;user-select:all;overflow-wrap:anywhere}
:root[data-theme] body :is(.avatar-page,.avatar-editor,.avatar-preview,.avatar-items,.avatar-equipped,.avatar-preview .section-heading){min-width:0;max-width:100%}
:root[data-theme] body .avatar-preview .section-heading{flex-wrap:wrap;gap:12px}
:root[data-theme] body .avatar-preview .section-heading h3{overflow-wrap:anywhere}
@media(max-width:900px){
  :root{--header-height:128px}
  :root[data-theme] body .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;grid-template-rows:64px 48px;gap:0 8px;align-items:center;padding:0 16px 12px}
  :root[data-theme] body .brand{grid-column:1;grid-row:1;min-width:0;font-size:24px}
  :root[data-theme] body .top-actions{grid-column:2;grid-row:1;margin:0;gap:2px}
  :root[data-theme] body .mobile-toggle{grid-column:3;grid-row:1}
  :root[data-theme] body .search{display:block;grid-column:1/-1;grid-row:2;width:100%;max-width:none;min-width:0;margin:0}
  :root[data-theme] body .search input{width:100%}
  :root[data-theme] body .search-suggestions{width:100%;left:0;right:0}
  :root[data-theme] body .sidebar{overflow-y:auto;max-height:calc(100dvh - var(--header-height))}
  :root[data-theme] body .avatar-editor{grid-template-columns:minmax(0,1fr);gap:24px}
  :root[data-theme] body .avatar-preview{position:static;width:100%}
  :root[data-theme] body .avatar-equipped{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  :root[data-theme] body .avatar-preview .profile-cover{width:100%;min-width:0}
  :root[data-theme] body .avatar-preview .section-heading{display:flex;flex-direction:column;align-items:stretch}
  :root[data-theme] body .avatar-preview .section-heading button{width:100%}
  #page-search{flex-wrap:wrap}#page-search input{min-width:0;width:100%}
}