/* Miranda Community, Online-Fassung für Mitglieder. Stil wie miranda-institute.de/klarheit:
   Tiefnavy mit blauem Leuchten, Gold #B8922F, Elfenbein, Cormorant Garamond für Titel, Nunito Sans für Text.
   Schriften liegen auf dem eigenen Server, kein Google Fonts, kein Tracking. */
@font-face{font-family:"Cormorant";font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/CormorantGaramond-500.woff2) format("woff2")}
@font-face{font-family:"Cormorant";font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/CormorantGaramond-600.woff2) format("woff2")}
@font-face{font-family:"Cormorant";font-weight:500;font-style:italic;font-display:swap;src:url(/fonts/CormorantGaramond-Italic-500.woff2) format("woff2")}
@font-face{font-family:"Nunito Sans";font-weight:400;font-display:swap;src:url(/fonts/NunitoSans-400.woff2) format("woff2")}
@font-face{font-family:"Nunito Sans";font-weight:600;font-display:swap;src:url(/fonts/NunitoSans-600.woff2) format("woff2")}
@font-face{font-family:"Nunito Sans";font-weight:700;font-display:swap;src:url(/fonts/NunitoSans-700.woff2) format("woff2")}
@font-face{font-family:"Nunito Sans";font-weight:800;font-display:swap;src:url(/fonts/NunitoSans-800.woff2) format("woff2")}

:root{
  --bg:#070B18;--bg2:#0B1226;--navy:#10172C;--card:rgba(255,255,255,.04);--card2:rgba(255,255,255,.07);
  --line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);--gold:#B8922F;--gold2:#E2C77A;--goldf:rgba(184,146,47,.14);
  --ivory:#F4F1EA;--txt:#E9E6DF;--muted:#A5ABBC;--dim:#6F778C;--ok:#5FD09A;--err:#FF7B85;
  --serif:"Cormorant","Cormorant Garamond",Georgia,serif;--sans:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --r:18px;--ease:cubic-bezier(.2,.7,.3,1);color-scheme:dark;
  --safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;font:400 16px/1.6 var(--sans);color:var(--txt);-webkit-font-smoothing:antialiased;
  background:radial-gradient(900px 600px at 85% -10%,rgba(40,70,160,.35),transparent 60%),radial-gradient(700px 500px at -10% 110%,rgba(184,146,47,.10),transparent 60%),var(--bg);background-attachment:fixed}
