*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--emerald: #10b981;--emerald-soft: #34d399;--emerald-darker: #065f46;--ink: #0f172a;--ink-soft: #334155;--muted: rgba(255,255,255,.85);--accent: #a855f7;--accent-dark: #7c3aed;--accent-darker: #5b21b6;--accent-soft: #f5f3ff;--ok: #047857;--ok-soft: #ecfdf5;--wrong: #b91c1c;--wrong-soft: #fef2f2;--header-h: 56px;--radius: 1rem;--radius-lg: 1.5rem;--shadow-card: 0 12px 28px rgba(0,0,0,.18), 0 2px 6px rgba(0,0,0,.08);--gradient: linear-gradient(135deg, #34d399 0%, #06b6d4 50%, #6366f1 100%);--paper: #fffdf7;--paper-line: #e9e3d3;--surface: #fff;--surface-glass: rgba(255,255,255,.97);--surface-2: #f8fafc;--surface-3: #f1f5f9;--line: #e2e8f0;--line-strong: #cbd5e1;--page-bg: var(--gradient);--page-base: #4f46e5;--on-page: #fff;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:17px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}html.big-text{font-size:20px}[data-theme=marille]{--accent: #fb923c;--accent-dark: #ea580c;--accent-darker: #9a3412;--accent-soft: #fff7ed;--gradient: linear-gradient(135deg, #fde68a 0%, #fb923c 55%, #f43f5e 100%)}[data-theme=basilikum]{--accent: #22c55e;--accent-dark: #15803d;--accent-darker: #14532d;--accent-soft: #f0fdf4;--gradient: linear-gradient(135deg, #a3e635 0%, #10b981 50%, #0f766e 100%)}[data-theme=heidelbeere]{--accent: #6366f1;--accent-dark: #4338ca;--accent-darker: #312e81;--accent-soft: #eef2ff;--gradient: linear-gradient(135deg, #38bdf8 0%, #6366f1 55%, #7e22ce 100%)}[data-theme=schoko]{--accent: #b45309;--accent-dark: #92400e;--accent-darker: #78350f;--accent-soft: #fffbeb;--gradient: linear-gradient(135deg, #d6a77a 0%, #92400e 55%, #451a03 100%)}html{min-height:100%;background:var(--page-base)}body{min-height:100vh;background:var(--page-bg) no-repeat fixed;background-size:100% 100%;color:var(--on-page);line-height:1.5}@supports (-webkit-touch-callout: none){body{background-attachment:scroll}}#root{min-height:100vh;display:flex;flex-direction:column}button,input,textarea,select{font:inherit}a{color:inherit}code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;overflow-wrap:anywhere}.table-wrap{width:100%;overflow-x:auto}:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:.5rem}.panel :focus-visible,.home-card:focus-visible,.recipe-tile:focus-visible,.recipe-card :focus-visible{outline-color:var(--accent-dark)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.print-only{display:none}.big-emoji{font-size:3.5rem;line-height:1.1;text-align:center}.loading{padding:2rem;text-align:center;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.3rem;border-radius:var(--radius);border:none;border-bottom:4px solid transparent;cursor:pointer;font-size:1rem;font-weight:800;color:#fff;text-decoration:none;transition:transform .12s ease,background-color .15s,box-shadow .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.96)}.btn-primary{background:var(--emerald-soft);color:var(--ink);border-bottom-color:var(--emerald-darker);box-shadow:0 8px 18px #10b98159}.btn-primary:hover:not(:disabled){background:#6ee7b7}.btn-ghost{background:#ffffff2e;border:1.5px solid rgba(255,255,255,.45);border-bottom:4px solid rgba(255,255,255,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-ghost:hover:not(:disabled){background:#ffffff4d}.btn-ghost--ink{background:var(--surface-2);color:var(--ink);border:1.5px solid var(--line);border-bottom:4px solid var(--line-strong);-webkit-backdrop-filter:none;backdrop-filter:none}.btn-ghost--ink:hover:not(:disabled){background:var(--surface-3)}.btn-danger{background:var(--surface);color:var(--wrong);border:1.5px solid #fecaca;border-bottom:4px solid #fca5a5}.btn-check{font-size:1.15rem;padding:.8rem 1.8rem}.seg{display:inline-flex;gap:.25rem;padding:.25rem;border-radius:.9rem;background:var(--surface-3)}.seg--wrap{flex-wrap:wrap}.seg-btn{min-height:44px;padding:.35rem .8rem;border:none;border-radius:.7rem;cursor:pointer;background:transparent;color:var(--ink-soft);font-weight:800}.seg-btn--on{background:var(--surface);color:var(--accent-darker);box-shadow:0 2px 6px #00000026}.tag{display:inline-block;padding:.1rem .55rem;margin-right:.4rem;border-radius:999px;font-size:.75rem;font-weight:800;background:var(--surface-3);color:var(--ink-soft);vertical-align:middle}.tag--retry{background:#fef3c7;color:#92400e}.tag--review{background:#e0f2fe;color:#075985}.tag--higher{background:var(--accent-soft);color:var(--accent-darker)}.tag--suggest{background:var(--accent-dark);color:#fff;margin-left:.4rem}.tag--status-unsicher{background:#fef3c7;color:#92400e}.tag--status-freigegeben{background:var(--ok-soft);color:var(--ok)}.tag--status-gesperrt{background:var(--wrong-soft);color:var(--wrong)}.meter{display:block;height:10px;border-radius:999px;background:var(--line);overflow:hidden}.meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-dark));transition:width .4s ease}.meter--big{height:14px}.view{min-height:100vh;display:flex;flex-direction:column}.view-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;min-height:var(--header-h);padding:.4rem max(1rem,env(safe-area-inset-right)) .4rem max(1rem,env(safe-area-inset-left));background:#0f172a6b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.2)}.view-header__title{flex:1;min-width:0;font-weight:900;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-link{text-decoration:none}.view-header__sub{font-weight:600;opacity:.9}.view-header__actions{display:flex;align-items:center;gap:.5rem}.back-btn,.header-btn,.rank-pill{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.35rem .85rem;border-radius:.75rem;cursor:pointer;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.95rem;font-weight:800;white-space:nowrap}.back-btn:hover,.header-btn:hover,.rank-pill:hover{background:#ffffff4d}.header-btn small{font-size:.7em}.header-btn--on{background:var(--surface);color:var(--accent-darker)}.rank-pill{background:var(--surface-glass);color:var(--ink);padding:.25rem .7rem .25rem .4rem}.score-pill{padding:.35rem .8rem;border-radius:999px;font-weight:900;background:#fff3;border:1px solid rgba(255,255,255,.35)}.home{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.6rem;padding:2rem 1rem}.home__hero{text-align:center}.home__title{font-size:clamp(2.4rem,7vw,3.8rem);font-weight:900;letter-spacing:-.02em;line-height:1.05;text-shadow:0 4px 24px rgba(0,0,0,.25)}.home__sub{margin-top:.4rem;font-size:1.15rem;color:var(--muted);font-weight:600}.home-card{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 1.25rem;text-align:left;cursor:pointer;background:var(--surface-glass);color:var(--ink);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.home-card:hover{transform:translateY(-3px)}.kb-tabs{display:flex;width:fit-content;max-width:100%;align-self:center;margin-inline:auto}.area-tabs{display:inline-flex;gap:.3rem;padding:.3rem;border-radius:1rem;background:#0f172a4d}.area-tabs__tab{min-height:48px;padding:.5rem 1.2rem;border:none;border-radius:.8rem;cursor:pointer;background:transparent;color:#fff;font-weight:900;font-size:1.05rem}.area-tabs__tab--on{background:var(--surface);color:var(--accent-darker);box-shadow:0 4px 10px #0003}.menu{width:min(980px,100%);display:flex;flex-direction:column;gap:1.6rem}.menu__h{font-size:1.3rem;font-weight:900;margin-bottom:.6rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.menu__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.menu__soon{margin-top:.6rem;color:var(--muted);font-size:.95rem}.menu__soon-label{font-weight:800}.soon-chip{display:inline-block;margin:.15rem .2rem;padding:.15rem .6rem;border-radius:999px;border:1px dashed rgba(255,255,255,.55);background:#0f172a33;font-size:.85rem;font-weight:700}.recipe-tile{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:1.2rem 1.2rem 1rem;min-height:190px;background:var(--paper);color:var(--ink);text-decoration:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.recipe-tile:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--accent),var(--accent-dark))}.recipe-tile:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000040}.recipe-tile__icon{font-size:2.1rem;line-height:1}.recipe-tile__title{font-size:1.25rem;font-weight:900;line-height:1.2}.recipe-tile__short{color:var(--ink-soft);font-size:.95rem;flex:1}.recipe-tile__courses{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.3rem}.recipe-tile__due{position:absolute;top:.8rem;right:.8rem;padding:.15rem .55rem;border-radius:999px;background:#fef3c7;color:#92400e;font-weight:900;font-size:.85rem}.course-dot{display:flex;align-items:center;gap:.3rem;opacity:.55}.course-dot.is-started,.course-dot.is-done{opacity:1}.course-dot__bar{flex:1;height:7px;border-radius:999px;background:var(--line);overflow:hidden}.course-dot__bar span{display:block;height:100%;background:var(--accent-dark)}.course-dot.is-done .course-dot__bar span{background:var(--emerald)}.home__footer{margin-top:auto;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;font-size:.9rem;color:var(--muted);text-align:center}.home__footer a{color:#fff;font-weight:800}.workspace{flex:1;width:min(1100px,100%);margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding:1rem}.workspace.narrow{width:min(720px,100%)}.panel{display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:1.2rem;border-radius:var(--radius-lg);background:var(--surface-glass);color:var(--ink);box-shadow:var(--shadow-card)}.panel__h{font-size:1.25rem;font-weight:900}.panel__h small{font-weight:600;color:var(--ink-soft);font-size:.8em}.panel__note{color:var(--ink-soft);font-size:.92rem}.center-panel{align-items:center;text-align:center;padding:2rem}.entry{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;font-size:1.3rem;font-weight:700;padding:1rem;text-align:center}.entry__icon{font-size:4rem;animation:bob 1s ease-in-out infinite alternate}@keyframes bob{to{transform:translateY(-10px)}}.recipe-card{position:relative;padding:1.4rem 1.4rem 1.2rem;border-radius:var(--radius-lg);color:var(--ink);background:var(--paper) repeating-linear-gradient(transparent 0 31px,var(--paper-line) 31px 32px);box-shadow:var(--shadow-card);border-left:10px solid var(--accent)}.recipe-card__head{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.6rem}.recipe-card__head>div{flex:1;min-width:12rem}.recipe-card__icon{font-size:2.4rem}.recipe-card__kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:900;color:var(--accent-darker)}.recipe-card__title{font-size:1.5rem;font-weight:900;line-height:1.15}.recipe-card__intro{font-size:1.05rem;font-weight:600}.recipe-card__h{margin-top:.8rem;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.recipe-card__steps{list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:.7rem;margin-top:.4rem}.recipe-card__steps>li{counter-increment:step;position:relative;padding:.6rem .8rem .6rem 3rem;border-radius:.9rem;background:var(--surface-glass)}.recipe-card__steps>li:before{content:counter(step);position:absolute;left:.7rem;top:.6rem;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:50%;background:var(--accent-dark);color:#fff;font-weight:900;font-size:.9rem}.recipe-card__steps>li.is-highlight{background:#fef9c3;box-shadow:0 0 0 3px #facc15}.recipe-card__step-title{font-weight:900}.recipe-card__examples{margin:.3rem 0 0 1.1rem;color:var(--ink-soft)}.recipe-card__tip{margin-top:.9rem;padding:.7rem .9rem;border-radius:.9rem;background:#fef3c7;color:#78350f;font-weight:600}.recipe-card__source{margin-top:.6rem;font-size:.8rem;color:var(--ink-soft)}.recipe-card--compact{font-size:.95rem}.kurs{display:flex;flex-direction:column;gap:1rem}.kurs__dots{list-style:none;margin:0;padding:0;display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap}.kurs__dots li{width:.8rem;height:.8rem;border-radius:50%;background:#ffffff8c;border:2px solid rgba(255,255,255,.9)}.kurs__dots li.is-try{border-radius:.2rem}.kurs__dots li.is-done{background:var(--ok);border-color:var(--ok)}.kurs__dots li.is-now{background:var(--surface);transform:scale(1.3)}.kurs__talk{display:flex;gap:.8rem;align-items:flex-start}.kurs__chef{flex:none}.kurs__talk--small .kurs__chef{width:64px;height:64px}.kurs__bubble{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem;padding:.9rem 1rem;border-radius:1.2rem;background:var(--accent-soft);border:2px solid var(--accent);font-size:1.1rem;line-height:1.5}.kurs__bubble:before{content:"";position:absolute;left:-10px;top:26px;border:9px solid transparent;border-right-color:var(--accent);border-left:0}.kurs__bubble p{margin:0}.kurs__bubble .speak-btn,.kurs .task>.speak-btn{align-self:flex-start}.kurs__h{margin:0;font-size:1.35rem}.kurs__kicker{font-weight:900;color:var(--accent-darker);font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}.kurs__bubble .task__prompt{margin:0;font-size:1.1rem}.kurs__emoji{font-size:2rem;line-height:1}.kurs__examples,.kurs__remember{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.35rem}.kurs__examples li{background:var(--surface);border-radius:.6rem;padding:.3rem .6rem;list-style:none;margin-left:-1.2rem}.kurs__remember li{font-weight:700}.kurs__small{color:var(--ink-soft);font-size:.9rem}@media (max-width: 480px){.kurs__chef{width:64px;height:64px}.kurs__bubble{font-size:1rem}}.stage{width:min(980px,100%);display:grid;grid-template-columns:minmax(240px,5fr) 7fr;overflow:hidden;background:var(--surface-glass);color:var(--ink);border-radius:calc(var(--radius-lg) * 1.4);box-shadow:0 24px 60px #0f172a47,0 0 0 4px #ffffff59}.stage__show{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.6rem 1.2rem 1.4rem;background:radial-gradient(circle at 50% 42%,#ffffff8c,#fff0 58%),var(--gradient)}.stage__figure{position:relative;z-index:1;padding:0;border:0;background:none;cursor:pointer;border-radius:1.6rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.stage__figure:hover{transform:scale(1.04) rotate(-1deg)}.stage__monster{display:block;width:220px;height:220px;border-radius:1.6rem;box-shadow:0 10px 30px #0f172a4d;background:var(--surface)}.stage__plate{position:relative;z-index:1;margin:0;display:flex;flex-direction:column;align-items:center;padding:.4rem 1.2rem;border-radius:.9rem;background:#7c4a1e;background:linear-gradient(#a0662f,#7c4a1e);color:#fff7e6;box-shadow:0 4px #5b3412,0 8px 18px #00000040;text-align:center}.stage__name{font-weight:900;font-size:1.35rem;letter-spacing:.01em}.stage__growth{font-weight:700;font-size:.9rem;opacity:.9}.stage__egg{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem;border:0;background:none;color:#fff;cursor:pointer;font:inherit}.stage__egg-icon{font-size:7rem;line-height:1;animation:egg-wobble 2.4s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(0,0,0,.3))}.stage__egg-text{font-weight:900;font-size:1.15rem;max-width:16rem;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.3)}@keyframes egg-wobble{0%,70%,to{transform:rotate(0)}75%{transform:rotate(-8deg)}82%{transform:rotate(7deg)}89%{transform:rotate(-4deg)}}.stage__info{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1.6rem;min-width:0}.stage__head{display:flex;align-items:center;gap:1rem}.stage__level{flex:none;width:84px;height:84px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gradient);color:#fff;box-shadow:0 6px 18px #0f172a40,inset 0 0 0 4px #ffffff80;line-height:1}.stage__level small{font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.stage__level strong{font-weight:900;font-size:2.3rem}.stage__rank{display:flex;flex-direction:column;gap:.1rem;min-width:0}.stage__rank small{font-weight:800;color:var(--ink-soft);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.stage__rank>span{display:flex;align-items:center;gap:.4rem;font-weight:900;font-size:1.6rem;line-height:1.1}.stage__xp{display:flex;flex-direction:column;gap:.35rem}.stage__xp-line{font-weight:600;color:var(--ink-soft)}.stage__xp-line strong{color:var(--ink)}.meter--big{height:16px}.stage__next{font-size:.92rem;color:var(--ink-soft);font-weight:600}.stage__chips{display:flex;flex-wrap:wrap;gap:.5rem}.stage__chip{padding:.35rem .8rem;border-radius:999px;background:var(--surface-3);font-weight:800;font-size:.92rem}.stage__chip.is-hot{background:#fff1e6;color:#9a3412;box-shadow:inset 0 0 0 2px #fdba74}.stage__actions{display:flex;flex-wrap:wrap;gap:.6rem}.stage__key{display:flex;align-items:center;gap:.9rem;padding:.8rem 1rem;text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:repeating-linear-gradient(-45deg,#fffbeb,#fffbeb 10px,#fef3c7 10px,#fef3c7 20px);border:2px dashed #f59e0b;border-radius:1rem;transition:transform .2s}.stage__key:hover{transform:translateY(-2px)}.stage__key-icon{font-size:2.2rem;line-height:1;transform:rotate(-20deg)}.stage__key-body{display:flex;flex-direction:column;min-width:0}.stage__key-body small{color:var(--ink-soft);font-weight:700;font-size:.82rem}.stage__key-code{font-weight:900;font-size:1.45rem;color:#92400e;letter-spacing:.03em;word-break:break-word}.stage__key-cta{font-weight:900;font-size:1.2rem;color:#92400e}@media (max-width: 760px){.stage{grid-template-columns:1fr}.stage__info{padding:1.2rem}.stage__monster{width:200px;height:200px}}@media (prefers-reduced-motion: reduce){.stage__egg-icon{animation:none}.stage__figure:hover{transform:none}}.courses{display:flex;flex-direction:column;gap:.6rem}.course{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;row-gap:.2rem;align-items:center;padding:.8rem 1rem;text-align:left;cursor:pointer;border-radius:1rem;background:var(--surface-2);color:var(--ink);border:2px solid var(--line);border-bottom-width:4px}.course:hover:not(:disabled){border-color:var(--accent)}.course:disabled{opacity:.45;cursor:not-allowed}.course>.meter,.course__state,.course__text{grid-column:2}.course__icon{grid-row:span 4;font-size:2.2rem}.course__name{font-weight:900;font-size:1.1rem}.course__name small{font-weight:600;color:var(--ink-soft)}.course__text{color:var(--ink-soft);font-size:.9rem}.course__state{font-size:.85rem;font-weight:700;color:var(--ink-soft)}.course--suggested{border-color:var(--accent-dark);background:var(--accent-soft)}.course--done .course__state{color:var(--ok)}.nachkochen{align-self:flex-start}.round{width:min(900px,100%)}.round__bar{position:relative;height:10px;border-radius:999px;background:#ffffff4d;overflow:hidden}.round__bar>span:first-child{display:block;height:100%;background:var(--surface);transition:width .35s ease}.round__extra{position:absolute;top:0;bottom:0;width:3px;background:#fde68a}.task{gap:1rem;padding:1.4rem}.task__head{display:flex;align-items:flex-start;gap:.8rem;justify-content:space-between;flex-wrap:wrap}.task__prompt{font-size:1.2rem;font-weight:900;line-height:1.35;flex:1;min-width:14rem}.task__prompt:focus{outline:none}.task-hint{color:var(--ink-soft);font-weight:600}.task-text{font-size:1.35rem;line-height:2.3}.task-fix{padding:.6rem .9rem;border-radius:.8rem;background:var(--ok-soft);color:var(--ok)}.speak-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.3rem .8rem;border-radius:.8rem;cursor:pointer;background:var(--accent-soft);color:var(--accent-darker);border:1.5px solid #ddd6fe;font-weight:800;font-size:.9rem}.speak-btn:hover{background:#ede9fe}.task-choice__q{font-size:1.3rem;font-weight:700;margin-bottom:.8rem}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}.choices--long{grid-template-columns:1fr}.choice{position:relative;display:flex;align-items:center;gap:.8rem;min-height:64px;padding:.8rem 2.6rem .8rem .8rem;cursor:pointer;text-align:left;background:var(--surface);color:var(--ink);border:3px solid var(--line);border-bottom-width:6px;border-radius:1.1rem;font-size:1.1rem;font-weight:700;transition:transform .12s,border-color .12s}.choice:hover{transform:translateY(-2px);border-color:var(--accent)}.choice--on{border-color:var(--accent-dark);background:var(--accent-soft)}.choice--correct{border-color:var(--ok);background:var(--ok-soft)}.choice--missed{border-color:var(--ok);border-style:dashed}.choice--wrong{border-color:var(--wrong);border-style:dashed;background:var(--wrong-soft)}.choice--idle{opacity:.7}.choice[aria-disabled=true]{cursor:default;transform:none}.choice__key{flex:none;width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:.5rem;background:var(--surface-3);color:var(--ink-soft);font-weight:900;font-size:.85rem}.choice__mark{position:absolute;right:.8rem;font-size:1.5rem;font-weight:900}.choice--correct .choice__mark,.choice--missed .choice__mark{color:var(--ok)}.choice--wrong .choice__mark{color:var(--wrong)}.gap-input{display:inline-flex;align-items:baseline;gap:.25rem;flex-wrap:wrap}.gap-input input{min-width:4ch;max-width:100%;padding:.1rem .4rem;border:none;border-bottom:3px solid var(--accent-dark);border-radius:.4rem .4rem 0 0;background:var(--accent-soft);color:var(--ink);font-size:1.25rem;font-weight:800;text-align:center;line-height:1.6}.gap-input input:focus{outline:3px solid var(--accent);outline-offset:1px}.gap-hint{font-size:.9rem;color:var(--ink-soft);font-weight:600}.gap-input.is-ok input{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.gap-input.is-wrong input{background:var(--wrong-soft);border-color:var(--wrong);color:var(--wrong);text-decoration:line-through}.gap-select{display:inline-flex;gap:.2rem;padding:.15rem;margin:0 .1rem;border-radius:.7rem;background:var(--surface-3);border:2px dashed var(--line-strong);vertical-align:middle;line-height:1.2;flex-wrap:wrap}.gap-select__opt{min-width:44px;min-height:44px;padding:.2rem .6rem;border:none;border-radius:.55rem;cursor:pointer;background:transparent;color:var(--ink-soft);font-size:1.15rem;font-weight:800}.gap-select__opt:hover:not(:disabled){background:var(--surface)}.gap-select__opt.is-on{background:var(--accent-dark);color:#fff}.gap-select.is-ok{border-color:var(--ok);border-style:solid;background:var(--ok-soft)}.gap-select.is-ok .gap-select__opt.is-on{background:var(--ok)}.gap-select.is-wrong{border-color:var(--wrong);background:var(--wrong-soft)}.gap-select.is-wrong .gap-select__opt.is-on{background:var(--wrong);text-decoration:line-through}.gap-select__opt:disabled{cursor:default}.gap-fix{display:inline-block;margin-left:.25rem;padding:0 .45rem;border-radius:.45rem;background:var(--ok);color:#fff;font-size:1rem;font-weight:900;line-height:1.6}.tap-word{white-space:nowrap}.tap-btn{min-height:44px;padding:.1rem .15rem;margin:.1rem 0;border-radius:.6rem;cursor:pointer;background:transparent;color:var(--ink);border:2px solid transparent;border-bottom:3px solid var(--line-strong);font-size:1.3rem;font-weight:600}.tap-btn:hover:not(:disabled){background:var(--accent-soft)}.tap-btn.is-on{background:var(--accent-dark);color:#fff;border-color:var(--accent-darker)}.tap-btn.is-ok{background:var(--ok);color:#fff}.tap-btn.is-wrong{background:var(--wrong-soft);color:var(--wrong);border:2px dashed var(--wrong);text-decoration:line-through}.tap-btn.is-missed{border:2px dashed var(--ok);color:var(--ok);font-weight:900}.tap-btn:disabled{cursor:default}.case-word{white-space:nowrap}.case-btn{min-height:44px;padding:.05rem .4rem;border-radius:.6rem;cursor:pointer;background:var(--accent-soft);color:var(--ink);border:2px solid #ddd6fe;border-bottom-width:4px;font-size:1.3rem;font-weight:700}.case-btn__first{color:var(--accent-darker);font-weight:900;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.case-btn:hover:not(:disabled){border-color:var(--accent)}.case-btn.is-ok{background:var(--ok-soft);border-color:var(--ok)}.case-btn.is-wrong{background:var(--wrong-soft);border-color:var(--wrong);border-style:dashed}.case-btn:disabled{cursor:default}.punct-word{white-space:nowrap}.punct-slot{display:inline-grid;place-items:center;width:26px;min-height:44px;margin:0 .05rem;vertical-align:middle;cursor:pointer;background:transparent;border:2px dashed var(--line-strong);border-radius:.5rem;color:var(--accent-darker);font-size:1.6rem;font-weight:900;line-height:1}.punct-slot:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.punct-slot.is-on{border-style:solid;border-color:var(--accent-dark);background:var(--accent-soft)}.punct-slot:disabled{cursor:default;border-color:transparent}.punct-slot.is-ok{border:2px solid var(--ok);background:var(--ok-soft);color:var(--ok)}.punct-slot.is-wrong{border:2px dashed var(--wrong);background:var(--wrong-soft);color:var(--wrong);text-decoration:line-through}.punct-slot.is-missed{border:2px dashed var(--ok);color:var(--ok)}.match-pool{display:flex;flex-wrap:wrap;gap:.5rem;min-height:64px;padding:.7rem;border-radius:1rem;border:2px dashed var(--line-strong);background:var(--surface-2);align-items:center}.match-pool.is-over,.match-zone.is-over{border-color:var(--accent-dark);background:var(--accent-soft)}.match-empty{color:var(--ink-soft);font-weight:600}.match-back{min-height:44px;padding:.3rem .8rem;border-radius:.7rem;border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;font-weight:700;color:var(--ink-soft)}.match-zones{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));gap:.6rem;margin-top:.7rem}.match-zone{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;min-height:110px;border-radius:1rem;border:2px solid var(--line);background:var(--surface)}.match-zone.is-target{border-color:var(--accent)}.match-zone__head{min-height:44px;padding:.3rem .5rem;border:none;border-radius:.7rem;background:var(--surface-3);color:var(--ink);font-weight:900;font-size:1rem;cursor:default}.match-zone.is-target .match-zone__head{background:var(--accent-dark);color:#fff;cursor:pointer}.match-zone__cards{display:flex;flex-wrap:wrap;gap:.4rem}.match-card-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.15rem}.match-card{min-height:48px;padding:.4rem .8rem;border-radius:.8rem;cursor:grab;user-select:none;-webkit-user-select:none;background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);border-bottom-width:4px;font-size:1.1rem;font-weight:700}.match-card:hover:not(:disabled){border-color:var(--accent)}.match-card.is-picked{border-color:var(--accent-dark);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent) inset}.match-card.is-ok{border-color:var(--ok);background:var(--ok-soft)}.match-card.is-wrong{border-color:var(--wrong);border-style:dashed;background:var(--wrong-soft)}.match-card:disabled{cursor:default}.drag-ghost{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-70%) rotate(-3deg);padding:.5rem .9rem;border-radius:.8rem;background:var(--surface);color:var(--ink);font-weight:800;font-size:1.1rem;border:2px solid var(--accent-dark);box-shadow:0 14px 30px #0000004d}.order-line{display:flex;flex-wrap:wrap;gap:.4rem;min-height:64px;padding:.7rem;border-radius:1rem;border:2px solid var(--accent);background:var(--accent-soft);align-items:center}.task-order--build .order-line{gap:2px}.order-line__empty{color:var(--ink-soft);font-weight:600}.order-pool{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.order-piece{min-height:48px;padding:.4rem .8rem;border-radius:.8rem;cursor:pointer;background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);border-bottom-width:4px;font-size:1.15rem;font-weight:700}.order-piece:hover:not(:disabled){border-color:var(--accent)}.order-piece--placed{border-color:var(--accent-dark)}.order-piece--used{opacity:.3;border-style:dashed;cursor:default}.order-piece.is-ok{border-color:var(--ok);background:var(--ok-soft)}.order-piece.is-wrong{border-color:var(--wrong);border-style:dashed;background:var(--wrong-soft)}.order-piece:disabled{cursor:default}.order-preview{margin-top:.4rem;font-size:1.4rem;font-weight:900;color:var(--accent-darker);letter-spacing:.01em}.fix-word{white-space:nowrap}.fix-btn{min-height:44px;padding:.05rem .1rem;border-radius:.5rem;cursor:text;background:transparent;color:var(--ink);border:2px solid transparent;border-bottom:2px dotted #94a3b8;font-size:1.3rem}.fix-btn:hover:not(:disabled){background:var(--accent-soft)}.fix-btn.is-changed{background:#fef9c3;border-color:#facc15;font-weight:800}.fix-btn.is-ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok);font-weight:800}.fix-btn.is-wrong{background:var(--wrong-soft);border:2px dashed var(--wrong);color:var(--wrong);text-decoration:line-through}.fix-btn:disabled{cursor:default}.fix-input{min-width:4ch;max-width:100%;padding:.05rem .3rem;border:none;border-bottom:3px solid var(--accent-dark);border-radius:.4rem .4rem 0 0;background:var(--accent-soft);font-size:1.25rem;font-weight:800;color:var(--ink)}.fix-input:focus{outline:3px solid var(--accent)}.mark-palette{display:flex;flex-wrap:wrap;gap:.5rem}.mark-role{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:.3rem .8rem .3rem .3rem;border-radius:.9rem;cursor:pointer;background:var(--surface);color:var(--ink);border:2px solid var(--line);font-weight:800;text-align:left}.mark-role.is-on{border-color:var(--role);box-shadow:0 0 0 3px var(--role) inset}.mark-role__code{display:grid;place-items:center;min-width:2.4rem;height:2.4rem;padding:0 .3rem;border-radius:.6rem;background:var(--role);color:#fff;font-weight:900;font-size:.9rem}.mark-role__name small{font-weight:600;color:var(--ink-soft)}.mark-unit-wrap{white-space:nowrap}.mark-unit{position:relative;min-height:44px;padding:.05rem .45rem;border-radius:.6rem;cursor:pointer;background:var(--surface-2);color:var(--ink);border:2px dashed var(--line-strong);font-size:1.3rem;font-weight:600;white-space:normal}.mark-unit:hover:not(:disabled){border-color:var(--accent)}.mark-unit.is-set{border:3px solid var(--role);background:var(--surface);background:color-mix(in srgb,var(--role) 14%,#fff)}.mark-unit__tag{position:absolute;top:-.75rem;right:-.4rem;padding:0 .3rem;border-radius:.4rem;background:var(--role);color:#fff;font-size:.7rem;font-weight:900;line-height:1.4}.mark-unit.is-wrong{outline:3px dashed var(--wrong);outline-offset:2px}.mark-unit.is-ok{outline:3px solid var(--ok);outline-offset:2px}.mark-unit:disabled{cursor:default}.task-mark-text{line-height:2.6;margin-top:.9rem}.mark-legend{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem 1rem;font-size:.9rem;color:var(--ink-soft)}.mark-legend li strong{color:var(--role)}.dictation-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.8rem}.btn-play-ink{background:var(--accent-dark);color:#fff;border-bottom-color:var(--accent-darker)}.btn-play-ink:hover:not(:disabled){background:var(--accent)}.dictation-input{width:100%;padding:.7rem .9rem;border-radius:1rem;border:2px solid var(--line-strong);font-size:1.3rem;line-height:1.5;color:var(--ink);resize:vertical}.dictation-input:focus{outline:3px solid var(--accent);border-color:var(--accent)}.dictation-input.is-ok{border-color:var(--ok);background:var(--ok-soft)}.dictation-input.is-wrong{border-color:#f59e0b}.dictation-solution{margin-top:.6rem;font-size:1.3rem;line-height:1.9}.dictation-solution span{margin-right:.35em;padding:0 .2rem;border-radius:.3rem}.dictation-solution .is-ok{color:var(--ok)}.dictation-solution .is-wrong{background:#fef3c7;color:#92400e;font-weight:900;text-decoration:underline wavy}@media (max-width: 600px){.mark-role{min-height:44px;font-size:.9rem;padding:.2rem .6rem .2rem .2rem}.mark-role__code{min-width:2rem;height:2rem}.match-zones{grid-template-columns:repeat(2,minmax(0,1fr))}}.feedback{display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem;border-radius:var(--radius);background:var(--surface-glass);color:var(--ink);font-size:1.05rem;box-shadow:var(--shadow-card);border-left:8px solid #94a3b8}.feedback--ok{border-left-color:var(--emerald)}.feedback--wrong{border-left-color:#f59e0b}.feedback__icon{font-size:1.8rem;line-height:1.2}.feedback__body{display:flex;flex-direction:column;gap:.4rem;flex:1}.feedback__title{font-weight:900;font-size:1.15rem}.feedback__note{font-size:.9rem;color:var(--ink-soft)}.feedback__actions{display:flex;flex-wrap:wrap;gap:.5rem}.gain{color:var(--ok);font-weight:900}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.summary{align-items:center;text-align:center;gap:.8rem;padding:2rem 1.4rem}.summary__title{font-size:1.8rem;font-weight:900}.summary__line{font-size:1.1rem}.summary__mastery{width:min(420px,100%);display:flex;flex-direction:column;gap:.3rem;font-weight:700;color:var(--ink-soft)}.summary__actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:.6rem}.celebrate{list-style:none;display:flex;flex-direction:column;gap:.5rem;width:min(560px,100%);text-align:left}.celebrate__item{display:flex;align-items:center;gap:.8rem;padding:.6rem .9rem;border-radius:.9rem;background:#fefce8;border:1px solid #fde68a;animation:pop .4s ease both}.celebrate__icon{font-size:1.8rem}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:none;opacity:1}}.kb-rank{display:grid;grid-template-columns:auto 1fr;gap:1rem 1.4rem;align-items:center}.kb-rank__avatar{font-size:4.5rem;line-height:1}.kb-rank__body{display:flex;flex-direction:column;gap:.4rem}.kb-rank__title{display:flex;align-items:center;gap:.5rem;font-size:1.7rem;font-weight:900}.kb-muted{color:var(--ink-soft);font-size:.92rem}.kb-stats{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem .9rem;color:var(--ink-soft)}.kb-ranks{grid-column:1 / -1;list-style:none;display:flex;flex-wrap:wrap;gap:.6rem}.kb-ranks li{display:flex;flex-direction:column;align-items:center;gap:.1rem;width:6.2rem;padding:.4rem;border-radius:.8rem;background:var(--surface-3);font-size:.8rem;font-weight:800;text-align:center;opacity:.45;filter:grayscale(1)}.kb-ranks li.is-got{opacity:1;filter:none;background:var(--accent-soft)}.kb-hauben{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem}.kb-hauben li{display:flex;flex-direction:column;gap:.2rem;padding:.8rem;border-radius:1rem;background:var(--surface-2);border:2px solid var(--line)}.kb-hauben li.is-got{background:#fefce8;border-color:#facc15}.kb-hauben li span{color:var(--ink-soft);font-size:.9rem}.hauben{display:inline-flex;gap:.1rem}.hauben--dim{opacity:.35;filter:grayscale(1)}.kb-group{margin-top:.4rem}.kb-group__h{font-size:1rem;font-weight:900;color:var(--ink-soft);margin-bottom:.4rem}.kb-badges{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem}.kb-badge{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;padding:.6rem .8rem;border-radius:.9rem;background:var(--surface-2);border:2px dashed var(--line)}.kb-badge__icon{grid-row:span 2;font-size:2rem;filter:grayscale(1);opacity:.35}.kb-badge__name{font-weight:900}.kb-badge__text{font-size:.85rem;color:var(--ink-soft)}.kb-badge.is-got{background:var(--surface);border:2px solid #fde68a}.kb-badge.is-got .kb-badge__icon{filter:none;opacity:1}.kb-pick{display:flex;flex-wrap:wrap;gap:.5rem}.kb-pick__opt{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:76px;min-height:76px;padding:.4rem;border-radius:1rem;cursor:pointer;background:var(--surface-2);border:2px solid var(--line);font-size:2rem;color:var(--ink)}.kb-pick__opt small{font-size:.75rem;font-weight:800}.kb-pick__opt.is-on{border-color:var(--accent-dark);box-shadow:0 0 0 2px var(--accent-dark) inset;background:var(--accent-soft)}.kb-pick__opt:disabled{opacity:.5;cursor:not-allowed}.kb-theme__swatch{width:44px;height:44px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 6px #0003}.kb-theme--standard .kb-theme__swatch{background:linear-gradient(135deg,#34d399,#6366f1 60%,#7c3aed)}.kb-theme--marille .kb-theme__swatch{background:linear-gradient(135deg,#fde68a,#fb923c 55%,#f43f5e)}.kb-theme--basilikum .kb-theme__swatch{background:linear-gradient(135deg,#a3e635,#10b981 50%,#0f766e)}.kb-theme--heidelbeere .kb-theme__swatch{background:linear-gradient(135deg,#38bdf8,#6366f1 55%,#7e22ce)}.kb-theme--schoko .kb-theme__swatch{background:linear-gradient(135deg,#d6a77a,#92400e 55%,#451a03)}.kb-table{width:100%;border-collapse:collapse}.kb-table th,.kb-table td{padding:.5rem;border-bottom:1px solid var(--line);text-align:center}.kb-table th[scope=row],.kb-table thead th:first-child{text-align:left}.kb-table a{font-weight:800;text-decoration:none}.lc__code{font-size:clamp(1.5rem,6vw,2.3rem);font-weight:900;color:var(--accent-darker);text-align:center;padding:.6rem;border:3px dashed var(--accent);border-radius:1rem;background:var(--accent-soft);word-break:break-word;-webkit-user-select:all;user-select:all}.lc__actions{display:flex;flex-wrap:wrap;gap:.5rem}.lc__sync{min-height:1.5em;color:var(--ink-soft);font-weight:700}.lc__more{padding:.6rem 0}.lc__more summary{cursor:pointer;font-weight:800;min-height:44px;display:flex;align-items:center}.lc__more>*+*{margin-top:.6rem}.lc__label{font-weight:800;display:block;margin-bottom:.3rem}.lc__input{width:100%;min-height:52px;padding:.5rem .8rem;border-radius:.8rem;border:2px solid var(--line-strong);font-size:1.2rem;font-weight:700;margin-bottom:.6rem}.lc__input:focus{outline:3px solid var(--accent);border-color:var(--accent)}.check{display:flex;gap:.6rem;align-items:flex-start;cursor:pointer}.check input{width:22px;height:22px;margin-top:.15rem;accent-color:var(--accent-dark);flex:none}.teacher-list{margin-left:1.2rem;display:flex;flex-direction:column;gap:.4rem}.home__row{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.home__join{display:inline-flex;align-items:center;gap:.5rem;min-height:52px;padding:.7rem 1.4rem;border-radius:999px;font-weight:800;color:#fff;text-decoration:none;background:#0f172a59;border:1.5px solid rgba(255,255,255,.5)}.home__join small{font-weight:600;opacity:.85}.home__join:hover{background:#0f172a80}.home__join--quiet{background:transparent}.join{align-items:stretch;text-align:left}.join__input{font-size:1.8rem;letter-spacing:.15em;text-transform:uppercase;text-align:center}.ch-dots{display:flex;gap:.4rem;justify-content:center}.ch-dots span{width:12px;height:12px;border-radius:50%;background:var(--accent);animation:bob .6s ease-in-out infinite alternate}.ch-dots span:nth-child(2){animation-delay:.2s}.ch-dots span:nth-child(3){animation-delay:.4s}.hint-light{color:var(--muted);font-size:.9rem}.ch-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border-radius:999px;font-weight:700;font-size:.9rem}.ch-chip--ink{background:var(--surface-3);color:var(--ink)}.menu-progress{display:flex;flex-direction:column;gap:.6rem}.menu-progress__bar{position:relative;height:26px;margin:1.4rem 1.2rem .4rem 0;border-radius:999px;background:var(--line)}.menu-progress__bar>span:first-child{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--emerald-soft),var(--emerald));transition:width .6s ease}.menu-progress__course{position:absolute;top:50%;transform:translate(-50%,-50%);width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:3px solid var(--line-strong);font-size:1.4rem;filter:grayscale(1);opacity:.7}.menu-progress__course.is-done{border-color:var(--emerald);filter:none;opacity:1;box-shadow:0 0 0 4px #10b98140}.menu-progress__text{font-size:1.1rem}.menu-progress--big .menu-progress__bar{height:40px;margin:2rem 2.2rem .6rem 0}.menu-progress--big .menu-progress__course{width:3.8rem;height:3.8rem;font-size:2rem}.menu-progress--big .menu-progress__text{font-size:1.6rem;text-align:center}.team-bars{list-style:none;display:flex;flex-direction:column;gap:.5rem}.team-bars li{display:grid;grid-template-columns:minmax(8rem,auto) 1fr auto;align-items:center;gap:.7rem;font-weight:700}.team-bars__bar{height:18px;border-radius:999px;background:var(--line);overflow:hidden}.team-bars__bar span{display:block;height:100%;background:var(--accent-dark);transition:width .6s ease}.team-bars li:nth-child(2) .team-bars__bar span{background:#16a34a}.team-bars li:nth-child(3) .team-bars__bar span{background:#ca8a04}.team-bars li:nth-child(4) .team-bars__bar span{background:#2563eb}.kueche__topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem}.kueche__topic{padding:.8rem;border-radius:1rem;background:var(--paper);border:2px solid var(--line)}.kueche__topic-title{font-weight:900;font-size:1.1rem;margin-bottom:.5rem}.kueche__levels{display:flex;flex-wrap:wrap;gap:.4rem}.qr{width:min(240px,100%);margin:0 auto}.qr svg{width:100%;height:auto;display:block}.host{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,3fr);align-items:start;width:min(1400px,100%)}.host-join{align-items:center;text-align:center;position:sticky;top:calc(var(--header-h) + 1rem)}.host-join__label{font-weight:800;color:var(--ink-soft)}.host-join__code{font-size:2.8rem;font-weight:900;letter-spacing:.14em;color:var(--accent-darker);font-variant-numeric:tabular-nums}.host-join__url{font-weight:700;color:var(--ink-soft);word-break:break-all}.host-board{gap:1rem}.host-board__title{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:900;text-align:center}.host-board__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}.host-stats{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;justify-content:center;font-size:1.15rem}.host-topics{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.host-actions{display:flex;flex-wrap:wrap;gap:.5rem}.host-details{grid-column:1 / -1}.is-beamer .host-only{display:none}.is-beamer .host-board__title{font-size:clamp(1.8rem,4vw,3rem)}.exam-table td,.exam-table th{text-align:left;vertical-align:top}.exam-table tr.is-weak td{background:#fffbeb}.exam-table__sol{color:var(--ok);font-weight:700}.exam-table .meter{display:inline-block;width:70px;vertical-align:middle}.exam__name{background:none;border:none;cursor:pointer;font:inherit;font-weight:800;color:var(--ink);min-height:44px;text-align:left}.exam__detail td{background:var(--surface-2)}.exam__answers{list-style:none;display:flex;flex-direction:column;gap:.3rem}.exam__answers li{display:flex;gap:.5rem}.exam__mark{font-weight:900;width:1.2rem;flex:none}.is-ok>.exam__mark{color:var(--ok)}.is-wrong>.exam__mark{color:var(--wrong)}.topic-results{list-style:none;display:flex;flex-direction:column;gap:.7rem}.topic-results li{display:grid;grid-template-columns:minmax(10rem,2fr) 3fr auto auto;gap:.8rem;align-items:center}.topic-results li.is-weak .meter>span{background:linear-gradient(90deg,#f59e0b,#d97706)}.v-result__list{list-style:none;display:flex;flex-direction:column;gap:.6rem;text-align:left}.v-result__list li{display:flex;gap:.6rem;padding:.6rem;border-radius:.8rem;background:var(--surface-2)}.v-result__q{font-weight:700}.v-result__a,.v-result__expl{color:var(--ink-soft)}.v-result{align-items:center}.teacher{width:min(1000px,100%)}.teacher__tabs{align-self:flex-start;background:var(--surface-glass)}.teacher__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}.teacher-card{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1rem;text-align:left;cursor:pointer;border-radius:1rem;background:var(--paper);border:2px solid var(--line);color:var(--ink);font-size:1rem}.teacher-card:hover{border-color:var(--accent)}.teacher-card__icon{font-size:2rem}.teacher-card strong{font-size:1.2rem}.teacher-card small{color:var(--ink-soft);font-weight:700}.teacher__h{font-size:1.05rem;font-weight:900;margin-top:.4rem}.teacher__h small{font-weight:600;color:var(--ink-soft)}.teacher__row{display:flex;flex-wrap:wrap;gap:.8rem}.teacher__checks{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}.teacher__checks--col{flex-direction:column}.teacher__checks select{margin-left:.5rem;min-height:40px;border-radius:.6rem;border:2px solid var(--line-strong);padding:.2rem .5rem}.field{display:flex;flex-direction:column;gap:.25rem;font-weight:800}.field span{font-size:.9rem;color:var(--ink-soft)}.field input,.field select{min-height:48px;padding:.4rem .7rem;border-radius:.7rem;border:2px solid var(--line-strong);font-size:1.05rem;color:var(--ink);background:var(--surface)}.field input:focus,.field select:focus{outline:3px solid var(--accent);border-color:var(--accent)}.field--small{width:min(220px,100%)}.topic-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}.topic-picker__area{border:2px solid var(--line);border-radius:1rem;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.2rem}.topic-picker__area legend{font-weight:900;padding:0 .3rem}.topic-picker__opt{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.2rem .4rem;border-radius:.6rem;cursor:pointer;font-weight:700}.topic-picker__opt.is-on{background:var(--accent-soft)}.topic-picker__opt input{width:22px;height:22px;accent-color:var(--accent-dark)}.item-pick{list-style:none;display:flex;flex-direction:column;gap:.4rem;max-height:60vh;overflow:auto;padding-right:.3rem}.item-pick__opt{display:flex;gap:.6rem;align-items:flex-start;padding:.5rem .6rem;border-radius:.8rem;border:2px solid var(--line);cursor:pointer}.item-pick__opt.is-on{border-color:var(--accent-dark);background:var(--accent-soft)}.item-pick__opt input{width:22px;height:22px;margin-top:.2rem;flex:none;accent-color:var(--accent-dark)}.item-pick__opt>span{display:flex;flex-direction:column;gap:.1rem}.item-pick__opt small{color:var(--ink-soft);font-weight:700}.item-pick__prompt{font-weight:800}.item-pick__sol{color:var(--ok);font-size:.92rem}.rooms{list-style:none;display:flex;flex-direction:column;gap:.5rem}.rooms__item{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:1rem;background:var(--surface-2);border:2px solid var(--line)}.rooms__kind{font-size:1.8rem}.rooms__body{flex:1;min-width:12rem;display:flex;flex-direction:column}.rooms__body small{color:var(--ink-soft)}@media (max-width: 860px){.host{grid-template-columns:1fr}.host-join{position:static}.topic-results li{grid-template-columns:1fr auto}.topic-results li .meter{grid-column:1 / -1}}@media print{.print-hide,.host-join,.seg{display:none!important}.host{display:block}.exam-host .panel>*{display:revert!important}.exam-host .panel .print-hide,.exam-host .panel .seg{display:none!important}}.review{width:min(1200px,100%)}.review__topics{display:flex;flex-wrap:wrap;gap:.5rem}.review__topic{display:flex;flex-direction:column;align-items:flex-start;padding:.5rem .8rem;border-radius:.9rem;cursor:pointer;background:var(--surface-glass);color:var(--ink);border:2px solid transparent;font-weight:800;text-align:left}.review__topic small{font-weight:600;color:var(--ink-soft)}.review__topic.is-on{border-color:var(--accent-dark);background:var(--surface)}.review__warn{color:#b45309}.review__main{display:flex;flex-direction:column;gap:1rem}.review__filters{gap:.6rem}.review-item{border-left:8px solid var(--line-strong)}.review-item--unsicher{border-left-color:#f59e0b}.review-item--freigegeben{border-left-color:var(--ok)}.review-item--gesperrt{border-left-color:var(--wrong);opacity:.75}.review-item__head{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.review-item__preview{padding:.8rem;border-radius:1rem;background:var(--surface-2)}.review-item__meta{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;font-size:.95rem}.review-item__meta dt{font-weight:800;color:var(--ink-soft)}.review-item__note{display:flex;flex-direction:column;gap:.2rem;font-weight:800}.review-item__note textarea{padding:.5rem;border-radius:.6rem;border:2px solid var(--line-strong);font-weight:500}.review-queue__bar{gap:.5rem}.review-queue__nav{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}.review-queue__progress{width:100%;height:.6rem;accent-color:var(--accent-dark)}.review-queue__topic{margin:0;font-weight:800;font-size:1.1rem}.review-queue__summary{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.3rem}.review-item__rule{margin-top:.2rem;color:var(--ink-soft)}.linklike{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}.review-item__actions{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width: 600px){:root{font-size:16px}html.big-text{font-size:19px}.view-header__sub,.view-header--back .brand-name{display:none}.home{padding-top:1.2rem}.area-tabs{width:100%}.area-tabs__tab{flex:1;padding:.5rem .6rem}.task{padding:1rem}.task-text{font-size:1.2rem;line-height:2.4}.kb-rank{grid-template-columns:1fr;text-align:center}.kb-rank__title{justify-content:center}.speak-btn__text,.hide-sm{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn-check{width:100%}.toolbar .btn{flex:1 1 auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body{background:#fff;color:#000}.view-header,.btn,.lc__more,.lc__sync,.lc-info,.panel>:not(.print-only){display:none!important}.panel{box-shadow:none}.print-only{display:block!important;text-align:center;font-size:1.3rem}}.task-lock{border:none;margin:0;padding:0;min-width:0}.task-lock:disabled{opacity:.75}.task-gap{white-space:pre-line}.custom{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.custom__row{display:flex;gap:.4rem;align-items:flex-start;flex-wrap:wrap}.custom__row>label{flex:1 1 260px}.custom__actions{display:flex;gap:.3rem}.custom__bar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.custom__editor{display:flex;flex-direction:column;gap:.7rem;border:2px solid var(--accent)}.custom__text,.custom__input{padding:.5rem .7rem;border-radius:.7rem;border:2px solid var(--line-strong);font-size:1.05rem;color:var(--ink);background:var(--surface);font-weight:500;min-height:44px;width:100%}.custom__text:focus,.custom__input:focus{outline:3px solid var(--accent);border-color:var(--accent)}.custom__options{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.custom__options legend{font-weight:800;font-size:.9rem;color:var(--ink-soft);margin-bottom:.3rem}.custom__option{display:flex;gap:.5rem;align-items:center}.custom__option input[type=radio]{width:24px;height:24px;flex:none;accent-color:var(--accent-dark)}.custom__errors{margin:0;padding:.6rem .6rem .6rem 1.6rem;border-radius:.7rem;background:#fef2f2;color:#991b1b;font-weight:700}.custom__preview{border:2px dashed var(--line-strong);border-radius:.9rem;padding:.8rem;display:flex;flex-direction:column;gap:.6rem}.custom__preview-h{margin:0;font-size:.9rem;font-weight:800;color:var(--ink-soft)}.custom__ok{color:var(--ok);font-weight:800}.custom__wrong{color:#991b1b;font-weight:700}.monster{display:block;flex:none;border-radius:1.2rem;max-width:100%;height:auto}.monster--anim .monster__figure{animation:monster-bob 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.monster--anim .monster__eyes{animation:monster-blink 5s infinite;transform-box:fill-box;transform-origin:50% 50%}.monster--anim .monster__sparkle{animation:monster-twinkle 2.4s ease-in-out infinite}@keyframes monster-bob{0%,to{translate:0 0}50%{translate:0 -4px}}@keyframes monster-blink{0%,94%,to{scale:1 1}96%{scale:1 .1}}@keyframes monster-twinkle{0%,to{opacity:1}50%{opacity:.4}}.levelup__grow{animation:monster-grow 1.1s cubic-bezier(.34,1.56,.64,1) both}.levelup__pop{animation:monster-grow .7s cubic-bezier(.34,1.56,.64,1) both}@keyframes monster-grow{0%{scale:.6}to{scale:1}}@media (prefers-reduced-motion: reduce){.monster--anim .monster__figure,.monster--anim .monster__eyes,.monster--anim .monster__sparkle,.levelup__grow,.levelup__pop{animation:none}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:16px;background:#0f172a8c;overflow:auto}.dialog{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;align-items:center;text-align:center}.dialog:focus{outline:none}body.has-dialog{overflow:hidden}.levelup__title{font-size:1.4rem;font-weight:900}.levelup__actions{justify-content:center}.picker{align-items:stretch;text-align:left}.picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.5rem}.picker__opt{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem;border-radius:1rem;border:3px solid var(--line);background:var(--surface-2);font-weight:800;cursor:pointer;color:var(--ink)}.picker__opt.is-on{border-color:var(--accent-dark);background:var(--accent-soft)}.picker__row{display:flex;gap:.4rem}.picker__row input{flex:1;min-width:0}.save-image{display:inline-flex;flex-direction:column;align-items:center;gap:.2rem}.save-image small{color:var(--ink-soft);font-weight:600;max-width:22rem}.save-image__card{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.kb-rank__avatar{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:1rem}.kb-rank__name{font-weight:900;text-align:center;display:flex;flex-direction:column}.kb-rank__name small{font-weight:700;color:var(--ink-soft)}.kb-hatch{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem;border-radius:1rem;border:3px dashed var(--accent);background:var(--accent-soft);font-weight:800;cursor:pointer}.kb-hatch span{font-size:3.5rem}.wardrobe{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:1rem;align-items:start}.wardrobe__stage{display:flex;flex-direction:column;align-items:center;gap:.6rem}.wardrobe__shelf{display:flex;flex-direction:column;gap:.6rem;min-width:0}.wardrobe__items{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.5rem}.wardrobe__item{width:100%;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem;border-radius:1rem;border:3px solid var(--line);background:var(--surface-2);color:var(--ink);font-weight:800;font-size:.85rem;cursor:pointer;text-align:center;min-height:48px}.wardrobe__item.is-on{border-color:var(--accent-dark);background:var(--accent-soft)}.wardrobe__item.is-locked{cursor:not-allowed;opacity:.7}.wardrobe__item small{font-weight:600;color:var(--ink-soft);font-size:.75rem}.wardrobe__lock{display:grid;place-items:center;width:72px;height:72px;border-radius:1rem;background:var(--line);font-size:1.8rem}.kb-stages{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.kb-stages li{display:flex;flex-direction:column;align-items:center;width:6.4rem;padding:.3rem;border-radius:.8rem;background:var(--surface-3);font-size:.8rem;font-weight:800;text-align:center;opacity:.5;filter:grayscale(1)}.kb-stages li.is-got{opacity:1;filter:none;background:var(--accent-soft)}.kb-stages small{font-weight:600;color:var(--ink-soft)}@media (max-width: 640px){.wardrobe{grid-template-columns:1fr}}.course--locked{cursor:default;background:var(--surface-3);border-style:dashed}.course__actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.meter--goal{position:relative;overflow:visible}.meter--goal>span{overflow:hidden}.meter--goal>i{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1px;border-radius:2px;background:var(--ink)}.course-dot.is-locked{opacity:.45}.summary__hatch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;font-weight:800}:root,[data-style=bunt]{--glass: rgba(255,255,255,.74);--glass-strong: rgba(255,255,255,.86);--glass-line: rgba(255,255,255,.65);--glass-dark: rgba(15,23,42,.5);--glass-blur: 18px}[data-style=klar]{--glass: rgba(255,255,255,.72);--glass-strong: rgba(255,255,255,.9);--glass-line: rgba(15,23,42,.08);--glass-dark: rgba(255,255,255,.88)}[data-style=nacht]{--glass: rgba(22,29,47,.6);--glass-strong: rgba(22,29,47,.82);--glass-line: rgba(255,255,255,.08);--glass-dark: rgba(22,29,47,.85)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 8% 65%,rgba(255,255,255,.22),transparent 38%),radial-gradient(circle at 92% 4%,rgba(244,114,182,.26),transparent 34%)}[data-style=klar] body:before{background:radial-gradient(circle at 8% 65%,rgba(124,58,237,.07),transparent 40%),radial-gradient(circle at 92% 4%,rgba(14,165,233,.08),transparent 36%)}[data-style=nacht] body:before{background:radial-gradient(circle at 8% 65%,rgba(124,58,237,.16),transparent 42%),radial-gradient(circle at 92% 4%,rgba(6,182,212,.1),transparent 36%)}#root{position:relative;z-index:1}.view-header{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}html.at-top .view--home .view-header{background:transparent;border-bottom-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.home{padding-top:0;gap:2.4rem}.hero{position:relative;width:100%;min-height:calc(100vh - var(--header-h));min-height:calc(100svh - var(--header-h));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0 5.5rem}.hero__inner{width:min(1060px,100%);display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,3.5vh,2.2rem);transform:translateY(calc(var(--p, 0) * -70px)) scale(calc(1 - var(--p, 0) * .06));opacity:calc(1 - var(--p, 0) * .85);transform-origin:50% 30%;will-change:transform,opacity}.hero .stage{width:100%;background:var(--glass);backdrop-filter:blur(var(--glass-blur)) saturate(1.5);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.5);border:1px solid var(--glass-line);box-shadow:0 30px 80px #0f172a47,inset 0 1px #fff6}.hero .stage__info{padding:clamp(1.4rem,3vw,2.4rem);gap:1.2rem}.hero .stage__show{background:radial-gradient(circle at 50% 42%,#ffffff8c,#fff0 60%),#ffffff24}.hero .stage__monster{width:clamp(150px,min(60vw,34vh),280px);height:clamp(150px,min(60vw,34vh),280px)}.hero .home__title{font-size:clamp(2rem,min(7vw,7.5vh),3.8rem)}.hero .stage__level{width:96px;height:96px}.hero .stage__level strong{font-size:2.7rem}.hero .stage__rank>span{font-size:1.9rem}.hero .stage__key{background:var(--glass-strong)}[data-style=klar] .hero .stage__show{background:color-mix(in srgb,var(--accent) 10%,transparent)}[data-style=nacht] .hero .stage__show{background:radial-gradient(circle at 50% 42%,rgba(168,85,247,.35),transparent 62%),#0b102059}[data-style=nacht] .hero .stage{box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff0f}.hero__down{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem;background:none;border:0;color:var(--on-page);font:inherit;font-weight:800;cursor:pointer;opacity:calc(1 - var(--p, 0) * 3)}.hero__arrow{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-size:1.3rem;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink);animation:hero-bounce 1.8s ease-in-out infinite}@keyframes hero-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.menu-wrap{width:min(1060px,100%);display:flex;flex-direction:column;scroll-margin-top:var(--header-h)}.area-bar{position:sticky;top:calc(var(--header-h) + .6rem);z-index:5;display:flex;justify-content:center;margin-bottom:1.6rem;pointer-events:none}.menu-wrap .area-bar .area-tabs{pointer-events:auto;background:var(--glass-dark);border:1px solid var(--glass-line);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 10px 30px #0f172a33}.menu{width:100%;gap:2.4rem}.menu__h{display:flex;align-items:center;gap:.7rem;font-size:1.45rem;margin-bottom:.9rem;text-shadow:none}.menu__h-icon{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.9rem;font-size:1.35rem;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.menu__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.1rem}.recipe-tile{background:var(--glass-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-line)}.recipe-tile:hover{box-shadow:0 24px 50px #0f172a47,0 0 0 2px var(--accent)}.home__row,.home__footer{width:min(1060px,100%)}html.fx-reveal [data-reveal]:not(.is-in){opacity:0}html.fx-reveal [data-reveal].is-in{animation:reveal-in .7s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i, 0) * 90ms)}@keyframes reveal-in{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:none}}@media (max-height: 860px) and (min-width: 761px){.hero{padding:.5rem 0 4.6rem}.hero__inner{gap:.9rem}.home__sub{margin-top:.1rem;font-size:1rem}.hero .stage__info{padding:1.2rem 1.6rem;gap:.75rem}.hero .stage__level{width:80px;height:80px}.hero .stage__level strong{font-size:2.2rem}.hero .stage__rank>span{font-size:1.6rem}.hero .stage__key{padding:.55rem .9rem}.hero .stage__key-code{font-size:1.25rem}.hero .stage__show{padding:1rem}}@media (max-width: 760px){.hero{padding-bottom:4.6rem}.hero__inner{transform:none;opacity:1}.hero .stage__monster{width:clamp(130px,min(46vw,26vh),210px);height:clamp(130px,min(46vw,26vh),210px)}.hero .stage__show{padding:1rem .8rem .9rem;gap:.4rem}.home__sub{font-size:.95rem}.menu-wrap .area-bar .area-tabs__tab{min-height:44px;padding:.35rem .8rem;font-size:.95rem;white-space:nowrap}.menu__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.hero__inner{transform:none;opacity:1}.hero__arrow{animation:none}html.fx-reveal [data-reveal]{animation:none;opacity:1}}.topic-page{width:min(1100px,100%);margin:0 auto;display:flex;flex-direction:column;gap:1.6rem}.topic-section__h{font-size:1.35rem;font-weight:900;color:var(--on-page)}.topic-hero{display:grid;grid-template-columns:auto 1fr minmax(260px,360px);gap:1.4rem;align-items:center;padding:clamp(1.2rem,3vw,2rem);border-radius:calc(var(--radius-lg) * 1.3);background:var(--glass);border:1px solid var(--glass-line);color:var(--ink);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 24px 60px #0f172a38}.topic-hero__icon{display:grid;place-items:center;width:104px;height:104px;border-radius:1.6rem;font-size:3.6rem;background:var(--gradient);box-shadow:0 12px 30px #0f172a40,inset 0 0 0 4px #ffffff59}.topic-hero__text{display:flex;flex-direction:column;gap:.3rem;min-width:0}.topic-hero__kicker{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-darker)}.topic-hero__title{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:900;line-height:1.1;letter-spacing:-.02em}.topic-hero__short{color:var(--ink-soft);font-size:1.05rem}.topic-hero__stat{margin-top:.3rem;font-weight:800;font-size:.92rem;color:var(--ink-soft)}.topic-kurs{display:flex;flex-direction:column;gap:.6rem;padding:1.1rem 1.2rem;border-radius:var(--radius-lg);background:var(--accent-soft);border:2px solid var(--accent-dark)}.topic-kurs__h{font-size:1.2rem;font-weight:900}.topic-kurs p{font-size:.95rem}.topic-kurs .btn{width:100%}.topic-kurs--done{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.7rem;border:1px solid var(--line);background:var(--surface-2)}.topic-kurs--done>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:8rem}.topic-kurs--done small{color:var(--ink-soft)}.topic-kurs__badge{font-size:2rem}.topic-kurs--done .btn{width:auto}.course-path-wrap{display:flex;flex-direction:column;gap:.9rem}.course-path{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.course-path:before{content:"";position:absolute;left:16%;right:16%;top:98px;height:4px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--glass-line) 0 12px,transparent 12px 22px);opacity:.9}.course-path__step{position:relative;display:flex}.course--card{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center;padding:1.2rem 1.1rem 1.1rem;border-radius:var(--radius-lg);background:var(--glass-strong);border:1px solid var(--glass-line);border-bottom-width:1px;color:var(--ink);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 34px #0f172a29;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}button.course--card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 22px 44px #0f172a3d,0 0 0 2px var(--accent)}.course--card .course__name{font-size:1.2rem}.course--card .course__text{font-size:.92rem;flex:1}.course--card .course__state{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem}.course--card .tag--suggest{margin-left:0}.course__go{margin-top:.2rem;padding:.45rem 1rem;border-radius:999px;font-weight:900;font-size:.95rem;background:var(--surface-3);color:var(--ink)}.course--suggested{border:2px solid var(--accent-dark);background:var(--glass-strong);box-shadow:0 18px 40px #0f172a33,0 0 0 5px color-mix(in srgb,var(--accent) 22%,transparent)}.course--suggested .course__go{background:var(--accent-dark);color:#fff}.course--done .course__go{background:var(--ok-soft);color:var(--ok)}.course--card.course--locked{background:var(--glass);border-style:dashed;border-width:2px;border-color:var(--line-strong);box-shadow:none}.course--card.course--locked .meter{width:100%}.course--card .course__actions{justify-content:center}.ring{position:relative;display:grid;place-items:center;width:80px;height:80px;z-index:1}.ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.ring__track{fill:var(--surface);stroke:var(--line);stroke-width:7}.ring__bar{fill:none;stroke:var(--accent-dark);stroke-width:7;stroke-linecap:round;transition:stroke-dasharray .6s ease}.ring--done .ring__bar{stroke:var(--emerald)}.ring--done .ring__icon{color:var(--emerald-darker);font-weight:900}.ring--locked .ring__track{fill:var(--surface-3)}.ring__icon{position:relative;font-size:2rem;line-height:1}[data-style=nacht] .ring--done .ring__icon{color:var(--ok)}.topic-notes{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.topic-note{flex:1 1 280px;padding:.6rem .9rem;border-radius:var(--radius);font-size:.92rem;color:var(--ink);background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.topic-recipe{display:flex;flex-direction:column;gap:.9rem}.topic-recipe__bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem}.topic-recipe .recipe-card__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:.8rem}.topic-recipe .recipe-card{padding:clamp(1.2rem,3vw,2rem)}@media (max-width: 860px){.topic-hero{grid-template-columns:auto 1fr}.topic-kurs,.topic-kurs--done{grid-column:1 / -1}.course-path{grid-template-columns:1fr}.course-path:before{left:50%;right:auto;top:2rem;bottom:2rem;width:4px;height:auto;background:repeating-linear-gradient(180deg,var(--glass-line) 0 12px,transparent 12px 22px)}.topic-recipe .recipe-card__steps{grid-template-columns:1fr}}@media (max-width: 480px){.topic-hero{gap:.9rem}.topic-hero__icon{width:72px;height:72px;font-size:2.5rem;border-radius:1.2rem}}[data-style=klar]{--page-bg: linear-gradient(180deg, #f4f6f9 0%, #e9edf2 100%);--page-base: #e9edf2;--on-page: #0f172a;--muted: #475569;--radius: .55rem;--radius-lg: .8rem;--shadow-card: 0 1px 2px rgba(15,23,42,.06), 0 6px 18px rgba(15,23,42,.07);--surface-glass: #fff;--paper: #fff;--paper-line: transparent}[data-style=klar] .view-header{background:#ffffffe0;border-bottom:1px solid var(--line);color:var(--ink)}[data-style=klar] .back-btn,[data-style=klar] .header-btn,[data-style=klar] .score-pill{background:var(--surface-3);border-color:var(--line);color:var(--ink)}[data-style=klar] .back-btn:hover,[data-style=klar] .header-btn:hover{background:var(--line)}[data-style=klar] .header-btn--on{background:var(--accent-dark);color:#fff}[data-style=klar] .rank-pill{background:var(--surface);border:1px solid var(--line)}[data-style=klar] .btn{border-bottom-width:2px}[data-style=klar] .btn-primary{background:var(--accent-dark);color:#fff;border-bottom-color:var(--accent-darker);box-shadow:none}[data-style=klar] .btn-primary:hover:not(:disabled){background:var(--accent-darker)}[data-style=klar] .btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-bottom:2px solid var(--line-strong);-webkit-backdrop-filter:none;backdrop-filter:none}[data-style=klar] .btn-ghost:hover:not(:disabled){background:var(--surface-3)}[data-style=klar] .home__title{font-size:clamp(2rem,5vw,2.8rem);font-weight:800;text-shadow:none;letter-spacing:-.03em}[data-style=klar] .home__title span{display:none}[data-style=klar] .area-tabs{background:var(--surface-3);border:1px solid var(--line)}[data-style=klar] .area-tabs__tab{color:var(--ink-soft)}[data-style=klar] .area-tabs__tab--on{background:var(--surface);color:var(--accent-darker);box-shadow:0 1px 3px #0f172a1f}[data-style=klar] .soon-chip{border-color:var(--line-strong);background:var(--surface)}[data-style=klar] .home__join{color:var(--ink);background:var(--surface);border-color:var(--line-strong)}[data-style=klar] .home__join:hover{background:var(--surface-3)}[data-style=klar] .home__footer a{color:var(--accent-darker)}[data-style=klar] .round__bar{background:var(--line)}[data-style=klar] .round__bar>span:first-child{background:var(--accent-dark)}[data-style=klar] .kurs__dots li{background:var(--line);border-color:var(--line-strong)}[data-style=klar] .kurs__dots li.is-now{background:var(--accent-dark);border-color:var(--accent-dark)}[data-style=klar] .stage{box-shadow:var(--shadow-card);border:1px solid var(--line)}[data-style=klar] .stage__show{background:var(--accent-soft)}[data-style=klar] .stage__egg{color:var(--ink)}[data-style=klar] .stage__egg-text{text-shadow:none}[data-style=klar] .stage__level{background:var(--accent-dark);box-shadow:none}[data-style=klar] .stage__plate{background:var(--ink);box-shadow:none}[data-style=klar] .stage__key{background:var(--surface-2);border:1px solid var(--line-strong)}[data-style=klar] .stage__key-code,[data-style=klar] .stage__key-cta{color:var(--accent-darker)}[data-style=klar] :focus-visible{outline-color:var(--accent-dark)}[data-style=nacht]{--page-bg: radial-gradient(900px 500px at 15% -10%, rgba(124,58,237,.35), transparent 70%), radial-gradient(800px 500px at 100% 0%, rgba(6,182,212,.18), transparent 70%), #0b1020;--page-base: #0b1020;--on-page: #e5e7eb;--muted: #9aa4b2;--ink: #e5e7eb;--ink-soft: #a3adbd;--radius: .6rem;--radius-lg: .9rem;--shadow-card: 0 1px 0 rgba(255,255,255,.04) inset, 0 10px 30px rgba(0,0,0,.45);--surface: #161d2f;--surface-glass: #141b2c;--surface-2: #1b2338;--surface-3: #212a40;--line: #2c3650;--line-strong: #3b4764;--paper: #161d2f;--paper-line: transparent;--accent-soft: #1f1a36;--accent-darker: #c4b5fd;--ok: #34d399;--ok-soft: #0f2a24;--wrong: #f87171;--wrong-soft: #2d1518;color-scheme:dark}[data-style=nacht][data-theme=marille],[data-style=nacht] [data-theme=marille]{--accent-darker: #fdba74;--accent-soft: #2b1d14}[data-style=nacht][data-theme=basilikum],[data-style=nacht] [data-theme=basilikum]{--accent-darker: #86efac;--accent-soft: #11261b}[data-style=nacht][data-theme=heidelbeere],[data-style=nacht] [data-theme=heidelbeere]{--accent-darker: #a5b4fc;--accent-soft: #1a1d3a}[data-style=nacht][data-theme=schoko],[data-style=nacht] [data-theme=schoko]{--accent-darker: #fcd34d;--accent-soft: #2a2014}[data-style=nacht] .view-header{background:#0b1020cc;border-bottom:1px solid var(--line)}[data-style=nacht] .back-btn,[data-style=nacht] .header-btn,[data-style=nacht] .score-pill{background:var(--surface-2);border-color:var(--line);color:var(--ink)}[data-style=nacht] .back-btn:hover,[data-style=nacht] .header-btn:hover{background:var(--surface-3)}[data-style=nacht] .header-btn--on{background:var(--accent-dark);color:#fff}[data-style=nacht] .rank-pill{background:var(--surface-2);border:1px solid var(--line);color:var(--ink)}[data-style=nacht] .btn{border-bottom-width:2px}[data-style=nacht] .btn-primary{background:var(--accent);color:#0b1020;border-bottom-color:var(--accent-dark);box-shadow:0 0 24px #a855f740}[data-style=nacht] .btn-primary:hover:not(:disabled){filter:brightness(1.1);background:var(--accent)}[data-style=nacht] .btn-ghost{background:var(--surface-2);color:var(--ink);border:1px solid var(--line-strong);border-bottom:2px solid var(--line-strong);-webkit-backdrop-filter:none;backdrop-filter:none}[data-style=nacht] .btn-ghost:hover:not(:disabled){background:var(--surface-3)}[data-style=nacht] .btn-danger{background:var(--surface-2);border-color:#7f1d1d}[data-style=nacht] .home__title{font-weight:800;text-shadow:0 0 40px rgba(168,85,247,.45);letter-spacing:-.03em}[data-style=nacht] .area-tabs{background:var(--surface);border:1px solid var(--line)}[data-style=nacht] .area-tabs__tab{color:var(--ink-soft)}[data-style=nacht] .area-tabs__tab--on,[data-style=nacht] .seg-btn--on{background:var(--surface-3);color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}[data-style=nacht] .soon-chip{border-color:var(--line-strong);background:var(--surface)}[data-style=nacht] .home__join{color:var(--ink);background:var(--surface);border-color:var(--line-strong)}[data-style=nacht] .home__join:hover{background:var(--surface-2)}[data-style=nacht] .home__footer a{color:var(--accent-darker)}[data-style=nacht] .round__bar{background:var(--surface-3)}[data-style=nacht] .round__bar>span:first-child{background:var(--accent)}[data-style=nacht] .meter{background:var(--surface-3)}[data-style=nacht] .kurs__dots li{background:var(--surface-3);border-color:var(--line-strong)}[data-style=nacht] .kurs__dots li.is-now{background:var(--accent);border-color:var(--accent)}[data-style=nacht] .kurs__examples li{background:var(--surface-2)}[data-style=nacht] .stage{box-shadow:var(--shadow-card);border:1px solid var(--line)}[data-style=nacht] .stage__show{background:radial-gradient(circle at 50% 42%,rgba(168,85,247,.35),transparent 62%),#0f1526}[data-style=nacht] .stage__level{box-shadow:0 0 24px #a855f766}[data-style=nacht] .stage__plate{background:var(--surface-3);color:var(--ink);box-shadow:0 0 0 1px var(--line-strong)}[data-style=nacht] .stage__chip{background:var(--surface-2)}[data-style=nacht] .stage__chip.is-hot{background:#2b1a10;color:#fdba74;box-shadow:inset 0 0 0 1px #9a3412}[data-style=nacht] .stage__key{background:var(--surface-2);border:1px dashed var(--line-strong)}[data-style=nacht] .stage__key-code,[data-style=nacht] .stage__key-cta{color:#fcd34d}[data-style=nacht] .tag--retry,[data-style=nacht] .tag--status-unsicher{background:#2b2210;color:#fcd34d}[data-style=nacht] .tag--review{background:#0c2433;color:#7dd3fc}[data-style=nacht] .kb-badge.is-got{background:var(--surface-2);border-color:#a16207}[data-style=nacht] .exam-table tr.is-weak td{background:#2b2210}[data-style=nacht] :focus-visible{outline-color:var(--accent)}[data-style=nacht] input,[data-style=nacht] textarea,[data-style=nacht] select{color:var(--ink)}.stage--plain{grid-template-columns:1fr}.stage--plain .stage__info{padding:1.6rem 1.8rem}[data-style=bunt]{--page-bg: var(--gradient);--page-base: #4f46e5;--on-page: #fff;--muted: rgba(255,255,255,.85);--ink: #0f172a;--ink-soft: #334155;--radius: 1rem;--radius-lg: 1.5rem;--shadow-card: 0 12px 28px rgba(0,0,0,.18), 0 2px 6px rgba(0,0,0,.08);--surface: #fff;--surface-glass: rgba(255,255,255,.97);--surface-2: #f8fafc;--surface-3: #f1f5f9;--line: #e2e8f0;--line-strong: #cbd5e1;--paper: #fffdf7;--paper-line: #e9e3d3;--ok: #047857;--ok-soft: #ecfdf5;--wrong: #b91c1c;--wrong-soft: #fef2f2;color-scheme:light}.dialog.welcome{width:min(820px,100%)}.welcome .style-pick{width:100%}@media (max-width: 560px){.welcome .style-preview{height:96px}}.style-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}.style-pick--two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.style-pick__opt{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem;cursor:pointer;text-align:center;background:var(--surface-2);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius-lg);font:inherit}.style-pick__opt:hover{border-color:var(--accent)}.style-pick__opt.is-on{border-color:var(--accent-dark);box-shadow:0 0 0 3px var(--accent-soft)}.style-pick__opt strong{font-size:1.1rem}.style-pick__opt small{color:var(--ink-soft)}.style-pick__plain{font-size:4rem;line-height:96px}.style-preview{display:flex;flex-direction:column;gap:.35rem;width:100%;height:130px;padding:0 0 .6rem;overflow:hidden;background:var(--page-bg);color:var(--on-page);border-radius:calc(var(--radius) * .9);text-align:left;pointer-events:none}.style-preview__bar{display:flex;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.65rem;font-weight:800;background:#0f172a59;color:#fff}[data-style=klar] .style-preview__bar{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}[data-style=nacht] .style-preview__bar{background:#0b1020cc;color:var(--ink);border-bottom:1px solid var(--line)}.style-preview__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent)}.style-preview__title{align-self:center;font-weight:900;font-size:1.05rem}.style-preview__card{margin:0 .7rem;padding:.5rem;display:flex;flex-direction:column;gap:.3rem;border-radius:var(--radius);background:var(--surface-glass);box-shadow:var(--shadow-card)}.style-preview__line{height:.4rem;border-radius:99px;background:var(--line-strong)}.style-preview__line--short{width:60%}.style-preview__btn{align-self:flex-start;padding:.1rem .6rem;border-radius:calc(var(--radius) * .6);font-size:.65rem;font-weight:800;background:var(--emerald-soft);color:var(--ink);border-bottom:2px solid var(--emerald-darker)}[data-style=klar] .style-preview__btn{background:var(--accent-dark);color:#fff;border-bottom-color:var(--accent-darker)}[data-style=nacht] .style-preview__btn{background:var(--accent);color:#0b1020;border-bottom-color:var(--accent-dark)}.kb-switch{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem .9rem;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);cursor:pointer}.kb-switch input{flex:none;width:24px;height:24px;margin-top:.1rem;accent-color:var(--accent-dark)}.kb-switch span{display:flex;flex-direction:column}.kb-switch small{color:var(--ink-soft)}.kurs__chef--plain{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--accent-soft);font-size:2rem;border:2px solid var(--accent)}[data-style=nacht] .recipe-card__tip{background:#2b2210;color:#fde68a}[data-style=nacht] .recipe-tile__due{background:#2b2210;color:#fcd34d}[data-style=nacht] .recipe-card__steps>li.is-highlight{background:var(--accent-soft)}[data-style=nacht] .dictation-solution .is-wrong{background:#2b2210;color:#fcd34d}[data-style=nacht] .custom__errors{background:var(--wrong-soft);color:#fca5a5}[data-style=nacht] .celebrate__item{background:#241f10;border-color:#6b5410}