:root {
  color-scheme: dark;
  --asc-bg: #070a12;
  --asc-surface: #0f1421;
  --asc-card: rgba(16, 22, 36, .94);
  --asc-card-soft: rgba(255, 255, 255, .045);
  --asc-text: #f5f7fb;
  --asc-muted: #9aa6ba;
  --asc-accent: #7c9cff;
  --asc-accent-hover: #9badff;
  --asc-accent-tint: rgba(124, 156, 255, .13);
  --asc-success: #4ade9a;
  --asc-warning: #fbbf24;
  --asc-danger: #ff7a85;
  --asc-line: rgba(255, 255, 255, .10);
  --asc-line-soft: rgba(255, 255, 255, .065);
  --asc-radius-lg: 20px;
  --asc-shadow-hover: 0 20px 62px rgba(0, 0, 0, .34);
  --asc-focus: 0 0 0 3px rgba(124, 156, 255, .28);
  --asc-transition: 180ms cubic-bezier(.2, .7, .2, 1);
}
/* هر انتخاب تم، یک فضای رنگی مستقل می‌سازد؛ همهٔ گزینه‌ها عمداً تاریک هستند. */
html[data-theme="midnight"] { --bg:#070a12; --solid:#0f1421; --surface:rgba(255,255,255,.045); --surface2:rgba(255,255,255,.08); --line:rgba(160,180,220,.16); --text:#f5f7fb; --muted:#9aa6ba; --asc-bg:#070a12; --asc-card:rgba(16,22,36,.94); --asc-accent-tint:rgba(124,156,255,.14); }
html[data-theme="graphite"] { --bg:#0b0d11; --solid:#15191f; --surface:rgba(255,255,255,.055); --surface2:rgba(255,255,255,.095); --line:rgba(210,220,235,.15); --text:#f1f3f5; --muted:#a5adb9; --asc-bg:#0b0d11; --asc-card:rgba(24,28,35,.95); --asc-accent-tint:rgba(176,190,205,.14); }
html[data-theme="ocean"] { --bg:#061117; --solid:#0b1c25; --surface:rgba(80,190,220,.075); --surface2:rgba(80,190,220,.13); --line:rgba(98,205,230,.20); --text:#e6f8fb; --muted:#88b3bf; --asc-bg:#061117; --asc-card:rgba(9,30,39,.95); --asc-accent-tint:rgba(64,190,220,.15); }
html[data-theme="forest"] { --bg:#07110d; --solid:#0e1b15; --surface:rgba(86,190,130,.07); --surface2:rgba(86,190,130,.12); --line:rgba(107,210,150,.18); --text:#e8f7ed; --muted:#91b5a0; --asc-bg:#07110d; --asc-card:rgba(13,31,22,.95); --asc-accent-tint:rgba(74,190,120,.15); }
html[data-theme="ember"] { --bg:#140a0b; --solid:#211113; --surface:rgba(240,120,80,.07); --surface2:rgba(240,120,80,.12); --line:rgba(245,145,105,.20); --text:#fff0eb; --muted:#c09b91; --asc-bg:#140a0b; --asc-card:rgba(34,17,19,.95); --asc-accent-tint:rgba(240,120,80,.15); }
html[data-theme="violet"] { --bg:#100b18; --solid:#1a1227; --surface:rgba(174,120,240,.075); --surface2:rgba(174,120,240,.13); --line:rgba(190,145,250,.20); --text:#f7efff; --muted:#b8a5c9; --asc-bg:#100b18; --asc-card:rgba(28,18,43,.95); --asc-accent-tint:rgba(174,120,240,.16); }
html, body { background: var(--bg); color: var(--text); }
body { font-size:15px; line-height:1.75; background:radial-gradient(760px 420px at 50% -170px, color-mix(in srgb,var(--accent) 20%,transparent), transparent 70%), radial-gradient(520px 360px at 100% 100%, color-mix(in srgb,var(--accent) 8%,transparent), transparent 70%), var(--bg); background-attachment:fixed; }
.app { max-width:1320px; }
.card, .stat, .atlas-card, .settings-card, .acard, .stset { background:linear-gradient(145deg, color-mix(in srgb,var(--solid) 94%,var(--accent) 6%), var(--solid)); border:1px solid var(--line); border-radius:var(--asc-radius-lg); box-shadow:0 8px 28px rgba(0,0,0,.18); transition:border-color var(--asc-transition),box-shadow var(--asc-transition),transform var(--asc-transition); }
.card:hover, .stat:hover, .atlas-card:hover, .settings-card:hover { border-color:color-mix(in srgb,var(--accent) 42%,var(--line)); box-shadow:var(--asc-shadow-hover); transform:translateY(-1px); }
.topbar { padding-top:10px; }
.brand { letter-spacing:.20em; }
.brand img { filter:drop-shadow(0 6px 16px color-mix(in srgb,var(--accent) 38%,transparent)); }
.nav { background:color-mix(in srgb,var(--solid) 86%,transparent); border-color:var(--line); box-shadow:0 18px 55px rgba(0,0,0,.48); }
.nav button.active { background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,transparent),color-mix(in srgb,var(--accent) 10%,transparent)); }
button,input,select,textarea { transition:border-color var(--asc-transition),background-color var(--asc-transition),box-shadow var(--asc-transition),color var(--asc-transition),transform var(--asc-transition); }
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:none; box-shadow:var(--asc-focus); }
.btn { background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 68%,#172044)); border-color:transparent; box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 24%,transparent); }
.btn:hover { filter:brightness(1.12); transform:translateY(-1px); }
.btn.ghost { background:var(--surface); color:var(--accent); border-color:var(--line); }
.btn.ghost:hover { background:var(--surface2); }
.tx,.sl,textarea { background:color-mix(in srgb,var(--bg) 72%,transparent) !important; border-color:var(--line); }
.tx:focus,.sl:focus,textarea:focus { border-color:color-mix(in srgb,var(--accent) 76%,transparent); }
.stat b { color:var(--text); }
.muted,.hint,.atlas-muted,.atlas-privacy,.settings-head p { color:var(--muted); }
.good,.up { color:var(--good); }.bad,.down { color:var(--bad); }.warn { color:var(--warn); }
.theme-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:10px 0 16px; }
.theme-choice { display:grid; grid-template-columns:28px 1fr; grid-template-rows:auto auto; gap:0 9px; align-items:center; min-height:64px; padding:10px; text-align:start; color:var(--text); background:var(--surface); border:1px solid var(--line); border-radius:14px; cursor:pointer; }
.theme-choice i { grid-row:1 / 3; width:28px; height:28px; border-radius:50%; background:var(--theme-dot,#7c9cff); border:4px solid color-mix(in srgb,var(--theme-dot,#7c9cff) 28%,transparent); }
.theme-choice b { font-size:13px; }.theme-choice small { color:var(--muted); font-size:10px; line-height:1.5; }.theme-choice.on { border-color:var(--accent); box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent); background:var(--surface2); }
.theme-midnight i { --theme-dot:#7c9cff; }.theme-graphite i { --theme-dot:#b4bfcc; }.theme-ocean i { --theme-dot:#45c5dc; }.theme-forest i { --theme-dot:#55cf88; }.theme-ember i { --theme-dot:#f18462; }.theme-violet i { --theme-dot:#b68bea; }
@media(max-width:520px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.theme-choice{padding:8px;}}
@media (min-width:1024px) { .app { width:100%; max-width:none; min-height:100vh; display:grid; grid-template-columns:minmax(240px,260px) minmax(520px,720px) minmax(300px,320px); justify-content:center; gap:32px; padding:24px 32px 64px; } .topbar{grid-column:1/-1;width:100%;}.hero{grid-column:1;grid-row:2;position:sticky;top:24px;margin:0;padding:24px;background:var(--solid);border:1px solid var(--line);border-radius:var(--asc-radius-lg);}.nav{grid-column:1;grid-row:3;position:sticky;top:270px;width:100%;align-self:start;}#main{grid-column:2/4;grid-row:2/4;width:100%;max-width:1040px;}.stats{grid-template-columns:repeat(4,minmax(0,1fr));}.card,.settings-card{padding:24px;}.stat b{font-size:30px;line-height:1.15;font-variant-numeric:tabular-nums;} }
@media (min-width:1440px){.app{grid-template-columns:260px minmax(640px,760px) 320px;gap:48px;}#main{max-width:1080px;}}
@media (max-width:1023px){.app{max-width:960px;}}@media (max-width:767px){.app{max-width:100%;}.card,.settings-card{padding:16px;}.stats{grid-template-columns:repeat(2,minmax(0,1fr));}.stat b{font-size:24px;}}@media (max-width:380px){body{font-size:14px}.stats{gap:8px}.stat{padding:12px;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;}}