a{color:var(--gold2)}
button,input,textarea,select{font:inherit;color:inherit}
::selection{background:rgba(184,146,47,.35)}
.hide{display:none!important}
.boot{display:grid;place-items:center;height:100vh}
.spin{width:28px;height:28px;border-radius:50%;border:2.5px solid var(--line2);border-top-color:var(--gold);animation:sp .8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
@keyframes in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Kopf */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:14px max(18px,4vw);background:rgba(7,11,24,.82);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.wm{display:flex;flex-direction:column;line-height:1;text-decoration:none;color:var(--gold2)}
.wm b{font:500 19px/1 var(--serif);letter-spacing:.18em}
.wm span{font:700 8.5px/1 var(--sans);letter-spacing:.42em;color:var(--muted);margin-top:4px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ivory);min-width:0}
.brand .bk{width:36px;height:36px;border-radius:10px;background:var(--navy);border:1px solid rgba(184,146,47,.35);display:grid;place-items:center;flex:none}
.brand .nm{font:600 19px/1.1 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp{flex:1}
.nav{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--card);border:1px solid var(--line)}
.nav a{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;text-decoration:none;color:var(--muted);font:800 11.5px/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;transition:.2s}
.nav a:hover{color:var(--ivory)}
.nav a.on{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#0B1226}
.nav a svg{width:15px;height:15px}
.icb{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);color:var(--ivory);cursor:pointer;flex:none;text-decoration:none}
.icb:hover{border-color:var(--line2)}
.icb .n{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;border-radius:9px;background:var(--gold);color:#0B1226;font:800 10px/18px var(--sans);text-align:center;padding:0 4px}
.lang{display:flex;gap:2px;font:800 11px/1 var(--sans);letter-spacing:.08em}
.lang a{padding:7px 9px;border-radius:999px;text-decoration:none;color:var(--dim)}
.lang a.on{color:var(--ivory);background:var(--card2)}
svg.i{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Bausteine */
.wrap{max-width:1040px;margin:0 auto;padding:28px max(18px,4vw) calc(110px + var(--safe-b));animation:in .35s var(--ease) both}
.narrow{max-width:760px}
.eyebrow{font:800 11px/1.3 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--ivory);margin:0;letter-spacing:.005em;font-variant-numeric:lining-nums}
.lesson .no,.mods li b,.md h2,.md h3,.md h4{font-variant-numeric:lining-nums}
h1{font-size:clamp(40px,8vw,72px);line-height:1.02}
h2{font-size:clamp(28px,4.5vw,38px);line-height:1.1}
h3{font-size:24px;line-height:1.2}
.lead{font-size:clamp(17px,2.4vw,20px);color:var(--muted);max-width:620px}
.hair{width:44px;height:2px;background:var(--gold);border-radius:2px;margin:18px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.card.hi{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-color:rgba(184,146,47,.28);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line2);background:transparent;color:var(--ivory);border-radius:999px;
  padding:13px 22px;font:800 12.5px/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:.18s var(--ease);white-space:nowrap}
.btn:hover{border-color:var(--gold);color:var(--gold2)}
.btn:active{transform:scale(.98)}
.btn.gold{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#0B1226;border-color:transparent;box-shadow:0 10px 28px rgba(184,146,47,.28)}
.btn.gold:hover{filter:brightness(1.06);color:#0B1226}
.btn.ivory{background:var(--ivory);color:#0B1226;border-color:transparent}
.btn.sm{padding:9px 15px;font-size:11px}
.btn.block{width:100%}
.btn.ghost{border-color:transparent;color:var(--muted)}
.btn.ghost:hover{color:var(--ivory)}
.btn.danger{color:var(--err);border-color:rgba(255,123,133,.35)}
.btn[disabled]{opacity:.45;pointer-events:none}
input,textarea,select{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line2);border-radius:14px;padding:14px 16px;outline:none;transition:.18s}
input:focus,textarea:focus,select:focus{border-color:var(--gold);background:rgba(255,255,255,.07);box-shadow:0 0 0 4px rgba(184,146,47,.14)}
input::placeholder,textarea::placeholder{color:var(--dim)}
textarea{resize:vertical;min-height:110px;line-height:1.55}
select option{background:#0B1226}
label.ck{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;color:var(--muted);cursor:pointer;line-height:1.5}
label.ck input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--gold)}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.field>span{font:700 12px/1 var(--sans);color:var(--muted);letter-spacing:.04em}
.small{font-size:13px}.tiny{font-size:12px}.mut{color:var(--muted)}.dim{color:var(--dim)}
.row{display:flex;align-items:center;gap:10px}
.wrap-row{flex-wrap:wrap}
.col{display:flex;flex-direction:column;gap:12px}
.err{color:var(--err);font-size:13.5px;margin-top:8px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;border:1px solid var(--line2);font:700 11.5px/1.3 var(--sans);color:var(--muted);background:var(--card)}
.pill.gold{color:var(--gold2);border-color:rgba(184,146,47,.4);background:var(--goldf)}
.av{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;font:800 13px/1 var(--sans);color:#0B1226;background:linear-gradient(150deg,var(--gold2),#8E6E22);overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover}
.av.sm{width:30px;height:30px;font-size:11px}
.av.team{background:var(--navy);border:1px solid rgba(184,146,47,.5);color:var(--gold2)}
.empty{text-align:center;color:var(--muted);padding:44px 10px}
.empty h3{margin:12px 0 6px}

/* Startseite (Landing) */
.hero{text-align:center;padding:clamp(24px,7vh,70px) 0 26px}
.hero .mark{width:88px;height:88px;margin:0 auto 20px;border-radius:24px;background:var(--navy);border:1px solid rgba(184,146,47,.35);display:grid;place-items:center;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.hero h1{margin-top:14px}
.hero .hair{margin:22px auto}
.hero .lead{margin:0 auto}
.join{max-width:470px;margin:30px auto 0;text-align:left}
.join form{display:flex;flex-direction:column;gap:13px}
.join .note{font-size:12.5px;color:var(--dim);line-height:1.55}
.code{letter-spacing:.5em;font:800 26px/1 var(--sans);text-align:center;padding:16px}
.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:54px 0 0}
.pillars .card{padding:22px 20px}
.pillars .ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--goldf);color:var(--gold2);margin-bottom:14px}
.pillars h3{font-size:25px;margin-bottom:6px}
.pillars p{margin:0;color:var(--muted);font-size:14.5px}
.mods{margin-top:54px}
.mods ol{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.mods li{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.mods li b{font:600 26px/1 var(--serif);color:var(--gold2);width:26px;text-align:center;flex:none}
.foot{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;padding:40px 0 10px;color:var(--dim);font-size:12.5px}
.foot a{color:var(--muted);text-decoration:none}
.foot a:hover{color:var(--gold2)}
.choose{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.choose a{text-decoration:none;color:inherit}
.choose .card{transition:.2s var(--ease)}
.choose .card:hover{border-color:rgba(184,146,47,.5);transform:translateY(-3px)}

/* App */
.ptitle{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.ptitle .grow{flex:1;min-width:220px}
.ptitle h2{margin-top:8px}
.progress{height:6px;border-radius:6px;background:var(--card2);overflow:hidden}
.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:6px;transition:width .5s var(--ease)}
.lessons{display:flex;flex-direction:column;gap:8px}
.lesson{display:flex;align-items:center;gap:14px;padding:15px 16px;border-radius:15px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:inherit;transition:.18s}
.lesson:hover{border-color:var(--line2);background:var(--card2)}
.lesson .no{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line2);font:600 19px/1 var(--serif);color:var(--gold2);flex:none}
.lesson.done .no{background:var(--gold);border-color:var(--gold);color:#0B1226}
.lesson .t{flex:1;min-width:0;font-weight:700;color:var(--ivory)}
.lesson .s{font-size:12.5px;color:var(--dim);font-weight:600}
.reader{max-width:720px;margin:0 auto}
.reader h2{margin:10px 0 18px}
.md{font-size:16.5px;line-height:1.72;color:var(--txt);overflow-wrap:anywhere}
.md p{margin:0 0 1em}
.md h2,.md h3,.md h4{font-family:var(--serif);color:var(--ivory);margin:1.3em 0 .5em}
.md h2{font-size:28px}.md h3{font-size:23px}.md h4{font-size:20px}
.md ul,.md ol{padding-left:1.3em;margin:0 0 1em}
.md li{margin:.3em 0}
.md li::marker{color:var(--gold)}
.md b,.md strong{color:var(--ivory)}
.md blockquote{margin:1.2em 0;padding:12px 16px;border-left:3px solid var(--gold);background:var(--goldf);border-radius:0 12px 12px 0;color:var(--txt)}
.md blockquote p{margin:0}
.md a{color:var(--gold2)}
.md img{max-width:100%;border-radius:12px}
.md code{background:var(--card2);border-radius:6px;padding:1px 6px;font-size:.92em}
.md .embed{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;margin:1em 0;background:#000}
.md .embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tasks{margin:26px 0;padding:20px;border-radius:var(--r);border:1px solid rgba(184,146,47,.3);background:var(--goldf)}
.tasks h4{margin:0 0 12px;font:800 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold2)}
.tasks label{display:flex;gap:12px;align-items:flex-start;padding:8px 0;cursor:pointer;border-top:1px solid rgba(255,255,255,.06)}
.tasks label:first-of-type{border-top:0}
.tasks input{width:20px;height:20px;margin-top:2px;accent-color:var(--gold);flex:none}
.tasks label.ok span{color:var(--dim);text-decoration:line-through}
.pager{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:30px;flex-wrap:wrap}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;margin-bottom:16px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;padding:9px 15px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--muted);font:700 13px/1 var(--sans);cursor:pointer;white-space:nowrap}
.chip.on{background:var(--ivory);color:#0B1226;border-color:transparent}
.post{display:block;padding:18px 18px 14px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-decoration:none;color:inherit;transition:.18s;margin-bottom:10px}
.post:hover{border-color:var(--line2);background:var(--card2)}
.post.pin{border-color:rgba(184,146,47,.3)}
.post .meta{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--dim);font-weight:600}
.post .meta b{color:var(--muted);white-space:nowrap}
.post .meta span{white-space:nowrap}
.post .meta{flex-wrap:wrap;row-gap:4px}
.post h3{font-size:22px;margin:10px 0 4px}
.post p{margin:0;color:var(--muted);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post .acts{display:flex;gap:16px;margin-top:12px;font-size:13px;color:var(--dim);font-weight:700}
.act{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--dim);cursor:pointer;padding:0;font:700 13px/1 var(--sans)}
.act:hover,.act.on{color:var(--gold2)}
.act.on svg{fill:currentColor}
.cmts{margin-top:22px;display:flex;flex-direction:column;gap:12px}
.cmt{display:flex;gap:11px}
.cmt .bd{flex:1;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:4px 16px 16px 16px;padding:11px 14px}
.cmt .bd .md{font-size:15px}
.cmt .bd .md p:last-child{margin:0}
.cmt .who{font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:3px}
.cmt.sub{margin-left:40px}
.composer{margin-top:16px}
.composer textarea{min-height:90px}
.fab{position:fixed;right:max(18px,4vw);bottom:calc(88px + var(--safe-b));z-index:15}
.chat{display:flex;flex-direction:column;height:calc(100vh - 210px);min-height:380px}
.msgs{flex:1;overflow:auto;display:flex;flex-direction:column;gap:6px;padding:4px 2px 12px}
.msg{max-width:82%;padding:10px 14px;border-radius:18px;background:var(--card2);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:5px}
.msg.me{align-self:flex-end;background:linear-gradient(160deg,rgba(184,146,47,.35),rgba(184,146,47,.18));border-color:rgba(184,146,47,.4);border-bottom-left-radius:18px;border-bottom-right-radius:5px}
.msg .md{font-size:15px;line-height:1.55}
.msg .md p:last-child{margin:0}
.msg .tm{font-size:11px;color:var(--dim);margin-top:3px;text-align:right}
.day{align-self:center;font-size:11.5px;color:var(--dim);font-weight:700;padding:8px 0}
.chatin{display:flex;gap:8px;align-items:flex-end;padding-top:10px;border-top:1px solid var(--line)}
.chatin textarea{min-height:48px;max-height:160px;border-radius:24px;padding:13px 18px}
.chatin .btn{border-radius:50%;width:48px;height:48px;padding:0}

/* Untere Leiste auf dem Handy */
.tabbar{display:none}
@media (max-width:760px){
  .apptop .nav,.apptop .wm{display:none}
  .top{padding:12px 16px}
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;justify-content:space-around;padding:8px 6px calc(8px + var(--safe-b));
    background:rgba(7,11,24,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line)}
  .tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--dim);font:800 10.5px/1 var(--sans);letter-spacing:.05em;padding:6px 0;position:relative}
  .tabbar a svg{width:22px;height:22px}
  .tabbar a.on{color:var(--gold2)}
  .tabbar a .n{position:absolute;top:0;left:55%;min-width:16px;height:16px;border-radius:8px;background:var(--gold);color:#0B1226;font:800 9.5px/16px var(--sans);text-align:center;padding:0 4px}
  .pillars{grid-template-columns:1fr}
  .mods ol{grid-template-columns:1fr}
  .choose{grid-template-columns:1fr}
  .chat{height:calc(100vh - 300px);height:calc(100dvh - 290px)}
  .cmt.sub{margin-left:22px}
}
@media (min-width:761px){.fab{bottom:34px}}

