@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Mono Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-mono-latin-ext-wght-normal-CXgNM06D.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Mono Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-mono-latin-wght-normal-CoA7y8X5.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-cyrillic-ext-400-normal-VNDy5CZS.woff2)format("woff2"),url(/assets/andika-cyrillic-ext-400-normal-BJwze9_g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-cyrillic-400-normal-DYbdP60f.woff2)format("woff2"),url(/assets/andika-cyrillic-400-normal-CIdpN1kB.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-vietnamese-400-normal-afg23LQ3.woff2)format("woff2"),url(/assets/andika-vietnamese-400-normal-Bw99zChb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-ext-400-normal-D580Nkki.woff2)format("woff2"),url(/assets/andika-latin-ext-400-normal-NXfvB_tZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2)format("woff2"),url(/assets/andika-latin-400-normal-BK42By1L.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-cyrillic-ext-700-normal-DvCsrHON.woff2)format("woff2"),url(/assets/andika-cyrillic-ext-700-normal-BdIUMeTx.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-cyrillic-700-normal-D404ywHU.woff2)format("woff2"),url(/assets/andika-cyrillic-700-normal-Bzg0mZT8.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-vietnamese-700-normal-CS3rZngu.woff2)format("woff2"),url(/assets/andika-vietnamese-700-normal-CZOGxJjV.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-ext-700-normal-Ch3SGZaH.woff2)format("woff2"),url(/assets/andika-latin-ext-700-normal-DBt0PRsd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-700-normal-Dk95f5lc.woff2)format("woff2"),url(/assets/andika-latin-700-normal-CAUSQC6x.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mathe Ziffern;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2)format("woff2");font-weight:100 549;font-style:normal;font-display:swap;unicode-range:U+30-39;size-adjust:92%}@font-face{font-family:Mathe Ziffern;src:url(/assets/andika-latin-700-normal-Dk95f5lc.woff2)format("woff2");font-weight:550 900;font-style:normal;font-display:swap;unicode-range:U+30-39;size-adjust:92%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f6f1;--surface:#fff;--surface-2:#f0efe9;--text:#1c2333;--text-muted:#4b5567;--border:#767f90;--border-subtle:#d9dce3;--primary:#2450b8;--primary-hover:#1c4096;--primary-soft:#e6edfb;--on-primary:#fff;--focus:#1a3a9c;--ok:#17704a;--ok-soft:#e3f3ea;--retry:#7a4b00;--retry-soft:#fff1d6;--topic-zahlen:#2e62c9;--topic-zahlen-bg:#e8effc;--topic-schriftlich:#6b45c2;--topic-schriftlich-bg:#efe9fb;--topic-kopfrechnen:#a84b14;--topic-kopfrechnen-bg:#fcede3;--topic-groessen:#1f7a5c;--topic-groessen-bg:#e3f4ed;--topic-geometrie:#b03a6e;--topic-geometrie-bg:#fbe8f0;--topic-daten:#8a6a00;--topic-daten-bg:#fbf3d9;--topic-sachaufgaben:#1f7591;--topic-sachaufgaben-bg:#e2f2f7;--c-rot:#d1453b;--c-blau:#2f6fd6;--c-gelb:#f2c230;--c-gruen:#2e9b5f;--c-lila:#8a55c9;--c-orange:#e9852d;--ink:#1c2333;--grid-line:#848c9c;--fill-1:#9cc0f5;--fill-2:#f7c59f;--fill-hidden:#c9ced8;--font-ui:"Mathe Ziffern", "Atkinson Hyperlegible Next Variable", "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"Mathe Ziffern", "Atkinson Hyperlegible Mono Variable", "Atkinson Hyperlegible Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-school:"Andika", var(--font-ui);--fs-small:1.05rem;--fs-body:1.25rem;--fs-lead:1.45rem;--fs-h2:1.75rem;--fs-h1:2.1rem;--fs-task:2.25rem;--fs-digit:2rem;--lh:1.5;--measure:60ch;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-s:8px;--radius-m:14px;--radius-l:22px;--tap:48px;--tap-lg:64px;--gap-tap:8px;--shadow-1:0 1px 2px #1c233314, 0 2px 8px #1c23330f;--shadow-2:0 2px 4px #1c23331a, 0 8px 24px #1c233314;--motion-ms:.2s;--celebrate-ms:.7s}@media (prefers-reduced-motion:reduce){:root{--motion-ms:0s;--celebrate-ms:0s}}:root.reduce-motion{--motion-ms:0s;--celebrate-ms:0s}:root.large-text{font-size:125%}:root.wide-spacing{--lh:1.8;letter-spacing:.12em;word-spacing:.16em}:root.school-font{--font-ui:"Andika", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.2}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-lead)}p{margin:0 0 var(--space-3);max-width:var(--measure)}a{color:var(--primary);text-underline-offset:.15em}a:hover{color:var(--primary-hover)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}svg text{font-family:var(--font-ui)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);min-width:var(--tap);padding:var(--space-2) var(--space-5);border:2px solid var(--border);border-radius:var(--radius-m);background:var(--surface);color:var(--text);cursor:pointer;transition:background var(--motion-ms), border-color var(--motion-ms), transform var(--motion-ms);touch-action:manipulation;font-weight:650;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn--ghost{background:0 0;border-color:#0000}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--surface-2)}.btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-primary)}.btn--ghost:hover{background:var(--surface-2)}}.btn--lg{min-height:var(--tap-lg);min-width:var(--tap-lg);font-size:var(--fs-lead);padding:var(--space-3) var(--space-6)}.num-input{min-height:var(--tap-lg);width:9ch;padding:var(--space-2) var(--space-3);border:3px solid var(--border);border-radius:var(--radius-s);background:var(--surface);font-family:var(--font-mono);font-size:var(--fs-digit);text-align:right;font-variant-numeric:tabular-nums}.num-input:focus-visible{border-color:var(--focus)}.num-input.is-wrong{border-color:var(--retry);background:var(--retry-soft)}.num-input.is-right{border-color:var(--ok);background:var(--ok-soft)}.digit-box{width:2.6rem;height:3.2rem;min-width:var(--tap);min-height:var(--tap);border:2px solid var(--border);background:var(--surface);font-family:var(--font-mono);font-size:var(--fs-digit);text-align:center;caret-color:var(--primary);border-radius:6px;padding:0}.digit-box.is-wrong{border-color:var(--retry);background:var(--retry-soft)}.digit-box.is-right{border-color:var(--ok);background:var(--ok-soft)}.card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-l);box-shadow:var(--shadow-1);padding:var(--space-5)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.visual{max-width:100%;height:auto;margin-inline-start:auto;margin-inline-end:auto;display:block}.visual-wrap{margin:var(--space-3) 0;justify-content:center;display:flex}@supports selector(:has(*)){@media screen{.visual-wrap:has(>.visual--readable:not(.visual--print)){overscroll-behavior-x:contain;background:linear-gradient(to right, var(--surface) 40%, transparent) left / 1.5rem 100% no-repeat local, linear-gradient(to left, var(--surface) 40%, transparent) right / 1.5rem 100% no-repeat local, radial-gradient(farthest-side at 0 50%, #1c233338, transparent) left / .6rem 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, #1c233338, transparent) right / .6rem 100% no-repeat scroll, var(--surface);border-radius:var(--radius-m);justify-content:flex-start;overflow-x:auto}.visual-wrap>.visual--readable:not(.visual--print){min-width:calc(var(--vw,0px) * var(--min-scale,.7));flex:none}}}@media print{body{background:#fff;font-size:12pt}.no-print{display:none!important}}.app{flex-direction:column;min-height:100vh;display:flex}.skip-link{left:var(--space-3);top:var(--space-3);z-index:10;min-height:var(--tap);padding:var(--space-2) var(--space-4);background:var(--surface);color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-m);align-items:center;font-weight:700;display:inline-flex;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.skip-link:focus-visible{transform:none}.site-header{background:var(--surface);border-bottom:1px solid var(--border-subtle)}.site-header__inner{max-width:960px;padding:var(--space-2) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-3);min-height:var(--tap);padding-right:var(--space-2);border-radius:var(--radius-m);color:var(--text);letter-spacing:.01em;font-family:Atkinson Hyperlegible Next Variable,Atkinson Hyperlegible Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.5rem;font-weight:800;text-decoration:none;display:inline-flex}.logo:hover{color:var(--text)}.logo-mark{flex:none;width:40px;height:40px}.logo-mark__bg{fill:var(--primary)}.logo-mark__fg{stroke:var(--on-primary)}.site-nav ul{gap:var(--gap-tap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav a{min-height:var(--tap);padding:var(--space-2) var(--space-4);border-radius:var(--radius-m);color:var(--text);font-size:var(--fs-small);text-align:center;justify-content:center;align-items:center;font-weight:650;line-height:1.2;text-decoration:none;display:flex}.site-nav a:hover{background:var(--surface-2);color:var(--text)}.site-nav a[aria-current=page]{background:var(--primary-soft);color:var(--primary-hover);box-shadow:inset 0 -3px 0 var(--primary);font-weight:750}@media (max-width:44rem){.site-nav{width:100%}.site-nav ul{grid-template-columns:1fr 1fr;display:grid}.site-nav a{padding:var(--space-2)}}.app--minimal .site-header__inner{padding-block:var(--space-1)}.site-main{width:100%;max-width:960px;padding:var(--space-5) var(--space-4) var(--space-7);flex:1 0 auto;margin:0 auto}.site-main:focus,.page-title:focus,h1[tabindex="-1"]:focus{outline:none}.site-footer{background:var(--surface);border-top:1px solid var(--border-subtle)}.site-footer__inner{max-width:960px;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer__note{color:var(--text-muted);font-size:var(--fs-small);margin:0}.site-footer__links{gap:var(--gap-tap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-footer__links a{min-height:var(--tap);min-width:var(--tap);padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);font-size:var(--fs-small);align-items:center;display:inline-flex}.site-footer__links a[aria-current=page]{font-weight:750}a.btn:hover{color:var(--text)}a.btn--primary:hover{color:var(--on-primary)}.loading{color:var(--text-muted);font-size:var(--fs-lead);padding:var(--space-6) 0}.icon{flex:none}.stars{vertical-align:middle;gap:2px;line-height:1;display:inline-flex}.star{width:1.15em;height:1.15em}.star--on path{fill:var(--c-gelb);stroke:var(--retry)}.star--off path{fill:none;stroke:var(--border)}.star-legend{gap:var(--space-2) var(--space-5);color:var(--text-muted);font-size:var(--fs-small);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.star-legend li{align-items:center;gap:var(--space-2);display:inline-flex}.topic--zahlen{--accent:var(--topic-zahlen);--accent-bg:var(--topic-zahlen-bg)}.topic--schriftlich{--accent:var(--topic-schriftlich);--accent-bg:var(--topic-schriftlich-bg)}.topic--kopfrechnen{--accent:var(--topic-kopfrechnen);--accent-bg:var(--topic-kopfrechnen-bg)}.topic--groessen{--accent:var(--topic-groessen);--accent-bg:var(--topic-groessen-bg)}.topic--geometrie{--accent:var(--topic-geometrie);--accent-bg:var(--topic-geometrie-bg)}.topic--daten{--accent:var(--topic-daten);--accent-bg:var(--topic-daten-bg)}.topic--sachaufgaben{--accent:var(--topic-sachaufgaben);--accent-bg:var(--topic-sachaufgaben-bg)}@media print{.skip-link,.site-header,.site-footer{display:none!important}.app{min-height:0;display:block}.site-main{max-width:none;padding:0}.star--on path{fill:var(--ink);stroke:var(--ink)}.star--off path{stroke:var(--ink)}}.page{gap:var(--space-5);flex-direction:column;display:flex}.page>*{margin-bottom:0}.page--narrow{max-width:40rem}.page-title{margin-bottom:0}.lead{font-size:var(--fs-lead);color:var(--text-muted);margin:0}.hint{color:var(--text-muted);font-size:var(--fs-small);margin:0}.note{padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-m)}.notice{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-left:4px solid var(--retry);background:var(--retry-soft);color:var(--retry);border-radius:var(--radius-s);margin:0;display:flex}.tag{align-items:center;gap:var(--space-1);margin-left:var(--space-2);border:1.5px solid var(--border);background:var(--surface);color:var(--text);letter-spacing:.01em;vertical-align:middle;white-space:nowrap;border-radius:999px;padding:.1em .6em;font-size:.875rem;font-weight:700;line-height:1.5;display:inline-flex}.tag--recommended{border-color:var(--primary);background:var(--primary);color:var(--on-primary);margin-left:0}.back-link a,.legal-links a,.toc a,.progress-topic a,.progress-page p>a:not(.btn),.storage-note a:not(.btn),.badges-page p>a{min-height:var(--tap);align-items:center;display:inline-flex}.home__start{gap:var(--space-4);flex-direction:column;display:flex}.review-card{gap:var(--space-3) var(--space-4);padding:var(--space-5);border-radius:var(--radius-l);background:var(--primary-soft);border:2px solid var(--primary);box-shadow:var(--shadow-1);flex-wrap:wrap;align-items:center;display:flex}.review-card h2{margin:0 0 var(--space-1)}.review-card p{margin:0}.review-card__icon{background:var(--surface);width:56px;height:56px;color:var(--primary);border-radius:50%;flex:none;place-items:center;display:grid}.review-card__icon svg{width:32px;height:32px}.review-card__body{flex:10rem;min-width:0}.review-card__go{flex:none;margin-left:auto}.continue-tile{align-items:center;gap:var(--space-1) var(--space-3);min-height:var(--tap-lg);padding:var(--space-3) var(--space-5);border-radius:var(--radius-l);background:var(--surface);border:2px solid var(--border-subtle);border-left:8px solid var(--accent,var(--primary));color:var(--text);box-shadow:var(--shadow-1);flex-wrap:wrap;text-decoration:none;display:flex}.continue-tile:hover{border-color:var(--accent,var(--primary));color:var(--text)}.continue-tile__kicker{font-size:var(--fs-small);color:var(--text-muted);width:100%;font-weight:700}.continue-tile__title{font-size:var(--fs-lead);flex:1;font-weight:750}.topic-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));margin:0;padding:0;list-style:none;display:grid}.topic-grid>li{display:flex}.topic-card{gap:var(--space-4);min-height:7.5rem;padding:var(--space-5);border-radius:var(--radius-l);background:var(--surface);border:2px solid var(--border-subtle);border-top:6px solid var(--accent,var(--primary));box-shadow:var(--shadow-1);color:var(--text);transition:border-color var(--motion-ms), box-shadow var(--motion-ms), transform var(--motion-ms);flex:1;align-items:flex-start;text-decoration:none;display:flex}.topic-card:hover{color:var(--text);border-color:var(--accent,var(--primary));box-shadow:var(--shadow-2);transform:translateY(-2px)}.topic-card__icon{border-radius:var(--radius-m);background:var(--accent-bg,var(--primary-soft));width:64px;height:64px;color:var(--accent,var(--primary));flex:none;place-items:center;display:grid}.topic-card__icon svg{width:44px;height:44px}.topic-card__text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.topic-card__title{font-size:var(--fs-lead);font-weight:750;line-height:1.25}.topic-card__desc{color:var(--text-muted);font-size:var(--fs-small)}.topic-card__progress{gap:var(--space-1);margin-top:var(--space-2);flex-direction:column;display:flex}.topic-card__stars{font-size:var(--fs-small);font-weight:650}@media (max-width:30rem){.topic-card{padding:var(--space-4);gap:var(--space-3)}.topic-card__icon{width:52px;height:52px}.topic-card__icon svg{width:36px;height:36px}.skill-card,.mix-card,.summary-card,.badge-card{padding:var(--space-4)}.topic-head__icon{width:56px;height:56px}.topic-head__icon svg{width:40px;height:40px}}.topic-card--blitz{--accent:var(--primary);--accent-bg:var(--primary-soft);border-style:solid dashed dashed}.topic-card--soon{box-shadow:none;background:var(--surface-2)}.topic-card--soon:hover{box-shadow:none;border-color:var(--border-subtle);border-top-color:var(--accent,var(--primary));transform:none}.bar{width:100%;max-width:12rem;height:8px;display:block}.bar__track{fill:var(--surface-2);stroke:var(--border);stroke-width:.6px}.bar__fill{fill:var(--accent,var(--primary))}.home__week{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border-subtle);flex-direction:column;display:flex}.home__lifetime{color:var(--text-muted);margin:0}.week-goal{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.week-goal__dots{width:auto;max-width:100%;height:24px}.week-goal__text{margin:0;font-weight:650}.dot--on{fill:var(--ok);stroke:var(--ok);stroke-width:2px}.dot--off{fill:var(--surface);stroke:var(--border);stroke-width:2px}.topic-head{align-items:flex-start;gap:var(--space-4);display:flex}.topic-head__icon{border-radius:var(--radius-l);background:var(--accent-bg);width:72px;height:72px;color:var(--accent);flex:none;place-items:center;display:grid}.topic-head__icon svg{width:52px;height:52px}.topic-head .lead{margin-top:var(--space-2)}.topic-page__intro{margin:0}.skill-list{gap:var(--space-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.skill-card{padding:var(--space-5);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border-subtle);border-left:6px solid var(--accent);box-shadow:var(--shadow-1)}.skill-card__title{font-size:var(--fs-h2);margin-bottom:var(--space-1)}.skill-card__desc{color:var(--text-muted)}.stufe-list{margin:var(--space-3) 0 0;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));padding:0;list-style:none;display:grid}.stufe-list>li{display:flex}.stufe-btn{gap:var(--space-2);min-height:var(--tap-lg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);border:2px solid var(--border);background:var(--surface);color:var(--text);transition:background var(--motion-ms), border-color var(--motion-ms);flex-direction:column;flex:1;text-decoration:none;display:flex}.stufe-btn:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--text)}.stufe-btn--recommended{border-width:3px;border-color:var(--primary);background:var(--primary-soft)}.stufe-btn__head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.stufe-btn__label{font-size:var(--fs-lead);font-weight:750}.stufe-btn__desc{font-size:var(--fs-small);color:var(--text-muted);line-height:1.35}.stufe-btn__state{align-items:center;gap:var(--space-2);font-size:var(--fs-small);margin-top:auto;font-weight:650;display:flex}.mix-card{padding:var(--space-5);border-radius:var(--radius-l);background:var(--accent-bg);border:1px solid var(--border-subtle)}.mix-card h2{margin-bottom:var(--space-1)}.mix-card__reason{margin:var(--space-3) 0 0;font-weight:600}.summary-card{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.summary-card p{margin:0}.summary-card__lifetime{font-size:var(--fs-lead);font-weight:700}.progress-topic{padding:var(--space-4) var(--space-5);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border-subtle);border-top:5px solid var(--accent)}.progress-topic p{margin:var(--space-2) 0 0}.progress-topic__title{align-items:center;gap:var(--space-3);font-size:var(--fs-lead);margin:0;display:flex}.progress-topic__icon{border-radius:var(--radius-s);background:var(--accent-bg);width:44px;height:44px;color:var(--accent);flex:none;place-items:center;display:grid}.progress-topic__icon svg{width:32px;height:32px}.progress-topic__empty{color:var(--text-muted)}.progress-growth{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--ok-soft)}.progress-growth__title{margin:0 0 var(--space-2);font-size:var(--fs-body)}.progress-growth__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.progress-growth__name{font-weight:700}.progress-growth__lines{margin:var(--space-1) 0 0;padding-left:var(--space-4)}.progress-growth__lines li+li{margin-top:var(--space-1)}.progress-table{border-collapse:collapse;width:100%;margin-top:var(--space-3);font-size:var(--fs-small)}.progress-table th,.progress-table td{text-align:left;padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.progress-table thead th{color:var(--text-muted);font-weight:700}.progress-table tbody th{font-weight:650}.progress-cell .stars{margin-right:var(--space-1)}.progress-cell__word{white-space:nowrap}@media (max-width:40rem){.progress-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.progress-table,.progress-table tbody,.progress-table tr,.progress-table th,.progress-table td{width:100%;display:block}.progress-table tr{padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.progress-table th,.progress-table td{padding:var(--space-1) 0;border:none}.progress-table td{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.progress-table td:before{content:attr(data-label);content:attr(data-label) / "";min-width:4.5rem;color:var(--text-muted);font-weight:650}}.storage-note{padding:var(--space-4) var(--space-5);border-radius:var(--radius-l);background:var(--surface-2)}.storage-note h2{font-size:var(--fs-lead)}.badge-list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));margin:0;padding:0;list-style:none;display:grid}.badge-card{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-1);display:flex}.badge-card__icon{background:var(--retry-soft);border:2px solid var(--c-gelb);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;font-size:2rem;line-height:1;display:grid}.badge-card__title{font-size:var(--fs-lead);margin-bottom:var(--space-1)}.badge-card__desc{margin-bottom:var(--space-2)}.badge-card__date{color:var(--text-muted);font-size:var(--fs-small);margin:0}.choice-group{border:none;min-width:0;margin:0;padding:0}.choice-group>legend{margin-bottom:var(--space-2);font-weight:750;font-size:var(--fs-lead);padding:0}input[type=checkbox],input[type=radio]{accent-color:var(--primary);flex:none;width:1.5rem;height:1.5rem;margin:0}.choice-grid{gap:var(--gap-tap);grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));display:grid}.choice-card{align-items:center;gap:var(--space-3);min-height:var(--tap-lg);padding:var(--space-2) var(--space-3);border:2px solid var(--border-subtle);border-radius:var(--radius-m);background:var(--surface);cursor:pointer;font-weight:650;line-height:1.3;display:flex}.choice-card:hover{border-color:var(--accent,var(--border))}.choice-card:has(input:checked){border-color:var(--accent,var(--primary));background:var(--accent-bg,var(--primary-soft))}.choice-card__icon{color:var(--accent);flex:none;place-items:center;display:grid}.choice-card>span:last-child{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;min-width:0}.choice-card__icon svg{width:32px;height:32px}.check-list{gap:var(--space-1);flex-direction:column;display:flex}.check-row{align-items:flex-start;gap:var(--space-3);min-height:var(--tap);padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);cursor:pointer;display:flex}.check-row:hover{background:var(--surface-2)}.check-row>input{margin-top:.15rem}.check-row>span{flex-direction:column;display:flex}.check-row__title{font-weight:650}.check-row__desc{color:var(--text-muted);font-size:var(--fs-small)}.segmented{gap:var(--gap-tap);flex-wrap:wrap;display:flex}.segmented__item{display:flex;position:relative}.segmented__item input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.segmented__item>span{justify-content:center;align-items:center;gap:var(--space-1);min-width:var(--tap-lg);min-height:var(--tap);padding:var(--space-2) var(--space-4);border:2px solid var(--border);border-radius:var(--radius-m);background:var(--surface);font-weight:700;display:inline-flex}.segmented__item>span .check-row__title{font-weight:inherit}.segmented__item input:checked+span{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.segmented__item input:checked+span:before{content:"✓";content:"✓" / "";font-weight:800}.segmented__item input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.segmented__item:hover input:not(:checked)+span{background:var(--surface-2)}.toc ul{gap:0 var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.prose h2{margin-top:var(--space-6)}.prose h3{margin-top:var(--space-5);margin-bottom:var(--space-2)}.prose ul{max-width:var(--measure);padding-left:1.4rem}.prose li{margin-bottom:var(--space-2)}.prose>:first-child{margin-top:0}.settings,.storage{gap:var(--space-4);flex-direction:column;display:flex}.settings h2,.storage h2{margin-top:var(--space-6);margin-bottom:0}.storage h3{margin:var(--space-3) 0 0}.storage p{margin:0}.setting{padding:var(--space-4);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--border-subtle)}.choice-group.setting>legend{float:left;width:100%}.choice-group.setting>legend+*{clear:both}.setting__hint{margin:0 0 var(--space-2)}.settings>.btn,.storage>.btn{align-self:flex-start}.setting .setting{background:0 0;border:none;padding:0}.setting .setting+.setting{margin-top:var(--space-2)}.setting .setting .setting__hint{margin:0 0 0 calc(1.5rem + var(--space-3) + var(--space-3))}.status-box{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-l);background:var(--surface);border:2px solid var(--border-subtle);flex-direction:column;display:flex}.file-btn{position:relative}.file-btn:focus-within{outline:3px solid var(--focus);outline-offset:2px}.confirm-box{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-l);background:var(--retry-soft);border:2px solid var(--retry);flex-direction:column;display:flex}.confirm-box:focus{outline:3px solid var(--focus);outline-offset:2px}.message{min-height:1.5em;font-weight:650}.message--ok{color:var(--ok)}.message--ok:before{content:"✓ ";content:"✓ " / ""}.message--error{color:var(--retry)}.message--error:before{content:"! ";content:"! " / ""}.align-table{border-collapse:collapse;width:100%;font-size:var(--fs-small);background:var(--surface)}.align-table th,.align-table td{text-align:left;vertical-align:top;padding:var(--space-3);border:1px solid var(--border-subtle)}.align-table thead th{background:var(--surface-2)}@media (max-width:48rem){.align-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.align-table,.align-table tbody,.align-table tr,.align-table th,.align-table td{width:100%;display:block}.align-table tr{margin-bottom:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-m);overflow:hidden}.align-table th,.align-table td{border:none;border-bottom:1px solid var(--border-subtle)}.align-table tbody th{background:var(--surface-2)}.align-table td:before{content:attr(data-label);content:attr(data-label) / "";color:var(--text-muted);font-weight:700;display:block}}.kids-box{padding:var(--space-5);border-radius:var(--radius-l);background:var(--ok-soft);border:2px solid var(--ok)}.kids-box h2{margin-bottom:var(--space-2)}.kids-box ul{margin:0;padding-left:1.4rem}.kids-box li{margin-bottom:var(--space-1)}.operator{margin-bottom:var(--space-3);font-style:normal}.contact-list{gap:var(--space-1) var(--space-4);margin:0 0 var(--space-3);grid-template-columns:auto 1fr;display:grid}.contact-list dt{font-weight:700}.contact-list dd{margin:0}.placeholder{padding:0 var(--space-2);border:2px dashed var(--retry);border-radius:var(--radius-s);background:var(--retry-soft);color:var(--retry);font-weight:700;display:inline-block}.legal-page__date{color:var(--text-muted);font-size:var(--fs-small);margin-top:var(--space-6)}@media print{.topic-card,.skill-card,.badge-card,.summary-card,.progress-topic{box-shadow:none;break-inside:avoid}}