/* ================================================================
   Schergen Corp – Anime-Ansicht für alle Werkzeuge ✿
   Haut über der 98er-Ansicht: greift bei <html data-theme="win98">
   mit data-skin="anime" (Kawaii) und "anime-night" (Night – setzt in
   animenight.css nur Farben und Nacht-Deko darüber). Pastell bis zum
   Anschlag: fallende Kirschblüten, funkelnde Sterne, Bonbon-Knöpfe,
   Fenster mit Regenbogenrand, ein Maskottchen in der Ecke und ein
   Herz als Mauszeiger. Alle Animationen ruhen bei „Bewegung
   reduzieren“.
   ================================================================ */

:root[data-theme="win98"][data-skin^="anime"] {
  --bg:            #ffd1ec;
  --bg-2:          #fff5fb;
  --surface-2:     #ffeaf6;
  --line:          #ffb3d9;
  --line-soft:     #ffd6ec;
  --accent:        #ff4fa0;
  --accent-strong: #ff4fa0;
  --read:          #4a2040;

  --w-face:    #fff5fb;
  --w-light:   #ffeaf6;
  --w-hi:      #ffffff;
  --w-shadow:  #f7b2d9;
  --w-dark:    #c45ba0;
  --w-title:   linear-gradient(90deg, #ff7eb9, #ff65a3 25%, #c38bff 55%, #7ad7ff 80%, #ff7eb9);
  --w-desktop: #ffd1ec;
  --w-ui:      "Nunito", "Varela Round", "Quicksand", "Arial Rounded MT Bold", "Comic Neue", "Chalkboard SE", "Comic Sans MS", sans-serif;
  --w-select:  #ff5fa2;
  --w-rainbow: linear-gradient(135deg, #ff7eb9, #ffb86b, #fff27a, #7affb1, #7ad7ff, #c38bff, #ff7eb9);

  --w-raised:  inset 0 0 0 2px #ffb3d9;
  --w-pressed: inset 0 0 0 2px #ff5fa2;
  --w-sunken:  inset 0 0 0 2px #ffc8e6;
  --w-field:   inset 0 0 0 2px #ffd6ec;

  scrollbar-color: #ff7eb9 #ffeaf6;

  /* Flächen und Schrift – „Anime Night“ (animenight.css) setzt eigene */
  --a-win:    #fff7fc;   /* Fensterinhalt */
  --a-pill:   #ffffff;   /* Pillen, Felder, Sprechblasen */
  --a-paper:  rgba(255, 255, 255, .85);
  --a-soft:   #ffeaf6;
  --a-line:   #ffb3d9;
  --a-rim:    #ffffff;
  --a-ink:    #4a2040;
  --a-head:   #c2185b;
  --a-dim:    #a0648c;
  --a-hot:    #ff2f8f;
  --a-violet: #a64dff;
  --a-note:   #fffbe6;
}

/* ----------------------------------------------------------------
   Desktop: Pastellverlauf, Kirschblüten, Funkeln, Herz-Zeiger
   ---------------------------------------------------------------- */
:root[data-theme="win98"][data-skin^="anime"] body {
  background: linear-gradient(135deg, #ffd1ec 0%, #e8c6ff 35%, #c3e8ff 70%, #fff0c7 100%);
  background-attachment: fixed;
  color: var(--a-ink);
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M14 25S3 18 3 10.5A5.5 5.5 0 0 1 14 7.5a5.5 5.5 0 0 1 11 3C25 18 14 25 14 25z' fill='%23ff5fa2' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") 5 5, auto;
}
:root[data-theme="win98"][data-skin^="anime"] a,
:root[data-theme="win98"][data-skin^="anime"] button,
:root[data-theme="win98"][data-skin^="anime"] [role="button"],
:root[data-theme="win98"][data-skin^="anime"] summary { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cpath d='M13 1.5l3.2 7 7.6.9-5.6 5.2 1.5 7.5L13 18.4l-6.7 3.7 1.5-7.5-5.6-5.2 7.6-.9z' fill='%23ffd166' stroke='%23ff5fa2' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 12 12, pointer; }

/* Kirschblüten (hinten) und Funkeln (vorne, aber durchklickbar) */
:root[data-theme="win98"][data-skin^="anime"] body::before,
:root[data-theme="win98"][data-skin^="anime"] body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}
:root[data-theme="win98"][data-skin^="anime"] body::before {
  z-index: -1;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cg fill='%23ff9ccc' fill-opacity='.8'%3E%3Cellipse cx='40' cy='60' rx='8' ry='4.5' transform='rotate(30 40 60)'/%3E%3Cellipse cx='190' cy='30' rx='6.5' ry='3.8' transform='rotate(-20 190 30)'/%3E%3Cellipse cx='250' cy='170' rx='9' ry='5' transform='rotate(60 250 170)'/%3E%3Cellipse cx='110' cy='210' rx='6.5' ry='3.8' transform='rotate(10 110 210)'/%3E%3Cellipse cx='70' cy='280' rx='5.5' ry='3.2' transform='rotate(-40 70 280)'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='.8'%3E%3Cellipse cx='150' cy='120' rx='5.5' ry='3.2' transform='rotate(45 150 120)'/%3E%3Cellipse cx='280' cy='260' rx='4.5' ry='2.6' transform='rotate(-30 280 260)'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 300px 300px,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cg fill='%23ff9ccc' fill-opacity='.8'%3E%3Cellipse cx='40' cy='60' rx='8' ry='4.5' transform='rotate(30 40 60)'/%3E%3Cellipse cx='190' cy='30' rx='6.5' ry='3.8' transform='rotate(-20 190 30)'/%3E%3Cellipse cx='250' cy='170' rx='9' ry='5' transform='rotate(60 250 170)'/%3E%3Cellipse cx='110' cy='210' rx='6.5' ry='3.8' transform='rotate(10 110 210)'/%3E%3Cellipse cx='70' cy='280' rx='5.5' ry='3.2' transform='rotate(-40 70 280)'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='.8'%3E%3Cellipse cx='150' cy='120' rx='5.5' ry='3.2' transform='rotate(45 150 120)'/%3E%3Cellipse cx='280' cy='260' rx='4.5' ry='2.6' transform='rotate(-30 280 260)'/%3E%3C/g%3E%3C/svg%3E") 140px 90px / 190px 190px;
  opacity: .9;
}
:root[data-theme="win98"][data-skin^="anime"] body::after {
  z-index: 70;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M30 20l2 6 6 2-6 2-2 6-2-6-6-2 6-2z'/%3E%3Cpath d='M160 60l1.5 4.5 4.5 1.5-4.5 1.5-1.5 4.5-1.5-4.5-4.5-1.5 4.5-1.5z'/%3E%3Cpath d='M195 185l1.5 4.5 4.5 1.5-4.5 1.5-1.5 4.5-1.5-4.5-4.5-1.5 4.5-1.5z'/%3E%3C/g%3E%3Cpath d='M95 150l2.5 7.5 7.5 2.5-7.5 2.5-2.5 7.5-2.5-7.5-7.5-2.5 7.5-2.5z' fill='%23fff6a8'/%3E%3C/svg%3E") 0 0 / 220px 220px;
  opacity: .55;
  mix-blend-mode: screen;
}

/* Figur unten rechts mit Sprechblase über dem Kopf. Gemeinsamer
   Aufbau für beide Varianten; welche Figur und welcher Spruch, legt
   die Variante fest (Kawaii hier, Night in animenight.css). Nur wo
   rechts neben den Fenstern Platz ist. */
:root[data-theme="win98"][data-skin^="anime"]::before {
  content: "";
  position: fixed;
  right: 22px;
  bottom: 0;
  z-index: 74;
  width: 170px;
  height: 400px;
  background: no-repeat center bottom / contain;
  pointer-events: none;
}
:root[data-theme="win98"][data-skin^="anime"]::after {
  content: var(--sc-quote, "Nyaa~ Senpai!");     /* Spruch würfelt theme.js */
  position: fixed;
  right: 16px;
  bottom: 410px;
  z-index: 75;
  max-width: 200px;
  padding: 10px 16px;
  border: 3px solid var(--a-rim);
  border-radius: 22px;
  background: linear-gradient(135deg, #ff7eb9, #c38bff);
  box-shadow: 0 6px 18px rgba(255, 95, 162, .45);
  color: #fff;
  font: 800 13px var(--w-ui);
  text-shadow: 0 1px 0 rgba(150, 0, 80, .35);
  pointer-events: none;
}
@media (max-width: 1359px) {
  :root[data-theme="win98"][data-skin^="anime"]::before,
  :root[data-theme="win98"][data-skin^="anime"]::after { display: none; }
}
@media (min-width: 1360px) {
  :root[data-theme="win98"][data-skin^="anime"] .foot { margin-right: 200px; }
}

/* Kawaii: Teufelskätzchen mit Herz – Maskottchen statt Person */
:root[data-theme="win98"][data-skin="anime"]::before {
  width: 190px;
  height: 210px;
  bottom: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 220' width='200' height='220'%3E%3Cellipse cx='100' cy='209' rx='58' ry='8' fill='%23ff5fa2' fill-opacity='.22'/%3E%3Cpath d='M146 178C170 176 182 156 178 130' fill='none' stroke='%234a2040' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M146 178C170 176 182 156 178 130' fill='none' stroke='%23fff8fb' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M178 132c-4-9-16-6-13 3 1 5 9 9 13 13 4-4 12-8 13-13 3-9-9-12-13-3z' fill='%23ff5fa2' stroke='%234a2040' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cpath d='M52 132C30 118 18 128 14 112C26 116 30 104 40 108C42 98 52 102 54 112Z' fill='%23c38bff' stroke='%234a2040' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cpath d='M148 132C170 118 182 128 186 112C174 116 170 104 160 108C158 98 148 102 146 112Z' fill='%23c38bff' stroke='%234a2040' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cellipse cx='78' cy='203' rx='15' ry='9' fill='%23fff8fb' stroke='%234a2040' stroke-width='3' stroke-linejoin='round'/%3E%3Cellipse cx='122' cy='203' rx='15' ry='9' fill='%23fff8fb' stroke='%234a2040' stroke-width='3' stroke-linejoin='round'/%3E%3Ccircle cx='72' cy='203' r='2.2' fill='%23ff9ac9'/%3E%3Ccircle cx='78' cy='200' r='2.2' fill='%23ff9ac9'/%3E%3Ccircle cx='84' cy='203' r='2.2' fill='%23ff9ac9'/%3E%3Ccircle cx='116' cy='203' r='2.2' fill='%23ff9ac9'/%3E%3Ccircle cx='122' cy='200' r='2.2' fill='%23ff9ac9'/%3E%3Ccircle cx='128' cy='203' r='2.2' fill='%23ff9ac9'/%3E%3Cellipse cx='100' cy='162' rx='52' ry='44' fill='%23fff8fb' stroke='%234a2040' stroke-width='3' stroke-linejoin='round'/%3E%3Cellipse cx='100' cy='170' rx='30' ry='25' fill='%23ffe3f1'/%3E%3Cpath d='M50 66L42 16L88 46Z' fill='%23fff8fb' stroke='%234a2040' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M55 58L50 28L77 46Z' fill='%23ff9ac9'/%3E%3Cpath d='M150 66L158 16L112 46Z' fill='%23fff8fb' stroke='%234a2040' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M145 58L150 28L123 46Z' fill='%23ff9ac9'/%3E%3Cellipse cx='100' cy='94' rx='64' ry='54' fill='%23fff8fb' stroke='%234a2040' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M84 44C80 32 84 22 92 18C89 28 92 36 95 43Z' fill='%23a64dff' stroke='%234a2040' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M116 44C120 32 116 22 108 18C111 28 108 36 105 43Z' fill='%23a64dff' stroke='%234a2040' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cellipse cx='76' cy='98' rx='15' ry='18' fill='%232b1840'/%3E%3Cellipse cx='124' cy='98' rx='15' ry='18' fill='%232b1840'/%3E%3Cellipse cx='76' cy='107' rx='10' ry='6' fill='%23ff7eb9' fill-opacity='.75'/%3E%3Cellipse cx='124' cy='107' rx='10' ry='6' fill='%23ff7eb9' fill-opacity='.75'/%3E%3Ccircle cx='70' cy='90' r='6' fill='%23fff'/%3E%3Ccircle cx='118' cy='90' r='6' fill='%23fff'/%3E%3Ccircle cx='81' cy='105' r='2.8' fill='%23fff'/%3E%3Ccircle cx='129' cy='105' r='2.8' fill='%23fff'/%3E%3Cpath d='M80 86l1.5 3 3 1.5-3 1.5-1.5 3-1.5-3-3-1.5 3-1.5z' fill='%23fff'/%3E%3Cpath d='M128 86l1.5 3 3 1.5-3 1.5-1.5 3-1.5-3-3-1.5 3-1.5z' fill='%23fff'/%3E%3Cellipse cx='56' cy='120' rx='11' ry='6' fill='%23ff9ac9' fill-opacity='.75'/%3E%3Cellipse cx='144' cy='120' rx='11' ry='6' fill='%23ff9ac9' fill-opacity='.75'/%3E%3Cpath d='M50 118l4-4M56 119l4-4M138 118l4-4M144 119l4-4' stroke='%23ff5fa2' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M97 112h6l-3 4z' fill='%23ff5fa2'/%3E%3Cpath d='M90 119Q95 126 100 119Q105 126 110 119' fill='none' stroke='%234a2040' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M103 121l2.5 5 2-4.6z' fill='%23fff' stroke='%234a2040' stroke-width='1'/%3E%3Cpath d='M36 108l-20-4M36 116l-20 2M164 108l20-4M164 116l20 2' stroke='%234a2040' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M100 172c-8-14-30-12-28 3 1 10 18 20 28 28 10-8 27-18 28-28 2-15-20-17-28-3z' fill='%23ff5fa2' stroke='%234a2040' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M84 166c2-5 7-7 11-5' fill='none' stroke='%23fff' stroke-opacity='.85' stroke-width='3' stroke-linecap='round'/%3E%3Cellipse cx='74' cy='170' rx='13' ry='11' fill='%23fff8fb' stroke='%234a2040' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cellipse cx='126' cy='170' rx='13' ry='11' fill='%23fff8fb' stroke='%234a2040' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M26 43l2.7 6.3 6.3 2.7-6.3 2.7-2.7 6.3-2.7-6.3-6.3-2.7 6.3-2.7z' fill='%23ffd166'/%3E%3Cpath d='M178 51l2.1 4.9 4.9 2.1-4.9 2.1-2.1 4.9-2.1-4.9-4.9-2.1 4.9-2.1z' fill='%237ad7ff'/%3E%3Cpath d='M16 166l1.8 4.2 4.2 1.8-4.2 1.8-1.8 4.2-1.8-4.2-4.2-1.8 4.2-1.8z' fill='%23ffd166'/%3E%3Cpath d='M190 181l1.5 3.5 3.5 1.5-3.5 1.5-1.5 3.5-1.5-3.5-3.5-1.5 3.5-1.5z' fill='%23ff7eb9'/%3E%3C/svg%3E");
  filter: drop-shadow(0 6px 12px rgba(255, 95, 162, .35));
}
:root[data-theme="win98"][data-skin="anime"]::after {
  bottom: 228px;
}
@media (prefers-reduced-motion: no-preference) {
  :root[data-theme="win98"][data-skin="anime"]::before { animation: sc-anime-bob 2.4s ease-in-out infinite; }
}

:root[data-theme="win98"][data-skin^="anime"] a         { color: var(--a-hot); }
/* Links, die das Gerüst oder ein Werkzeug fest blau färben */
:root[data-theme="win98"][data-skin^="anime"] .card__more,
:root[data-theme="win98"][data-skin^="anime"] .foot a,
:root[data-theme="win98"][data-skin^="anime"] .back a,
:root[data-theme="win98"][data-skin^="anime"] .banner a,
:root[data-theme="win98"][data-skin^="anime"] .flash a,
:root[data-theme="win98"][data-skin^="anime"] .auth-back { color: var(--a-hot); }
:root[data-theme="win98"][data-skin^="anime"] a:visited { color: var(--a-violet); }
:root[data-theme="win98"][data-skin^="anime"] ::selection { background: #ff5fa2; color: #fff; }

:root[data-theme="win98"][data-skin^="anime"] ::-webkit-scrollbar { width: 12px; height: 12px; }
:root[data-theme="win98"][data-skin^="anime"] ::-webkit-scrollbar-track { background: var(--a-soft); }
:root[data-theme="win98"][data-skin^="anime"] ::-webkit-scrollbar-thumb {
  border: 3px solid var(--a-soft);
  border-radius: 999px;
  background: linear-gradient(180deg, #ff7eb9, #c38bff);
}

/* ----------------------------------------------------------------
   Fenster: Regenbogenrand, Bonbon-Titelleiste, Kaomoji im Titel
   ---------------------------------------------------------------- */
:root[data-theme="win98"][data-skin^="anime"] [data-win] {
  padding-top: 46px !important;
  border: 3px solid transparent;
  border-radius: 22px;
  background:
    linear-gradient(var(--a-win), var(--a-win)) padding-box,
    var(--w-rainbow) border-box;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .55), 0 12px 30px rgba(255, 95, 162, .35);
  color: var(--a-ink);
}
:root[data-theme="win98"][data-skin^="anime"] [data-win]:hover {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .8), 0 0 26px rgba(195, 139, 255, .7), 0 14px 34px rgba(255, 95, 162, .45);
}
:root[data-theme="win98"][data-skin^="anime"] [data-win]::before {
  content: "✧･ﾟ " attr(data-win) " ･ﾟ✧";
  top: 0;
  left: 0;
  right: 0;
  height: 38px;
  padding: 0 104px 0 16px;
  border-radius: 19px 19px 0 0;
  background: var(--w-title);
  background-size: 200% 100%;
  color: #fff;
  font: 900 14px/38px var(--w-ui);
  text-shadow: 0 1px 0 #d63384, 0 0 8px rgba(255, 255, 255, .9);
}
:root[data-theme="win98"][data-skin^="anime"] [data-win]:nth-of-type(2n)::before { content: "♡ " attr(data-win) " ♡"; }
:root[data-theme="win98"][data-skin^="anime"] [data-win]:nth-of-type(3n)::before { content: "★ " attr(data-win) " (≧◡≦)"; }
:root[data-theme="win98"][data-skin^="anime"] [data-win]:nth-of-type(5n)::before { content: "₍ᐢ•ﻌ•ᐢ₎ " attr(data-win) " ✿"; }

/* Minimieren, Maximieren, Schließen – als Bonbons */
:root[data-theme="win98"][data-skin^="anime"] [data-win]::after {
  top: 7px;
  right: 12px;
  width: 84px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='24'%3E%3Ccircle cx='12' cy='12' r='10.5' fill='%23ffd166' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M7 12h10' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='42' cy='12' r='10.5' fill='%237ad7ff' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M42 6.2l1.7 3.6 3.9.5-2.9 2.7.8 3.9-3.5-2-3.5 2 .8-3.9-2.9-2.7 3.9-.5z' fill='%23fff'/%3E%3Ccircle cx='72' cy='12' r='10.5' fill='%23ff5fa2' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M72 17.3s-5.3-3.2-5.3-6.6a2.9 2.9 0 0 1 5.3-1.6 2.9 2.9 0 0 1 5.3 1.6c0 3.4-5.3 6.6-5.3 6.6z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
}

/* ----------------------------------------------------------------
   Taskleiste: wandernder Regenbogen
   ---------------------------------------------------------------- */
:root[data-theme="win98"][data-skin^="anime"] .topbar {
  min-height: 48px;
  padding: 0 8px;
  align-items: center;
  border-bottom: 3px solid var(--a-rim);
  background: linear-gradient(90deg, #ff9ac9, #c79bff, #8fd9ff, #ffe08a, #ff9ac9);
  background-size: 300% 100%;
  box-shadow: 0 4px 16px rgba(255, 95, 162, .35);
  color: #fff;
}
:root[data-theme="win98"][data-skin^="anime"] .topbar__right { align-items: center; gap: 6px; }
:root[data-theme="win98"][data-skin^="anime"] .topbar__note,
:root[data-theme="win98"][data-skin^="anime"] .topbar__user { color: #fff; font-weight: 800; text-shadow: 0 1px 0 #d63384; }

:root[data-theme="win98"][data-skin^="anime"] .sc-home {
  padding: 5px 18px;
  border-radius: 999px;
  background: var(--a-pill);
  box-shadow: 0 4px 0 #ff9ac9, 0 6px 14px rgba(255, 95, 162, .35);
  color: var(--a-hot);
  font: 900 15px var(--w-ui);
}
:root[data-theme="win98"][data-skin^="anime"] .sc-home::after { content: " ✿"; color: #c38bff; }

/* Das Werkzeug: durchscheinende Pille daneben */
:root[data-theme="win98"][data-skin^="anime"] .topbar__brand,
:root[data-theme="win98"][data-skin^="anime"] .brand {
  margin-left: 10px;
  padding: 4px 14px;
  border: 2px solid var(--a-rim);
  border-radius: 999px;
  background: rgba(255, 255, 255, .3);
  box-shadow: none;
  color: #fff;
  font: 900 14px var(--w-ui);
  text-shadow: 0 1px 0 #d63384;
}

:root[data-theme="win98"][data-skin^="anime"] .topbar .btn {
  min-height: 30px;
  border: 0;
  border-radius: 999px;
  background: var(--a-pill);
  color: var(--a-hot);
  box-shadow: 0 3px 0 #ff9ac9;
  text-shadow: none;
}

:root[data-theme="win98"][data-skin^="anime"] .sc-tray {
  height: 30px;
  margin: 0 2px 0 6px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--a-pill);
  box-shadow: 0 3px 0 #c38bff;
  color: var(--a-violet);
  font: 900 13px var(--w-ui);
}
:root[data-theme="win98"][data-skin^="anime"] .sc-tray::before { content: "♡ "; color: #ff5fa2; white-space: pre; }

/* ----------------------------------------------------------------
   Knöpfe: Bonbons, die hüpfen
   ---------------------------------------------------------------- */
:root[data-theme="win98"][data-skin^="anime"] .btn {
  min-height: 30px;
  padding: 5px 18px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff7eb9, #ff9a8b);
  color: #fff;
  box-shadow: 0 4px 0 #e0559a, 0 6px 14px rgba(255, 95, 162, .35);
  font: 800 13px var(--w-ui);
  text-shadow: 0 1px 0 rgba(150, 0, 80, .3);
  transition: transform .15s;
}
:root[data-theme="win98"][data-skin^="anime"] .btn:hover {
  border: 0;
  background: linear-gradient(135deg, #ff6aab, #ff8a7a);
  box-shadow: 0 6px 0 #e0559a, 0 10px 18px rgba(255, 95, 162, .45);
  transform: translateY(-2px) rotate(-2deg);
}
:root[data-theme="win98"][data-skin^="anime"] .btn:active {
  box-shadow: 0 1px 0 #e0559a;
  transform: translateY(3px);
}
:root[data-theme="win98"][data-skin^="anime"] .btn--primary {
  background: var(--w-rainbow);
  background-size: 300% 300%;
  color: #fff;
}
:root[data-theme="win98"][data-skin^="anime"] .btn:focus-visible { outline: 3px dashed #c38bff; outline-offset: 3px; }
:root[data-theme="win98"][data-skin^="anime"] .btn:disabled {
  background: #f3dce9;
  color: #c9a3b8;
  box-shadow: none;
  text-shadow: none;
  transform: none;
}

:root[data-theme="win98"][data-skin^="anime"] .tab,
:root[data-theme="win98"][data-skin^="anime"] .groupbar__item {
  margin-right: 6px;
  border: 2px solid var(--a-line);
  border-radius: 999px;
  background: var(--a-pill);
  color: var(--a-hot);
  box-shadow: none;
  font-weight: 800;
}
:root[data-theme="win98"][data-skin^="anime"] .tab.is-active,
:root[data-theme="win98"][data-skin^="anime"] .groupbar__item.is-active {
  top: 0;
  padding-bottom: 4px;
  border-color: #ff5fa2;
  background: #ff5fa2;
  color: #fff;
}

:root[data-theme="win98"][data-skin^="anime"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
:root[data-theme="win98"][data-skin^="anime"] select,
:root[data-theme="win98"][data-skin^="anime"] textarea {
  border: 2px solid var(--a-line);
  border-radius: 14px;
  background-color: var(--a-pill);
  box-shadow: none;
  color: var(--a-ink);
}
:root[data-theme="win98"][data-skin^="anime"] input:focus,
:root[data-theme="win98"][data-skin^="anime"] select:focus,
:root[data-theme="win98"][data-skin^="anime"] textarea:focus {
  border: 2px solid #ff5fa2;
  box-shadow: 0 0 0 4px rgba(255, 95, 162, .2);
}
:root[data-theme="win98"][data-skin^="anime"] input[type="checkbox"],
:root[data-theme="win98"][data-skin^="anime"] input[type="radio"],
:root[data-theme="win98"][data-skin^="anime"] input[type="range"] { accent-color: #ff5fa2; }
:root[data-theme="win98"][data-skin^="anime"] ::placeholder { color: var(--a-dim); }

/* ----------------------------------------------------------------
   Inhalt der Fenster
   ---------------------------------------------------------------- */
:root[data-theme="win98"][data-skin^="anime"] h1,
:root[data-theme="win98"][data-skin^="anime"] h2,
:root[data-theme="win98"][data-skin^="anime"] h3 { color: var(--a-head); }
:root[data-theme="win98"][data-skin^="anime"] .dim,
:root[data-theme="win98"][data-skin^="anime"] .hint { color: var(--a-dim); }

/* Notizzettel (BOFH): Bonbon-Zettel statt Win98-Sprechblase */
:root[data-theme="win98"][data-skin^="anime"] .note {
  border: 2px dashed #ff9ac9;
  border-radius: 16px;
  background: var(--a-note);
  box-shadow: 0 6px 16px rgba(255, 95, 162, .25);
  color: var(--a-ink);
}

/* Fußzeile als gestrichelter Zettel, Toast als Sprechblase */
:root[data-theme="win98"][data-skin^="anime"] .foot {
  border: 3px dashed #ff9ac9;
  border-radius: 22px;
  background: var(--a-paper);
  box-shadow: 0 8px 20px rgba(255, 95, 162, .25);
  color: var(--a-head);
}
:root[data-theme="win98"][data-skin^="anime"] .toast {
  border: 3px solid #ff5fa2;
  border-radius: 22px 22px 22px 4px;
  background: var(--a-pill);
  color: var(--a-head);
  box-shadow: 0 8px 20px rgba(255, 95, 162, .35);
  font: 800 13px var(--w-ui);
}
:root[data-theme="win98"][data-skin^="anime"] .toast::before { content: "♡ "; }

/* Texte direkt auf dem Pastell */
:root[data-theme="win98"][data-skin^="anime"] .shell > h1,
:root[data-theme="win98"][data-skin^="anime"] .shell > p,
:root[data-theme="win98"][data-skin^="anime"] .hero__meta { color: #fff; text-shadow: 0 1px 0 #ff5fa2, 0 0 8px #ff5fa2; }
:root[data-theme="win98"][data-skin^="anime"] .hero .hero__meta { color: var(--a-dim); text-shadow: none; }

/* Startseiten-Titel: Regenbogen mit doppeltem Schatten */
:root[data-theme="win98"][data-skin^="anime"] .hero__title {
  background: var(--w-rainbow);
  background-size: 300% 300%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(3px 3px 0 #fff) drop-shadow(5px 5px 0 #ff9ac9);
  font: italic 900 clamp(2.2rem, 7vw, 3.8rem) var(--w-ui);
  letter-spacing: -.01em;
}
:root[data-theme="win98"][data-skin^="anime"] .hero__title * {
  background: none;
  color: transparent;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  filter: none;
}
:root[data-theme="win98"][data-skin^="anime"] .hero__title::after { content: " (≧▽≦)"; font-size: .45em; font-style: normal; }

:root[data-theme="win98"][data-skin^="anime"] .tile:hover { transform: rotate(-1deg) scale(1.02); }
:root[data-theme="win98"][data-skin^="anime"] .tile:hover::before { background: var(--w-rainbow); background-size: 300% 300%; }
:root[data-theme="win98"][data-skin^="anime"] .tile--planned { opacity: .7; filter: grayscale(.4); }
:root[data-theme="win98"][data-skin^="anime"] .tile--planned::before { background: linear-gradient(90deg, #d8b4c8, #c9b6e0); }

:root[data-theme="win98"][data-skin^="anime"] .table th,
:root[data-theme="win98"][data-skin^="anime"] .table__row--head,
:root[data-theme="win98"][data-skin^="anime"] .table__row--head:nth-child(odd),
:root[data-theme="win98"][data-skin^="anime"] .pruef--kopf {
  background: var(--a-soft);
  box-shadow: inset 0 -2px var(--a-line);
  color: var(--a-head);
}

/* ----------------------------------------------------------------
   Bewegung – nur wenn niemand „Bewegung reduzieren“ eingestellt hat
   ---------------------------------------------------------------- */
@media (prefers-reduced-motion: no-preference) {
  :root[data-theme="win98"][data-skin^="anime"] body::before { animation: sc-anime-petals 24s linear infinite; }
  :root[data-theme="win98"][data-skin^="anime"] body::after  { animation: sc-anime-twinkle 3.2s ease-in-out infinite alternate; }
  :root[data-theme="win98"][data-skin^="anime"]::after       { animation: sc-anime-bob 2.4s ease-in-out infinite; }
  :root[data-theme="win98"][data-skin^="anime"] .topbar,
  :root[data-theme="win98"][data-skin^="anime"] [data-win]::before,
  :root[data-theme="win98"][data-skin^="anime"] .btn--primary,
  :root[data-theme="win98"][data-skin^="anime"] .hero__title { animation: sc-anime-flow 8s linear infinite; }
  :root[data-theme="win98"][data-skin^="anime"] .sc-home:hover { animation: sc-anime-wiggle .5s ease-in-out infinite; }
  :root[data-theme="win98"][data-skin^="anime"] [data-win]:hover::after { animation: sc-anime-bob 1s ease-in-out infinite; }
}
@keyframes sc-anime-petals {
  from { background-position: 0 0, 140px 90px; }
  to   { background-position: 300px 600px, 330px 470px; }
}
@keyframes sc-anime-twinkle {
  from { opacity: .25; background-position: 0 0; }
  to   { opacity: .75; background-position: 6px -6px; }
}
@keyframes sc-anime-bob {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-5px); }
}
@keyframes sc-anime-flow {
  from { background-position: 0% 50%; }
  to   { background-position: 300% 50%; }
}
@keyframes sc-anime-wiggle {
  0%, 100% { transform: rotate(0); }
  25%      { transform: rotate(-4deg) scale(1.05); }
  75%      { transform: rotate(4deg) scale(1.05); }
}

/* Ansichtswahl: Bonbon-Pille */
:root[data-theme="win98"][data-skin^="anime"] .sc-theme-select {
  height: 30px;
  padding: 0 30px 0 14px;
  border: 0;
  border-radius: 999px;
  background: var(--a-pill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ff2f8f' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center / 10px 6px;
  box-shadow: 0 3px 0 #ff9ac9;
  color: var(--a-hot);
  font: 900 13px var(--w-ui);
}