/* Загварууд (theme).
 *
 * `app.css` нь БҮТЭЦ ба анхдагч **minimal** загварыг агуулна. Энэ файл
 * нь `html[data-theme=…]` дээр ЗӨВХӨН токенуудыг дарж бичнэ — марк-ап ч,
 * байрлал ч давхардахгүй. Тиймээс шинэ загвар нэмэх нь ~40 мөр.
 *
 *   minimal  素  энгийн — GitHub-ийн харанхуй шиг. Анхдагч.
 *   blue     蒼  цэнхэр — гүн ус, удаан урсгал
 *   space    宙  сансар — од, мананцар, гүн хөх
 *   anime    漫  аниме — цагаан, зузаан хар хүрээ, поп ягаан, растер цэг
 *   rain     雨  бороо — үүлэрхэг саарал, норсон шил, урсах дусал
 *
 * Загвар бүр НЭГ өнгөний схемд амлалт өгнө. Тус бүрийг цайвар/харанхуй
 * болгож хоёр дахин үржүүлбэл арван палитр болж, аль нь ч сайн болохгүй.
 */

/* ── 蒼 цэнхэр (анхдагч) ──────────────────────────────────────────
   `:root`-ын анхдагч утга нь өөрөө цэнхэр тул энд зөвхөн ДЭВСГЭР. */
/* ── 素 minimal (анхдагч) ─────────────────────────────────────────
   `:root`-ын анхдагч утга нь өөрөө minimal тул токен нэмэх зүйл алга.
   «Энгийн» гэдэг нь чимэглэлийн дэвсгэр БАЙХГҮЙ гэсэн үг — мөн энэ нь
   бүх загвараас хамгийн хөнгөн. */
:root[data-theme="minimal"]{ --grain:0 }
:root[data-theme="minimal"] #bg{display:none}
:root:not([data-theme]) #bg{display:none}

:root[data-theme="blue"]{
  /* 蒼 — гүн далайн цэнхэр. Хар биш, хөх; тайван боловч амьд. */
  --bg:#061523; --card:#0e2536; --paper:#123047;
  --ink:#e6f1fa; --ink-2:#94b0c6; --ink-3:#5d788e;
  --line:#153549; --line-2:#23536e;
  --accent:#4fc3f7; --seal:#4fc3f7;
  --ok:#4ade80; --ng:#fb7185;
  --ok-bg:#0d2a1e; --ng-bg:#2b1520;

  --r:10px;
  --box-bg:var(--card); --box-bd:1px solid var(--line); --box-r:13px;
  --box-sep:0; --box-pad:17px 15px;
  --list-gap:9px; --list-top:0;
  --elev:0 6px 22px rgba(0,0,0,.38);
  --btn-bg:var(--accent); --btn-fg:#04212e;
  --sel-bg:var(--accent); --sel-fg:#04212e;
  --h2-tt:uppercase; --h2-ls:.14em; --h2-bd:0;
  --track-h:8px; --grain:0;
}

/* Гүн ус: том, удаан эргэлдэх урсгал. Хоёр өөр давтамж давхарлаж,
   гөлгөр градиентээс зайлсхийнэ. */
:root[data-theme="blue"] #bg{
  background-color:#061523;
  background-image:radial-gradient(120% 90% at 50% 0%,
    rgba(37,99,140,.35), transparent 62%);
}
:root[data-theme="blue"] #bg i:nth-child(1){
  display:block; border-radius:0; filter:none; opacity:.5;
  width:150vmax; height:110vmax; left:-30vmax; top:-26vmax;
  background:#1d6f9e; mix-blend-mode:screen;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27900%27%20height%3D%27900%27%3E%3Cfilter%20id%3D%27n%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.004%200.009%27%20numOctaves%3D%275%27%20seed%3D%275%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%27gamma%27%20exponent%3D%273.0%27%20amplitude%3D%271.5%27%20offset%3D%27-0.12%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27900%27%20height%3D%27900%27%20filter%3D%27url%28%23n%29%27%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27900%27%20height%3D%27900%27%3E%3Cfilter%20id%3D%27n%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.004%200.009%27%20numOctaves%3D%275%27%20seed%3D%275%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%27gamma%27%20exponent%3D%273.0%27%20amplitude%3D%271.5%27%20offset%3D%27-0.12%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27900%27%20height%3D%27900%27%20filter%3D%27url%28%23n%29%27%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size:cover; mask-size:cover; -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat; animation:wave1 40s ease-in-out infinite alternate;
}
:root[data-theme="blue"] #bg i:nth-child(2){
  display:block; border-radius:0; filter:none; opacity:.34;
  width:140vmax; height:100vmax; right:-32vmax; bottom:-30vmax;
  background:#12897f; mix-blend-mode:screen;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27900%27%20height%3D%27900%27%3E%3Cfilter%20id%3D%27n%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.008%200.003%27%20numOctaves%3D%275%27%20seed%3D%2761%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%27gamma%27%20exponent%3D%273.2%27%20amplitude%3D%271.4%27%20offset%3D%27-0.13%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27900%27%20height%3D%27900%27%20filter%3D%27url%28%23n%29%27%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27900%27%20height%3D%27900%27%3E%3Cfilter%20id%3D%27n%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.008%200.003%27%20numOctaves%3D%275%27%20seed%3D%2761%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%27gamma%27%20exponent%3D%273.2%27%20amplitude%3D%271.4%27%20offset%3D%27-0.13%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27900%27%20height%3D%27900%27%20filter%3D%27url%28%23n%29%27%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size:cover; mask-size:cover; -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat; animation:wave2 54s ease-in-out infinite alternate;
}
:root[data-theme="blue"] #bg i:nth-child(3){display:none}
@keyframes wave1{to{transform:translate3d(3vmax,2vmax,0) scale(1.12)}}
@keyframes wave2{to{transform:translate3d(-3vmax,-2vmax,0) scale(1.1)}}
:root[data-theme="blue"] #bg::after{
  content:''; position:absolute; inset:0;
  background:radial-gradient(130% 90% at 50% 30%,
    transparent 40%, rgba(2,9,16,.55) 80%, rgba(1,6,11,.85) 100%);
}
:root[data-theme="blue"] .statsum div + div{border-left:0}
:root[data-theme="blue"] .tgoal .track,
:root[data-theme="blue"] .statles .track{border-radius:999px}
:root[data-theme="blue"] .hero .due{background:rgba(14,37,54,.68);
  -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px)}
:root[data-theme="blue"] .due-n,
:root[data-theme="blue"] .fin-pct{color:var(--accent)}
:root[data-theme="blue"] .seal{display:none}

/* ══ 宙 space ══════════════════════════════════════════════════════
   Гүн хөх хар дээр од. Хайрцгууд нь хөвж буй хавтан шиг — зөөлөн
   булан, гүн сүүдэр, цайвар хөх өнгө. */
:root[data-theme="space"]{
  /* Ягаан руу хэлбийсэн хар. Цэвэр хөх-хар нь хүйтэн, «мананцар»
     мэдрэмж өгөхгүй. */
  --bg:#07040f; --card:#130e26; --paper:#1b1438;
  --ink:#ece9f7; --ink-2:#a99fc9; --ink-3:#6d6494;
  --line:#241d40; --line-2:#3b3163;
  --accent:#b79bff; --seal:#b79bff;
  --ok:#5eead4; --ng:#fb7185;
  --ok-bg:#0d2b2b; --ng-bg:#2b1520;

  --r:12px;
  --box-bg:var(--card); --box-bd:1px solid var(--line); --box-r:16px;
  --box-sep:0; --box-pad:18px 16px;
  --list-gap:10px; --list-top:0;
  --elev:0 8px 30px rgba(0,0,0,.5);
  --btn-bg:var(--accent); --btn-fg:#06101f;
  --sel-bg:var(--accent); --sel-fg:#06101f;
  --h2-tt:none; --h2-ls:.03em; --h2-bd:0;
  --track-h:8px; --grain:0;
  --fx-op:0;              /* хөвөгч бөмбөлөг биш, доорх мананцар */
}
/* Одон орон. Гурван давхарга өөр өөр хурдаар хөвж, гүн үүсгэнэ. */
/* ── Дэвсгэр: бодит астрофото шиг ─────────────────────────────────
   Гурван зарчим (судалгааны дүн):
     · мананцар нь ФРАКТАЛ бүтэцтэй — `feTurbulence` маск
     · одны тод байдал жигд БИШ, байрлал нь торлохгүй
     · хар талбай зайлшгүй — виньет, намуухан тунгалаг */
:root[data-theme="space"] #bg{
  background-color:#05030c;
  background-image:
    radial-gradient(circle at 90.8% 93.1%, rgba(255,255,255,.55) 0 0.80px, transparent 1.15px),
    radial-gradient(circle at 87.7% 10.0%, rgba(255,255,255,.55) 0 0.80px, transparent 1.15px),
    radial-gradient(circle at 58.8% 42.7%, rgba(255,255,255,.55) 0 0.80px, transparent 1.15px),
    radial-gradient(circle at 52.9% 14.5%, rgba(255,255,255,.55) 0 0.80px, transparent 1.15px),
    radial-gradient(circle at 20.4% 44.7%, rgba(255,255,255,.55) 0 0.80px, transparent 1.15px),
    radial-gradient(circle at 23.2% 45.7%, rgba(255,255,255,.55) 0 0.80px, transparent 1.15px),
    radial-gradient(circle at 45.4% 55.7%, rgba(188,204,255,.30) 0 0.60px, transparent 0.95px),
    radial-gradient(circle at 90.7% 46.7%, rgba(188,204,255,.30) 0 0.60px, transparent 0.95px),
    radial-gradient(circle at 50.8% 58.4%, rgba(188,204,255,.30) 0 0.60px, transparent 0.95px),
    radial-gradient(circle at 19.7% 51.1%, rgba(188,204,255,.30) 0 0.60px, transparent 0.95px),
    radial-gradient(circle at 62.5% 78.1%, rgba(188,204,255,.30) 0 0.60px, transparent 0.95px),
    radial-gradient(circle at 11.0% 31.1%, rgba(188,204,255,.30) 0 0.60px, transparent 0.95px),
    radial-gradient(circle at 10.7% 79.7%, rgba(188,204,255,.30) 0 0.60px, transparent 0.95px),
    radial-gradient(circle at 68.6% 6.0%, rgba(188,204,255,.30) 0 0.60px, transparent 0.95px),
    radial-gradient(circle at 96.3% 94.6%, rgba(188,204,255,.30) 0 0.60px, transparent 0.95px);
  background-size:317px 317px, 190px 190px;
}

/* Тод одод: цөөхөн, гэрэлтэх сартай, СААРМАГ анивчина. */
:root[data-theme="space"] #bg::before{
  content:''; position:absolute; inset:0;
  background-image:
    radial-gradient(circle at 67.5% 10.8%, rgba(255,255,255,.95) 0 1.15px, transparent 1.50px),
    radial-gradient(circle at 61.3% 82.8%, rgba(255,255,255,.95) 0 1.15px, transparent 1.50px),
    radial-gradient(circle at 82.1% 51.4%, rgba(255,255,255,.95) 0 1.15px, transparent 1.50px),
    radial-gradient(circle at 62.6% 37.4%, rgba(255,255,255,.95) 0 1.15px, transparent 1.50px),
    radial-gradient(circle at 67.5% 10.8%, rgba(150,180,255,.16) 0 3.20px, transparent 3.55px),
    radial-gradient(circle at 61.3% 82.8%, rgba(150,180,255,.16) 0 3.20px, transparent 3.55px),
    radial-gradient(circle at 82.1% 51.4%, rgba(150,180,255,.16) 0 3.20px, transparent 3.55px),
    radial-gradient(circle at 62.6% 37.4%, rgba(150,180,255,.16) 0 3.20px, transparent 3.55px);
  background-size:523px 523px, 523px 523px;
  animation:twinkle 4.5s ease-in-out infinite alternate;
}
@keyframes twinkle{from{opacity:.55} to{opacity:1}}