/* Fenster und Hinweise */
.sheet-bg{position:fixed;inset:0;z-index:60;background:rgba(3,6,14,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:in .2s}
.sheet{width:min(640px,100%);max-height:92vh;overflow:auto;background:#0D1430;border:1px solid var(--line2);border-radius:24px 24px 0 0;padding:24px 22px calc(24px + var(--safe-b))}
@media (min-width:761px){.sheet-bg{align-items:center}.sheet{border-radius:24px}}
.sheet .hd{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.sheet .hd h3{flex:1}
#toasts{position:fixed;left:50%;bottom:calc(96px + var(--safe-b));transform:translateX(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.toast{padding:11px 18px;border-radius:999px;background:var(--ivory);color:#0B1226;font:700 13.5px/1.3 var(--sans);box-shadow:0 14px 40px rgba(0,0,0,.45);animation:in .2s}
.toast.err{background:#3A1218;color:#FFD6DA;border:1px solid rgba(255,123,133,.5)}
.notif{display:flex;gap:12px;align-items:flex-start;padding:12px 4px;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.notif:first-child{border-top:0}
.notif.new .tx{color:var(--ivory);font-weight:700}
.doc{max-width:760px;margin:0 auto}
.doc h2{margin:30px 0 10px;font-size:28px}
.doc p,.doc li{color:var(--txt)}

/* Hellmodus (Standard), wie miguelmiranda.de/apps: warmes Off-White, Navy als Schrift, Gold als Akzent, weiße Karten */
html[data-theme="light"]{
  --bg:#F5F5F3;--bg2:#ECE9E2;--card:#FFFFFF;--card2:#F3F2EE;--line:rgba(11,37,69,.08);--line2:rgba(11,37,69,.14);
  --gold:#B8922F;--gold2:#8C6A1C;--goldf:rgba(184,146,47,.11);--ivory:#0B2545;--txt:#2B3652;--muted:#5C6478;--dim:#868C9C;--err:#B3303C;--ok:#1F7A4A;
  color-scheme:light;
}
html[data-theme="light"] body{background:radial-gradient(700px 520px at 6% -8%,rgba(240,213,140,.42),transparent 62%),radial-gradient(760px 560px at 100% 4%,rgba(176,196,255,.34),transparent 60%),radial-gradient(640px 520px at 50% 110%,rgba(232,214,190,.45),transparent 62%),#F5F5F3;background-attachment:fixed}
html[data-theme="light"] ::selection{background:rgba(184,146,47,.25)}
html[data-theme="light"] .top{background:rgba(245,245,243,.86)}
html[data-theme="light"] .wm b{color:#B8922F}
html[data-theme="light"] .card,html[data-theme="light"] .post,html[data-theme="light"] .lesson,html[data-theme="light"] .mods li,html[data-theme="light"] .cmt .bd{background:#FFFFFF;box-shadow:0 3px 10px rgba(11,37,69,.06)}
html[data-theme="light"] .card.hi{border-color:rgba(184,146,47,.32);box-shadow:0 1px 2px rgba(11,37,69,.05),0 22px 50px rgba(11,37,69,.10)}
html[data-theme="light"] .post:hover,html[data-theme="light"] .lesson:hover{background:#FFFFFF;border-color:rgba(184,146,47,.35)}
html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{background:#FFFFFF}
html[data-theme="light"] input:focus,html[data-theme="light"] textarea:focus,html[data-theme="light"] select:focus{background:#FFFFFF}
html[data-theme="light"] select option{background:#FFFFFF}
html[data-theme="light"] .btn{background:#FFFFFF}
html[data-theme="light"] .btn:hover{color:#0B2545;border-color:rgba(184,146,47,.6)}
html[data-theme="light"] .btn.ghost{background:transparent}
html[data-theme="light"] .btn.gold,html[data-theme="light"] .nav a.on{background:linear-gradient(180deg,#D9B45A,#B8922F);color:#0B2545;box-shadow:0 10px 26px rgba(184,146,47,.25)}
html[data-theme="light"] .btn.ivory,html[data-theme="light"] .chip.on{background:#0B2545;color:#FFFFFF;border-color:transparent}
html[data-theme="light"] .chip{background:#FFFFFF}
html[data-theme="light"] .nav{background:#FFFFFF;box-shadow:0 3px 10px rgba(11,37,69,.06)}
html[data-theme="light"] .icb{background:#FFFFFF;box-shadow:0 3px 10px rgba(11,37,69,.06);color:#0B2545}
html[data-theme="light"] .lang a.on{background:#0B2545;color:#FFFFFF}
html[data-theme="light"] .eyebrow{color:#9A7A22}
html[data-theme="light"] .msg{background:#F1F2F5;border-color:transparent}
html[data-theme="light"] .msg.me{background:linear-gradient(160deg,#17305A,#0F2244);border-color:transparent;box-shadow:0 4px 14px rgba(15,34,68,.18)}
html[data-theme="light"] .msg.me .md,html[data-theme="light"] .msg.me .md b{color:#F4F6FA}
html[data-theme="light"] .msg.me .tm{color:rgba(244,246,250,.7)}
html[data-theme="light"] .sheet{background:#FFFFFF}
html[data-theme="light"] .sheet-bg{background:rgba(11,37,69,.28)}
html[data-theme="light"] .tabbar{background:rgba(255,255,255,.95);box-shadow:0 -4px 18px rgba(11,37,69,.06)}
html[data-theme="light"] .toast{background:#0B2545;color:#FFFFFF}
html[data-theme="light"] .toast.err{background:#FDECEE;color:#8A1F2B;border-color:rgba(179,48,60,.35)}
html[data-theme="light"] .pill{background:#FFFFFF}
html[data-theme="light"] .lesson.done .no{color:#FFFFFF}
html[data-theme="light"] .progress{background:#E9E6DE}
html[data-theme="light"] .tasks{background:#FBF7EC}
html[data-theme="light"] .md blockquote{background:#FBF7EC}
html[data-theme="light"] .md code{background:#F1F2F5}
html[data-theme="light"] .hero .mark{box-shadow:0 18px 40px rgba(11,37,69,.18)}
.seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--card2);border:1px solid var(--line)}
.seg button{border:0;background:transparent;color:var(--muted);padding:8px 16px;border-radius:999px;font:800 12px/1 var(--sans);letter-spacing:.06em;cursor:pointer}
.seg button.on{background:var(--ivory);color:var(--bg)}
html[data-theme="light"] .seg button.on{background:#0B2545;color:#FFFFFF}
/* Ziffern in Nunito Sans: Cormorant hat Mediävalziffern, die 1 sieht dort wie ein I aus */
.lesson .no,.mods li b{font-family:var(--sans);font-weight:800;font-size:15px}
.mods li b{font-size:18px}