:root{color-scheme:dark;--bg:#07101d;--card:#101b2c;--line:#24334a;--text:#f4f7fb;--muted:#91a0b5;--blue:#76b7ff;--green:#61d98b;--orange:#ffb85c;--red:#ff6b75}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#07101d,#0b1422 35%,#07101d);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;color:var(--text);min-height:100vh}main{max-width:680px;margin:auto;padding:calc(env(safe-area-inset-top) + 18px) 14px calc(env(safe-area-inset-bottom) + 28px)}header{display:flex;justify-content:space-between;align-items:center;padding:6px 4px 16px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--blue);font-weight:700}h1{font-size:30px;margin:3px 0 4px;letter-spacing:-.04em}.muted{color:var(--muted)}.small{font-size:12px}#refresh{border:0;background:#18263a;color:white;width:44px;height:44px;border-radius:50%;font-size:25px}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px;position:sticky;top:calc(env(safe-area-inset-top) + 6px);z-index:5;background:rgba(7,16,29,.88);backdrop-filter:blur(15px);padding:7px 0}nav button{border:1px solid var(--line);background:#101b2c;color:var(--muted);padding:10px;border-radius:12px;font-weight:650}nav button.active{background:#1d3451;color:white;border-color:#31547c}.card{background:rgba(16,27,44,.94);border:1px solid var(--line);border-radius:20px;padding:15px;margin:12px 0;box-shadow:0 12px 35px rgba(0,0,0,.18)}.section-title{font-size:18px;font-weight:750;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.stack{display:grid;gap:8px}.item{background:#0b1524;border:1px solid #1d2b40;border-radius:14px;padding:11px 12px}.lesson{display:grid;grid-template-columns:95px 1fr;gap:10px}.time{color:var(--blue);font-weight:700;font-size:14px}.subject{font-size:17px;font-weight:750}.meta{font-size:13px;color:var(--muted);margin-top:3px}.change{border-left:3px solid var(--orange)}.change.remove{border-left-color:var(--red)}.done{border-left:3px solid var(--green)}.done .subject,.done .body{color:var(--green)}.test{border-left:3px solid var(--orange)}.test .subject{color:var(--orange)}.badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 6px;border-radius:7px;background:#24334a;margin-right:7px}.body{white-space:pre-line;line-height:1.35;margin-top:5px}.empty{color:var(--muted);padding:8px 2px}.error{color:#ff8f97}footer{text-align:center;color:#5f7087;font-size:11px;padding:12px}@media(max-width:390px){h1{font-size:27px}.lesson{grid-template-columns:88px 1fr}.card{padding:13px}}

:root{--body-bg:linear-gradient(180deg,#07101d,#0b1422 35%,#07101d);--nav-bg:rgba(7,16,29,.88);--button-bg:#18263a;--button-text:#fff;--nav-button-bg:#101b2c;--nav-active-bg:#1d3451;--nav-active-text:#fff;--nav-active-border:#31547c;--card-bg:rgba(16,27,44,.94);--item-bg:#0b1524;--item-border:#1d2b40;--shadow:rgba(0,0,0,.18);--footer:#5f7087}
html[data-theme="light"]{color-scheme:light;--bg:#eef3f8;--card:#fff;--line:#d5dee9;--text:#172234;--muted:#66758a;--blue:#1769aa;--green:#168545;--orange:#b86400;--red:#c8323c;--body-bg:linear-gradient(180deg,#f5f8fb,#edf3f8 35%,#f5f8fb);--nav-bg:rgba(245,248,251,.9);--button-bg:#e2eaf3;--button-text:#172234;--nav-button-bg:#fff;--nav-active-bg:#dbeaf8;--nav-active-text:#143d63;--nav-active-border:#9bbbd8;--card-bg:rgba(255,255,255,.96);--item-bg:#f7f9fc;--item-border:#dce4ed;--shadow:rgba(38,55,77,.10);--footer:#8190a3}
body{background:var(--body-bg)}
.header-actions{display:flex;gap:9px;align-items:center}
#refresh,#theme-toggle{border:0;background:var(--button-bg);color:var(--button-text);width:44px;height:44px;border-radius:50%;font-size:25px;-webkit-tap-highlight-color:transparent}
#theme-toggle{font-size:21px}
nav{background:var(--nav-bg)}
nav button{background:var(--nav-button-bg)}
nav button.active{background:var(--nav-active-bg);color:var(--nav-active-text);border-color:var(--nav-active-border)}
.card{background:var(--card-bg);box-shadow:0 12px 35px var(--shadow)}
.item{background:var(--item-bg);border-color:var(--item-border)}
footer{color:var(--footer)}


/* v3: großer, touchfreundlicher Theme-Switch */
.theme-switch{
  width:118px !important;
  height:48px !important;
  border-radius:24px !important;
  padding:0 10px !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  cursor:pointer;
  border:1px solid var(--line) !important;
  background:var(--button-bg) !important;
  color:var(--button-text) !important;
  -webkit-appearance:none;
  appearance:none;
}
.theme-icon{font-size:21px;line-height:1;flex:0 0 auto}
.theme-track{
  width:42px;height:24px;border-radius:14px;
  background:#07101d;
  position:relative;flex:0 0 auto;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.theme-knob{
  position:absolute;top:3px;left:3px;
  width:18px;height:18px;border-radius:50%;
  background:#fff;
  transition:transform .2s ease;
}
html[data-theme="light"] .theme-track{background:#b8cbe0}
html[data-theme="light"] .theme-knob{transform:translateX(18px)}
html[data-theme="light"] .theme-sun{color:#b86400}
html[data-theme="dark"] .theme-moon{color:#76b7ff}

/* Explizite Theme-Flächen für Safari/iOS */
html[data-theme="dark"],html[data-theme="dark"] body{background:#07101d;color:#f4f7fb}
html[data-theme="light"],html[data-theme="light"] body{background:#f5f8fb;color:#172234}
html[data-theme="light"] .badge{background:#e3eaf2;color:#42546a}
html[data-theme="light"] .error{color:#b4232d}

@media(max-width:390px){
  .theme-switch{width:104px !important;height:46px !important;padding:0 8px !important}
  .theme-icon{font-size:19px}
}


/* v4: eindeutige, klassenbasierte Theme-Umschaltung */
html.light-mode {
  color-scheme: light !important;
  --bg:#eef3f8 !important;
  --card:#ffffff !important;
  --line:#d5dee9 !important;
  --text:#172234 !important;
  --muted:#66758a !important;
  --blue:#1769aa !important;
  --green:#168545 !important;
  --orange:#b86400 !important;
  --red:#c8323c !important;
  --body-bg:linear-gradient(180deg,#f5f8fb,#edf3f8 35%,#f5f8fb) !important;
  --nav-bg:rgba(245,248,251,.94) !important;
  --button-bg:#e2eaf3 !important;
  --button-text:#172234 !important;
  --nav-button-bg:#ffffff !important;
  --nav-active-bg:#dbeaf8 !important;
  --nav-active-text:#143d63 !important;
  --nav-active-border:#9bbbd8 !important;
  --card-bg:#ffffff !important;
  --item-bg:#f7f9fc !important;
  --item-border:#dce4ed !important;
  --shadow:rgba(38,55,77,.10) !important;
  --footer:#8190a3 !important;
}
html.dark-mode { color-scheme: dark !important; }

html.light-mode,
html.light-mode body {
  background:#f5f8fb !important;
  color:#172234 !important;
}
html.light-mode body { background:var(--body-bg) !important; }
html.light-mode nav { background:var(--nav-bg) !important; }
html.light-mode nav button { background:#fff !important; color:#66758a !important; }
html.light-mode nav button.active { background:#dbeaf8 !important; color:#143d63 !important; border-color:#9bbbd8 !important; }
html.light-mode .card { background:#fff !important; border-color:#d5dee9 !important; }
html.light-mode .item { background:#f7f9fc !important; border-color:#dce4ed !important; }
html.light-mode .muted,
html.light-mode .meta,
html.light-mode .empty { color:#66758a !important; }
html.light-mode .theme-track { background:#b8cbe0 !important; }
html.light-mode .theme-knob { transform:translateX(18px) !important; }
html.light-mode .theme-sun { color:#b86400 !important; }

/* v5 Schulessen */
.meal .subject{line-height:1.45}
.meal-badge{background:rgba(54,190,104,.16)!important;color:#62d68e!important;margin-right:9px}
html.light-mode .meal-badge{background:#dff2e6!important;color:#16753c!important}