html.skin-biologie {
  color-scheme:dark;
  --bg:#101f19;--bg2:#152b22;--panel:#20382c;--panel2:#2b4937;
  --line:#4b6951;--line2:#77916d;--grid:#34513c;
  --text:#f7f3de;--dim:#e1e7cd;--muted:#c3d2b2;--faint:#b6c6a6;
  --green:#c3df8c;--green2:#e1ecae;--green3:#b0ce7f;
  --cyan:#a7d8cb;--amber:#e8c583;--red:#ffada0;--violet:#d9c1e4;
  --ink:#14241b;--ph1:#456447;--ph2:#304d37;
  --bio:#c3df8c;--chem:#a7d8cb;--nawi:#e8c583;--robo:#d9c1e4;--neutral:#c3d2b2;
  --gd1:#bbdf98;--gd2:#dce3a1;--gd3:#e8c583;--gd4:#f4b28a;--gd5:#ffada0;
  --catA:#c3df8c;--catB:#a7d8cb;--catC:#d9c1e4;
  --skin-font:"Segoe UI","Corbel",system-ui,sans-serif;
  --skin-font-ui:var(--skin-font);
  --science-heading:Georgia,"Palatino Linotype",serif;
  --science-wall:none;
  --science-atlas:none;
  --science-wash:#102019e8;--science-wash-end:#10201935;
  --science-radius:5px 23px 5px 23px;
  --science-rule:linear-gradient(90deg,#81a169,#d4dda2 35%,#4f795c 75%,transparent);
  --elev:0 3px 4px #06120930,0 14px 30px #06120940;
  --ma-rain-glyphs:"✦❧⋅";
}
html.skin-biologie {
  --glow:color-mix(in srgb,var(--green) 21%,transparent);
  --glowsoft:color-mix(in srgb,var(--green) 8%,transparent);
  --ma-holo:none;--ma-rain-head:var(--green);--ma-rain-body:var(--cyan);--ma-rain-body-soft:var(--amber);
  
  --accent-mauve:var(--violet);--accent-rose:var(--red);--accent-slate:var(--muted);
  --accent-blue:var(--cyan);--accent-grey:var(--dim);--accent-gold:var(--amber);
  --accent-leisten:var(--violet);--accent-lachen:var(--amber);--accent-leben:var(--green);
  --accent-strip:var(--science-rule);
}
html.skin-biologie body {
  font-family:var(--skin-font-ui);color:var(--text);
  background:linear-gradient(90deg,var(--science-wash) 0%,var(--science-wash) 13%,var(--science-wash-end) 85%),var(--science-wall) 67% center/cover fixed no-repeat,var(--bg);
}
html.skin-biologie .os{position:relative;z-index:1}
html.skin-biologie :is(.os,.ma-shell,.wm-back) *{text-shadow:none}
html.skin-biologie :is(.top,.side,footer.foot){background:var(--bg2);border-color:var(--line)}
html.skin-biologie .top{position:relative;border-bottom:1px solid var(--line2)}
html.skin-biologie .top::after{content:"";position:absolute;left:0;bottom:0;width:180px;height:2px;background:var(--science-rule);pointer-events:none}
html.skin-biologie .top .os-name{font-family:var(--science-heading);letter-spacing:.09em;font-weight:700}
html.skin-biologie .top .cen{letter-spacing:.18em}
html.skin-biologie .top .os-name::before{content:"";display:inline-block;width:25px;height:25px;vertical-align:middle;margin-right:7px;background:center/contain no-repeat}
html.skin-biologie .schoollogo{filter:none}
html.skin-biologie :is(.panel,.pmodal,.mon,.fxctl,.sywrap){background:var(--panel);border-color:var(--line);box-shadow:var(--elev);border-radius:var(--science-radius)}
html.skin-biologie .benotung-shell.panel{border:0;border-radius:0;background:none;box-shadow:none}
html.skin-biologie .panel::before{left:14px;right:14px;width:auto;height:1px;background:var(--science-rule);opacity:1}
html.skin-biologie :is(.ccard,.sus-kcell,.mini,.wday,.lesson,.fc,.home-room,.home-panel){border-radius:var(--science-radius)}
html.skin-biologie :is(.ccard,.sus-kcell,.mini,.wday,.fc,.nowlesson){background-color:var(--panel)}
html.skin-biologie :is(.viewbar,.ph){color:var(--text)}
html.skin-biologie .viewbar .title{font-family:var(--science-heading);font-weight:700;letter-spacing:.04em;color:var(--text)}
html.skin-biologie .ph h3{color:var(--dim)}
html.skin-biologie .side nav button{border-radius:var(--science-radius);letter-spacing:.02em}
html.skin-biologie .side nav button.active{background:var(--panel2);color:var(--green);font-weight:700;box-shadow:inset 3px 0 var(--green),inset 0 0 0 1px var(--line2)}
html.skin-biologie .side nav button.active::before{box-shadow:none;width:3px}
html.skin-biologie .side nav button:hover{background:var(--panel2);color:var(--text)}
html.skin-biologie .side nav button.active:hover{color:var(--green)}
html.skin-biologie .nav-group>summary{color:var(--muted);font-family:var(--science-heading)}
html.skin-biologie :is(button.btn,.qa button){border-radius:var(--science-radius)}
html.skin-biologie :is(.btn.primary,.ma-workspace .ma-primary){color:var(--ink);background:var(--green);border-color:var(--green);font-weight:700}
html.skin-biologie :is(.btn.primary,.ma-workspace .ma-primary):hover{color:var(--ink);background:var(--green3);border-color:var(--green3);box-shadow:0 3px 12px var(--glow)}
html.skin-biologie :is(input,textarea,select){color-scheme:dark;accent-color:var(--green)}
html.skin-biologie :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
html.skin-biologie :focus-visible{outline:3px solid var(--green);outline-offset:3px}
html.skin-biologie ::selection{background:var(--green);color:var(--ink)}
html.skin-biologie .term{color:var(--dim)}
html.skin-biologie .term .l .pt{color:var(--green)}
html.skin-biologie .fc::after{display:none}
html.skin-biologie :is(.fc-num,.mon .row b,.ma-time-running output){font-variant-numeric:tabular-nums}
html.skin-biologie .skbtns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
html.skin-biologie .skbtns button{min-width:0;width:100%;min-height:31px;padding:6px 4px!important;font-size:10px!important;letter-spacing:0!important;border-radius:5px}
html.skin-biologie .skbtns button.on{background:var(--green);color:var(--ink);border-color:var(--green);box-shadow:none}


html.skin-biologie{--science-wall:url("/assets/biology-background.png")}