.print-view{max-width:800px;margin:0 auto;padding:24px 20px 80px;background:var(--bg);color:var(--text)}.print-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.print-doc h1{font-size:1.6rem}.print-doc h2{font-size:1.2rem;margin-top:1.4em;border-bottom:1px solid var(--border);padding-bottom:4px}.print-doc h3{font-size:1rem;margin-top:1em}.print-doc .q{font-weight:700;margin-top:.8em}.print-doc pre{white-space:pre-wrap}@media print{:root{--bg: #fff;--text: #111;--text-dim: #333;--text-faint: #555;--border: #ccc;--bg-elev: #fff;--bg-elev2: #f4f4f4}body{background:#fff}.no-print{display:none!important}.print-view{max-width:none;padding:0}.print-doc h2{page-break-after:avoid}.print-doc pre,.print-doc .qa{page-break-inside:avoid}a{color:#111;text-decoration:none}}:root{--bg: #0f1419;--bg-elev: #171e26;--bg-elev2: #1f2832;--border: #2a3642;--text: #e6edf3;--text-dim: #9aa7b4;--text-faint: #6b7986;--primary: #4c9be8;--primary-strong: #2f7fd1;--primary-contrast: #ffffff;--good: #3fb950;--good-bg: rgba(63, 185, 80, .12);--bad: #f06d6d;--bad-bg: rgba(240, 109, 109, .12);--warn: #d8a657;--accent: #b78cf0;--radius: 14px;--radius-sm: 10px;--shadow: 0 2px 12px rgba(0, 0, 0, .35);--maxw: 760px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:dark}[data-theme=light]{--bg: #f4f6f8;--bg-elev: #ffffff;--bg-elev2: #eef1f5;--border: #d7dee6;--text: #16202b;--text-dim: #54636f;--text-faint: #8a97a3;--primary: #2f7fd1;--primary-strong: #1f6bbf;--good: #1f9d3a;--good-bg: rgba(31, 157, 58, .1);--bad: #d23f3f;--bad-bg: rgba(210, 63, 63, .08);--shadow: 0 2px 10px rgba(20, 40, 60, .1);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5;overscroll-behavior-y:none}a{color:var(--primary);text-decoration:none}h1,h2,h3,h4{line-height:1.25;margin:0 0 .4em}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.02rem}p{margin:0 0 .7em}small{color:var(--text-dim)}code,kbd,pre{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85em}pre{background:var(--bg-elev2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;overflow-x:auto;line-height:1.45}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:16px}.header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding-top:var(--safe-top)}.header-inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 16px}.header .title{font-weight:700;font-size:1.05rem}.header .spacer{flex:1}.back-link{color:var(--text-dim);font-size:.92rem;display:inline-flex;align-items:center;gap:4px}.main{flex:1;padding-bottom:calc(76px + var(--safe-bottom))}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;background:color-mix(in srgb,var(--bg-elev) 96%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:6px 4px calc(6px + var(--safe-bottom))}.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-faint);font-size:.66rem;padding:4px 2px;border-radius:10px}.bottomnav a.active{color:var(--primary)}.bottomnav .ic{font-size:1.25rem;line-height:1}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}.card.tap{cursor:pointer;transition:transform .08s ease,border-color .15s}.card.tap:active{transform:scale(.992)}.card.tap:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border))}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.wrap{flex-wrap:wrap}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.stack>*+*{margin-top:10px}.btn{appearance:none;border:1px solid var(--border);background:var(--bg-elev2);color:var(--text);font:inherit;font-weight:600;padding:11px 16px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter .12s,transform .06s,background .15s;min-height:44px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.btn-primary:hover{background:var(--primary-strong)}.btn-ghost{background:transparent}.btn-block{width:100%}.btn-sm{min-height:36px;padding:7px 12px;font-size:.85rem}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--bg-elev2);color:var(--text-dim);border:1px solid var(--border)}.tag.leicht{color:var(--good);border-color:color-mix(in srgb,var(--good) 40%,var(--border))}.tag.mittel{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,var(--border))}.tag.schwer{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--border))}.chip{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev2);color:var(--text-dim);font-size:.85rem;font-weight:600;user-select:none}.chip.on{background:color-mix(in srgb,var(--primary) 18%,var(--bg-elev2));color:var(--text);border-color:var(--primary)}.progress{height:8px;border-radius:999px;background:var(--bg-elev2);overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .4s ease}.progress.good>span{background:var(--good)}.option{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-elev);color:var(--text);font:inherit;cursor:pointer;margin-bottom:10px;transition:border-color .12s,background .12s;min-height:48px}.option:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}.option:disabled{cursor:default}.option .marker{flex:0 0 26px;height:26px;border-radius:999px;border:1.5px solid var(--text-faint);display:grid;place-items:center;font-size:.8rem;font-weight:700;color:var(--text-dim)}.option.selected{border-color:var(--primary)}.option.correct{border-color:var(--good);background:var(--good-bg)}.option.correct .marker{border-color:var(--good);color:var(--good)}.option.wrong{border-color:var(--bad);background:var(--bad-bg)}.option.wrong .marker{border-color:var(--bad);color:var(--bad)}.explain{border-radius:var(--radius-sm);padding:12px 14px;margin:8px 0;font-size:.92rem}.explain.good{background:var(--good-bg);border:1px solid color-mix(in srgb,var(--good) 35%,transparent)}.explain.bad{background:var(--bad-bg);border:1px solid color-mix(in srgb,var(--bad) 35%,transparent)}.explain.neutral{background:var(--bg-elev2);border:1px solid var(--border)}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:8px 14px;border-radius:999px;font-size:.86rem;font-weight:600;background:var(--bg-elev2);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;white-space:nowrap}.tab.active{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}.asset{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:#fff;margin:10px 0}.asset img{display:block;width:100%;height:auto}.asset figcaption{font-size:.78rem;color:var(--text-dim);padding:8px 12px;background:var(--bg-elev2)}.input,.select{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev2);color:var(--text);font:inherit;min-height:46px}label.field{display:block;margin-bottom:12px}label.field>span{display:block;font-size:.82rem;color:var(--text-dim);margin-bottom:6px}.center{text-align:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--text-dim);padding:40px 16px}.banner-offline{background:var(--warn);color:#1a1205;text-align:center;font-size:.8rem;font-weight:600;padding:4px}.collapse-btn{background:none;border:none;color:var(--primary);font:inherit;font-weight:600;cursor:pointer;padding:0}.kbd{font-size:.75rem;background:var(--bg-elev2);border:1px solid var(--border);border-radius:6px;padding:1px 6px}.divider{height:1px;background:var(--border);margin:14px 0}.list-reset{list-style:none;padding:0;margin:0}.bullet{padding-left:1.1em;margin:.3em 0;position:relative}.bullet:before{content:"•";position:absolute;left:0;color:var(--primary)}.icon-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1.3rem;padding:4px 8px;border-radius:8px}.icon-btn.on{color:var(--warn)}.fade-in{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}