@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ap-bg:var(--lightningcss-light,#f4f6f7)var(--lightningcss-dark,#11171b);--ap-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a2228);--ap-surface-sunken:var(--lightningcss-light,#eef1f3)var(--lightningcss-dark,#151c21);--ap-text:var(--lightningcss-light,#17222a)var(--lightningcss-dark,#e6edf1);--ap-text-muted:var(--lightningcss-light,#4d5b66)var(--lightningcss-dark,#a9b7c1);--ap-border:var(--lightningcss-light,#d6dde2)var(--lightningcss-dark,#2f3b44);--ap-border-strong:var(--lightningcss-light,#76838d)var(--lightningcss-dark,#7d8c97);--ap-focus:var(--lightningcss-light,#0b5cad)var(--lightningcss-dark,#7cb8ff);--ap-accent:var(--lightningcss-light,#0d5b6b)var(--lightningcss-dark,#46b3c4);--ap-on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0b1d22);--ap-accent-text:var(--lightningcss-light,#0d5b6b)var(--lightningcss-dark,#7fd0dc);--ap-accent-soft:var(--lightningcss-light,#e2f1f3)var(--lightningcss-dark,#17343b);--ap-header-bg:var(--ap-surface);--ap-header-text:var(--ap-text);--ap-brand-a:var(--lightningcss-light,#2a9d5c)var(--lightningcss-dark,#62d895);--ap-brand-b:var(--lightningcss-light,#0d5b6b)var(--lightningcss-dark,#46b3c4);--ap-success-text:var(--lightningcss-light,#1d6b3c)var(--lightningcss-dark,#7fdca3);--ap-success-soft:var(--lightningcss-light,#e3f4ea)var(--lightningcss-dark,#15301f);--ap-success-border:var(--lightningcss-light,#2f8a52)var(--lightningcss-dark,#4fb87a);--ap-danger-text:var(--lightningcss-light,#a3221c)var(--lightningcss-dark,#ff9f97);--ap-danger-soft:var(--lightningcss-light,#fbe7e5)var(--lightningcss-dark,#3a1916);--ap-danger-border:var(--lightningcss-light,#c8382f)var(--lightningcss-dark,#e0665d);--ap-warning-text:var(--lightningcss-light,#7a4b00)var(--lightningcss-dark,#ffc870);--ap-warning-soft:var(--lightningcss-light,#fdf0d8)var(--lightningcss-dark,#352711);--ap-warning-border:var(--lightningcss-light,#a86a00)var(--lightningcss-dark,#d39a3a);--ap-info-text:var(--lightningcss-light,#1a4f8b)var(--lightningcss-dark,#9cc7ff);--ap-info-soft:var(--lightningcss-light,#e4eefb)var(--lightningcss-dark,#172a42);--ap-info-border:var(--lightningcss-light,#3b6fb0)var(--lightningcss-dark,#5f95d9);--ap-kind-lesen-text:var(--lightningcss-light,#3a4a7a)var(--lightningcss-dark,#b9c6f5);--ap-kind-lesen-soft:var(--lightningcss-light,#e8ecf9)var(--lightningcss-dark,#222a45);--ap-kind-vorhersagen-text:var(--lightningcss-light,#6a3d8f)var(--lightningcss-dark,#dbb8f5);--ap-kind-vorhersagen-soft:var(--lightningcss-light,#f1e8f8)var(--lightningcss-dark,#31233f);--ap-kind-markieren-text:var(--lightningcss-light,#7a4b00)var(--lightningcss-dark,#ffd27f);--ap-kind-markieren-soft:var(--lightningcss-light,#fdf0d8)var(--lightningcss-dark,#352711);--ap-kind-zuordnen-text:var(--lightningcss-light,#0d5b6b)var(--lightningcss-dark,#8fdbe6);--ap-kind-zuordnen-soft:var(--lightningcss-light,#e2f1f3)var(--lightningcss-dark,#17343b);--ap-kind-ausfuehren-text:var(--lightningcss-light,#1d6b3c)var(--lightningcss-dark,#8fe0ae);--ap-kind-ausfuehren-soft:var(--lightningcss-light,#e3f4ea)var(--lightningcss-dark,#15301f);--ap-kind-aendern-text:var(--lightningcss-light,#8a3b12)var(--lightningcss-dark,#ffb28a);--ap-kind-aendern-soft:var(--lightningcss-light,#fbeae1)var(--lightningcss-dark,#3a2216);--ap-kind-schreiben-text:var(--lightningcss-light,#a3224f)var(--lightningcss-dark,#ff9cc0);--ap-kind-schreiben-soft:var(--lightningcss-light,#fbe6ee)var(--lightningcss-dark,#3a1726);--ap-kind-ordnen-text:var(--lightningcss-light,#1a4f8b)var(--lightningcss-dark,#9cc7ff);--ap-kind-ordnen-soft:var(--lightningcss-light,#e4eefb)var(--lightningcss-dark,#172a42);--ap-level-1:var(--lightningcss-light,#2f8a52)var(--lightningcss-dark,#5fcf8a);--ap-level-2:var(--lightningcss-light,#0d7a8c)var(--lightningcss-dark,#4cc0d1);--ap-level-3:var(--lightningcss-light,#6a3d8f)var(--lightningcss-dark,#c49ae6);--ap-code-bg:var(--lightningcss-light,#fbfcfc)var(--lightningcss-dark,#12191e);--ap-code-text:var(--lightningcss-light,#17222a)var(--lightningcss-dark,#e6edf1);--ap-code-gutter:var(--lightningcss-light,#5d6b75)var(--lightningcss-dark,#8d9ca7);--ap-code-selection:var(--lightningcss-light,#cfe3f7)var(--lightningcss-dark,#27445f);--ap-code-mark:var(--lightningcss-light,#fff1a8)var(--lightningcss-dark,#4a3f0c);--ap-code-error:var(--lightningcss-light,#fde4e2)var(--lightningcss-dark,#3d1a18);--ap-code-error-line:var(--lightningcss-light,#c8382f)var(--lightningcss-dark,#ff8a80);--ap-syn-keyword:var(--lightningcss-light,#7a2e8c)var(--lightningcss-dark,#e3a6f5);--ap-syn-string:var(--lightningcss-light,#1d6b3c)var(--lightningcss-dark,#95e0b0);--ap-syn-number:var(--lightningcss-light,#8a3b12)var(--lightningcss-dark,#ffb28a);--ap-syn-comment:var(--lightningcss-light,#5d6b75)var(--lightningcss-dark,#95a4ae);--ap-syn-tag:var(--lightningcss-light,#1a4f8b)var(--lightningcss-dark,#9cc7ff);--ap-syn-attr:var(--lightningcss-light,#7a4b00)var(--lightningcss-dark,#ffd27f);--ap-syn-prop:var(--lightningcss-light,#0d5b6b)var(--lightningcss-dark,#8fdbe6);--ap-syn-fn:var(--lightningcss-light,#a3224f)var(--lightningcss-dark,#ff9cc0);--ap-world-floor:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a2228);--ap-world-grid:var(--lightningcss-light,#b8c2c9)var(--lightningcss-dark,#3b4852);--ap-world-wall:var(--lightningcss-light,#5d6b75)var(--lightningcss-dark,#8d9ca7);--ap-world-goal:var(--lightningcss-light,#1d6b3c)var(--lightningcss-dark,#7fdca3);--ap-world-crystal:var(--lightningcss-light,#6a3d8f)var(--lightningcss-dark,#dbb8f5);--ap-world-robo:var(--lightningcss-light,#17222a)var(--lightningcss-dark,#e6edf1);--ap-world-paint-rot:var(--lightningcss-light,#e0605a)var(--lightningcss-dark,#c2453f);--ap-world-paint-gelb:var(--lightningcss-light,#b07f0c)var(--lightningcss-dark,#9c7410);--ap-world-paint-blau:var(--lightningcss-light,#4f86d9)var(--lightningcss-dark,#3d6bbd);--ap-world-paint-gruen:var(--lightningcss-light,#3f9e5f)var(--lightningcss-dark,#2f7a49);--ap-world-paint-other:var(--lightningcss-light,#76838d)var(--lightningcss-dark,#6b7a85);--ap-paper:#fff;--ap-paper-frame:var(--lightningcss-light,#76838d)var(--lightningcss-dark,#7d8c97);--ap-swatch-light:#fff;--ap-swatch-dark:#151c21;--ap-font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ap-font-heading:var(--ap-font-body);--ap-font-code:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--ap-weight-body:400;--ap-weight-strong:650;--ap-weight-heading:650;--ap-heading-tracking:-.01em;--ap-line-height:1.55;--ap-heading-scale:1.25;--ap-audience-size:1;--ap-user-scale:1;--ap-measure:68ch;--ap-page-max:78rem;--ap-density:1;--ap-target:2.5rem;--ap-radius-s:.375rem;--ap-radius-m:.625rem;--ap-radius-l:1rem;--ap-radius-pill:999rem;--ap-border-width:1px;--ap-control-border-width:1px;--ap-shadow-1:0 1px 2px var(--lightningcss-light,#17222a1f)var(--lightningcss-dark,#0006);--ap-shadow-2:0 6px 20px var(--lightningcss-light,#17222a1f)var(--lightningcss-dark,#00000080);--ap-motion:.16s;--ap-ease:cubic-bezier(.2, .7, .2, 1);--ap-s1:calc(.25rem * var(--ap-density));--ap-s2:calc(.5rem * var(--ap-density));--ap-s3:calc(.75rem * var(--ap-density));--ap-s4:calc(1rem * var(--ap-density));--ap-s5:calc(1.5rem * var(--ap-density));--ap-s6:calc(2rem * var(--ap-density));--ap-s7:calc(3rem * var(--ap-density))}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}}@supports not (color:light-dark(#000000, #ffffff)){@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ap-bg:#f4f6f7;--ap-surface:#fff;--ap-surface-sunken:#eef1f3;--ap-text:#17222a;--ap-text-muted:#4d5b66;--ap-border:#d6dde2;--ap-border-strong:#76838d;--ap-focus:#0b5cad;--ap-accent:#0d5b6b;--ap-on-accent:#fff;--ap-accent-text:#0d5b6b;--ap-accent-soft:#e2f1f3;--ap-brand-a:#2a9d5c;--ap-brand-b:#0d5b6b;--ap-success-text:#1d6b3c;--ap-success-soft:#e3f4ea;--ap-success-border:#2f8a52;--ap-danger-text:#a3221c;--ap-danger-soft:#fbe7e5;--ap-danger-border:#c8382f;--ap-warning-text:#7a4b00;--ap-warning-soft:#fdf0d8;--ap-warning-border:#a86a00;--ap-info-text:#1a4f8b;--ap-info-soft:#e4eefb;--ap-info-border:#3b6fb0;--ap-kind-lesen-text:#3a4a7a;--ap-kind-lesen-soft:#e8ecf9;--ap-kind-vorhersagen-text:#6a3d8f;--ap-kind-vorhersagen-soft:#f1e8f8;--ap-kind-markieren-text:#7a4b00;--ap-kind-markieren-soft:#fdf0d8;--ap-kind-zuordnen-text:#0d5b6b;--ap-kind-zuordnen-soft:#e2f1f3;--ap-kind-ausfuehren-text:#1d6b3c;--ap-kind-ausfuehren-soft:#e3f4ea;--ap-kind-aendern-text:#8a3b12;--ap-kind-aendern-soft:#fbeae1;--ap-kind-schreiben-text:#a3224f;--ap-kind-schreiben-soft:#fbe6ee;--ap-kind-ordnen-text:#1a4f8b;--ap-kind-ordnen-soft:#e4eefb;--ap-level-1:#2f8a52;--ap-level-2:#0d7a8c;--ap-level-3:#6a3d8f;--ap-code-bg:#fbfcfc;--ap-code-text:#17222a;--ap-code-gutter:#5d6b75;--ap-code-selection:#cfe3f7;--ap-code-mark:#fff1a8;--ap-code-error:#fde4e2;--ap-code-error-line:#c8382f;--ap-syn-keyword:#7a2e8c;--ap-syn-string:#1d6b3c;--ap-syn-number:#8a3b12;--ap-syn-comment:#5d6b75;--ap-syn-tag:#1a4f8b;--ap-syn-attr:#7a4b00;--ap-syn-prop:#0d5b6b;--ap-syn-fn:#a3224f;--ap-world-floor:#fff;--ap-world-grid:#b8c2c9;--ap-world-wall:#5d6b75;--ap-world-goal:#1d6b3c;--ap-world-crystal:#6a3d8f;--ap-world-robo:#17222a;--ap-world-paint-rot:#e0605a;--ap-world-paint-gelb:#b07f0c;--ap-world-paint-blau:#4f86d9;--ap-world-paint-gruen:#3f9e5f;--ap-world-paint-other:#76838d;--ap-paper-frame:#76838d;--ap-shadow-1:0 1px 2px #17222a1f;--ap-shadow-2:0 6px 20px #17222a1f}}}@layer reset{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,h4,p,ul,ol,dl,dd,figure,fieldset,pre{margin:0}fieldset{border:0;min-inline-size:0;padding:0}img,svg,iframe{max-inline-size:100%;display:block}img{block-size:auto}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}}@layer base{html{font-size:calc(100% * var(--ap-audience-size) * var(--ap-user-scale));background:var(--ap-bg);scroll-padding-block-start:5rem}body{background:var(--ap-bg);min-block-size:100dvh;color:var(--ap-text);font-family:var(--ap-font-body);font-weight:var(--ap-weight-body);line-height:var(--ap-line-height);font-kerning:normal;text-rendering:optimizelegibility;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}h1,h2,h3,h4{font-family:var(--ap-font-heading);font-weight:var(--ap-weight-heading);letter-spacing:var(--ap-heading-tracking);text-wrap:balance;-webkit-hyphens:manual;hyphens:manual;line-height:1.2}h1{font-size:calc(1rem * var(--ap-heading-scale) * var(--ap-heading-scale) * var(--ap-heading-scale))}h2{font-size:calc(1rem * var(--ap-heading-scale) * var(--ap-heading-scale))}h3{font-size:calc(1rem * var(--ap-heading-scale))}h4{font-size:1rem}p,li{text-wrap:pretty}strong,b{font-weight:var(--ap-weight-strong)}small{font-size:.875em}a{color:var(--ap-accent-text);text-underline-offset:.18em;text-decoration-line:underline;text-decoration-thickness:max(1px,.07em)}a:hover{text-decoration-thickness:max(2px,.12em)}code,kbd,samp,pre{font-family:var(--ap-font-code);font-size:.94em}:not(pre)>code{border-radius:var(--ap-radius-s);background:var(--ap-surface-sunken);border:var(--ap-border-width) solid var(--ap-border);padding:.05em .3em}::selection{background:var(--ap-code-selection);color:var(--ap-text)}hr{border:0;border-block-start:var(--ap-border-width) solid var(--ap-border);margin-block:var(--ap-s5)}label{gap:var(--ap-s1);font-weight:var(--ap-weight-strong);flex-direction:column;display:inline-flex}input:not([type=radio],[type=checkbox],[type=range]),select,textarea{min-block-size:var(--ap-target);padding:var(--ap-s2) var(--ap-s3);border:var(--ap-control-border-width) solid var(--ap-border-strong);border-radius:var(--ap-radius-s);background:var(--ap-surface);color:var(--ap-text);font-weight:var(--ap-weight-body);max-inline-size:100%}input::placeholder,textarea::placeholder{color:var(--ap-text-muted);opacity:1}input[type=radio],input[type=checkbox]{accent-color:var(--ap-accent);block-size:1.15em;inline-size:1.15em}legend{font-weight:var(--ap-weight-strong);padding:0}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important}}@layer components{.skip-link{z-index:100;padding:var(--ap-s2) var(--ap-s4);border-radius:var(--ap-radius-m);background:var(--ap-accent);color:var(--ap-on-accent);font-weight:var(--ap-weight-strong);position:absolute;inset-block-start:-10rem;inset-inline-start:var(--ap-s3)}.skip-link:focus{inset-block-start:var(--ap-s3)}.shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-block-size:100dvh;display:grid;container:shell/inline-size}:where(.shell-main,.shell-main>section,.page-head,.home,.home-aside,.home-list,.module,.assignments,.join-course,.challenge,.step,.markdown,.hints,.console,.level-complete,.course-card,.my-courses,.my-course,.metric-list,.metric-card,.people,.settings,.settings-section,.choice-group,.choice,.zuordnen-zone,.join-page,.join-card,.join-form,.join-appearance){grid-template-columns:minmax(0,1fr)}.shell-header{z-index:20;background:var(--ap-header-bg);color:var(--ap-header-text);border-block-end:var(--ap-border-width) solid var(--ap-border);position:sticky;inset-block-start:0}.shell-header-inner{align-items:center;gap:var(--ap-s2) var(--ap-s4);max-inline-size:var(--ap-page-max);padding:var(--ap-s2) var(--ap-s4);flex-wrap:wrap;margin-inline:auto;display:flex}.brand{align-items:center;gap:var(--ap-s2);color:var(--ap-header-text);border-radius:var(--ap-radius-m);min-block-size:var(--ap-target);text-decoration:none;display:inline-flex}.brand-mark{block-size:2.25rem;inline-size:2.25rem}.logo-mark{fill:url(#ap-brand-gradient)}.logo-word{fill:currentColor}.brand-word{block-size:1.35rem;inline-size:5.54175rem}.ap-defs{block-size:0;inline-size:0;position:absolute;overflow:hidden}.logo{align-items:center;gap:.35em;display:inline-flex}.logo-vertical{flex-direction:column;gap:.25em}.logo-mark-svg{block-size:2.25em;inline-size:2.25em}.logo-vertical .logo-mark-svg{block-size:5em;inline-size:5em}.logo-word-svg{block-size:1.35em;inline-size:5.54175em}.ap-stop-a{stop-color:var(--ap-brand-a)}.ap-stop-b{stop-color:var(--ap-brand-b)}.shell-nav ul{gap:var(--ap-s1);flex-wrap:wrap;padding:0;list-style:none;display:flex}.shell-nav li{min-inline-size:0;max-inline-size:100%}.shell-nav a{overflow-wrap:anywhere;align-items:center;gap:var(--ap-s2);max-inline-size:100%;min-block-size:var(--ap-target);padding-inline:var(--ap-s3);border-radius:var(--ap-radius-m);color:var(--ap-header-text);font-weight:var(--ap-weight-strong);text-decoration:none;display:inline-flex}.shell-nav a:hover{background:var(--ap-surface-sunken)}.shell-nav a[aria-current=page]{background:var(--ap-accent-soft);color:var(--ap-accent-text);box-shadow:inset 0 -3px 0 var(--ap-accent)}.shell-tools{align-items:center;gap:var(--ap-s4);flex-wrap:wrap;min-inline-size:0;max-inline-size:100%;margin-inline-start:auto;display:flex}.who{align-items:center;gap:var(--ap-s3);font-weight:var(--ap-weight-strong);display:inline-flex}.avatar{border-radius:var(--ap-radius-pill);background:var(--ap-accent-soft);block-size:2rem;inline-size:2rem;color:var(--ap-accent-text);font-weight:var(--ap-weight-heading);font-family:var(--ap-font-heading);place-items:center;display:inline-grid}@container shell (width<=40em){.brand-word{display:none}.who-name{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.shell-nav{order:10;inline-size:100%}.shell-tools{gap:var(--ap-s2);flex-wrap:wrap}.shell-tools .tool-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.shell-tools button{padding-inline:var(--ap-s2)}.shell-nav ul{justify-content:space-between}}.shell-main>section{gap:var(--ap-s4);align-content:start;display:grid}.shell-main{inline-size:100%;max-inline-size:var(--ap-page-max);padding:var(--ap-s5) var(--ap-s4) var(--ap-s7);gap:var(--ap-s5);align-content:start;margin-inline:auto;display:grid}@container shell (width>=64em){.shell-main{padding-inline:var(--ap-s6)}}.save-status{align-items:center;gap:var(--ap-s1);padding:var(--ap-s1) var(--ap-s3);border-radius:var(--ap-radius-pill);border:var(--ap-border-width) solid var(--ap-border);color:var(--ap-text-muted);white-space:nowrap;font-size:.875rem;display:inline-flex}.save-status[data-state=saved]{color:var(--ap-success-text);border-color:var(--ap-success-border);background:var(--ap-success-soft)}.save-status[data-state=offline]{color:var(--ap-warning-text);border-color:var(--ap-warning-border);background:var(--ap-warning-soft)}.button,button{--_bg:var(--ap-surface);--_fg:var(--ap-text);--_bd:var(--ap-border-strong);overflow-wrap:anywhere;justify-content:center;align-items:center;gap:var(--ap-s2);max-inline-size:100%;min-block-size:var(--ap-target);padding:var(--ap-s2) var(--ap-s4);border:var(--ap-control-border-width) solid var(--_bd);border-radius:var(--ap-radius-m);background:var(--_bg);color:var(--_fg);font-weight:var(--ap-weight-strong);cursor:pointer;transition:background-color var(--ap-motion) var(--ap-ease), transform var(--ap-motion) var(--ap-ease);line-height:1.2;text-decoration:none;display:inline-flex}.button:hover,button:hover:not(:disabled){background:color-mix(in srgb, var(--_bg), var(--_fg) 8%)}.button:active,button:active:not(:disabled){transform:translateY(1px)}:is(.button,button)[data-emphasis=strong],.button.primary{--_bg:var(--ap-accent);--_fg:var(--ap-on-accent);--_bd:var(--ap-accent)}:is(.button,button)[data-emphasis=quiet]{--_bg:transparent;--_bd:transparent;color:var(--ap-accent-text)}:is(.button,button)[data-tone=danger]{--_fg:var(--ap-danger-text);--_bd:var(--ap-danger-border)}:is(.button,button)[data-tone=danger][data-emphasis=strong]{--_bg:var(--ap-danger-text);--_fg:var(--ap-surface);--_bd:var(--ap-danger-text)}:is(.button,button)[data-size=large]{min-block-size:calc(var(--ap-target) * 1.25);padding-inline:var(--ap-s5);font-size:1.125rem}button:disabled,.button[aria-disabled=true]{cursor:not-allowed;color:var(--ap-text-muted);background:var(--ap-surface-sunken);border-color:var(--ap-border);border-style:dashed}.icon{stroke-width:2px;flex:none;block-size:1.25em;inline-size:1.25em}.card{background:var(--ap-surface);border:var(--ap-border-width) solid var(--ap-border);border-radius:var(--ap-radius-l);padding:var(--ap-s5);box-shadow:var(--ap-shadow-1)}.page-head{gap:var(--ap-s2);display:grid}.page-head p{color:var(--ap-text-muted);max-inline-size:var(--ap-measure)}.eyebrow{color:var(--ap-text-muted);font-size:.875rem;font-weight:var(--ap-weight-strong);letter-spacing:.04em;text-transform:uppercase}.breadcrumb a{align-items:center;gap:var(--ap-s1);min-block-size:var(--ap-target);display:inline-flex}.chip{align-items:center;gap:var(--ap-s1);border-radius:var(--ap-radius-pill);border:var(--ap-border-width) solid var(--ap-border-strong);background:var(--ap-surface);color:var(--ap-text);font-size:.875rem;font-weight:var(--ap-weight-strong);white-space:nowrap;max-inline-size:100%;padding:.1em .6em;line-height:1.6;text-decoration:none;display:inline-flex}@container shell (width<=24em){.chip{white-space:normal;overflow-wrap:anywhere}}.chip[data-tone=success]{color:var(--ap-success-text);background:var(--ap-success-soft);border-color:var(--ap-success-border)}.chip[data-tone=danger]{color:var(--ap-danger-text);background:var(--ap-danger-soft);border-color:var(--ap-danger-border)}.chip[data-tone=warning]{color:var(--ap-warning-text);background:var(--ap-warning-soft);border-color:var(--ap-warning-border)}.chip[data-tone=info]{color:var(--ap-info-text);background:var(--ap-info-soft);border-color:var(--ap-info-border)}.chip[data-tone=muted]{color:var(--ap-text-muted);border-style:dashed}.home{gap:var(--ap-s5);display:grid}@container shell (width>=64em){.home{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);align-items:start}.home>.page-head,.home>.resume-card,.home>.home-track{grid-column:1/-1}}.school-switch,.school-current{align-items:center;gap:var(--ap-s2);min-inline-size:0;max-inline-size:100%;display:inline-flex}.school-switch{flex:0 16rem}.school-switch select{text-overflow:ellipsis;inline-size:100%;min-inline-size:0}.school-current>[data-pack-content]{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;max-inline-size:min(14rem,100%);overflow:hidden}.school-notice{margin:0 0 var(--ap-s4)}.shell-tools .language{align-items:center;gap:var(--ap-s2);display:inline-flex}.home-aside{gap:var(--ap-s4);display:grid}.my-courses{gap:var(--ap-s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));margin:0;padding:0;list-style:none;display:grid}.my-course{gap:var(--ap-s2);grid-template-rows:auto auto 1fr auto auto;align-content:start;display:grid;position:relative}.my-course h3{margin:0;font-size:1.25rem}.my-course h3 a{color:inherit;text-decoration:none}.my-course h3 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.my-course:hover{border-color:var(--ap-accent)}.my-course:has(a:focus-visible){outline:3px solid var(--ap-focus);outline-offset:2px}.my-course h3 a:focus-visible{outline:none}.my-course-description{-webkit-line-clamp:3;line-clamp:3;min-block-size:3lh;color:var(--ap-text-muted);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.my-course-meta{gap:var(--ap-s2);flex-wrap:wrap;margin:0;display:flex}.my-course-progress{block-size:.5rem;inline-size:100%;accent-color:var(--ap-accent)}.course-head{gap:var(--ap-s3);align-items:center;display:flex}.course-head h1,.course-head p{margin:0}.home>.breadcrumb{grid-column:1/-1;margin:0}.home-list{gap:var(--ap-s5);min-inline-size:0;display:grid}.lesson-dim{z-index:50;padding:var(--ap-s5);background:var(--ap-bg);animation:lesson-dim-in calc(var(--ap-motion) * 2) ease-out;place-items:center;display:grid;position:fixed;inset:0}.lesson-dim-card{justify-items:center;gap:var(--ap-s3);text-align:center;max-inline-size:28rem;color:var(--ap-text);display:grid}.lesson-dim-card svg{block-size:3rem;inline-size:3rem}.lesson-dim-title{font-size:1.75rem;font-weight:var(--ap-weight-strong);margin:0}.poll-dock{inset-inline:var(--ap-s4);z-index:40;max-inline-size:36rem;margin-inline:auto;position:fixed;inset-block-end:var(--ap-s4)}.poll-card{gap:var(--ap-s3);padding:var(--ap-s4);background:var(--ap-surface);border:2px solid var(--ap-accent);border-radius:var(--ap-radius-l);text-align:start;display:grid}.poll-card h2{align-items:center;gap:var(--ap-s2);margin:0;font-size:1.25rem;display:flex}.poll-options{gap:var(--ap-s2);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.poll-options button{min-block-size:3rem;font-size:1.125rem}.poll-options button[aria-pressed=true]{background:var(--ap-accent);color:var(--ap-on-accent)}.poll-result{gap:var(--ap-s2);margin:0;padding:0;list-style:none;display:grid}.poll-result li{justify-content:space-between;gap:var(--ap-s3);padding:var(--ap-s2) var(--ap-s3);border-radius:var(--ap-radius-s);background:linear-gradient(to right, var(--ap-accent-soft) var(--poll-share), transparent var(--poll-share));border:1px solid var(--ap-accent);display:flex}.poll-result-view{gap:var(--ap-s3);display:grid}.poll-large{font-size:1.5rem}.poll-large h1{font-size:2.5rem}.remote{gap:var(--ap-s3);max-inline-size:30rem;display:grid}.remote-grid{gap:var(--ap-s2);display:grid}.remote-big{justify-content:center;min-block-size:3.5rem;font-size:1.25rem}.remote-big[aria-pressed=true]{background:var(--ap-accent);color:var(--ap-on-accent)}@keyframes lesson-dim-in{0%{opacity:0}}.home-track{gap:var(--ap-s3);padding:var(--ap-s4);border:2px solid var(--ap-accent);border-radius:var(--ap-radius-l);display:grid}.home-track>h2{align-items:center;gap:var(--ap-s2);margin:0;display:flex}.resume-card{gap:var(--ap-s4);background:var(--ap-accent-soft);border-color:var(--ap-accent);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.resume-card .tile{block-size:4rem;inline-size:4rem}.resume-card h2{font-size:calc(1rem * var(--ap-heading-scale))}.resume-card p{color:var(--ap-text)}.resume-card .button{max-inline-size:100%;grid-column:1/-1;justify-self:start;margin-block-start:var(--ap-s2)}@container shell (width<=24em){.resume-card{grid-template-columns:minmax(0,1fr)}}@container shell (width>=40em){.resume-card{grid-template-columns:auto minmax(0,1fr) auto}.resume-card .button{grid-column:auto;margin:0}}.tile{border-radius:var(--ap-radius-m);background:var(--ap-accent-soft);block-size:3rem;inline-size:3rem;color:var(--ap-accent-text);flex:none;place-items:center;display:grid}.tile .icon{block-size:55%;inline-size:55%}.module{gap:var(--ap-s3);display:grid}.module-head{justify-content:space-between;align-items:baseline;gap:var(--ap-s2);flex-wrap:wrap;display:flex}.module-head h2{font-size:calc(1rem * var(--ap-heading-scale))}.assignments{gap:var(--ap-s3);padding:0;list-style:none;display:grid}.assignment{gap:var(--ap-s2) var(--ap-s4);padding:var(--ap-s4);background:var(--ap-surface);border:var(--ap-border-width) solid var(--ap-border);border-radius:var(--ap-radius-l);box-shadow:var(--ap-shadow-1);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.assignment[data-state=locked]{background:var(--ap-surface-sunken);box-shadow:none;border-style:dashed}.assignment[data-state=locked] .tile{background:var(--ap-surface);color:var(--ap-text-muted)}.assignment[data-state=completed] .tile{background:var(--ap-success-soft);color:var(--ap-success-text)}.assignment-title{font-family:var(--ap-font-heading);font-size:1.125rem;font-weight:var(--ap-weight-heading)}.assignment-title a{color:var(--ap-text);-webkit-text-decoration-color:var(--ap-border-strong);text-decoration-color:var(--ap-border-strong)}.assignment-title a:hover{color:var(--ap-accent-text)}.assignment-meta{gap:var(--ap-s2);color:var(--ap-text-muted);flex-wrap:wrap;align-items:center;font-size:.9375rem;display:flex}.assignment .levels{grid-column:1/-1}@container shell (width>=48em){.assignment{grid-template-columns:auto minmax(0,1fr) auto}.assignment .levels{grid-column:auto}}.levels{gap:var(--ap-s2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.level{--_c:var(--ap-level-1);align-items:center;gap:var(--ap-s2);min-block-size:var(--ap-target);padding:var(--ap-s1) var(--ap-s3) var(--ap-s1) var(--ap-s2);border-radius:var(--ap-radius-pill);border:var(--ap-control-border-width) solid var(--ap-border-strong);background:var(--ap-surface);color:var(--ap-text);font-size:.9375rem;font-weight:var(--ap-weight-strong);text-decoration:none;display:inline-flex}.level[data-level=erweitert]{--_c:var(--ap-level-2)}.level[data-level=experte]{--_c:var(--ap-level-3)}.level .level-glyph{border-radius:var(--ap-radius-pill);border:2px solid var(--_c);block-size:1.6em;inline-size:1.6em;color:var(--_c);place-items:center;display:grid}.level .level-glyph .icon{block-size:1em;inline-size:1em}.level[data-state=completed] .level-glyph{background:var(--_c);color:var(--ap-surface)}.level[data-state=locked]{color:var(--ap-text-muted);background:0 0;border-style:dashed}.level[data-state=locked] .level-glyph{border-color:var(--ap-border-strong);color:var(--ap-text-muted)}a.level:hover{border-color:var(--_c);background:var(--ap-surface-sunken)}.level-state{font-weight:var(--ap-weight-body);color:var(--ap-text-muted)}.join-course{gap:var(--ap-s3);display:grid}.join-course h2,.home-aside h2{font-size:calc(1rem * var(--ap-heading-scale))}.inline-form{gap:var(--ap-s2);flex-wrap:wrap;align-items:end;display:flex}.inline-form label{flex:10rem;min-inline-size:0}.inline-form input{inline-size:100%;min-inline-size:0}.code-input::placeholder{text-transform:none;letter-spacing:normal}.code-input{letter-spacing:.12em;text-transform:uppercase;font-family:var(--ap-font-code)!important}.exports a,a.download{align-items:center;gap:var(--ap-s2);min-block-size:var(--ap-target);display:inline-flex}.challenge{gap:var(--ap-s4);display:grid}.challenge-header{gap:var(--ap-s3) var(--ap-s4);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.challenge-header .tile{block-size:3.5rem;inline-size:3.5rem}.challenge-header h1{font-size:calc(1rem * var(--ap-heading-scale) * var(--ap-heading-scale))}.challenge-header nav{grid-column:1/-1}@container shell (width>=56em){.challenge-header{grid-template-columns:auto minmax(0,1fr) auto}.challenge-header nav{grid-column:auto}.challenge-header .level-tabs{grid-template-columns:none;grid-auto-columns:minmax(7rem,1fr);grid-auto-flow:column}}.level-tabs{gap:var(--ap-s1);padding:var(--ap-s1);border-radius:var(--ap-radius-pill);background:var(--ap-surface-sunken);border:var(--ap-border-width) solid var(--ap-border);grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));list-style:none;display:grid}.level-tabs .level{background:0 0;border-color:#0000;justify-content:center}.level-tabs .level[aria-current=page]{background:var(--ap-surface);border-color:var(--_c);box-shadow:var(--ap-shadow-1)}.step-nav{align-items:center;gap:var(--ap-s3);padding:var(--ap-s2);background:var(--ap-surface);border:var(--ap-border-width) solid var(--ap-border);border-radius:var(--ap-radius-pill);grid-template-columns:auto minmax(0,1fr) auto;margin-block-end:var(--ap-s3);display:grid}.step-nav button{border-radius:var(--ap-radius-pill)}.step-progress{justify-items:center;gap:var(--ap-s1);min-inline-size:0;display:grid}.step-dots{flex-wrap:wrap;justify-content:center;gap:.35rem;padding:0;list-style:none;display:flex}.step-dots li{border-radius:var(--ap-radius-pill);border:2px solid var(--ap-border-strong);block-size:.7rem;inline-size:.7rem}.step-dots li[data-done]{background:var(--ap-success-border);border-color:var(--ap-success-border)}.step-dots li[aria-current]{border-color:var(--ap-accent);background:var(--ap-accent);inline-size:1.6rem}.step-count{font-size:.9375rem;font-weight:var(--ap-weight-strong);color:var(--ap-text-muted)}.rounds-list{gap:var(--ap-s3);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));padding:0;list-style:none;display:grid}.rounds-list li{padding:var(--ap-s3);border:1px solid var(--ap-border);border-radius:var(--ap-radius-m)}.rounds-list li[data-open]{border-style:dashed}.rounds-list h3{margin-block:0 var(--ap-s2)}.rounds-list dl{gap:var(--ap-s1) var(--ap-s3);grid-template-columns:auto auto;margin:0;display:grid}.rounds-list dd{font-weight:var(--ap-weight-strong);margin:0}.round-note{align-items:center;gap:var(--ap-s2);display:flex}.step-earlier{align-items:center;gap:var(--ap-s2);color:var(--ap-text-muted);display:flex}.step-blocked{margin-block:calc(-1 * var(--ap-s2)) var(--ap-s3);text-align:end;color:var(--ap-text-muted);font-size:.9375rem}@container shell (width<=40em){.step-nav .button-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.step-nav button{padding-inline:var(--ap-s2)}}.step{gap:var(--ap-s4);padding:var(--ap-s5);background:var(--ap-surface);border:var(--ap-border-width) solid var(--ap-border);border-radius:var(--ap-radius-l);box-shadow:var(--ap-shadow-1);display:grid}@container shell (width<=40em){.step{padding:var(--ap-s4)}}.step-kind{--_t:var(--ap-text);--_s:var(--ap-surface-sunken);justify-self:start;align-items:center;gap:var(--ap-s2);border-radius:var(--ap-radius-pill);background:var(--_s);color:var(--_t);font-size:.875rem;font-weight:var(--ap-weight-strong);letter-spacing:.02em;padding:.15em .75em .15em .5em;display:inline-flex}[data-kind=lesen]{--_t:var(--ap-kind-lesen-text);--_s:var(--ap-kind-lesen-soft)}[data-kind=vorhersagen]{--_t:var(--ap-kind-vorhersagen-text);--_s:var(--ap-kind-vorhersagen-soft)}[data-kind=markieren]{--_t:var(--ap-kind-markieren-text);--_s:var(--ap-kind-markieren-soft)}[data-kind=zuordnen]{--_t:var(--ap-kind-zuordnen-text);--_s:var(--ap-kind-zuordnen-soft)}[data-kind=ausfuehren]{--_t:var(--ap-kind-ausfuehren-text);--_s:var(--ap-kind-ausfuehren-soft)}[data-kind=aendern]{--_t:var(--ap-kind-aendern-text);--_s:var(--ap-kind-aendern-soft)}[data-kind=schreiben]{--_t:var(--ap-kind-schreiben-text);--_s:var(--ap-kind-schreiben-soft)}[data-kind=ordnen]{--_t:var(--ap-kind-ordnen-text);--_s:var(--ap-kind-ordnen-soft)}.prerequisite-missing{align-items:flex-start;gap:var(--ap-s1);color:var(--ap-warning-text);font-weight:400;display:flex}[data-kind=app]{--_t:var(--ap-kind-ausfuehren-text);--_s:var(--ap-kind-ausfuehren-soft)}.pack-app{border:var(--ap-border-width) solid var(--ap-border);border-radius:var(--ap-radius-m);background:var(--ap-surface);inline-size:100%}[data-kind=bruecke]{--_t:var(--ap-kind-lesen-text);--_s:var(--ap-kind-lesen-soft)}.step[data-kind]{border-block-start:.35rem solid var(--_t)}.markdown{gap:var(--ap-s3);max-inline-size:var(--ap-measure);display:grid}.markdown ul,.markdown ol{padding-inline-start:1.4em}.markdown li+li{margin-block-start:var(--ap-s1)}.markdown img,.step-image{border-radius:var(--ap-radius-m);border:var(--ap-border-width) solid var(--ap-border);background:var(--ap-paper)}.table-scroll{border-radius:var(--ap-radius-m);border:var(--ap-border-width) solid var(--ap-border);max-inline-size:100%;overflow-x:auto}.markdown table{border-collapse:collapse;min-inline-size:100%;font-size:.9375rem}.markdown th,.markdown td{padding:var(--ap-s2) var(--ap-s3);border-block-end:var(--ap-border-width) solid var(--ap-border);text-align:start;vertical-align:top}.markdown thead th{background:var(--ap-surface-sunken)}.step-actions{gap:var(--ap-s2);flex-wrap:wrap;align-items:center;display:flex}.feedback{--_t:var(--ap-danger-text);--_s:var(--ap-danger-soft);--_b:var(--ap-danger-border);gap:var(--ap-s1) var(--ap-s3);padding:var(--ap-s4);border-radius:var(--ap-radius-l);border:2px solid var(--_b);background:var(--_s);color:var(--ap-text);grid-template-columns:auto minmax(0,1fr);display:grid}.feedback[data-correct=true]{--_t:var(--ap-success-text);--_s:var(--ap-success-soft);--_b:var(--ap-success-border)}.feedback>.icon{block-size:1.75rem;inline-size:1.75rem;color:var(--_t);grid-row:span 2}.feedback-title{color:var(--_t);font-family:var(--ap-font-heading);font-weight:var(--ap-weight-heading);font-size:1.125rem}.feedback ul{padding-inline-start:1.1em}.hints{gap:var(--ap-s2);justify-items:start;display:grid}.hint{padding:var(--ap-s3) var(--ap-s4);border-inline-start:.3rem solid var(--ap-info-border);background:var(--ap-info-soft);border-radius:0 var(--ap-radius-m) var(--ap-radius-m) 0;max-inline-size:var(--ap-measure)}.output,.console{gap:var(--ap-s2);display:grid}.output pre,.console-lines{padding:var(--ap-s3) var(--ap-s4);background:var(--ap-code-bg);max-block-size:16rem;color:var(--ap-code-text);border:var(--ap-border-width) solid var(--ap-border-strong);border-radius:var(--ap-radius-m);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--ap-font-code);margin:0;font-size:.9375rem;list-style:none;overflow:auto}.console-lines li[data-level=error],.console-lines li[data-level=warn],.output-error{color:var(--ap-danger-text)}.console-lines li[data-level=error]:before{content:"✖ "}.console-lines li[data-level=warn]:before{content:"▲ "}.countdown{font-variant-numeric:tabular-nums;justify-self:end}.project-workspace{gap:var(--ap-s4);grid-template-columns:minmax(0,1fr);grid-template-areas:"editor""preview""console";display:grid;container:workspace/inline-size}@container shell (width>=60em){.project-workspace{grid-template:"editor preview"minmax(20rem,auto)"editor console"/minmax(0,1fr) minmax(0,1fr)}}.project-editor-area{grid-area:editor;grid-template-columns:minmax(0,1fr);align-content:start;min-inline-size:0;display:grid}.code-editor{min-inline-size:0;max-inline-size:100%}.project-preview-area{grid-area:preview;grid-template-rows:auto 1fr;min-block-size:18rem;display:grid}.project-console-area{grid-area:console}.area-label{align-items:center;gap:var(--ap-s2);color:var(--ap-text-muted);font-size:.875rem;font-weight:var(--ap-weight-strong);padding-block-end:var(--ap-s1);display:flex}.project-tabs{gap:var(--ap-s1);border-block-end:var(--ap-border-width) solid var(--ap-border-strong);flex-wrap:wrap;display:flex}.project-tab{align-items:center;gap:var(--ap-s2);min-block-size:var(--ap-target);padding:var(--ap-s1) var(--ap-s3);border:var(--ap-border-width) solid transparent;border-radius:var(--ap-radius-m) var(--ap-radius-m) 0 0;color:var(--ap-text-muted);font-family:var(--ap-font-code);background:0 0;border-block-end:0;margin-block-end:calc(var(--ap-border-width) * -1);font-size:.9375rem;display:inline-flex}.project-tab[aria-selected=true]{background:var(--ap-code-bg);color:var(--ap-text);border-color:var(--ap-border-strong);box-shadow:inset 0 3px 0 var(--ap-accent)}.project-tab-locked{color:var(--ap-text-muted)}.code-view{padding:var(--ap-s3) 0;background:var(--ap-code-bg);color:var(--ap-code-text);border:var(--ap-border-width) solid var(--ap-border-strong);border-radius:0 0 var(--ap-radius-m) var(--ap-radius-m);font-family:var(--ap-font-code);counter-reset:line;border-block-start:0;margin:0;font-size:.9375rem;line-height:1.6;overflow-x:auto}.code-view .ln{padding-inline:0 var(--ap-s4);white-space:pre;display:block}.code-view .ln:before{counter-increment:line;content:counter(line);inline-size:3ch;margin-inline:var(--ap-s2) var(--ap-s3);text-align:end;color:var(--ap-code-gutter);display:inline-block}.code-view .ln[data-error]{background:var(--ap-code-error)}.tok-kw{color:var(--ap-syn-keyword)}.tok-str{color:var(--ap-syn-string)}.tok-num{color:var(--ap-syn-number)}.tok-com{color:var(--ap-syn-comment);font-style:italic}.tok-tag{color:var(--ap-syn-tag)}.tok-attr{color:var(--ap-syn-attr)}.tok-prop{color:var(--ap-syn-prop)}.tok-fn{color:var(--ap-syn-fn)}.tok-mark{background:var(--ap-code-mark);color:var(--ap-code-text);outline:1px solid var(--ap-syn-attr);border-radius:2px}.tok-err{-webkit-text-decoration:underline wavy var(--ap-code-error-line);text-decoration:underline wavy var(--ap-code-error-line);text-underline-offset:.25em}.paper{background:var(--ap-paper);border:2px solid var(--ap-paper-frame);border-radius:var(--ap-radius-m);min-block-size:16rem;overflow:hidden}.paper iframe{background:var(--ap-paper);border:0;block-size:100%;min-block-size:16rem;inline-size:100%}.prediction-options{gap:var(--ap-s3);grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));display:grid}.prediction-option{gap:var(--ap-s2);padding:var(--ap-s3);border:var(--ap-control-border-width) solid var(--ap-border-strong);border-radius:var(--ap-radius-l);background:var(--ap-surface);cursor:pointer;font-weight:var(--ap-weight-strong);display:grid}.prediction-option:has(input:checked){border-color:var(--ap-accent);box-shadow:0 0 0 2px var(--ap-accent);background:var(--ap-accent-soft)}.prediction-option img{border-radius:var(--ap-radius-s);background:var(--ap-paper);border:var(--ap-border-width) solid var(--ap-border);inline-size:100%}.prediction-option .choice-head{gap:var(--ap-s2);align-items:center;display:flex}.zuordnen{gap:var(--ap-s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}.zuordnen-zone{gap:var(--ap-s2);min-block-size:8rem;padding:var(--ap-s3);border:2px dashed var(--ap-border-strong);border-radius:var(--ap-radius-l);background:var(--ap-surface-sunken);align-content:start;display:grid}.zuordnen-zone h3{font-size:1rem}.zuordnen-element{gap:var(--ap-s1);padding:var(--ap-s2) var(--ap-s3);border:var(--ap-control-border-width) solid var(--ap-border-strong);border-radius:var(--ap-radius-m);background:var(--ap-surface);cursor:grab;display:grid}.level-complete{gap:var(--ap-s3);background:var(--ap-success-soft);border-color:var(--ap-success-border);justify-items:start;display:grid}.level-complete h2{color:var(--ap-success-text)}.course-grid{gap:var(--ap-s3);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));padding:0;list-style:none;display:grid}.course-card{gap:var(--ap-s2);display:grid}.course-card h3 a{color:var(--ap-text)}.toolbar{gap:var(--ap-s2);flex-wrap:wrap;align-items:center;display:flex}.matrix-region{border:var(--ap-border-width) solid var(--ap-border);border-radius:var(--ap-radius-l);background:var(--ap-surface);max-inline-size:100%;overflow-x:auto;container:matrix/inline-size}.matrix{grid-template-columns:minmax(11rem, 1.2fr) repeat(var(--ap-cols,4), minmax(9.5rem, 1fr));min-inline-size:max-content;display:grid}.matrix-row{grid-column:1/-1;grid-template-columns:subgrid;border-block-end:var(--ap-border-width) solid var(--ap-border);display:grid}.matrix-row:last-child{border-block-end:0}.matrix-head{z-index:2;background:var(--ap-surface-sunken);position:sticky;inset-block-start:0}.matrix [role=columnheader],.matrix [role=rowheader],.matrix [role=cell]{padding:var(--ap-s2) var(--ap-s3);align-content:start;gap:.15rem;min-inline-size:0;display:grid}.matrix [role=cell]{justify-items:start}.matrix [role=columnheader]{font-weight:var(--ap-weight-strong);align-content:end;font-size:.9375rem}.matrix-module{grid-column:span var(--ap-span,1);border-block-end:3px solid var(--ap-accent);color:var(--ap-accent-text);font-family:var(--ap-font-heading)}.matrix [role=rowheader]{z-index:1;background:var(--ap-surface);border-inline-end:var(--ap-border-width) solid var(--ap-border);font-weight:var(--ap-weight-strong);position:sticky;inset-inline-start:0}.matrix-head [role=columnheader]:first-child{background:var(--ap-surface-sunken);border-inline-end:var(--ap-border-width) solid var(--ap-border);position:sticky;inset-inline-start:0}.matrix [role=rowheader] small,.matrix [role=cell] small{color:var(--ap-text-muted);font-weight:var(--ap-weight-body)}.matrix-label{display:none}.matrix-row:hover>[role=cell],.matrix-row:hover>[role=rowheader]{background:var(--ap-surface-sunken)}@container matrix (width<=44em){.matrix{min-inline-size:0;display:block}.matrix-head,.matrix-modules{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.matrix-row{padding-block:var(--ap-s2);grid-template-columns:minmax(0,1fr);display:grid}.matrix [role=rowheader]{font-size:1.0625rem;font-family:var(--ap-font-heading);border:0;position:static}.matrix [role=cell]{align-items:center;column-gap:var(--ap-s3);border-block-start:var(--ap-border-width) dashed var(--ap-border);grid-template-columns:minmax(0,1fr) auto}.matrix [role=cell]>small{grid-column:1/-1}.matrix-label{font-weight:var(--ap-weight-strong);display:block}}.status-chip[data-status=completed]{color:var(--ap-success-text);background:var(--ap-success-soft);border-color:var(--ap-success-border)}.status-chip[data-status=in-progress]{color:var(--ap-info-text);background:var(--ap-info-soft);border-color:var(--ap-info-border)}.status-chip[data-status=late]{color:var(--ap-warning-text);background:var(--ap-warning-soft);border-color:var(--ap-warning-border)}.status-chip[data-status=not-started]{color:var(--ap-text-muted);border-style:dashed}.implausible{color:var(--ap-warning-text)!important;font-weight:var(--ap-weight-strong)!important}.metric-list{gap:var(--ap-s3);padding:0;list-style:none;display:grid}.metric-card{gap:var(--ap-s3);padding:var(--ap-s4);display:grid}.metric-card dl{gap:var(--ap-s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));display:grid}.metric-card dt{color:var(--ap-text-muted);font-size:.875rem}.metric-card dd{font-family:var(--ap-font-heading);font-size:1.375rem;font-weight:var(--ap-weight-heading);font-variant-numeric:tabular-nums}.metric-step{font-size:1.125rem}.metric-feedback dd{font-family:var(--ap-font-body);font-size:.9375rem}.meter{border-radius:var(--ap-radius-pill);background:var(--ap-surface-sunken);border:var(--ap-border-width) solid var(--ap-border-strong);block-size:.5rem;overflow:hidden}.meter>span{block-size:100%;inline-size:var(--ap-value,0%);background:var(--ap-accent);display:block}.people{gap:var(--ap-s2);padding:0;list-style:none;display:grid}.person{gap:var(--ap-s2) var(--ap-s4);padding:var(--ap-s3) var(--ap-s4);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.person-state{gap:var(--ap-s2);flex-wrap:wrap;align-items:center;display:flex}@container shell (width>=48em){.person{grid-template-columns:minmax(0,2fr) minmax(10rem,1fr) auto}}.person-role{gap:var(--ap-s1) var(--ap-s2);flex-wrap:wrap;align-items:center;display:flex}.card-request{gap:var(--ap-s2);justify-items:start;display:grid}.card-request .confirm{gap:var(--ap-s2);padding:var(--ap-s3);border:var(--ap-border-width) solid var(--ap-border);border-radius:var(--ap-radius-m);background:var(--ap-surface);flex-wrap:wrap;align-items:center;display:flex}.card-request .confirm p{flex-basis:100%;margin:0}.card-people{gap:var(--ap-s2);padding:0;list-style:none;display:grid}.card-people li{gap:var(--ap-s2);flex-wrap:wrap;align-items:center;display:flex}.card-people .card-request{margin-inline-start:auto}.filters label{gap:var(--ap-s1);display:grid}label.check{gap:var(--ap-s2);align-items:center;display:flex}.settings{gap:var(--ap-s5);max-inline-size:52rem;display:grid}.settings-section{gap:var(--ap-s4);display:grid}.settings-section>p{color:var(--ap-text-muted)}.choice-group{gap:var(--ap-s3);display:grid}.choice-group legend{font-family:var(--ap-font-heading);margin-block-end:var(--ap-s2);font-size:1.125rem}.choices{gap:var(--ap-s2);grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));display:grid}.choices[data-wide]{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}.choice{gap:var(--ap-s1);min-block-size:var(--ap-target);padding:var(--ap-s3) calc(var(--ap-s3) + 1.75em) var(--ap-s3) var(--ap-s3);border:var(--ap-control-border-width) solid var(--ap-border-strong);border-radius:var(--ap-radius-m);background:var(--ap-surface);color:var(--ap-text);cursor:pointer;font-weight:var(--ap-weight-strong);align-content:start;justify-items:start;display:grid;position:relative}.choices[data-compact]{grid-template-columns:repeat(auto-fill,minmax(min(100%,6.5rem),1fr))}.choice input{position:absolute;inset-block-start:var(--ap-s3);inset-inline-end:var(--ap-s3)}.choice small{color:var(--ap-text-muted);font-weight:var(--ap-weight-body)}.choice:has(input:checked){border-color:var(--ap-accent);box-shadow:0 0 0 2px var(--ap-accent);background:var(--ap-accent-soft)}.choice:has(input:focus-visible){outline:3px solid var(--ap-focus);outline-offset:2px}.icon-choices{gap:var(--ap-s2);grid-template-columns:repeat(auto-fill, minmax(var(--ap-target), 1fr));display:grid}.icon-choice{place-items:center;gap:var(--ap-s1);min-block-size:var(--ap-target);padding:var(--ap-s2);border:var(--ap-control-border-width) solid var(--ap-border-strong);border-radius:var(--ap-radius-m);background:var(--ap-surface);color:var(--ap-text);cursor:pointer;font-size:1.25rem;display:grid;position:relative}.icon-choice:first-child{min-inline-size:calc(2 * var(--ap-target));grid-column:1/-1;justify-self:start}.icon-choice small{color:var(--ap-text-muted);font-size:.7rem}.icon-choice:has(input:checked){border-color:var(--ap-accent);box-shadow:0 0 0 2px var(--ap-accent);background:var(--ap-accent-soft)}.icon-choice:has(input:focus-visible){outline:3px solid var(--ap-focus);outline-offset:2px}.course-card-form{gap:var(--ap-s2);display:grid}.course-card-form textarea{inline-size:100%}.course-card-current{gap:var(--ap-s2);align-items:center;display:flex}.scale-sample{font-size:calc(var(--_scale,1) * 1em);font-family:var(--ap-font-heading);line-height:1;font-weight:var(--ap-weight-heading)}.mode-swatch{border-radius:var(--ap-radius-s);border:var(--ap-border-width) solid var(--ap-border-strong);grid-template-columns:1fr 1fr;block-size:2.5rem;inline-size:100%;display:grid;overflow:hidden}.mode-swatch>span:first-child{background:var(--ap-swatch-light)}.mode-swatch>span:last-child{background:var(--ap-swatch-dark)}.mode-swatch[data-mode=light]>span{background:var(--ap-swatch-light)}.mode-swatch[data-mode=dark]>span{background:var(--ap-swatch-dark)}.settings-preview{gap:var(--ap-s2);padding:var(--ap-s4);border-radius:var(--ap-radius-l);border:var(--ap-border-width) dashed var(--ap-border-strong);background:var(--ap-surface-sunken);display:grid}.note{gap:var(--ap-s2);overflow-wrap:anywhere;padding:var(--ap-s3) var(--ap-s4);border-radius:var(--ap-radius-m);background:var(--ap-info-soft);color:var(--ap-text);border-inline-start:.3rem solid var(--ap-info-border);align-items:start;display:flex}.join-page{min-block-size:100dvh;padding:var(--ap-s4);place-items:center;display:grid}.join-card{gap:var(--ap-s4);text-align:center;justify-items:center;inline-size:min(100%,30rem);display:grid}.join-card .brand-vertical{block-size:9rem;inline-size:9rem;color:var(--ap-text)}.join-card label{inline-size:100%}.join-card .code-input{text-align:center;font-size:1.75rem}.join-form{gap:var(--ap-s3);inline-size:100%;display:grid}.join-appearance{gap:var(--ap-s3);text-align:start;inline-size:100%;border-block-start:var(--ap-border-width) solid var(--ap-border);padding-block-start:var(--ap-s3);display:grid}.join-appearance h2{font-size:1.125rem}.join-card .logo{color:var(--ap-text);font-size:1.5rem}.world{gap:var(--ap-s3);display:grid}.world-description{margin:0}.world-tabs{gap:var(--ap-s2);flex-wrap:wrap;display:flex}.world-tabs button[aria-pressed=true]{background:var(--ap-accent-soft);border-color:var(--ap-accent)}.world-scroll{max-inline-size:100%;overflow-x:auto}.world-grid{--_cell:max(2.75rem, calc(2.75rem * var(--ap-user-scale)));border:var(--ap-border-width) solid var(--ap-world-grid);background:var(--ap-world-floor);inline-size:max-content;display:grid}.world-row{grid-template-columns:repeat(var(--_cols), var(--_cell));display:grid}.world-cell{block-size:var(--_cell);border:var(--ap-border-width) solid var(--ap-world-grid);background:var(--_paint,var(--ap-world-floor));place-items:center;display:grid;position:relative}.world-cell[data-art=wand]{background:var(--ap-world-wall)}.world-cell:focus-visible{outline:3px solid var(--ap-focus);outline-offset:-3px;z-index:1}.world-cell[data-gewaehlt]{box-shadow:inset 0 0 0 4px var(--ap-focus)}.world-thing{grid-area:1/1;place-items:center;display:grid}.world-thing[data-thing=wand]{color:var(--ap-world-floor)}.world-thing[data-thing=ziel]{color:var(--ap-world-goal)}.world-thing[data-thing=kristall]{color:var(--ap-world-crystal)}.world-robo{color:var(--ap-world-robo)}.world-blick{transition:transform var(--ap-motion) var(--ap-ease);font-size:.7em;display:grid;position:absolute;inset-block-end:0;inset-inline-end:0}.world-controls{align-items:center}.world-tempo{gap:var(--ap-s2);align-items:center;display:inline-flex}.world-progress{color:var(--ap-text-muted)}.world-raster-text{font-family:var(--ap-font-code)}.ordnen{gap:var(--ap-s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));display:grid}.ordnen h3{font-size:1rem}.ordnen-liste{gap:var(--ap-s2);margin:0;padding-inline-start:0;list-style-position:inside;display:grid}.ordnen-liste li{gap:var(--ap-s2);padding:var(--ap-s2);border:var(--ap-border-width) solid var(--ap-border);border-radius:var(--ap-radius-s);background:var(--ap-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.ordnen-programm li{cursor:grab}.ordnen-programm li[data-gezogen]{border-color:var(--ap-focus)}.ordnen-liste code{font-family:var(--ap-font-code);white-space:pre-wrap}.ordnen-knoepfe{gap:var(--ap-s1);flex-wrap:wrap;display:inline-flex}.step-stars{gap:var(--ap-s2);display:grid}.step-stars-summary,.step-stars-best,.profile-stars{gap:var(--ap-s1);flex-wrap:wrap;align-items:center;margin:0;display:flex}.step-star{color:var(--ap-text-muted)}.step-star[data-ok]{color:var(--ap-warning-text)}.step-star[data-ok] .icon{fill:currentColor}.step-stars-list{gap:var(--ap-s1);margin:0;padding-inline-start:0;list-style:none;display:grid}.step-stars-list li,.expedition h2{gap:var(--ap-s2);align-items:center;display:flex}.expedition-weg{border-radius:var(--ap-radius-pill);background:var(--ap-surface-sunken);border:var(--ap-border-width) solid var(--ap-border-strong);justify-content:flex-end;align-items:center;block-size:1.5rem;display:flex;position:relative;overflow:hidden}.expedition-fortschritt{background:var(--ap-level-1);position:absolute;inset-block:0;inset-inline-start:0}.expedition-weg .icon{color:var(--ap-text);margin-inline-end:var(--ap-s1);position:relative}.preview-observer{pointer-events:none;width:800px;height:600px;position:fixed;top:0;left:-10000px;overflow:hidden}.preview-observer iframe{border:0;width:100%;height:100%}.preview-host{height:100%;min-height:20rem}.preview-console{max-height:16rem;color:var(--ap-code-text);background:var(--ap-code-bg);border:1px solid var(--ap-border);border-radius:4px;margin:0;padding:.5rem;font-family:ui-monospace,monospace;font-size:.9em;list-style:none;overflow:auto}.preview-console li{white-space:pre-wrap;overflow-wrap:anywhere}.preview-console li[data-level=error],.preview-console li[data-level=warn]{color:var(--ap-danger-text)}.preview-network ul{margin:0;padding:0;list-style:none}.preview-network li{border-bottom:1px solid var(--ap-border);padding:.25rem 0}.preview-network pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ap-code-bg);max-height:12rem;margin:0 0 .5rem;padding:.5rem;overflow:auto}.preview-network [data-status^="4"],.preview-network [data-status^="5"],.preview-network [data-status=none]{color:var(--ap-danger-text)}.network-tag{border:1px solid;border-radius:3px;padding:0 .25rem;font-size:.85em}.answer-bar{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.project-workspace[data-ansicht=konsole]{grid-template-areas:"editor""console"}@container shell (width>=60em){.project-workspace[data-ansicht=vorschau]{grid-template-rows:minmax(20rem,auto);grid-template-areas:"editor preview"}.project-workspace[data-ansicht=konsole]{grid-template-rows:auto;grid-template-areas:"editor console"}}.project-preview-area .paper{display:grid}.project-locked-hint{margin-block:var(--ap-s2);color:var(--ap-text-muted);font-size:.9em}}@layer prefs{:root[data-mode=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root[data-mode=system]{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-scale="112"]{--ap-user-scale:1.12}:root[data-scale="125"]{--ap-user-scale:1.25}:root[data-scale="150"]{--ap-user-scale:1.5}:root[data-scale="175"]{--ap-user-scale:1.75}:root[data-scale="200"]{--ap-user-scale:2}:root[data-scale="150"],:root[data-scale="175"],:root[data-scale="200"]{--ap-measure:60ch;--ap-density:.9}:root:is([data-scale="150"],[data-scale="175"],[data-scale="200"]) .shell-header{position:static}:root[data-contrast=more]{--ap-text-muted:var(--ap-text);--ap-border:var(--ap-border-strong);--ap-border-width:2px;--ap-control-border-width:2px;--ap-shadow-1:none;--ap-shadow-2:none;--ap-code-gutter:var(--ap-code-text);--ap-syn-comment:var(--ap-code-text)}@media (prefers-contrast:more){:root:not([data-contrast=standard]){--ap-text-muted:var(--ap-text);--ap-border:var(--ap-border-strong);--ap-border-width:2px;--ap-control-border-width:2px;--ap-shadow-1:none;--ap-shadow-2:none;--ap-code-gutter:var(--ap-code-text);--ap-syn-comment:var(--ap-code-text)}}:root[data-motion=reduce]{--ap-motion:0s}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]){--ap-motion:0s}}}@layer floor{:focus-visible{outline:3px solid var(--ap-focus)!important;outline-offset:2px!important;box-shadow:0 0 0 5px var(--ap-surface)!important}:focus:not(:focus-visible){outline:none}:is(button,.button,select,input:not([type=radio],[type=checkbox]),[role=tab],.level){min-block-size:max(24px, var(--ap-target))}input:is([type=radio],[type=checkbox]){min-block-size:18px;min-inline-size:18px}:is(p,dd,.markdown li,.hint,.feedback li) a:not(.button,.chip,.level){text-decoration-line:underline}.chip,.level,.save-status{white-space:normal}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) *,:root:not([data-motion=full]) :before,:root:not([data-motion=full]) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (forced-colors:active){.chip,.level,.status-chip,.save-status,.step-kind,.feedback,.choice,.assignment,.step,.card{border:2px solid canvastext}.level[aria-current=page],.shell-nav a[aria-current=page]{outline:3px solid highlight}.choice:has(input:checked){outline:3px solid highlight}.step-dots li[aria-current],.step-dots li[data-done]{background:highlight;border-color:highlight}.logo-mark{fill:canvastext}:focus-visible{outline-color:highlight!important}}}