/* Мананцрын гурван хэсэг. Өнгө нь бодит астрофотогийн шугамууд:
   Hα ягаан-час улаан · OIII фирүүз · тоос-ягаан. `screen` холилтоор
   давхарлана — гэрэл нэмэгддэг, будаг холилддоггүй. */
:root[data-theme="space"] #bg i{
  display:block; border-radius:0; filter:none; animation:none;
  mix-blend-mode:screen; background-repeat:no-repeat;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-size:cover; mask-size:cover;
}
:root[data-theme="space"] #bg i:nth-child(1){
  width:150vmax; height:105vmax; left:-38vmax; top:-30vmax; opacity:.5;
  background:#a8215f;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27900%27%20height%3D%27900%27%3E%3Cfilter%20id%3D%27n%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.008%200.013%27%20numOctaves%3D%275%27%20seed%3D%2711%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%27gamma%27%20exponent%3D%273.4%27%20amplitude%3D%271.5%27%20offset%3D%27-0.14%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27900%27%20height%3D%27900%27%20filter%3D%27url%28%23n%29%27%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27900%27%20height%3D%27900%27%3E%3Cfilter%20id%3D%27n%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.008%200.013%27%20numOctaves%3D%275%27%20seed%3D%2711%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%27gamma%27%20exponent%3D%273.4%27%20amplitude%3D%271.5%27%20offset%3D%27-0.14%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27900%27%20height%3D%27900%27%20filter%3D%27url%28%23n%29%27%2F%3E%3C%2Fsvg%3E");
  animation:neb1 46s ease-in-out infinite alternate;
}
:root[data-theme="space"] #bg i:nth-child(2){
  width:130vmax; height:95vmax; right:-34vmax; top:6vmax; opacity:.4;
  background:#0d7f96;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27900%27%20height%3D%27900%27%3E%3Cfilter%20id%3D%27n%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.011%200.007%27%20numOctaves%3D%275%27%20seed%3D%2729%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%27gamma%27%20exponent%3D%273.0%27%20amplitude%3D%271.4%27%20offset%3D%27-0.12%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27900%27%20height%3D%27900%27%20filter%3D%27url%28%23n%29%27%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27900%27%20height%3D%27900%27%3E%3Cfilter%20id%3D%27n%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.011%200.007%27%20numOctaves%3D%275%27%20seed%3D%2729%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%27gamma%27%20exponent%3D%273.0%27%20amplitude%3D%271.4%27%20offset%3D%27-0.12%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27900%27%20height%3D%27900%27%20filter%3D%27url%28%23n%29%27%2F%3E%3C%2Fsvg%3E");
  animation:neb2 58s ease-in-out infinite alternate;
}
:root[data-theme="space"] #bg i:nth-child(3){
  width:140vmax; height:100vmax; left:-6vmax; bottom:-34vmax; opacity:.42;
  background:#5330b8;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27900%27%20height%3D%27900%27%3E%3Cfilter%20id%3D%27n%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.006%200.010%27%20numOctaves%3D%276%27%20seed%3D%2747%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%27gamma%27%20exponent%3D%273.6%27%20amplitude%3D%271.6%27%20offset%3D%27-0.16%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27900%27%20height%3D%27900%27%20filter%3D%27url%28%23n%29%27%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27900%27%20height%3D%27900%27%3E%3Cfilter%20id%3D%27n%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.006%200.010%27%20numOctaves%3D%276%27%20seed%3D%2747%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%27gamma%27%20exponent%3D%273.6%27%20amplitude%3D%271.6%27%20offset%3D%27-0.16%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27900%27%20height%3D%27900%27%20filter%3D%27url%28%23n%29%27%2F%3E%3C%2Fsvg%3E");
  animation:neb3 52s ease-in-out infinite alternate;
}
@keyframes neb1{to{transform:translate3d(3vmax,-2vmax,0) scale(1.1)}}
@keyframes neb2{to{transform:translate3d(-3vmax,2vmax,0) scale(1.13)}}
@keyframes neb3{to{transform:translate3d(2vmax,-3vmax,0) scale(1.08)}}

/* Виньет — ирмэг рүү харанхуйлна. Үүнгүйгээр өнгө дэлгэц дүүрч,
   «зурсан» мэт харагддаг. */
:root[data-theme="space"] #bg::after{
  content:''; position:absolute; inset:0;
  background:radial-gradient(125% 85% at 50% 38%,
    transparent 34%, rgba(3,2,9,.55) 76%, rgba(2,1,6,.9) 100%);
}

:root[data-theme="space"] h2{font-size:16px; font-weight:600; color:var(--ink);
  margin:30px 0 12px; padding-bottom:0}
:root[data-theme="space"] .step{text-transform:none; letter-spacing:.02em;
  color:var(--ink-2); font-size:12px}
:root[data-theme="space"] .due-n{text-shadow:0 0 30px rgba(183,155,255,.5)}
/* Гол товч нь мананцрын өнгийг давтана — ягаанаас фирүүз рүү. */
:root[data-theme="space"] .primary{
  background:linear-gradient(115deg,#c4a6ff,#8fb8ff 55%,#5eead4);
  color:#0b0718; box-shadow:0 0 30px rgba(160,130,255,.34);
  font-weight:600; letter-spacing:0;
}
:root[data-theme="space"] .bigcards{grid-template-columns:1fr 1fr}
:root[data-theme="space"] .bigcard:first-child,
:root[data-theme="space"] .bigcard.quiet{grid-column:1 / -1}
:root[data-theme="space"] .bigcard{grid-template-columns:44px 1fr; row-gap:2px}
:root[data-theme="space"] .bigcard::after{display:none}
:root[data-theme="space"] .bigcard .bc-jp{font-size:22px; color:var(--accent)}
:root[data-theme="space"] .statsum div + div{border-left:0}
:root[data-theme="space"] .tgoal .track,
:root[data-theme="space"] .statles .track{border-radius:999px}
:root[data-theme="space"] .hero .due{background:rgba(19,14,38,.62);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px)}
:root[data-theme="space"] .seal{display:none}

/* ══ 漫 anime ══════════════════════════════════════════════════════
   Мангагийн хуудас. Судалгааны дөрвөн дүгнэлт:
     · Хүрээний зузаан нь ШАТЛАЛ үүсгэнэ. Бүгд ижил 3px байвал хуудас
       хавтгай болно — гол хайрцаг 4px, дэд нь 2.5px, жижиг нь 2px.
     · Гутер нарийсвал хэмнэл хурдан болно (2–4мм) → 12px биш 8px.
     · Screentone нь зөвхөн цэг биш — ТОНЫ ШИЛЖИЛТТЭЙ (доошоо нягтарна)
       ба зураастай (kakeami) хувилбартай.
     · Хурдны шугам нь нэг ЦЭГ рүү нийлнэ, тэр цэгийн ойролцоо сийрэг. */
:root[data-theme="anime"]{
  --bg:#8fc9f0; --card:#ffffff; --paper:#fffdf6;
  --ink:#141417; --ink-2:#55555c; --ink-3:#93939b;
  --line:#e0ddd2; --line-2:#141417;
  --accent:#ff2e6a; --seal:#ff2e6a;
  --ok:#0f9f4f; --ng:#ff2e2e;
  --ok-bg:#e6f8ec; --ng-bg:#ffe9e9;

  --r:10px;
  --box-bg:var(--card); --box-bd:2.5px solid var(--ink); --box-r:12px;
  --box-sep:0; --box-pad:15px;
  --list-gap:8px;                              /* нарийн гутер = хурдан */
  --list-top:0;
  --elev:4px 4px 0 var(--ink);
  --btn-bg:var(--accent); --btn-fg:#ffffff;
  --sel-bg:var(--accent); --sel-fg:#ffffff;
  --h2-tt:uppercase; --h2-ls:.06em; --h2-bd:0;
  --track-h:13px; --grain:0;
  --fx-op:0;
}
/* ══ 空 anime ══════════════════════════════════════════════════════
   Анимегийн тэнгэр. `feTurbulence`-ээр хийсэн үүл нь бүдэг ТОЛБО
   болдог — анимегийн үүл эсрэгээрээ ТОД ИРМЭГТЭЙ, овоохой хэлбэртэй,
   доод тал нь хөх сүүдэртэй. Тиймээс шуугианаар биш, ЗУРЖ хийв:
   давхарласан тойргийн бөөгнөрөл нэг силуэт болж нэгдэнэ, доор нь
   шилжүүлсэн сүүдрийн давхарга эзэлхүүн өгнө. */
