:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0b1118;color:#eaf0f5}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #283747;background:#121c26;padding:18px max(20px,calc((100vw - 1050px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:22px;font-weight:900;letter-spacing:.5px}.accent{color:#f9b340}.tag,.eyebrow{color:#91a7ba;font-size:12px;font-weight:800;letter-spacing:2px}main{max-width:1050px;margin:auto;padding:28px 20px}.intro{padding:32px 0 18px}.intro h1{font-size:clamp(32px,6vw,58px);line-height:1.12;margin:14px 0}.intro p:not(.eyebrow){color:#b5c2ce;max-width:620px}.panel{background:#14212d;border:1px solid #2c4152;border-radius:16px;padding:clamp(18px,4vw,32px);margin-top:22px;box-shadow:0 12px 35px #0003}.panel h2{margin-top:0}.hidden{display:none!important}label{display:block;font-size:14px;margin:18px 0}input{display:block;width:100%;max-width:420px;background:#0b141d;border:1px solid #405668;color:white;border-radius:8px;padding:13px;margin-top:7px;font:inherit}button{cursor:pointer;background:#f9b340;color:#18202a;border:0;border-radius:9px;padding:12px 18px;font:inherit;font-weight:800}button:hover{filter:brightness(1.08)}button:focus-visible,input:focus-visible{outline:3px solid #77bfff;outline-offset:3px}.secondary{background:#2b3c4d;color:white}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.meter{height:9px;background:#2b3c4d;border-radius:8px;overflow:hidden;margin:18px 0 26px}.meter div{height:100%;background:#f9b340;width:0;transition:width .25s}.question{border-top:1px solid #304251;padding-top:22px;margin-top:22px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.options button{background:#243849;color:#eaf0f5;text-align:left;font-weight:500;border:1px solid #3c5367}.options button:disabled{opacity:.6;cursor:default}.result{min-height:22px;color:#f9b340;font-weight:650}footer{padding:35px 0;color:#8396a7;font-size:12px}@media(max-width:600px){.options{grid-template-columns:1fr}.tag{font-size:10px}.brand{font-size:17px}}
/* Zurückhaltender Lernfortschritt im Kopfbereich */
.header-right{display:flex;align-items:center;gap:22px}.xp-widget{width:180px;max-width:38vw}.xp-top{display:flex;justify-content:space-between;gap:12px;color:#aebdca;font-size:11px;line-height:1.5}.xp-top span:first-child{color:#dce5ed;font-weight:650}.xp-track{height:4px;margin-top:5px;background:#31414f;border-radius:99px;overflow:hidden}.xp-track>div{width:0;height:100%;background:#9daebd;border-radius:inherit;transition:width .25s ease}@media(max-width:600px){header{flex-wrap:wrap}.header-right{flex:1;justify-content:flex-end;gap:10px}.xp-widget{width:130px}.xp-top{font-size:10px}.tag{display:none}}

/* Ausklappbarer wissenschaftlicher Rechner */
.calc-toggle{position:fixed;right:0;top:42%;z-index:60;background:#f9b340;color:#101820;border-radius:10px 0 0 10px;box-shadow:0 6px 24px #0008;padding:14px 12px;writing-mode:vertical-rl;letter-spacing:.6px}.calc-toggle span{font-size:12px}.calc-backdrop{position:fixed;inset:0;background:#0009;z-index:69}.calc-panel{position:fixed;right:0;top:0;bottom:0;width:min(440px,100vw);z-index:70;background:#101b26;border-left:1px solid #3a5062;box-shadow:-12px 0 35px #0007;padding:18px;overflow-y:auto;transform:translateX(105%);visibility:hidden;transition:transform .22s ease,visibility .22s}.calc-panel.open{transform:translateX(0);visibility:visible}.calc-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.calc-heading strong{display:block;font-size:16px}.calc-heading small{display:block;color:#9aafc0;margin-top:4px}.calc-close{background:#2b3c4d;color:#fff;font-size:25px;padding:5px 13px}.calc-screen{margin:20px 0 12px;background:#071019;border:1px solid #405668;border-radius:12px;padding:15px;min-height:106px;text-align:right;overflow-wrap:anywhere}.calc-expression{color:#91a7ba;font-size:14px;min-height:24px}.calc-display{display:block;font-size:clamp(24px,5vw,35px);font-variant-numeric:tabular-nums;line-height:1.5}.calc-controls,.calc-keys{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.calc-controls{margin-bottom:8px}.calc-panel button{min-width:0;padding:13px 2px;border:1px solid #3c5367;background:#263849;color:#eaf0f5;font-size:14px;font-weight:600}.calc-controls button{font-size:12px;padding:9px 2px}.calc-keys button:nth-child(n+16){background:#1d2c39}.calc-panel .calc-equals{background:#f9b340!important;color:#15202a;border-color:#f9b340}.calc-panel .calc-warn{color:#ffc27d}.calc-hint{font-size:11px;color:#94a8b9;line-height:1.5}.calc-history-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #344657;padding-top:12px;margin-top:18px}.calc-history-head button{padding:6px 10px;font-size:12px}.calc-history{margin-top:8px;max-height:180px;overflow:auto}.calc-history button{display:block;width:100%;text-align:right;background:transparent;border:0;border-bottom:1px solid #293b4a;padding:9px;color:#d9e5ee}.calc-history small{display:block;color:#91a7ba;margin-bottom:3px}@media(max-width:600px){.calc-panel{padding:14px}.calc-toggle{top:auto;bottom:20%;padding:12px 8px}.calc-keys{gap:5px}.calc-panel .calc-keys button{padding:12px 1px;font-size:13px}}@media(prefers-reduced-motion:reduce){.calc-panel{transition:none}}