:root{--surface-page:#f7f4ec;--surface-card:#fff;--surface-inset:#efeae0;--surface-hover:#e6e0d3;--surface-brand-wash:#e1f0ee;--text-heading:#1d2624;--text-body:#35403e;--text-support:#66726f;--text-meta:#8b9693;--border-card:#ddd6c8;--border-strong:#b9b0a0;--border-hairline:#0000000f;--brand:#0f766e;--brand-hover:#0d9488;--brand-fg:#fff;--focus-ring:#0f766e;--spark:#d97706;--spark-wash:#fcefd9;--tone-ok:#2f855a;--tone-ok-wash:#dff0e5;--tone-notyet:#c46a4b;--tone-notyet-wash:#f7e3da;--tone-hint:#d97706;--tone-hint-wash:#fcefd9;--tone-info:#2b6cb0;--tone-info-wash:#dce8f6;--tone-neutral:#66726f;--tone-neutral-wash:#ece9e1;--tone-critical:#b91c1c;--tone-critical-wash:#f8dada;--region-1:#5b8c5a;--region-1-wash:#e5efe3;--region-2:#3e7cb1;--region-2-wash:#deeaf5;--region-3:#7a5c9e;--region-3-wash:#eae3f2;--region-4:#8c6e4f;--region-4-wash:#efe7de;--region-5:#b0642f;--region-5-wash:#f5e6d9;--region-6:#2e8a8a;--region-6-wash:#dbefef;--region-7:#4f6d8c;--region-7-wash:#e2e9f0;--region-8:#a0568a;--region-8-wash:#f2e1ec;--shadow-raise:0 2px 8px #1e190f14;--shadow-drag:0 8px 24px #1e190f29}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface-page:#161d1c;--surface-card:#1f2928;--surface-inset:#2a3634;--surface-hover:#344240;--surface-brand-wash:#173532;--text-heading:#f2f4f3;--text-body:#d5dbd9;--text-support:#9eaaa7;--text-meta:#71807c;--border-card:#334140;--border-strong:#4a5a57;--border-hairline:#ffffff12;--brand:#2dd4bf;--brand-hover:#5eead4;--brand-fg:#0b1b19;--focus-ring:#2dd4bf;--spark:#fbbf24;--spark-wash:#3a2a0e;--tone-ok:#4ade80;--tone-ok-wash:#173a26;--tone-notyet:#f0a387;--tone-notyet-wash:#3f2519;--tone-hint:#fbbf24;--tone-hint-wash:#3a2a0e;--tone-info:#7fb3f0;--tone-info-wash:#172d45;--tone-neutral:#9eaaa7;--tone-neutral-wash:#2a3634;--tone-critical:#f87171;--tone-critical-wash:#3f1a1a;--region-1-wash:#22301f;--region-2-wash:#1b2c3d;--region-3-wash:#2c2338;--region-4-wash:#302820;--region-5-wash:#3a2417;--region-6-wash:#173232;--region-7-wash:#1f2a36;--region-8-wash:#36202f;--region-1:#8fbf8d;--region-2:#7eb0dc;--region-3:#b49bd4;--region-4:#c4a585;--region-5:#e0966a;--region-6:#6bc2c2;--region-7:#8faac8;--region-8:#d18fbd;--shadow-raise:0 2px 8px #00000059;--shadow-drag:0 8px 24px #00000080}}:root[data-theme=dark]{--surface-page:#161d1c;--surface-card:#1f2928;--surface-inset:#2a3634;--surface-hover:#344240;--surface-brand-wash:#173532;--text-heading:#f2f4f3;--text-body:#d5dbd9;--text-support:#9eaaa7;--text-meta:#71807c;--border-card:#334140;--border-strong:#4a5a57;--border-hairline:#ffffff12;--brand:#2dd4bf;--brand-hover:#5eead4;--brand-fg:#0b1b19;--focus-ring:#2dd4bf;--spark:#fbbf24;--spark-wash:#3a2a0e;--tone-ok:#4ade80;--tone-ok-wash:#173a26;--tone-notyet:#f0a387;--tone-notyet-wash:#3f2519;--tone-hint:#fbbf24;--tone-hint-wash:#3a2a0e;--tone-info:#7fb3f0;--tone-info-wash:#172d45;--tone-neutral:#9eaaa7;--tone-neutral-wash:#2a3634;--tone-critical:#f87171;--tone-critical-wash:#3f1a1a;--region-1-wash:#22301f;--region-2-wash:#1b2c3d;--region-3-wash:#2c2338;--region-4-wash:#302820;--region-5-wash:#3a2417;--region-6-wash:#173232;--region-7-wash:#1f2a36;--region-8-wash:#36202f;--region-1:#8fbf8d;--region-2:#7eb0dc;--region-3:#b49bd4;--region-4:#c4a585;--region-5:#e0966a;--region-6:#6bc2c2;--region-7:#8faac8;--region-8:#d18fbd;--shadow-raise:0 2px 8px #00000059;--shadow-drag:0 8px 24px #00000080}:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--font-feature-learn:"tnum", "ss02";--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.25rem;--text-display:2.25rem;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--measure:60ch;--measure-form:28rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:6px;--radius-base:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--motion-fast:.12s;--motion-base:.2s;--motion-slow:.4s;--motion-celebrate:.7s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-spring:cubic-bezier(.34, 1.3, .64, 1)}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-slow:0s;--motion-celebrate:0s}}:root{--base-size:17px;--task-text:var(--text-xl);--task-number:var(--text-4xl);--touch-min:48px;--density:1;--figure-display:inline;--radius-scale:1}[data-stufe=entdecker]{--base-size:18px;--task-text:var(--text-2xl);--task-number:var(--text-5xl);--touch-min:56px;--density:1.25;--figure-display:block;--radius-scale:1.2}[data-stufe=forscher]{--base-size:17px;--task-text:var(--text-xl);--task-number:var(--text-4xl);--touch-min:48px;--density:1;--figure-display:inline;--radius-scale:1}[data-stufe=profi]{--base-size:16px;--task-text:var(--text-lg);--task-number:var(--text-3xl);--touch-min:44px;--density:.875;--figure-display:none;--radius-scale:.9}*{box-sizing:border-box}body{background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--base-size);padding-inline:clamp(16px,4vw,48px);padding-block:0 var(--space-24);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3,h4{color:var(--text-heading);text-wrap:balance;margin:0;line-height:1.2}h1{font-size:var(--text-display);letter-spacing:-.01em;font-weight:700}h2{font-size:var(--text-2xl);margin-block:var(--space-16) var(--space-2);font-weight:600}h3{font-size:var(--text-lg);margin-block:var(--space-8) var(--space-3);font-weight:600}p{margin:0 0 var(--space-3);max-width:62ch}.prose{max-width:var(--measure);line-height:var(--leading-normal)}.prose h1,.prose h2,.prose h3,.prose h4{margin-block:var(--space-8) var(--space-3)}.prose p,.prose ul,.prose ol{margin-block:0 var(--space-4)}.caption{font-size:var(--text-sm);color:var(--text-support)}.mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-meta)}.eyebrow{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-support);font-weight:600}.card{background:var(--surface-card);border:1px solid var(--border-card);border-radius:calc(var(--radius-lg) * var(--radius-scale));padding:calc(var(--space-5) * var(--density))}.card--region{border-left:4px solid var(--ton,var(--border-card))}.tone-ok{--ton:var(--tone-ok);--ton-wash:var(--tone-ok-wash)}.tone-notyet{--ton:var(--tone-notyet);--ton-wash:var(--tone-notyet-wash)}.tone-hint{--ton:var(--tone-hint);--ton-wash:var(--tone-hint-wash)}.tone-info{--ton:var(--tone-info);--ton-wash:var(--tone-info-wash)}.tone-neutral{--ton:var(--tone-neutral);--ton-wash:var(--tone-neutral-wash)}.tone-critical{--ton:var(--tone-critical);--ton-wash:var(--tone-critical-wash)}.r1{--ton:var(--region-1);--ton-wash:var(--region-1-wash)}.r2{--ton:var(--region-2);--ton-wash:var(--region-2-wash)}.r3{--ton:var(--region-3);--ton-wash:var(--region-3-wash)}.r4{--ton:var(--region-4);--ton-wash:var(--region-4-wash)}.r5{--ton:var(--region-5);--ton-wash:var(--region-5-wash)}.r6{--ton:var(--region-6);--ton-wash:var(--region-6-wash)}.r7{--ton:var(--region-7);--ton-wash:var(--region-7-wash)}.r8{--ton:var(--region-8);--ton-wash:var(--region-8-wash)}.button:focus-visible,.tile:focus-visible,.key:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 calc(var(--space-5) * var(--density));border-radius:calc(var(--radius-base) * var(--radius-scale));font:inherit;font-weight:600;font-size:var(--text-base);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),transform var(--motion-fast);border:2px solid #0000;display:inline-flex}.button:active{transform:translateY(1px)}.button--primary{background:var(--brand);color:var(--brand-fg)}.button--primary:hover{background:var(--brand-hover)}.button--secondary{background:var(--surface-card);color:var(--text-heading);border-color:var(--border-strong)}.button--secondary:hover{background:var(--surface-hover)}.button--quiet{color:var(--brand);background:0 0}.button--quiet:hover{background:var(--surface-brand-wash)}.button--spark{background:var(--spark-wash);color:var(--text-heading);border-color:var(--spark)}.button--spark:hover{background:var(--spark);color:var(--brand-fg)}.button[disabled]{opacity:.45;cursor:not-allowed}.field{gap:6px;display:grid}.field label{font-size:var(--text-sm);color:var(--text-support);font-weight:500}.field input{font:inherit;font-size:var(--text-base);min-height:var(--touch-min);border:2px solid var(--border-strong);border-radius:var(--radius-base);background:var(--surface-card);color:var(--text-heading);width:100%;padding:10px 14px}.field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--surface-brand-wash);outline:none}.field--ok input{border-color:var(--tone-ok)}.field--notyet input{border-color:var(--tone-notyet)}.keypad{gap:var(--space-2);max-width:calc(3 * var(--touch-min) + 4 * var(--space-2) + 40px);padding:var(--space-2);background:var(--surface-inset);border-radius:calc(var(--radius-lg) * var(--radius-scale));box-shadow:var(--shadow-raise);grid-template-columns:repeat(3,1fr);display:grid}.key{min-height:var(--touch-min);min-width:var(--touch-min);border-radius:calc(var(--radius-base) * var(--radius-scale));background:var(--surface-card);color:var(--text-heading);font:inherit;font-size:var(--text-2xl);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--motion-fast);border:0;font-weight:600}.key:hover{background:var(--surface-hover)}.key--ok{background:var(--brand);color:var(--brand-fg);font-size:var(--text-base)}.key--del{font-size:var(--text-base);color:var(--text-support)}.math{font-variant-numeric:tabular-nums lining-nums;letter-spacing:.02em;color:var(--text-heading);font-weight:600;font-size:var(--task-number);flex-wrap:wrap;align-items:baseline;gap:.35em;line-height:1.1;display:flex}.math__gap{border-bottom:3px solid var(--border-strong);min-width:2ch;color:var(--brand);justify-content:center;align-items:center;min-height:1em;padding:0 .2em;display:inline-flex}.math__gap--active{border-color:var(--brand);background:var(--surface-brand-wash);border-radius:6px 6px 0 0}.meter{gap:6px;display:grid}.meter__track{border-radius:var(--radius-full);background:var(--surface-inset);height:10px;overflow:hidden}.meter__fill{border-radius:inherit;background:var(--ton,var(--brand));height:100%;transition:width var(--motion-slow) var(--ease-standard)}.meter__legend{font-size:var(--text-sm);color:var(--text-support);justify-content:space-between;display:flex}.meter__legend b{color:var(--text-heading);font-variant-numeric:tabular-nums;font-weight:600}.note{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-base);background:var(--ton-wash,var(--tone-info-wash));color:var(--text-heading);border-left:4px solid var(--ton,var(--tone-info));grid-template-columns:auto 1fr;display:grid}.note svg{width:24px;height:24px;color:var(--ton,var(--tone-info))}.note p{max-width:none;margin:0}.banner{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-base);background:var(--ton-wash);color:var(--text-heading);border:1px solid color-mix(in srgb,var(--ton) 35%,transparent);align-items:flex-start;display:flex}.banner strong{color:var(--ton)}.pill{border-radius:var(--radius-full);font-size:var(--text-sm);background:var(--ton-wash,var(--tone-neutral-wash));color:var(--ton,var(--tone-neutral));align-items:center;gap:6px;padding:3px 10px;font-weight:500;display:inline-flex}.pill:before{content:"";background:var(--ton,var(--tone-neutral));border-radius:50%;width:8px;height:8px}.stage{background:var(--surface-card);border:1px solid var(--border-card);border-radius:calc(var(--radius-xl) * var(--radius-scale));padding:calc(var(--space-6) * var(--density));gap:calc(var(--space-5) * var(--density));font-size:var(--base-size);display:grid}.stage__head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.stage__region{font-size:var(--text-sm);color:var(--text-support);font-weight:500}.stage__task{font-size:var(--task-text);color:var(--text-heading);max-width:none;font-weight:500;line-height:1.35}.stage__body{gap:calc(var(--space-5) * var(--density));grid-template-columns:1fr;align-items:start;display:grid}@media (width>=720px){.stage--split .stage__body{grid-template-columns:1.4fr 1fr}}.hint-bar{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-hairline);flex-wrap:wrap;display:flex}.hint-bar .dots{gap:6px;display:flex}.hint-bar .dots i{background:var(--surface-inset);border:1px solid var(--border-card);border-radius:50%;width:10px;height:10px}.hint-bar .dots i.on{background:var(--spark);border-color:var(--spark)}.hint-bar .lbl{font-size:var(--text-sm);color:var(--text-support)}.figure{display:var(--figure-display);flex:none;width:64px;height:64px}.tiles{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.tile{min-height:var(--touch-min);padding:var(--space-3) var(--space-4);border:2px solid var(--border-card);border-radius:calc(var(--radius-base) * var(--radius-scale));background:var(--surface-card);color:var(--text-heading);font:inherit;font-size:var(--task-text);font-variant-numeric:tabular-nums;cursor:pointer;text-align:center;transition:border-color var(--motion-fast),background var(--motion-fast);font-weight:600}.tile:hover{border-color:var(--border-strong)}.tile[aria-pressed=true]{border-color:var(--brand);background:var(--surface-brand-wash)}.shell{max-width:960px;padding-block:var(--space-6) var(--space-16);margin-inline:auto}.shell__footer{margin-top:var(--space-16);font-size:var(--text-sm);color:var(--text-support);gap:var(--space-4);flex-wrap:wrap;display:flex}