:root[data-theme="anime"] #bg{
  background-image:linear-gradient(#3b96dd 0%, #66b5ea 30%,
                                   #a5d8f3 62%, #e8f4f7 84%, #fdf3dc 100%);
  animation:none;
}
:root[data-theme="anime"] #bg::after{content:none}
:root[data-theme="anime"] #bg::before{content:none}
:root[data-theme="anime"] #bg i{
  display:block; border-radius:0; filter:none;
  background-repeat:repeat-x; mix-blend-mode:normal;
  -webkit-mask-image:none; mask-image:none;
  will-change:transform;
}
:root[data-theme="anime"] #bg i:nth-child(1){
  left:0; top:2%; width:200%; height:34%; opacity:.85;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271600%27%20height%3D%27380%27%3E%3Cg%20fill%3D%27%237fa8c9%27%20fill-opacity%3D%27.34%27%3E%3Ccircle%20cx%3D%2788%27%20cy%3D%27279%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%27128%27%20cy%3D%27279%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%27169%27%20cy%3D%27279%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%27209%27%20cy%3D%27279%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%27250%27%20cy%3D%27279%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%2794%27%20cy%3D%27227%27%20r%3D%2737%27%2F%3E%3Ccircle%20cx%3D%27119%27%20cy%3D%27229%27%20r%3D%2733%27%2F%3E%3Ccircle%20cx%3D%27144%27%20cy%3D%27227%27%20r%3D%2738%27%2F%3E%3Ccircle%20cx%3D%27169%27%20cy%3D%27212%27%20r%3D%2775%27%2F%3E%3Ccircle%20cx%3D%27194%27%20cy%3D%27224%27%20r%3D%2746%27%2F%3E%3Ccircle%20cx%3D%27219%27%20cy%3D%27227%27%20r%3D%2737%27%2F%3E%3Ccircle%20cx%3D%27244%27%20cy%3D%27224%27%20r%3D%2745%27%2F%3E%3Ccircle%20cx%3D%271688%27%20cy%3D%27279%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271728%27%20cy%3D%27279%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271769%27%20cy%3D%27279%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271809%27%20cy%3D%27279%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271850%27%20cy%3D%27279%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271694%27%20cy%3D%27225%27%20r%3D%2743%27%2F%3E%3Ccircle%20cx%3D%271719%27%20cy%3D%27225%27%20r%3D%2744%27%2F%3E%3Ccircle%20cx%3D%271744%27%20cy%3D%27220%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271769%27%20cy%3D%27219%27%20r%3D%2757%27%2F%3E%3Ccircle%20cx%3D%271794%27%20cy%3D%27226%27%20r%3D%2741%27%2F%3E%3Ccircle%20cx%3D%271819%27%20cy%3D%27226%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%271844%27%20cy%3D%27231%27%20r%3D%2728%27%2F%3E%3Ccircle%20cx%3D%27703%27%20cy%3D%27311%27%20r%3D%2756%27%2F%3E%3Ccircle%20cx%3D%27746%27%20cy%3D%27311%27%20r%3D%2756%27%2F%3E%3Ccircle%20cx%3D%27789%27%20cy%3D%27311%27%20r%3D%2756%27%2F%3E%3Ccircle%20cx%3D%27832%27%20cy%3D%27311%27%20r%3D%2756%27%2F%3E%3Ccircle%20cx%3D%27875%27%20cy%3D%27311%27%20r%3D%2756%27%2F%3E%3Ccircle%20cx%3D%27709%27%20cy%3D%27262%27%20r%3D%2728%27%2F%3E%3Ccircle%20cx%3D%27736%27%20cy%3D%27254%27%20r%3D%2748%27%2F%3E%3Ccircle%20cx%3D%27762%27%20cy%3D%27247%27%20r%3D%2766%27%2F%3E%3Ccircle%20cx%3D%27789%27%20cy%3D%27247%27%20r%3D%2765%27%2F%3E%3Ccircle%20cx%3D%27815%27%20cy%3D%27249%27%20r%3D%2762%27%2F%3E%3Ccircle%20cx%3D%27842%27%20cy%3D%27254%27%20r%3D%2749%27%2F%3E%3Ccircle%20cx%3D%27869%27%20cy%3D%27263%27%20r%3D%2726%27%2F%3E%3Ccircle%20cx%3D%271353%27%20cy%3D%27274%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%271391%27%20cy%3D%27274%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%271430%27%20cy%3D%27274%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%271468%27%20cy%3D%27274%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%271507%27%20cy%3D%27274%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%271358%27%20cy%3D%27235%27%20r%3D%2730%27%2F%3E%3Ccircle%20cx%3D%271382%27%20cy%3D%27235%27%20r%3D%2731%27%2F%3E%3Ccircle%20cx%3D%271406%27%20cy%3D%27230%27%20r%3D%2743%27%2F%3E%3Ccircle%20cx%3D%271430%27%20cy%3D%27225%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271454%27%20cy%3D%27230%27%20r%3D%2743%27%2F%3E%3Ccircle%20cx%3D%271477%27%20cy%3D%27232%27%20r%3D%2739%27%2F%3E%3Ccircle%20cx%3D%271501%27%20cy%3D%27238%27%20r%3D%2723%27%2F%3E%3Ccircle%20cx%3D%27-247%27%20cy%3D%27274%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%27-209%27%20cy%3D%27274%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%27-170%27%20cy%3D%27274%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%27-132%27%20cy%3D%27274%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%27-93%27%20cy%3D%27274%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%27-242%27%20cy%3D%27236%27%20r%3D%2728%27%2F%3E%3Ccircle%20cx%3D%27-218%27%20cy%3D%27235%27%20r%3D%2732%27%2F%3E%3Ccircle%20cx%3D%27-194%27%20cy%3D%27227%27%20r%3D%2749%27%2F%3E%3Ccircle%20cx%3D%27-170%27%20cy%3D%27229%27%20r%3D%2746%27%2F%3E%3Ccircle%20cx%3D%27-146%27%20cy%3D%27228%27%20r%3D%2748%27%2F%3E%3Ccircle%20cx%3D%27-123%27%20cy%3D%27237%27%20r%3D%2725%27%2F%3E%3Ccircle%20cx%3D%27-99%27%20cy%3D%27237%27%20r%3D%2725%27%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%27%23ffffff%27%20fill-opacity%3D%271%27%3E%3Ccircle%20cx%3D%2788%27%20cy%3D%27247%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%27128%27%20cy%3D%27247%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%27169%27%20cy%3D%27247%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%27209%27%20cy%3D%27247%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%27250%27%20cy%3D%27247%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%2794%27%20cy%3D%27195%27%20r%3D%2737%27%2F%3E%3Ccircle%20cx%3D%27119%27%20cy%3D%27197%27%20r%3D%2733%27%2F%3E%3Ccircle%20cx%3D%27144%27%20cy%3D%27195%27%20r%3D%2738%27%2F%3E%3Ccircle%20cx%3D%27169%27%20cy%3D%27180%27%20r%3D%2775%27%2F%3E%3Ccircle%20cx%3D%27194%27%20cy%3D%27192%27%20r%3D%2746%27%2F%3E%3Ccircle%20cx%3D%27219%27%20cy%3D%27195%27%20r%3D%2737%27%2F%3E%3Ccircle%20cx%3D%27244%27%20cy%3D%27192%27%20r%3D%2745%27%2F%3E%3Ccircle%20cx%3D%271688%27%20cy%3D%27247%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271728%27%20cy%3D%27247%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271769%27%20cy%3D%27247%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271809%27%20cy%3D%27247%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271850%27%20cy%3D%27247%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271694%27%20cy%3D%27193%27%20r%3D%2743%27%2F%3E%3Ccircle%20cx%3D%271719%27%20cy%3D%27192%27%20r%3D%2744%27%2F%3E%3Ccircle%20cx%3D%271744%27%20cy%3D%27188%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271769%27%20cy%3D%27187%27%20r%3D%2757%27%2F%3E%3Ccircle%20cx%3D%271794%27%20cy%3D%27193%27%20r%3D%2741%27%2F%3E%3Ccircle%20cx%3D%271819%27%20cy%3D%27194%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%271844%27%20cy%3D%27199%27%20r%3D%2728%27%2F%3E%3Ccircle%20cx%3D%27703%27%20cy%3D%27278%27%20r%3D%2756%27%2F%3E%3Ccircle%20cx%3D%27746%27%20cy%3D%27278%27%20r%3D%2756%27%2F%3E%3Ccircle%20cx%3D%27789%27%20cy%3D%27278%27%20r%3D%2756%27%2F%3E%3Ccircle%20cx%3D%27832%27%20cy%3D%27278%27%20r%3D%2756%27%2F%3E%3Ccircle%20cx%3D%27875%27%20cy%3D%27278%27%20r%3D%2756%27%2F%3E%3Ccircle%20cx%3D%27709%27%20cy%3D%27230%27%20r%3D%2728%27%2F%3E%3Ccircle%20cx%3D%27736%27%20cy%3D%27222%27%20r%3D%2748%27%2F%3E%3Ccircle%20cx%3D%27762%27%20cy%3D%27215%27%20r%3D%2766%27%2F%3E%3Ccircle%20cx%3D%27789%27%20cy%3D%27215%27%20r%3D%2765%27%2F%3E%3Ccircle%20cx%3D%27815%27%20cy%3D%27216%27%20r%3D%2762%27%2F%3E%3Ccircle%20cx%3D%27842%27%20cy%3D%27221%27%20r%3D%2749%27%2F%3E%3Ccircle%20cx%3D%27869%27%20cy%3D%27231%27%20r%3D%2726%27%2F%3E%3Ccircle%20cx%3D%271353%27%20cy%3D%27241%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%271391%27%20cy%3D%27241%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%271430%27%20cy%3D%27241%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%271468%27%20cy%3D%27241%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%271507%27%20cy%3D%27241%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%271358%27%20cy%3D%27203%27%20r%3D%2730%27%2F%3E%3Ccircle%20cx%3D%271382%27%20cy%3D%27203%27%20r%3D%2731%27%2F%3E%3Ccircle%20cx%3D%271406%27%20cy%3D%27198%27%20r%3D%2743%27%2F%3E%3Ccircle%20cx%3D%271430%27%20cy%3D%27193%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271454%27%20cy%3D%27198%27%20r%3D%2743%27%2F%3E%3Ccircle%20cx%3D%271477%27%20cy%3D%27199%27%20r%3D%2739%27%2F%3E%3Ccircle%20cx%3D%271501%27%20cy%3D%27206%27%20r%3D%2723%27%2F%3E%3Ccircle%20cx%3D%27-247%27%20cy%3D%27241%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%27-209%27%20cy%3D%27241%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%27-170%27%20cy%3D%27241%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%27-132%27%20cy%3D%27241%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%27-93%27%20cy%3D%27241%27%20r%3D%2740%27%2F%3E%3Ccircle%20cx%3D%27-242%27%20cy%3D%27204%27%20r%3D%2728%27%2F%3E%3Ccircle%20cx%3D%27-218%27%20cy%3D%27202%27%20r%3D%2732%27%2F%3E%3Ccircle%20cx%3D%27-194%27%20cy%3D%27195%27%20r%3D%2749%27%2F%3E%3Ccircle%20cx%3D%27-170%27%20cy%3D%27197%27%20r%3D%2746%27%2F%3E%3Ccircle%20cx%3D%27-146%27%20cy%3D%27196%27%20r%3D%2748%27%2F%3E%3Ccircle%20cx%3D%27-123%27%20cy%3D%27205%27%20r%3D%2725%27%2F%3E%3Ccircle%20cx%3D%27-99%27%20cy%3D%27205%27%20r%3D%2725%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size:50% 100%;
  animation:drift-a 160s linear infinite;
}
:root[data-theme="anime"] #bg i:nth-child(2){
  left:0; top:22%; width:200%; height:40%; opacity:1;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271600%27%20height%3D%27430%27%3E%3Cg%20fill%3D%27%237fa8c9%27%20fill-opacity%3D%27.46%27%3E%3Ccircle%20cx%3D%2796%27%20cy%3D%27341%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27151%27%20cy%3D%27341%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27206%27%20cy%3D%27341%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27261%27%20cy%3D%27341%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27317%27%20cy%3D%27341%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27104%27%20cy%3D%27290%27%20r%3D%2738%27%2F%3E%3Ccircle%20cx%3D%27138%27%20cy%3D%27287%27%20r%3D%2747%27%2F%3E%3Ccircle%20cx%3D%27172%27%20cy%3D%27283%27%20r%3D%2756%27%2F%3E%3Ccircle%20cx%3D%27206%27%20cy%3D%27287%27%20r%3D%2746%27%2F%3E%3Ccircle%20cx%3D%27240%27%20cy%3D%27291%27%20r%3D%2737%27%2F%3E%3Ccircle%20cx%3D%27274%27%20cy%3D%27290%27%20r%3D%2739%27%2F%3E%3Ccircle%20cx%3D%27309%27%20cy%3D%27291%27%20r%3D%2738%27%2F%3E%3Ccircle%20cx%3D%271696%27%20cy%3D%27341%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%271751%27%20cy%3D%27341%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%271806%27%20cy%3D%27341%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%271861%27%20cy%3D%27341%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%271917%27%20cy%3D%27341%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%271704%27%20cy%3D%27289%27%20r%3D%2742%27%2F%3E%3Ccircle%20cx%3D%271738%27%20cy%3D%27285%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%271772%27%20cy%3D%27282%27%20r%3D%2759%27%2F%3E%3Ccircle%20cx%3D%271806%27%20cy%3D%27279%27%20r%3D%2766%27%2F%3E%3Ccircle%20cx%3D%271840%27%20cy%3D%27283%27%20r%3D%2756%27%2F%3E%3Ccircle%20cx%3D%271874%27%20cy%3D%27292%27%20r%3D%2734%27%2F%3E%3Ccircle%20cx%3D%271909%27%20cy%3D%27290%27%20r%3D%2738%27%2F%3E%3Ccircle%20cx%3D%27453%27%20cy%3D%27316%27%20r%3D%2770%27%2F%3E%3Ccircle%20cx%3D%27492%27%20cy%3D%27316%27%20r%3D%2770%27%2F%3E%3Ccircle%20cx%3D%27531%27%20cy%3D%27316%27%20r%3D%2770%27%2F%3E%3Ccircle%20cx%3D%27570%27%20cy%3D%27316%27%20r%3D%2770%27%2F%3E%3Ccircle%20cx%3D%27609%27%20cy%3D%27316%27%20r%3D%2770%27%2F%3E%3Ccircle%20cx%3D%27458%27%20cy%3D%27247%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%27483%27%20cy%3D%27248%27%20r%3D%2752%27%2F%3E%3Ccircle%20cx%3D%27507%27%20cy%3D%27234%27%20r%3D%2787%27%2F%3E%3Ccircle%20cx%3D%27531%27%20cy%3D%27245%27%20r%3D%2759%27%2F%3E%3Ccircle%20cx%3D%27555%27%20cy%3D%27237%27%20r%3D%2780%27%2F%3E%3Ccircle%20cx%3D%27579%27%20cy%3D%27242%27%20r%3D%2768%27%2F%3E%3Ccircle%20cx%3D%27603%27%20cy%3D%27255%27%20r%3D%2735%27%2F%3E%3Ccircle%20cx%3D%27947%27%20cy%3D%27309%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%271002%27%20cy%3D%27309%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%271058%27%20cy%3D%27309%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%271113%27%20cy%3D%27309%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%271168%27%20cy%3D%27309%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%27955%27%20cy%3D%27263%27%20r%3D%2732%27%2F%3E%3Ccircle%20cx%3D%27989%27%20cy%3D%27256%27%20r%3D%2749%27%2F%3E%3Ccircle%20cx%3D%271024%27%20cy%3D%27255%27%20r%3D%2752%27%2F%3E%3Ccircle%20cx%3D%271058%27%20cy%3D%27256%27%20r%3D%2751%27%2F%3E%3Ccircle%20cx%3D%271092%27%20cy%3D%27261%27%20r%3D%2737%27%2F%3E%3Ccircle%20cx%3D%271126%27%20cy%3D%27256%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%271160%27%20cy%3D%27263%27%20r%3D%2731%27%2F%3E%3Ccircle%20cx%3D%271436%27%20cy%3D%27272%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%271487%27%20cy%3D%27272%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%271539%27%20cy%3D%27272%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%271591%27%20cy%3D%27272%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%271642%27%20cy%3D%27272%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%271444%27%20cy%3D%27204%27%20r%3D%2754%27%2F%3E%3Ccircle%20cx%3D%271475%27%20cy%3D%27210%27%20r%3D%2739%27%2F%3E%3Ccircle%20cx%3D%271507%27%20cy%3D%27201%27%20r%3D%2762%27%2F%3E%3Ccircle%20cx%3D%271539%27%20cy%3D%27203%27%20r%3D%2758%27%2F%3E%3Ccircle%20cx%3D%271571%27%20cy%3D%27195%27%20r%3D%2776%27%2F%3E%3Ccircle%20cx%3D%271603%27%20cy%3D%27206%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%271634%27%20cy%3D%27204%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%27-164%27%20cy%3D%27272%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%27-113%27%20cy%3D%27272%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%27-61%27%20cy%3D%27272%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%27-9%27%20cy%3D%27272%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%2742%27%20cy%3D%27272%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%27-156%27%20cy%3D%27205%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27-125%27%20cy%3D%27209%27%20r%3D%2742%27%2F%3E%3Ccircle%20cx%3D%27-93%27%20cy%3D%27194%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%27-61%27%20cy%3D%27188%27%20r%3D%2794%27%2F%3E%3Ccircle%20cx%3D%27-29%27%20cy%3D%27194%27%20r%3D%2778%27%2F%3E%3Ccircle%20cx%3D%273%27%20cy%3D%27204%27%20r%3D%2754%27%2F%3E%3Ccircle%20cx%3D%2734%27%20cy%3D%27208%27%20r%3D%2744%27%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%27%23ffffff%27%20fill-opacity%3D%271%27%3E%3Ccircle%20cx%3D%2796%27%20cy%3D%27304%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27151%27%20cy%3D%27304%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27206%27%20cy%3D%27304%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27261%27%20cy%3D%27304%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27317%27%20cy%3D%27304%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27104%27%20cy%3D%27254%27%20r%3D%2738%27%2F%3E%3Ccircle%20cx%3D%27138%27%20cy%3D%27250%27%20r%3D%2747%27%2F%3E%3Ccircle%20cx%3D%27172%27%20cy%3D%27247%27%20r%3D%2756%27%2F%3E%3Ccircle%20cx%3D%27206%27%20cy%3D%27251%27%20r%3D%2746%27%2F%3E%3Ccircle%20cx%3D%27240%27%20cy%3D%27254%27%20r%3D%2737%27%2F%3E%3Ccircle%20cx%3D%27274%27%20cy%3D%27254%27%20r%3D%2739%27%2F%3E%3Ccircle%20cx%3D%27309%27%20cy%3D%27254%27%20r%3D%2738%27%2F%3E%3Ccircle%20cx%3D%271696%27%20cy%3D%27304%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%271751%27%20cy%3D%27304%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%271806%27%20cy%3D%27304%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%271861%27%20cy%3D%27304%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%271917%27%20cy%3D%27304%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%271704%27%20cy%3D%27252%27%20r%3D%2742%27%2F%3E%3Ccircle%20cx%3D%271738%27%20cy%3D%27248%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%271772%27%20cy%3D%27245%27%20r%3D%2759%27%2F%3E%3Ccircle%20cx%3D%271806%27%20cy%3D%27243%27%20r%3D%2766%27%2F%3E%3Ccircle%20cx%3D%271840%27%20cy%3D%27247%27%20r%3D%2756%27%2F%3E%3Ccircle%20cx%3D%271874%27%20cy%3D%27256%27%20r%3D%2734%27%2F%3E%3Ccircle%20cx%3D%271909%27%20cy%3D%27254%27%20r%3D%2738%27%2F%3E%3Ccircle%20cx%3D%27453%27%20cy%3D%27279%27%20r%3D%2770%27%2F%3E%3Ccircle%20cx%3D%27492%27%20cy%3D%27279%27%20r%3D%2770%27%2F%3E%3Ccircle%20cx%3D%27531%27%20cy%3D%27279%27%20r%3D%2770%27%2F%3E%3Ccircle%20cx%3D%27570%27%20cy%3D%27279%27%20r%3D%2770%27%2F%3E%3Ccircle%20cx%3D%27609%27%20cy%3D%27279%27%20r%3D%2770%27%2F%3E%3Ccircle%20cx%3D%27458%27%20cy%3D%27210%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%27483%27%20cy%3D%27211%27%20r%3D%2752%27%2F%3E%3Ccircle%20cx%3D%27507%27%20cy%3D%27197%27%20r%3D%2787%27%2F%3E%3Ccircle%20cx%3D%27531%27%20cy%3D%27209%27%20r%3D%2759%27%2F%3E%3Ccircle%20cx%3D%27555%27%20cy%3D%27200%27%20r%3D%2780%27%2F%3E%3Ccircle%20cx%3D%27579%27%20cy%3D%27205%27%20r%3D%2768%27%2F%3E%3Ccircle%20cx%3D%27603%27%20cy%3D%27219%27%20r%3D%2735%27%2F%3E%3Ccircle%20cx%3D%27947%27%20cy%3D%27273%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%271002%27%20cy%3D%27273%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%271058%27%20cy%3D%27273%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%271113%27%20cy%3D%27273%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%271168%27%20cy%3D%27273%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%27955%27%20cy%3D%27226%27%20r%3D%2732%27%2F%3E%3Ccircle%20cx%3D%27989%27%20cy%3D%27220%27%20r%3D%2749%27%2F%3E%3Ccircle%20cx%3D%271024%27%20cy%3D%27218%27%20r%3D%2752%27%2F%3E%3Ccircle%20cx%3D%271058%27%20cy%3D%27219%27%20r%3D%2751%27%2F%3E%3Ccircle%20cx%3D%271092%27%20cy%3D%27225%27%20r%3D%2737%27%2F%3E%3Ccircle%20cx%3D%271126%27%20cy%3D%27219%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%271160%27%20cy%3D%27227%27%20r%3D%2731%27%2F%3E%3Ccircle%20cx%3D%271436%27%20cy%3D%27235%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%271487%27%20cy%3D%27235%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%271539%27%20cy%3D%27235%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%271591%27%20cy%3D%27235%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%271642%27%20cy%3D%27235%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%271444%27%20cy%3D%27168%27%20r%3D%2754%27%2F%3E%3Ccircle%20cx%3D%271475%27%20cy%3D%27173%27%20r%3D%2739%27%2F%3E%3Ccircle%20cx%3D%271507%27%20cy%3D%27164%27%20r%3D%2762%27%2F%3E%3Ccircle%20cx%3D%271539%27%20cy%3D%27166%27%20r%3D%2758%27%2F%3E%3Ccircle%20cx%3D%271571%27%20cy%3D%27159%27%20r%3D%2776%27%2F%3E%3Ccircle%20cx%3D%271603%27%20cy%3D%27169%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%271634%27%20cy%3D%27167%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%27-164%27%20cy%3D%27235%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%27-113%27%20cy%3D%27235%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%27-61%27%20cy%3D%27235%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%27-9%27%20cy%3D%27235%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%2742%27%20cy%3D%27235%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%27-156%27%20cy%3D%27168%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27-125%27%20cy%3D%27172%27%20r%3D%2742%27%2F%3E%3Ccircle%20cx%3D%27-93%27%20cy%3D%27158%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%27-61%27%20cy%3D%27152%27%20r%3D%2794%27%2F%3E%3Ccircle%20cx%3D%27-29%27%20cy%3D%27158%27%20r%3D%2778%27%2F%3E%3Ccircle%20cx%3D%273%27%20cy%3D%27167%27%20r%3D%2754%27%2F%3E%3Ccircle%20cx%3D%2734%27%20cy%3D%27171%27%20r%3D%2744%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size:50% 100%;
  animation:drift-b 88s linear infinite;
}
:root[data-theme="anime"] #bg i:nth-child(3){
  left:0; top:50%; width:200%; height:44%; opacity:.95;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271600%27%20height%3D%27470%27%3E%3Cg%20fill%3D%27%237fa8c9%27%20fill-opacity%3D%27.56%27%3E%3Ccircle%20cx%3D%27152%27%20cy%3D%27311%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%27187%27%20cy%3D%27311%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%27222%27%20cy%3D%27311%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%27257%27%20cy%3D%27311%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%27293%27%20cy%3D%27311%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%27157%27%20cy%3D%27238%27%20r%3D%2751%27%2F%3E%3Ccircle%20cx%3D%27179%27%20cy%3D%27230%27%20r%3D%2770%27%2F%3E%3Ccircle%20cx%3D%27201%27%20cy%3D%27227%27%20r%3D%2778%27%2F%3E%3Ccircle%20cx%3D%27222%27%20cy%3D%27225%27%20r%3D%2783%27%2F%3E%3Ccircle%20cx%3D%27244%27%20cy%3D%27224%27%20r%3D%2786%27%2F%3E%3Ccircle%20cx%3D%27266%27%20cy%3D%27232%27%20r%3D%2765%27%2F%3E%3Ccircle%20cx%3D%27287%27%20cy%3D%27235%27%20r%3D%2757%27%2F%3E%3Ccircle%20cx%3D%271752%27%20cy%3D%27311%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%271787%27%20cy%3D%27311%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%271822%27%20cy%3D%27311%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%271857%27%20cy%3D%27311%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%271893%27%20cy%3D%27311%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%271757%27%20cy%3D%27240%27%20r%3D%2745%27%2F%3E%3Ccircle%20cx%3D%271779%27%20cy%3D%27233%27%20r%3D%2764%27%2F%3E%3Ccircle%20cx%3D%271801%27%20cy%3D%27221%27%20r%3D%2793%27%2F%3E%3Ccircle%20cx%3D%271822%27%20cy%3D%27233%27%20r%3D%2764%27%2F%3E%3Ccircle%20cx%3D%271844%27%20cy%3D%27221%27%20r%3D%2793%27%2F%3E%3Ccircle%20cx%3D%271866%27%20cy%3D%27232%27%20r%3D%2765%27%2F%3E%3Ccircle%20cx%3D%271887%27%20cy%3D%27237%27%20r%3D%2754%27%2F%3E%3Ccircle%20cx%3D%27776%27%20cy%3D%27374%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27818%27%20cy%3D%27374%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27860%27%20cy%3D%27374%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27902%27%20cy%3D%27374%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27945%27%20cy%3D%27374%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27782%27%20cy%3D%27328%27%20r%3D%2726%27%2F%3E%3Ccircle%20cx%3D%27808%27%20cy%3D%27319%27%20r%3D%2748%27%2F%3E%3Ccircle%20cx%3D%27834%27%20cy%3D%27322%27%20r%3D%2741%27%2F%3E%3Ccircle%20cx%3D%27860%27%20cy%3D%27312%27%20r%3D%2766%27%2F%3E%3Ccircle%20cx%3D%27886%27%20cy%3D%27316%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%27912%27%20cy%3D%27326%27%20r%3D%2731%27%2F%3E%3Ccircle%20cx%3D%27938%27%20cy%3D%27323%27%20r%3D%2739%27%2F%3E%3Ccircle%20cx%3D%271054%27%20cy%3D%27379%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271107%27%20cy%3D%27379%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271159%27%20cy%3D%27379%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271211%27%20cy%3D%27379%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271264%27%20cy%3D%27379%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271062%27%20cy%3D%27326%27%20r%3D%2739%27%2F%3E%3Ccircle%20cx%3D%271094%27%20cy%3D%27322%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%271127%27%20cy%3D%27325%27%20r%3D%2741%27%2F%3E%3Ccircle%20cx%3D%271159%27%20cy%3D%27314%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%271191%27%20cy%3D%27325%27%20r%3D%2741%27%2F%3E%3Ccircle%20cx%3D%271224%27%20cy%3D%27320%27%20r%3D%2754%27%2F%3E%3Ccircle%20cx%3D%271256%27%20cy%3D%27327%27%20r%3D%2738%27%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%27%23ffffff%27%20fill-opacity%3D%271%27%3E%3Ccircle%20cx%3D%27152%27%20cy%3D%27271%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%27187%27%20cy%3D%27271%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%27222%27%20cy%3D%27271%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%27257%27%20cy%3D%27271%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%27293%27%20cy%3D%27271%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%27157%27%20cy%3D%27198%27%20r%3D%2751%27%2F%3E%3Ccircle%20cx%3D%27179%27%20cy%3D%27191%27%20r%3D%2770%27%2F%3E%3Ccircle%20cx%3D%27201%27%20cy%3D%27187%27%20r%3D%2778%27%2F%3E%3Ccircle%20cx%3D%27222%27%20cy%3D%27185%27%20r%3D%2783%27%2F%3E%3Ccircle%20cx%3D%27244%27%20cy%3D%27184%27%20r%3D%2786%27%2F%3E%3Ccircle%20cx%3D%27266%27%20cy%3D%27192%27%20r%3D%2765%27%2F%3E%3Ccircle%20cx%3D%27287%27%20cy%3D%27195%27%20r%3D%2757%27%2F%3E%3Ccircle%20cx%3D%271752%27%20cy%3D%27271%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%271787%27%20cy%3D%27271%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%271822%27%20cy%3D%27271%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%271857%27%20cy%3D%27271%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%271893%27%20cy%3D%27271%27%20r%3D%2779%27%2F%3E%3Ccircle%20cx%3D%271757%27%20cy%3D%27200%27%20r%3D%2745%27%2F%3E%3Ccircle%20cx%3D%271779%27%20cy%3D%27193%27%20r%3D%2764%27%2F%3E%3Ccircle%20cx%3D%271801%27%20cy%3D%27181%27%20r%3D%2793%27%2F%3E%3Ccircle%20cx%3D%271822%27%20cy%3D%27193%27%20r%3D%2764%27%2F%3E%3Ccircle%20cx%3D%271844%27%20cy%3D%27181%27%20r%3D%2793%27%2F%3E%3Ccircle%20cx%3D%271866%27%20cy%3D%27192%27%20r%3D%2765%27%2F%3E%3Ccircle%20cx%3D%271887%27%20cy%3D%27197%27%20r%3D%2754%27%2F%3E%3Ccircle%20cx%3D%27776%27%20cy%3D%27334%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27818%27%20cy%3D%27334%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27860%27%20cy%3D%27334%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27902%27%20cy%3D%27334%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27945%27%20cy%3D%27334%27%20r%3D%2753%27%2F%3E%3Ccircle%20cx%3D%27782%27%20cy%3D%27288%27%20r%3D%2726%27%2F%3E%3Ccircle%20cx%3D%27808%27%20cy%3D%27279%27%20r%3D%2748%27%2F%3E%3Ccircle%20cx%3D%27834%27%20cy%3D%27282%27%20r%3D%2741%27%2F%3E%3Ccircle%20cx%3D%27860%27%20cy%3D%27272%27%20r%3D%2766%27%2F%3E%3Ccircle%20cx%3D%27886%27%20cy%3D%27277%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%27912%27%20cy%3D%27286%27%20r%3D%2731%27%2F%3E%3Ccircle%20cx%3D%27938%27%20cy%3D%27283%27%20r%3D%2739%27%2F%3E%3Ccircle%20cx%3D%271054%27%20cy%3D%27339%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271107%27%20cy%3D%27339%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271159%27%20cy%3D%27339%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271211%27%20cy%3D%27339%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271264%27%20cy%3D%27339%27%20r%3D%2755%27%2F%3E%3Ccircle%20cx%3D%271062%27%20cy%3D%27286%27%20r%3D%2739%27%2F%3E%3Ccircle%20cx%3D%271094%27%20cy%3D%27282%27%20r%3D%2750%27%2F%3E%3Ccircle%20cx%3D%271127%27%20cy%3D%27285%27%20r%3D%2741%27%2F%3E%3Ccircle%20cx%3D%271159%27%20cy%3D%27275%27%20r%3D%2769%27%2F%3E%3Ccircle%20cx%3D%271191%27%20cy%3D%27286%27%20r%3D%2741%27%2F%3E%3Ccircle%20cx%3D%271224%27%20cy%3D%27280%27%20r%3D%2754%27%2F%3E%3Ccircle%20cx%3D%271256%27%20cy%3D%27287%27%20r%3D%2738%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size:50% 100%;
  animation:drift-c 46s linear infinite;
}
@keyframes drift-a{to{transform:translate3d(-50%,0,0)}}
@keyframes drift-b{to{transform:translate3d(-50%,0,0)}}
@keyframes drift-c{to{transform:translate3d(-50%,0,0)}}
/* Шатлал: гол хайрцаг хамгийн зузаан, доод түвшин нимгэн. */
:root[data-theme="anime"] .card,
:root[data-theme="anime"] .hero .due{border-width:4px; box-shadow:6px 6px 0 var(--ink)}
:root[data-theme="anime"] .lessons button,
:root[data-theme="anime"] .thlist button{border:2px solid var(--ink)}
:root[data-theme="anime"] h2{font-weight:800; color:var(--ink); font-size:13px;
  padding-bottom:0; margin:30px 0 10px}
:root[data-theme="anime"] h2::after{content:''; display:block; width:34px;
  height:4px; background:var(--accent); margin-top:5px; border-radius:2px}
:root[data-theme="anime"] .step{font-weight:800; color:var(--ink-2);
  text-transform:uppercase; letter-spacing:.08em}
:root[data-theme="anime"] .bar{border-bottom:4px solid var(--ink)}
:root[data-theme="anime"] .bar .title{font-weight:800; letter-spacing:.1em}
:root[data-theme="anime"] .primary{font-weight:800; letter-spacing:.02em;
  border:3px solid var(--ink); box-shadow:5px 5px 0 var(--ink)}
:root[data-theme="anime"] .primary:active:not(:disabled){
  transform:translate(3px,3px); box-shadow:2px 2px 0 var(--ink)}
:root[data-theme="anime"] .due-n,
:root[data-theme="anime"] .fin-pct{color:var(--accent); font-weight:800}
:root[data-theme="anime"] .tgoal .track,
:root[data-theme="anime"] .statles .track{border-radius:999px;
  border:2px solid var(--ink)}
:root[data-theme="anime"] .statsum div + div{border-left:0}
:root[data-theme="anime"] .hero .due{background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px)}
:root[data-theme="anime"] .ring3d .c{border:2px solid var(--ink); opacity:.4}

/* ══ 雨 rain ═══════════════════════════════════════════════════════
   ШӨНИЙН НОРСОН ЦОНХ. Цайвар саарал өдөр + жигд налуу зураас нь
   «хилэн даавуу» мэт харагдаж байв. Борооны хамгийн сайхан дүр нь
   үүлэрхэг өдөр биш — харанхуй цонх, цаана нь бүдгэрсэн шар гэрлүүд,
   шилэн дээр цөөн ТОД дусал. Дуслын гялбаа нь харанхуй дэвсгэр дээр л
   жинхэнэ ус шиг харагдана. */
:root[data-theme="rain"]{
  --bg:#0c1420; --card:#16202e; --paper:#1b2735;
  --ink:#e8eff7; --ink-2:#93a5b8; --ink-3:#5f7185;
  --line:#223145; --line-2:#33465f;
  --accent:#6fc8e0; --seal:#6fc8e0;
  --ok:#6ee7b7; --ng:#fb7185;
  --ok-bg:#0e2a24; --ng-bg:#2b1520;

  --r:12px;
  --box-bg:rgba(22,32,46,.72);
  --box-bd:1px solid rgba(120,160,200,.14);
  --box-r:15px; --box-sep:0; --box-pad:17px 15px;
  --list-gap:9px; --list-top:0;
  --elev:0 8px 26px rgba(0,0,0,.45);
  --btn-bg:var(--accent); --btn-fg:#06222b;
  --sel-bg:var(--accent); --sel-fg:#06222b;
  --h2-tt:uppercase; --h2-ls:.14em; --h2-bd:0;
  --track-h:8px; --grain:0; --fx-op:0;
}
/* Цаадах гэрлүүд — бүдгэрсэн бөмбөлөг. Радиал градиент нь өөрөө зөөлөн
   ирмэгтэй тул `filter:blur` хэрэггүй (утсан дээр хамаагүй хямд). */
:root[data-theme="rain"] #bg{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27900%27%20height%3D%27900%27%3E%3Cdefs%3E%3CradialGradient%20id%3D%27g0%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23ff7a5c%27%20stop-opacity%3D%270.44%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23ff7a5c%27%20stop-opacity%3D%270.15%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23ff7a5c%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g1%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23ff8f4d%27%20stop-opacity%3D%270.44%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23ff8f4d%27%20stop-opacity%3D%270.15%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23ff8f4d%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g2%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270.42%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270.15%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g3%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23ffb347%27%20stop-opacity%3D%270.46%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23ffb347%27%20stop-opacity%3D%270.16%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23ffb347%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g4%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23ff7a5c%27%20stop-opacity%3D%270.25%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23ff7a5c%27%20stop-opacity%3D%270.09%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23ff7a5c%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g5%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23ffb347%27%20stop-opacity%3D%270.50%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23ffb347%27%20stop-opacity%3D%270.17%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23ffb347%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g6%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270.27%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270.10%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g7%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23ffb347%27%20stop-opacity%3D%270.49%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23ffb347%27%20stop-opacity%3D%270.17%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23ffb347%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g8%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270.30%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270.11%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g9%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%237aa8ff%27%20stop-opacity%3D%270.27%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%237aa8ff%27%20stop-opacity%3D%270.09%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%237aa8ff%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g10%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23ffd08a%27%20stop-opacity%3D%270.22%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23ffd08a%27%20stop-opacity%3D%270.08%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23ffd08a%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g11%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270.36%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270.13%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g12%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23ff8f4d%27%20stop-opacity%3D%270.30%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23ff8f4d%27%20stop-opacity%3D%270.11%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23ff8f4d%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g13%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23ff8f4d%27%20stop-opacity%3D%270.37%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23ff8f4d%27%20stop-opacity%3D%270.13%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23ff8f4d%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g14%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270.39%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270.13%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%235fd0e8%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%27g15%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23ff8f4d%27%20stop-opacity%3D%270.29%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23ff8f4d%27%20stop-opacity%3D%270.10%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23ff8f4d%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%27-130%27%20cy%3D%27-729%27%20r%3D%2755%27%20fill%3D%27url%28%23g0%29%27%2F%3E%3Ccircle%20cx%3D%27-130%27%20cy%3D%27171%27%20r%3D%2755%27%20fill%3D%27url%28%23g0%29%27%2F%3E%3Ccircle%20cx%3D%27-130%27%20cy%3D%271071%27%20r%3D%2755%27%20fill%3D%27url%28%23g0%29%27%2F%3E%3Ccircle%20cx%3D%27770%27%20cy%3D%27-729%27%20r%3D%2755%27%20fill%3D%27url%28%23g0%29%27%2F%3E%3Ccircle%20cx%3D%27770%27%20cy%3D%27171%27%20r%3D%2755%27%20fill%3D%27url%28%23g0%29%27%2F%3E%3Ccircle%20cx%3D%27770%27%20cy%3D%271071%27%20r%3D%2755%27%20fill%3D%27url%28%23g0%29%27%2F%3E%3Ccircle%20cx%3D%271670%27%20cy%3D%27-729%27%20r%3D%2755%27%20fill%3D%27url%28%23g0%29%27%2F%3E%3Ccircle%20cx%3D%271670%27%20cy%3D%27171%27%20r%3D%2755%27%20fill%3D%27url%28%23g0%29%27%2F%3E%3Ccircle%20cx%3D%271670%27%20cy%3D%271071%27%20r%3D%2755%27%20fill%3D%27url%28%23g0%29%27%2F%3E%3Ccircle%20cx%3D%27-627%27%20cy%3D%27-818%27%20r%3D%2733%27%20fill%3D%27url%28%23g1%29%27%2F%3E%3Ccircle%20cx%3D%27-627%27%20cy%3D%2782%27%20r%3D%2733%27%20fill%3D%27url%28%23g1%29%27%2F%3E%3Ccircle%20cx%3D%27-627%27%20cy%3D%27982%27%20r%3D%2733%27%20fill%3D%27url%28%23g1%29%27%2F%3E%3Ccircle%20cx%3D%27273%27%20cy%3D%27-818%27%20r%3D%2733%27%20fill%3D%27url%28%23g1%29%27%2F%3E%3Ccircle%20cx%3D%27273%27%20cy%3D%2782%27%20r%3D%2733%27%20fill%3D%27url%28%23g1%29%27%2F%3E%3Ccircle%20cx%3D%27273%27%20cy%3D%27982%27%20r%3D%2733%27%20fill%3D%27url%28%23g1%29%27%2F%3E%3Ccircle%20cx%3D%271173%27%20cy%3D%27-818%27%20r%3D%2733%27%20fill%3D%27url%28%23g1%29%27%2F%3E%3Ccircle%20cx%3D%271173%27%20cy%3D%2782%27%20r%3D%2733%27%20fill%3D%27url%28%23g1%29%27%2F%3E%3Ccircle%20cx%3D%271173%27%20cy%3D%27982%27%20r%3D%2733%27%20fill%3D%27url%28%23g1%29%27%2F%3E%3Ccircle%20cx%3D%27-543%27%20cy%3D%27-492%27%20r%3D%2765%27%20fill%3D%27url%28%23g2%29%27%2F%3E%3Ccircle%20cx%3D%27-543%27%20cy%3D%27408%27%20r%3D%2765%27%20fill%3D%27url%28%23g2%29%27%2F%3E%3Ccircle%20cx%3D%27-543%27%20cy%3D%271308%27%20r%3D%2765%27%20fill%3D%27url%28%23g2%29%27%2F%3E%3Ccircle%20cx%3D%27357%27%20cy%3D%27-492%27%20r%3D%2765%27%20fill%3D%27url%28%23g2%29%27%2F%3E%3Ccircle%20cx%3D%27357%27%20cy%3D%27408%27%20r%3D%2765%27%20fill%3D%27url%28%23g2%29%27%2F%3E%3Ccircle%20cx%3D%27357%27%20cy%3D%271308%27%20r%3D%2765%27%20fill%3D%27url%28%23g2%29%27%2F%3E%3Ccircle%20cx%3D%271257%27%20cy%3D%27-492%27%20r%3D%2765%27%20fill%3D%27url%28%23g2%29%27%2F%3E%3Ccircle%20cx%3D%271257%27%20cy%3D%27408%27%20r%3D%2765%27%20fill%3D%27url%28%23g2%29%27%2F%3E%3Ccircle%20cx%3D%271257%27%20cy%3D%271308%27%20r%3D%2765%27%20fill%3D%27url%28%23g2%29%27%2F%3E%3Ccircle%20cx%3D%27-843%27%20cy%3D%27-868%27%20r%3D%2779%27%20fill%3D%27url%28%23g3%29%27%2F%3E%3Ccircle%20cx%3D%27-843%27%20cy%3D%2732%27%20r%3D%2779%27%20fill%3D%27url%28%23g3%29%27%2F%3E%3Ccircle%20cx%3D%27-843%27%20cy%3D%27932%27%20r%3D%2779%27%20fill%3D%27url%28%23g3%29%27%2F%3E%3Ccircle%20cx%3D%2757%27%20cy%3D%27-868%27%20r%3D%2779%27%20fill%3D%27url%28%23g3%29%27%2F%3E%3Ccircle%20cx%3D%2757%27%20cy%3D%2732%27%20r%3D%2779%27%20fill%3D%27url%28%23g3%29%27%2F%3E%3Ccircle%20cx%3D%2757%27%20cy%3D%27932%27%20r%3D%2779%27%20fill%3D%27url%28%23g3%29%27%2F%3E%3Ccircle%20cx%3D%27957%27%20cy%3D%27-868%27%20r%3D%2779%27%20fill%3D%27url%28%23g3%29%27%2F%3E%3Ccircle%20cx%3D%27957%27%20cy%3D%2732%27%20r%3D%2779%27%20fill%3D%27url%28%23g3%29%27%2F%3E%3Ccircle%20cx%3D%27957%27%20cy%3D%27932%27%20r%3D%2779%27%20fill%3D%27url%28%23g3%29%27%2F%3E%3Ccircle%20cx%3D%27-368%27%20cy%3D%27-724%27%20r%3D%2748%27%20fill%3D%27url%28%23g4%29%27%2F%3E%3Ccircle%20cx%3D%27-368%27%20cy%3D%27176%27%20r%3D%2748%27%20fill%3D%27url%28%23g4%29%27%2F%3E%3Ccircle%20cx%3D%27-368%27%20cy%3D%271076%27%20r%3D%2748%27%20fill%3D%27url%28%23g4%29%27%2F%3E%3Ccircle%20cx%3D%27532%27%20cy%3D%27-724%27%20r%3D%2748%27%20fill%3D%27url%28%23g4%29%27%2F%3E%3Ccircle%20cx%3D%27532%27%20cy%3D%27176%27%20r%3D%2748%27%20fill%3D%27url%28%23g4%29%27%2F%3E%3Ccircle%20cx%3D%27532%27%20cy%3D%271076%27%20r%3D%2748%27%20fill%3D%27url%28%23g4%29%27%2F%3E%3Ccircle%20cx%3D%271432%27%20cy%3D%27-724%27%20r%3D%2748%27%20fill%3D%27url%28%23g4%29%27%2F%3E%3Ccircle%20cx%3D%271432%27%20cy%3D%27176%27%20r%3D%2748%27%20fill%3D%27url%28%23g4%29%27%2F%3E%3Ccircle%20cx%3D%271432%27%20cy%3D%271076%27%20r%3D%2748%27%20fill%3D%27url%28%23g4%29%27%2F%3E%3Ccircle%20cx%3D%27-488%27%20cy%3D%27-650%27%20r%3D%2769%27%20fill%3D%27url%28%23g5%29%27%2F%3E%3Ccircle%20cx%3D%27-488%27%20cy%3D%27250%27%20r%3D%2769%27%20fill%3D%27url%28%23g5%29%27%2F%3E%3Ccircle%20cx%3D%27-488%27%20cy%3D%271150%27%20r%3D%2769%27%20fill%3D%27url%28%23g5%29%27%2F%3E%3Ccircle%20cx%3D%27412%27%20cy%3D%27-650%27%20r%3D%2769%27%20fill%3D%27url%28%23g5%29%27%2F%3E%3Ccircle%20cx%3D%27412%27%20cy%3D%27250%27%20r%3D%2769%27%20fill%3D%27url%28%23g5%29%27%2F%3E%3Ccircle%20cx%3D%27412%27%20cy%3D%271150%27%20r%3D%2769%27%20fill%3D%27url%28%23g5%29%27%2F%3E%3Ccircle%20cx%3D%271312%27%20cy%3D%27-650%27%20r%3D%2769%27%20fill%3D%27url%28%23g5%29%27%2F%3E%3Ccircle%20cx%3D%271312%27%20cy%3D%27250%27%20r%3D%2769%27%20fill%3D%27url%28%23g5%29%27%2F%3E%3Ccircle%20cx%3D%271312%27%20cy%3D%271150%27%20r%3D%2769%27%20fill%3D%27url%28%23g5%29%27%2F%3E%3Ccircle%20cx%3D%27-616%27%20cy%3D%27-693%27%20r%3D%2772%27%20fill%3D%27url%28%23g6%29%27%2F%3E%3Ccircle%20cx%3D%27-616%27%20cy%3D%27207%27%20r%3D%2772%27%20fill%3D%27url%28%23g6%29%27%2F%3E%3Ccircle%20cx%3D%27-616%27%20cy%3D%271107%27%20r%3D%2772%27%20fill%3D%27url%28%23g6%29%27%2F%3E%3Ccircle%20cx%3D%27284%27%20cy%3D%27-693%27%20r%3D%2772%27%20fill%3D%27url%28%23g6%29%27%2F%3E%3Ccircle%20cx%3D%27284%27%20cy%3D%27207%27%20r%3D%2772%27%20fill%3D%27url%28%23g6%29%27%2F%3E%3Ccircle%20cx%3D%27284%27%20cy%3D%271107%27%20r%3D%2772%27%20fill%3D%27url%28%23g6%29%27%2F%3E%3Ccircle%20cx%3D%271184%27%20cy%3D%27-693%27%20r%3D%2772%27%20fill%3D%27url%28%23g6%29%27%2F%3E%3Ccircle%20cx%3D%271184%27%20cy%3D%27207%27%20r%3D%2772%27%20fill%3D%27url%28%23g6%29%27%2F%3E%3Ccircle%20cx%3D%271184%27%20cy%3D%271107%27%20r%3D%2772%27%20fill%3D%27url%28%23g6%29%27%2F%3E%3Ccircle%20cx%3D%27-138%27%20cy%3D%27-552%27%20r%3D%2752%27%20fill%3D%27url%28%23g7%29%27%2F%3E%3Ccircle%20cx%3D%27-138%27%20cy%3D%27348%27%20r%3D%2752%27%20fill%3D%27url%28%23g7%29%27%2F%3E%3Ccircle%20cx%3D%27-138%27%20cy%3D%271248%27%20r%3D%2752%27%20fill%3D%27url%28%23g7%29%27%2F%3E%3Ccircle%20cx%3D%27762%27%20cy%3D%27-552%27%20r%3D%2752%27%20fill%3D%27url%28%23g7%29%27%2F%3E%3Ccircle%20cx%3D%27762%27%20cy%3D%27348%27%20r%3D%2752%27%20fill%3D%27url%28%23g7%29%27%2F%3E%3Ccircle%20cx%3D%27762%27%20cy%3D%271248%27%20r%3D%2752%27%20fill%3D%27url%28%23g7%29%27%2F%3E%3Ccircle%20cx%3D%271662%27%20cy%3D%27-552%27%20r%3D%2752%27%20fill%3D%27url%28%23g7%29%27%2F%3E%3Ccircle%20cx%3D%271662%27%20cy%3D%27348%27%20r%3D%2752%27%20fill%3D%27url%28%23g7%29%27%2F%3E%3Ccircle%20cx%3D%271662%27%20cy%3D%271248%27%20r%3D%2752%27%20fill%3D%27url%28%23g7%29%27%2F%3E%3Ccircle%20cx%3D%27-66%27%20cy%3D%27-853%27%20r%3D%2740%27%20fill%3D%27url%28%23g8%29%27%2F%3E%3Ccircle%20cx%3D%27-66%27%20cy%3D%2747%27%20r%3D%2740%27%20fill%3D%27url%28%23g8%29%27%2F%3E%3Ccircle%20cx%3D%27-66%27%20cy%3D%27947%27%20r%3D%2740%27%20fill%3D%27url%28%23g8%29%27%2F%3E%3Ccircle%20cx%3D%27834%27%20cy%3D%27-853%27%20r%3D%2740%27%20fill%3D%27url%28%23g8%29%27%2F%3E%3Ccircle%20cx%3D%27834%27%20cy%3D%2747%27%20r%3D%2740%27%20fill%3D%27url%28%23g8%29%27%2F%3E%3Ccircle%20cx%3D%27834%27%20cy%3D%27947%27%20r%3D%2740%27%20fill%3D%27url%28%23g8%29%27%2F%3E%3Ccircle%20cx%3D%271734%27%20cy%3D%27-853%27%20r%3D%2740%27%20fill%3D%27url%28%23g8%29%27%2F%3E%3Ccircle%20cx%3D%271734%27%20cy%3D%2747%27%20r%3D%2740%27%20fill%3D%27url%28%23g8%29%27%2F%3E%3Ccircle%20cx%3D%271734%27%20cy%3D%27947%27%20r%3D%2740%27%20fill%3D%27url%28%23g8%29%27%2F%3E%3Ccircle%20cx%3D%27-333%27%20cy%3D%27-199%27%20r%3D%2732%27%20fill%3D%27url%28%23g9%29%27%2F%3E%3Ccircle%20cx%3D%27-333%27%20cy%3D%27701%27%20r%3D%2732%27%20fill%3D%27url%28%23g9%29%27%2F%3E%3Ccircle%20cx%3D%27-333%27%20cy%3D%271601%27%20r%3D%2732%27%20fill%3D%27url%28%23g9%29%27%2F%3E%3Ccircle%20cx%3D%27567%27%20cy%3D%27-199%27%20r%3D%2732%27%20fill%3D%27url%28%23g9%29%27%2F%3E%3Ccircle%20cx%3D%27567%27%20cy%3D%27701%27%20r%3D%2732%27%20fill%3D%27url%28%23g9%29%27%2F%3E%3Ccircle%20cx%3D%27567%27%20cy%3D%271601%27%20r%3D%2732%27%20fill%3D%27url%28%23g9%29%27%2F%3E%3Ccircle%20cx%3D%271467%27%20cy%3D%27-199%27%20r%3D%2732%27%20fill%3D%27url%28%23g9%29%27%2F%3E%3Ccircle%20cx%3D%271467%27%20cy%3D%27701%27%20r%3D%2732%27%20fill%3D%27url%28%23g9%29%27%2F%3E%3Ccircle%20cx%3D%271467%27%20cy%3D%271601%27%20r%3D%2732%27%20fill%3D%27url%28%23g9%29%27%2F%3E%3Ccircle%20cx%3D%27-531%27%20cy%3D%27-69%27%20r%3D%2728%27%20fill%3D%27url%28%23g10%29%27%2F%3E%3Ccircle%20cx%3D%27-531%27%20cy%3D%27831%27%20r%3D%2728%27%20fill%3D%27url%28%23g10%29%27%2F%3E%3Ccircle%20cx%3D%27-531%27%20cy%3D%271731%27%20r%3D%2728%27%20fill%3D%27url%28%23g10%29%27%2F%3E%3Ccircle%20cx%3D%27369%27%20cy%3D%27-69%27%20r%3D%2728%27%20fill%3D%27url%28%23g10%29%27%2F%3E%3Ccircle%20cx%3D%27369%27%20cy%3D%27831%27%20r%3D%2728%27%20fill%3D%27url%28%23g10%29%27%2F%3E%3Ccircle%20cx%3D%27369%27%20cy%3D%271731%27%20r%3D%2728%27%20fill%3D%27url%28%23g10%29%27%2F%3E%3Ccircle%20cx%3D%271269%27%20cy%3D%27-69%27%20r%3D%2728%27%20fill%3D%27url%28%23g10%29%27%2F%3E%3Ccircle%20cx%3D%271269%27%20cy%3D%27831%27%20r%3D%2728%27%20fill%3D%27url%28%23g10%29%27%2F%3E%3Ccircle%20cx%3D%271269%27%20cy%3D%271731%27%20r%3D%2728%27%20fill%3D%27url%28%23g10%29%27%2F%3E%3Ccircle%20cx%3D%27-183%27%20cy%3D%27-740%27%20r%3D%2731%27%20fill%3D%27url%28%23g11%29%27%2F%3E%3Ccircle%20cx%3D%27-183%27%20cy%3D%27160%27%20r%3D%2731%27%20fill%3D%27url%28%23g11%29%27%2F%3E%3Ccircle%20cx%3D%27-183%27%20cy%3D%271060%27%20r%3D%2731%27%20fill%3D%27url%28%23g11%29%27%2F%3E%3Ccircle%20cx%3D%27717%27%20cy%3D%27-740%27%20r%3D%2731%27%20fill%3D%27url%28%23g11%29%27%2F%3E%3Ccircle%20cx%3D%27717%27%20cy%3D%27160%27%20r%3D%2731%27%20fill%3D%27url%28%23g11%29%27%2F%3E%3Ccircle%20cx%3D%27717%27%20cy%3D%271060%27%20r%3D%2731%27%20fill%3D%27url%28%23g11%29%27%2F%3E%3Ccircle%20cx%3D%271617%27%20cy%3D%27-740%27%20r%3D%2731%27%20fill%3D%27url%28%23g11%29%27%2F%3E%3Ccircle%20cx%3D%271617%27%20cy%3D%27160%27%20r%3D%2731%27%20fill%3D%27url%28%23g11%29%27%2F%3E%3Ccircle%20cx%3D%271617%27%20cy%3D%271060%27%20r%3D%2731%27%20fill%3D%27url%28%23g11%29%27%2F%3E%3Ccircle%20cx%3D%27-207%27%20cy%3D%27-523%27%20r%3D%2789%27%20fill%3D%27url%28%23g12%29%27%2F%3E%3Ccircle%20cx%3D%27-207%27%20cy%3D%27377%27%20r%3D%2789%27%20fill%3D%27url%28%23g12%29%27%2F%3E%3Ccircle%20cx%3D%27-207%27%20cy%3D%271277%27%20r%3D%2789%27%20fill%3D%27url%28%23g12%29%27%2F%3E%3Ccircle%20cx%3D%27693%27%20cy%3D%27-523%27%20r%3D%2789%27%20fill%3D%27url%28%23g12%29%27%2F%3E%3Ccircle%20cx%3D%27693%27%20cy%3D%27377%27%20r%3D%2789%27%20fill%3D%27url%28%23g12%29%27%2F%3E%3Ccircle%20cx%3D%27693%27%20cy%3D%271277%27%20r%3D%2789%27%20fill%3D%27url%28%23g12%29%27%2F%3E%3Ccircle%20cx%3D%271593%27%20cy%3D%27-523%27%20r%3D%2789%27%20fill%3D%27url%28%23g12%29%27%2F%3E%3Ccircle%20cx%3D%271593%27%20cy%3D%27377%27%20r%3D%2789%27%20fill%3D%27url%28%23g12%29%27%2F%3E%3Ccircle%20cx%3D%271593%27%20cy%3D%271277%27%20r%3D%2789%27%20fill%3D%27url%28%23g12%29%27%2F%3E%3Ccircle%20cx%3D%27-122%27%20cy%3D%27-23%27%20r%3D%2727%27%20fill%3D%27url%28%23g13%29%27%2F%3E%3Ccircle%20cx%3D%27-122%27%20cy%3D%27877%27%20r%3D%2727%27%20fill%3D%27url%28%23g13%29%27%2F%3E%3Ccircle%20cx%3D%27-122%27%20cy%3D%271777%27%20r%3D%2727%27%20fill%3D%27url%28%23g13%29%27%2F%3E%3Ccircle%20cx%3D%27778%27%20cy%3D%27-23%27%20r%3D%2727%27%20fill%3D%27url%28%23g13%29%27%2F%3E%3Ccircle%20cx%3D%27778%27%20cy%3D%27877%27%20r%3D%2727%27%20fill%3D%27url%28%23g13%29%27%2F%3E%3Ccircle%20cx%3D%27778%27%20cy%3D%271777%27%20r%3D%2727%27%20fill%3D%27url%28%23g13%29%27%2F%3E%3Ccircle%20cx%3D%271678%27%20cy%3D%27-23%27%20r%3D%2727%27%20fill%3D%27url%28%23g13%29%27%2F%3E%3Ccircle%20cx%3D%271678%27%20cy%3D%27877%27%20r%3D%2727%27%20fill%3D%27url%28%23g13%29%27%2F%3E%3Ccircle%20cx%3D%271678%27%20cy%3D%271777%27%20r%3D%2727%27%20fill%3D%27url%28%23g13%29%27%2F%3E%3Ccircle%20cx%3D%27-545%27%20cy%3D%27-131%27%20r%3D%2740%27%20fill%3D%27url%28%23g14%29%27%2F%3E%3Ccircle%20cx%3D%27-545%27%20cy%3D%27769%27%20r%3D%2740%27%20fill%3D%27url%28%23g14%29%27%2F%3E%3Ccircle%20cx%3D%27-545%27%20cy%3D%271669%27%20r%3D%2740%27%20fill%3D%27url%28%23g14%29%27%2F%3E%3Ccircle%20cx%3D%27355%27%20cy%3D%27-131%27%20r%3D%2740%27%20fill%3D%27url%28%23g14%29%27%2F%3E%3Ccircle%20cx%3D%27355%27%20cy%3D%27769%27%20r%3D%2740%27%20fill%3D%27url%28%23g14%29%27%2F%3E%3Ccircle%20cx%3D%27355%27%20cy%3D%271669%27%20r%3D%2740%27%20fill%3D%27url%28%23g14%29%27%2F%3E%3Ccircle%20cx%3D%271255%27%20cy%3D%27-131%27%20r%3D%2740%27%20fill%3D%27url%28%23g14%29%27%2F%3E%3Ccircle%20cx%3D%271255%27%20cy%3D%27769%27%20r%3D%2740%27%20fill%3D%27url%28%23g14%29%27%2F%3E%3Ccircle%20cx%3D%271255%27%20cy%3D%271669%27%20r%3D%2740%27%20fill%3D%27url%28%23g14%29%27%2F%3E%3Ccircle%20cx%3D%27-668%27%20cy%3D%27-205%27%20r%3D%2740%27%20fill%3D%27url%28%23g15%29%27%2F%3E%3Ccircle%20cx%3D%27-668%27%20cy%3D%27695%27%20r%3D%2740%27%20fill%3D%27url%28%23g15%29%27%2F%3E%3Ccircle%20cx%3D%27-668%27%20cy%3D%271595%27%20r%3D%2740%27%20fill%3D%27url%28%23g15%29%27%2F%3E%3Ccircle%20cx%3D%27232%27%20cy%3D%27-205%27%20r%3D%2740%27%20fill%3D%27url%28%23g15%29%27%2F%3E%3Ccircle%20cx%3D%27232%27%20cy%3D%27695%27%20r%3D%2740%27%20fill%3D%27url%28%23g15%29%27%2F%3E%3Ccircle%20cx%3D%27232%27%20cy%3D%271595%27%20r%3D%2740%27%20fill%3D%27url%28%23g15%29%27%2F%3E%3Ccircle%20cx%3D%271132%27%20cy%3D%27-205%27%20r%3D%2740%27%20fill%3D%27url%28%23g15%29%27%2F%3E%3Ccircle%20cx%3D%271132%27%20cy%3D%27695%27%20r%3D%2740%27%20fill%3D%27url%28%23g15%29%27%2F%3E%3Ccircle%20cx%3D%271132%27%20cy%3D%271595%27%20r%3D%2740%27%20fill%3D%27url%28%23g15%29%27%2F%3E%3C%2Fsvg%3E"),
    radial-gradient(120% 90% at 50% 12%, #1b2c40, #0a111c 70%);
  background-size:900px 900px, cover;
  animation:none;
}
/* Шилэн дээрх зураас — цөөн, дээр нь. */
:root[data-theme="rain"] #bg::before{
  content:''; position:absolute; left:0; top:0; z-index:1;
  width:calc(100% + 60px); height:calc(100% + 360px);
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2760%27%20height%3D%27360%27%3E%3Cg%3E%3Cline%20x1%3D%27-60.8%27%20y1%3D%270%27%20x2%3D%27-0.8%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%271.15%27%20stroke-opacity%3D%270.20%27%2F%3E%3Cline%20x1%3D%27-59.0%27%20y1%3D%270%27%20x2%3D%271.0%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%270.92%27%20stroke-opacity%3D%270.45%27%2F%3E%3Cline%20x1%3D%27-0.8%27%20y1%3D%270%27%20x2%3D%2759.2%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%271.15%27%20stroke-opacity%3D%270.24%27%2F%3E%3Cline%20x1%3D%271.0%27%20y1%3D%270%27%20x2%3D%2761.0%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%270.92%27%20stroke-opacity%3D%270.32%27%2F%3E%3Cline%20x1%3D%2759.2%27%20y1%3D%270%27%20x2%3D%27119.2%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%271.15%27%20stroke-opacity%3D%270.14%27%2F%3E%3Cline%20x1%3D%2761.0%27%20y1%3D%270%27%20x2%3D%27121.0%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%270.92%27%20stroke-opacity%3D%270.51%27%2F%3E%3Cline%20x1%3D%27-48.7%27%20y1%3D%270%27%20x2%3D%2711.3%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%270.78%27%20stroke-opacity%3D%270.30%27%2F%3E%3Cline%20x1%3D%27-47.3%27%20y1%3D%270%27%20x2%3D%2712.7%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%270.62%27%20stroke-opacity%3D%270.42%27%2F%3E%3Cline%20x1%3D%2711.3%27%20y1%3D%270%27%20x2%3D%2771.3%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%270.78%27%20stroke-opacity%3D%270.27%27%2F%3E%3Cline%20x1%3D%2712.7%27%20y1%3D%270%27%20x2%3D%2772.7%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%270.62%27%20stroke-opacity%3D%270.42%27%2F%3E%3Cline%20x1%3D%2771.3%27%20y1%3D%270%27%20x2%3D%27131.3%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%270.78%27%20stroke-opacity%3D%270.24%27%2F%3E%3Cline%20x1%3D%2772.7%27%20y1%3D%270%27%20x2%3D%27132.7%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%270.62%27%20stroke-opacity%3D%270.34%27%2F%3E%3Cline%20x1%3D%27-35.6%27%20y1%3D%270%27%20x2%3D%2724.4%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%271.54%27%20stroke-opacity%3D%270.22%27%2F%3E%3Cline%20x1%3D%27-33.5%27%20y1%3D%270%27%20x2%3D%2726.5%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%271.23%27%20stroke-opacity%3D%270.49%27%2F%3E%3Cline%20x1%3D%2724.4%27%20y1%3D%270%27%20x2%3D%2784.4%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%271.54%27%20stroke-opacity%3D%270.25%27%2F%3E%3Cline%20x1%3D%2726.5%27%20y1%3D%270%27%20x2%3D%2786.5%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%271.23%27%20stroke-opacity%3D%270.32%27%2F%3E%3Cline%20x1%3D%2784.4%27%20y1%3D%270%27%20x2%3D%27144.4%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%271.54%27%20stroke-opacity%3D%270.26%27%2F%3E%3Cline%20x1%3D%2786.5%27%20y1%3D%270%27%20x2%3D%27146.5%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%271.23%27%20stroke-opacity%3D%270.45%27%2F%3E%3Cline%20x1%3D%27-24.6%27%20y1%3D%270%27%20x2%3D%2735.4%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%270.54%27%20stroke-opacity%3D%270.28%27%2F%3E%3Cline%20x1%3D%27-23.5%27%20y1%3D%270%27%20x2%3D%2736.5%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%270.43%27%20stroke-opacity%3D%270.42%27%2F%3E%3Cline%20x1%3D%2735.4%27%20y1%3D%270%27%20x2%3D%2795.4%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%270.54%27%20stroke-opacity%3D%270.26%27%2F%3E%3Cline%20x1%3D%2736.5%27%20y1%3D%270%27%20x2%3D%2796.5%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%270.43%27%20stroke-opacity%3D%270.52%27%2F%3E%3Cline%20x1%3D%2795.4%27%20y1%3D%270%27%20x2%3D%27155.4%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%270.54%27%20stroke-opacity%3D%270.25%27%2F%3E%3Cline%20x1%3D%2796.5%27%20y1%3D%270%27%20x2%3D%27156.5%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%270.43%27%20stroke-opacity%3D%270.53%27%2F%3E%3Cline%20x1%3D%27-12.3%27%20y1%3D%270%27%20x2%3D%2747.7%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%271.46%27%20stroke-opacity%3D%270.21%27%2F%3E%3Cline%20x1%3D%27-10.3%27%20y1%3D%270%27%20x2%3D%2749.7%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%271.17%27%20stroke-opacity%3D%270.53%27%2F%3E%3Cline%20x1%3D%2747.7%27%20y1%3D%270%27%20x2%3D%27107.7%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%271.46%27%20stroke-opacity%3D%270.28%27%2F%3E%3Cline%20x1%3D%2749.7%27%20y1%3D%270%27%20x2%3D%27109.7%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%271.17%27%20stroke-opacity%3D%270.32%27%2F%3E%3Cline%20x1%3D%27107.7%27%20y1%3D%270%27%20x2%3D%27167.7%27%20y2%3D%27360%27%20stroke%3D%27%233d5a6b%27%20stroke-width%3D%271.46%27%20stroke-opacity%3D%270.16%27%2F%3E%3Cline%20x1%3D%27109.7%27%20y1%3D%270%27%20x2%3D%27169.7%27%20y2%3D%27360%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%271.17%27%20stroke-opacity%3D%270.35%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat:repeat; background-size:60px 360px;
  opacity:.55; will-change:transform;
  animation:pour 1.6s linear infinite;
}
@keyframes pour{to{transform:translate3d(60px,360px,0)}}
:root[data-theme="rain"] #bg::after{
  content:''; position:absolute; inset:0; z-index:2;
  background:radial-gradient(130% 95% at 50% 25%,
    transparent 40%, rgba(3,8,16,.6) 100%);
}
:root[data-theme="rain"] #bg i:nth-child(1){
  display:block; left:0; top:0; width:100%; height:calc(100% + 360px);
  border-radius:0; filter:none; opacity:.95; mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27360%27%20height%3D%27360%27%3E%3Cfilter%20id%3D%27d%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20color-interpolation-filters%3D%27sRGB%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.075%27%20numOctaves%3D%272%27%20seed%3D%277%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27matrix%27%20values%3D%270%200%200%200%200%20%200%200%200%200%200%20%200%200%200%200%200%20%201%200%200%200%200%27%20result%3D%27bump%27%2F%3E%3CfeComponentTransfer%20in%3D%27bump%27%20result%3D%27thr%27%3E%3CfeFuncA%20type%3D%27discrete%27%20tableValues%3D%270%200%200%200%200%200%201%201%27%2F%3E%3C%2FfeComponentTransfer%3E%3CfeGaussianBlur%20in%3D%27thr%27%20stdDeviation%3D%272.6%27%20result%3D%27soft%27%2F%3E%3CfeComponentTransfer%20in%3D%27soft%27%20result%3D%27bead%27%3E%3CfeFuncA%20type%3D%27gamma%27%20exponent%3D%272.0%27%20amplitude%3D%273.0%27%20offset%3D%27-0.34%27%2F%3E%3C%2FfeComponentTransfer%3E%3CfeDiffuseLighting%20in%3D%27bead%27%20surfaceScale%3D%278%27%20diffuseConstant%3D%27.85%27%20lighting-color%3D%27%237d97a8%27%20result%3D%27dif%27%3E%3CfeDistantLight%20azimuth%3D%27215%27%20elevation%3D%2748%27%2F%3E%3C%2FfeDiffuseLighting%3E%3CfeSpecularLighting%20in%3D%27bead%27%20surfaceScale%3D%278%27%20specularConstant%3D%271.7%27%20specularExponent%3D%2742%27%20lighting-color%3D%27%23ffffff%27%20result%3D%27spc%27%3E%3CfePointLight%20x%3D%27108%27%20y%3D%2790%27%20z%3D%27120%27%2F%3E%3C%2FfeSpecularLighting%3E%3CfeComposite%20in%3D%27spc%27%20in2%3D%27dif%27%20operator%3D%27arithmetic%27%20k1%3D%270%27%20k2%3D%271%27%20k3%3D%271%27%20k4%3D%270%27%20result%3D%27lit%27%2F%3E%3CfeComposite%20in%3D%27lit%27%20in2%3D%27bead%27%20operator%3D%27in%27%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%27360%27%20height%3D%27360%27%20filter%3D%27url%28%23d%29%27%2F%3E%3C%2Fsvg%3E"); background-size:360px 360px;
  -webkit-mask-image:none; mask-image:none;
  will-change:transform; animation:creep 34s linear infinite;
}
@keyframes creep{to{transform:translate3d(0,360px,0)}}
:root[data-theme="rain"] #bg i:nth-child(2),
:root[data-theme="rain"] #bg i:nth-child(3){display:none}
:root[data-theme="rain"] .hero .due,
:root[data-theme="rain"] .card{
  -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px);
}
:root[data-theme="rain"] .bigcard,
:root[data-theme="rain"] .today,
:root[data-theme="rain"] .fin{
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
:root[data-theme="rain"] .due-n,
:root[data-theme="rain"] .fin-pct{color:var(--accent);
  text-shadow:0 0 26px rgba(111,200,224,.4)}
:root[data-theme="rain"] .statsum div + div{border-left:0}
:root[data-theme="rain"] .tgoal .track,
:root[data-theme="rain"] .statles .track{border-radius:999px}
:root[data-theme="rain"] h2{color:var(--ink-2)}
:root[data-theme="rain"] .step{color:var(--ink-3)}
:root[data-theme="rain"] .ring3d .c{background:rgba(22,32,46,.7); opacity:.5}
:root[data-theme="rain"] .seal{display:none}

/* 正/誤 нь хатуу загварт л тохирно. Бусдад энгийн тэмдэг. */
:root[data-theme="blue"] .choices button.correct::after,
:root[data-theme="space"] .choices button.correct::after,
:root[data-theme="anime"] .choices button.correct::after,
:root[data-theme="rain"] .choices button.correct::after{content:'✓'}
:root[data-theme="blue"] .choices button.wrong::after,
:root[data-theme="space"] .choices button.wrong::after,
:root[data-theme="anime"] .choices button.wrong::after,
:root[data-theme="rain"] .choices button.wrong::after{content:'✕'}


/* ═══ БОДИТ МАТЕРИАЛ — гэрэлтүүлэгтэй текстур ═════════════════════
 *
 * `feTurbulence`-ийг зөвхөн МАСК болгож ашиглавал бүтэц гарна ч ГЭРЭЛ
 * гарахгүй: гадаргуу хавтгай, «будсан» мэт харагдана. Тиймээс энд
 * `feDiffuseLighting` ба `feSpecularLighting` ашиглав — тэдгээр нь
 * оролтын альфа сувгийг ӨНДРИЙН ЗУРАГ болгон уншиж, виртуал гадаргуу
 * байгуулаад гэрэл тусгадаг. Үр дүн нь БЭЛЭН зураг тул хөтөч филтер
 * тооцохгүй.
 */

/* ── Загвар сонгох жагсаалт ──────────────────────────────────────── */
.thlist{display:grid; gap:8px; margin-top:6px}
.thlist button{
  display:grid; grid-template-columns:30px 1fr 18px; gap:12px; align-items:center;
  text-align:left; padding:12px 14px; font-size:14px;
  background:var(--card); border:1px solid var(--line); color:var(--ink);
  border-radius:var(--r);
}
.thlist button:hover{border-color:var(--ink-3)}
.thlist .th-g{font-size:19px; text-align:center; color:var(--ink-2)}
.thlist b{display:block; font-size:15px; font-weight:400}
.thlist span{font-size:12px; color:var(--ink-2)}
.thlist .th-tick{opacity:0; color:var(--accent); text-align:right}
.thlist button[aria-pressed="true"]{border-color:var(--accent)}
.thlist button[aria-pressed="true"] .th-tick{opacity:1}
.thlist button[aria-pressed="true"] .th-g{color:var(--accent)}
/* Загварын өнгийг ЖИЖИГ дээж болгон харуулна — сонгохоос өмнө
   ямар харагдахыг нь мэдэх ёстой. */
.th-sw{display:flex; gap:3px; margin-top:6px}
.th-sw i{width:22px; height:8px; border-radius:2px; display:block}