@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Nunito:wght@400;600;700&display=swap";.avatar-badge{position:relative;flex:none;pointer-events:none}.avatar-badge img{width:100%;height:100%;object-fit:contain;display:block}.avatar-badge--sm{width:var(--avatar-sm);height:var(--avatar-sm)}.avatar-badge--md{width:var(--avatar-md);height:var(--avatar-md)}.avatar-badge--lg{width:var(--avatar-lg);height:var(--avatar-lg)}.avatar-badge--br{position:absolute;right:0;bottom:0}.avatar-badge--happy img{animation:avatar-bounce .5s ease}.avatar-badge--oops img{animation:avatar-tilt .5s ease}@keyframes avatar-bounce{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-12px) scale(1.04)}70%{transform:translateY(2px) scale(.99)}to{transform:translateY(0) scale(1)}}@keyframes avatar-tilt{0%{transform:rotate(0)}25%{transform:rotate(-6deg)}60%{transform:rotate(4deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.avatar-badge--happy img,.avatar-badge--oops img{animation:none}}.home-page{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;padding:var(--page-pad);padding-bottom:calc(var(--page-pad) + var(--avatar-sm) * .65);box-sizing:border-box}.home-wordmark{display:flex;align-items:center;gap:var(--space-s);font-family:var(--font-heading);font-weight:800;font-size:var(--fs-2xl)}.home-actions{margin-top:var(--space-2xl);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-l);width:100%;max-width:min(420px,100%)}.home-btn{font-family:var(--font-heading);font-weight:700;border-radius:var(--radius-pill);cursor:pointer}.home-btn--primary{width:min(300px,100%);height:var(--control-h-lg);border:none;background:var(--accent-schnelle);color:var(--ink);font-size:var(--fs-lg);box-shadow:0 6px 0 var(--accent-schnelle-dark),0 12px 20px #3b2f1d26}.home-btn--secondary{width:min(260px,100%);height:var(--control-h-sm);border:2px solid var(--border-soft);background:transparent;color:var(--ink-soft);font-size:var(--fs-base)}.home-name-form{display:flex;flex-direction:column;gap:var(--space-s);width:100%}.home-name-label{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md);color:var(--ink-soft)}.home-name-form input{height:var(--control-h-sm);border-radius:var(--radius-m);border:2px solid var(--border);background:var(--card);padding:0 var(--space-m);font-size:var(--fs-md);font-family:var(--font-body);width:min(280px,100%);scroll-margin-block:var(--space-2xl)}.home-empty{color:var(--ink-soft)}.home-error{color:var(--danger);font-size:var(--fs-sm);max-width:min(320px,100%)}.home-user-list{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.home-user-row{min-height:var(--tap-min);border-radius:var(--radius-m);border:none;background:var(--card);box-shadow:0 4px 10px #3b2f1d0f;font-size:var(--fs-md);font-weight:700;color:var(--ink);text-align:left;padding:var(--space-s) var(--space-m);cursor:pointer}.hub-page{position:relative;min-height:100vh;min-height:100svh;padding:var(--page-pad);padding-bottom:calc(var(--page-pad) + var(--avatar-md) * .55);box-sizing:border-box}.hub-utility-icons{position:absolute;right:var(--page-pad);top:var(--page-pad);display:flex;gap:var(--space-s)}.hub-greeting{font-family:var(--font-heading);font-weight:800;font-size:var(--fs-h1);margin-bottom:var(--space-l);padding-right:calc(2 * var(--icon-btn) + 2 * var(--space-s))}.hub-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--tile-min-hub),100%),1fr));gap:var(--space-m);max-width:var(--content-max-wide)}.hub-tile-featured{grid-column:1 / -1;flex-direction:row;font-size:var(--fs-lg)}.sr-progress{display:flex;flex-wrap:wrap;gap:var(--dot-gap);margin-bottom:var(--space-l)}.sr-dot{width:var(--dot-size);height:var(--dot-size);flex:none;border-radius:50%;border:2px solid var(--border)}.sr-dot--filled{border:none;background:var(--accent-schnelle-dark)}.sr-prompt{font-family:var(--font-heading);font-weight:800;font-size:var(--fs-prompt);text-align:center;margin-bottom:var(--space-xl);overflow-wrap:anywhere}.sr-options{display:flex;justify-content:center;gap:var(--space-m);flex-wrap:wrap}.sr-tile{width:var(--tile-answer);height:var(--tile-answer);border-radius:var(--radius-xl);border:3px solid var(--accent-schnelle-soft);background:var(--card);cursor:pointer}.sr-emoji{font-size:calc(var(--tile-answer) * .43)}.sr-summary{display:flex;flex-direction:column;align-items:center;gap:var(--space-l);margin-top:var(--space-2xl)}.sr-summary-score{font-family:var(--font-heading);font-weight:800;font-size:var(--fs-score);color:var(--accent-schnelle-dark)}.sr-again-btn{height:var(--control-h);padding:0 var(--space-xl);border-radius:var(--radius-pill);border:none;background:var(--accent-schnelle);color:var(--ink);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-lg);cursor:pointer;box-shadow:0 5px 0 var(--accent-schnelle-dark)}.br-progress{display:flex;flex-wrap:wrap;gap:var(--dot-gap);margin-bottom:var(--space-l)}.br-dot{width:var(--dot-size);height:var(--dot-size);flex:none;border-radius:50%;border:2px solid var(--border)}.br-dot--filled{border:none;background:var(--accent-mathe)}.br-problem{font-family:var(--font-heading);font-weight:800;font-size:var(--fs-display);text-align:center;margin-bottom:var(--space-xl);color:var(--ink);animation:br-problem-pop .3s ease-out}@keyframes br-problem-pop{0%{opacity:0;transform:scale(.9)}}.br-feedback{text-align:center;margin-top:calc(-1 * var(--space-l));margin-bottom:var(--space-l);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md)}.br-feedback--ok{color:var(--ok-dark)}.br-feedback--wrong{color:var(--ink-soft)}.br-mode-toggle{display:flex;justify-content:center;gap:var(--space-s);margin-bottom:var(--space-l)}.br-mode-btn{height:var(--control-h-sm);padding:0 var(--space-l);border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--card);color:var(--ink-soft);font-family:var(--font-body);font-weight:700;font-size:var(--fs-sm);cursor:pointer}.br-mode-btn--active{border-color:var(--accent-mathe);background:var(--accent-mathe);color:#fff}.br-answer-form{display:flex;flex-direction:column;align-items:center}.br-input{display:block;width:min(200px,100%);height:var(--control-h);border-radius:var(--radius-m);border:3px solid var(--border);background:var(--card);padding:0 var(--space-l);font-size:var(--fs-h3);font-family:var(--font-body);text-align:center}.br-submit-btn{margin-top:var(--space-l);height:var(--control-h);padding:0 var(--space-xl);border-radius:var(--radius-pill);border:none;background:var(--accent-mathe);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md);cursor:pointer}.br-submit-btn:disabled{opacity:.5;cursor:default}.br-mic-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-m)}.br-mic-btn{width:var(--mic-btn);height:var(--mic-btn);border-radius:50%;border:none;background:var(--accent-mathe);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 0 var(--accent-mathe-dark),0 16px 28px #3b2f1d26}.br-mic-btn--active{background:var(--ok);box-shadow:0 8px 0 var(--ok-dark),0 0 0 8px #4c9e8e2e,0 16px 28px #3b2f1d26;animation:br-mic-pulse 1.2s ease-in-out infinite}@keyframes br-mic-pulse{50%{box-shadow:0 8px 0 var(--ok-dark),0 0 0 14px #4c9e8e1a,0 16px 28px #3b2f1d26}}.br-mic-hint{color:var(--ink-soft);font-size:var(--fs-xs);text-align:center;max-width:min(280px,100%)}.br-summary{display:flex;flex-direction:column;align-items:center;gap:var(--space-l);margin-top:var(--space-2xl)}.br-summary-score{font-family:var(--font-heading);font-weight:800;font-size:var(--fs-score);color:var(--accent-mathe-dark)}.br-again-btn{height:var(--control-h);padding:0 var(--space-xl);border-radius:var(--radius-pill);border:none;background:var(--accent-mathe);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:var(--fs-lg);cursor:pointer;box-shadow:0 5px 0 var(--accent-mathe-dark)}.gr-progress{display:flex;flex-wrap:wrap;gap:var(--dot-gap);margin-bottom:var(--space-l)}.gr-dot{width:var(--dot-size);height:var(--dot-size);flex:none;border-radius:50%;border:2px solid var(--border)}.gr-dot--filled{border:none;background:var(--accent-deutsch)}.gr-sentence{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-xl);text-align:center;margin-bottom:var(--space-xl);overflow-wrap:anywhere}.gr-blank{display:inline-block;min-width:clamp(64px,3.91vw + 49.9px,100px);border-bottom:4px solid var(--border)}.gr-options{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-m)}.gr-tile{min-width:var(--tile-answer);height:var(--tile-answer-h-sm);padding:0 var(--space-m);border-radius:var(--radius-l);border:3px solid var(--border);background:var(--card);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-h2);color:var(--ink);cursor:pointer}.gr-summary{display:flex;flex-direction:column;align-items:center;gap:var(--space-l);margin-top:var(--space-2xl)}.gr-summary-score{font-family:var(--font-heading);font-weight:800;font-size:var(--fs-score);color:var(--accent-deutsch-dark)}.gr-again-btn{height:var(--control-h);padding:0 var(--space-xl);border-radius:var(--radius-pill);border:none;background:var(--accent-deutsch);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:var(--fs-lg);cursor:pointer;box-shadow:0 5px 0 var(--accent-deutsch-dark)}.es-list{display:flex;flex-direction:column;gap:var(--space-m);max-width:min(var(--content-max),100%)}.es-row{border-radius:var(--radius-l);background:var(--card);box-shadow:0 4px 12px #3b2f1d0f;padding:var(--space-m) var(--space-l);display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);min-height:var(--tap-min);box-sizing:border-box}.es-row>*{min-width:0}@media (max-width: 560px){.es-row{flex-direction:column;align-items:stretch}}.es-label{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-h3)}.es-toggle{width:56px;height:32px;flex:none;border-radius:var(--radius-pill);border:none;background:var(--border-soft);position:relative;cursor:pointer}.es-toggle:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:max(100%,var(--tap-min));height:max(100%,var(--tap-min))}.es-toggle--on{background:var(--accent-schnelle)}.es-toggle-knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--card);transition:left .15s ease}.es-toggle--on .es-toggle-knob{left:27px}.es-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.es-chip{height:var(--control-h-sm);padding:0 var(--space-m);border-radius:var(--radius-pill);border:2px solid var(--border);background:transparent;color:var(--ink-soft);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-sm);cursor:pointer}.es-chip--active{border:none;background:var(--accent-schnelle);color:var(--ink)}.es-value-btn{border:none;background:none;min-height:var(--tap-min);padding-inline:var(--space-xs);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md);color:var(--ink-soft);cursor:pointer}.es-name-form{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.es-name-form input{flex:1 1 160px;min-width:0;height:var(--control-h-sm);border-radius:var(--radius-s);border:2px solid var(--border);padding:0 var(--space-s);font-family:var(--font-body);font-size:var(--fs-base);scroll-margin-block:var(--space-2xl)}.es-name-form button{height:var(--control-h-sm);padding:0 var(--space-m);border-radius:var(--radius-s);border:none;background:var(--accent-schnelle);font-weight:700;cursor:pointer}.st-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:var(--space-m);max-width:var(--content-max-wide)}.st-card{border-radius:var(--radius-l);background:var(--card);box-shadow:0 6px 16px #3b2f1d14;padding:var(--space-l);min-width:0}.st-card--wide{grid-column:1 / -1}.st-card-label{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md);margin-bottom:var(--space-s)}.st-card-score{font-family:var(--font-heading);font-weight:800;font-size:var(--fs-xl);font-variant-numeric:tabular-nums}.st-card-meta{color:var(--ink-soft);font-size:var(--fs-xs);margin-top:var(--space-3xs)}.st-empty{color:var(--ink-soft);font-size:var(--fs-sm)}.st-vocab-list{display:flex;flex-direction:column;gap:var(--space-xs)}.st-vocab-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-xs);font-size:var(--fs-base);padding:var(--space-2xs) 0;border-bottom:1px solid var(--border-soft)}.st-vocab-row>*{min-width:0}.st-vocab-stage{color:var(--ink-soft);text-transform:capitalize}.blitzlesen-page{--panel-light: #F3E6CB;font-family:var(--font-body);background:var(--bg-cream);color:var(--ink);min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow-x:hidden;position:relative}.blitzlesen-card{position:relative;z-index:1;width:100%;max-width:var(--card-max);margin:var(--space-m);background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius-2xl);padding:var(--space-l) var(--space-m) var(--space-m);box-shadow:0 20px 48px #3b2f1d24}.blitzlesen-card h1,.blitzlesen-card h2,.blitzlesen-card h3{font-family:var(--font-heading);margin:0}.blitzlesen-card h1{font-size:30px;font-weight:800;letter-spacing:.5px;color:var(--accent-deutsch-dark)}.blitzlesen-card h2{font-size:22px;font-weight:700;color:var(--ink)}.blitzlesen-card p{color:var(--ink-soft);line-height:1.5}.center{text-align:center}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt28{margin-top:28px}.mascot-wrap{display:flex;justify-content:center;margin:10px 0 6px}.btn{font-family:var(--font-heading);font-weight:700;font-size:17px;border:none;border-radius:18px;padding:16px 20px;cursor:pointer;width:100%;color:var(--card);background:var(--accent-statistik);box-shadow:0 6px 0 var(--accent-statistik-dark);transition:transform .08s ease}.btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--accent-statistik-dark)}.btn.pink{background:var(--accent-deutsch);box-shadow:0 6px 0 var(--accent-deutsch-dark)}.btn.gold{background:var(--accent-schnelle);color:var(--ink);box-shadow:0 6px 0 var(--accent-schnelle-dark)}.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--border-soft);box-shadow:none}.btn.small{padding:10px 14px;font-size:14px;width:auto}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-row{display:flex;gap:10px;margin-top:10px}.btn-row .btn{flex:1}.choice-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}.pill{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md);min-width:56px;min-height:var(--tap-min);padding:var(--space-s) var(--space-m);border-radius:var(--radius-m);-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;text-align:center;background:var(--panel-light);color:var(--ink-soft);border:2px solid transparent;cursor:pointer}.pill.small{font-size:var(--fs-xs);line-height:1.5;padding:var(--space-xs) var(--space-s);min-width:52px}.pill.active{color:var(--card);background:var(--accent-deutsch);border-color:var(--accent-deutsch-dark)}.section-label{font-family:var(--font-heading);font-size:14px;color:var(--ink-soft);letter-spacing:.5px;text-transform:uppercase;margin:20px 0 4px;text-align:center}.stage{height:clamp(112px,5.22vw + 93.2px,160px);border-radius:var(--radius-l);background:var(--panel-light);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;margin:18px 0;position:relative;overflow:hidden}.word{font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:800;color:var(--ink);overflow-wrap:anywhere;text-align:center;padding-inline:var(--space-xs)}.listen-icon{width:64px;height:64px;border-radius:50%;background:var(--accent-deutsch);display:flex;align-items:center;justify-content:center;animation:blitzlesen-pulse 1s ease-in-out infinite}@keyframes blitzlesen-pulse{0%{box-shadow:0 0 #9b72c980}70%{box-shadow:0 0 0 22px #9b72c900}to{box-shadow:0 0 #9b72c900}}.progress{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ink-soft);font-weight:700}.progress-bar{flex:1;height:8px;background:var(--panel-light);border-radius:8px;margin:0 10px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-deutsch);border-radius:8px;transition:width .3s ease}.result-card{border-radius:18px;padding:16px;margin-top:6px}.result-card.ok{background:var(--accent-statistik-soft);border:1px solid var(--ok)}.result-card.bad{background:var(--danger-soft);border:1px solid var(--danger)}.heard{font-size:14px;color:var(--ink-soft);margin-top:4px}.heard b{color:var(--ink)}.hint{font-size:13px;color:var(--ink-soft);text-align:center;margin-top:10px}.badge{display:inline-block;padding:3px 10px;border-radius:10px;font-size:12px;font-weight:700;font-family:var(--font-heading)}.badge.ok{background:var(--accent-statistik-soft);color:var(--ok-dark)}.badge.bad{background:var(--danger-soft);color:var(--danger)}.round-item{background:var(--panel-light);border-radius:14px;padding:12px 14px;margin-top:10px;cursor:pointer}.round-item .top{display:flex;justify-content:space-between;font-weight:700}.word-log{margin-top:8px;border-top:1px solid var(--border-soft);padding-top:8px;font-size:13px}.word-log-row{display:flex;justify-content:space-between;padding:4px 0;color:var(--ink-soft)}.word-log-row b{color:var(--ink)}.empty{text-align:center;color:var(--ink-soft);padding:30px 10px}.dev-btn{position:fixed;bottom:14px;right:14px;width:36px;height:36px;border-radius:50%;background:var(--card);border:1px solid var(--border-soft);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;z-index:5}.dev-panel{position:fixed;bottom:60px;right:14px;width:min(230px,calc(100vw - 28px));background:var(--card);border:1px solid var(--border-soft);border-radius:16px;padding:14px;z-index:6;font-size:13px;box-shadow:0 10px 30px #3b2f1d33}.dev-panel label{display:block;margin-bottom:6px;color:var(--ink-soft)}.dev-panel input[type=range]{width:100%}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.icon-btn{background:none;border:none;color:var(--ink-soft);font-size:var(--fs-lg);cursor:pointer;position:relative}.icon-btn:after,.dev-btn:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:max(100%,var(--tap-min));height:max(100%,var(--tap-min))}.vk-set-list{display:flex;flex-direction:column;gap:var(--space-m);max-width:min(var(--content-max),100%)}.vk-set-row{border-radius:22px;background:var(--card);border:none;box-shadow:0 4px 12px #3b2f1d0f;padding:var(--space-m) var(--space-l);display:flex;align-items:center;gap:var(--space-m);min-height:var(--tap-min);box-sizing:border-box;cursor:pointer;text-align:left}.vk-set-icon{width:48px;height:48px;border-radius:14px;background:var(--accent-vokabeln-soft);display:flex;align-items:center;justify-content:center;flex:none}.vk-set-info{flex:1;min-width:0}.vk-set-wortliste-btn{border:none;background:none;cursor:pointer;position:relative;width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:10px}.vk-set-wortliste-btn:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:max(100%,var(--tap-min));height:max(100%,var(--tap-min))}.vk-set-wortliste-btn:hover{background:var(--accent-vokabeln-soft)}.vk-set-name{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-h3);overflow-wrap:anywhere}.vk-set-meta{font-size:var(--fs-sm);color:var(--ink-soft);margin-top:2px}.vk-new-btn{border-radius:22px;background:var(--accent-vokabeln);border:none;padding:var(--space-m) var(--space-l);display:flex;align-items:center;gap:var(--space-m);min-height:var(--tap-min);box-sizing:border-box;cursor:pointer;box-shadow:0 6px 0 var(--accent-vokabeln-dark),0 12px 20px #3b2f1d1f;font-family:var(--font-heading);font-weight:700;font-size:var(--fs-h3);color:var(--card)}.vk-new-icon{width:48px;height:48px;border-radius:14px;background:#fff9ef40;display:flex;align-items:center;justify-content:center;flex:none}.vk-wordlist{display:flex;flex-direction:column;gap:var(--space-s);max-width:min(var(--content-max),100%)}.vk-wordlist-row{border-radius:18px;background:var(--card);box-shadow:0 4px 12px #3b2f1d0f;padding:var(--space-s) var(--space-m);display:flex;align-items:center;gap:var(--space-m);min-height:var(--tap-min);width:100%}.vk-wordlist-row--button{border:none;cursor:pointer;text-align:left;font:inherit;color:inherit}.vk-word-edit-panel{background:var(--card);border-radius:0 0 18px 18px;margin-top:-8px;padding:var(--space-m);box-shadow:0 4px 12px #3b2f1d0f;display:flex;flex-direction:column;gap:var(--space-s)}.vk-word-edit-meta{display:flex;gap:10px;flex-wrap:wrap}.vk-word-edit-badge{background:var(--accent-vokabeln-soft);color:var(--accent-vokabeln-dark);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.vk-word-edit-confidence{color:var(--ink-soft);font-size:13px;align-self:center}.vk-word-edit-prompt{width:100%;box-sizing:border-box;border-radius:12px;border:2px solid var(--border);padding:var(--space-xs) var(--space-s);font-family:var(--font-body);font-size:var(--fs-base);resize:vertical}.vk-word-edit-actions{display:flex;gap:10px;flex-wrap:wrap}.vk-word-edit-link{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border-soft);padding-top:12px}.vk-word-edit-search{height:var(--tap-min);border-radius:var(--radius-s);border:2px solid var(--border);padding:0 var(--space-s);font-family:var(--font-body);font-size:var(--fs-base)}.vk-word-edit-results{display:flex;flex-direction:column;gap:8px;max-height:min(220px,40vh);overflow-y:auto}.vk-word-edit-result{display:flex;align-items:center;gap:10px;border:1px solid var(--border-soft);background:var(--bg-cream);border-radius:10px;padding:6px 10px;cursor:pointer;text-align:left;font-family:var(--font-body);font-size:14px}.vk-word-edit-result img{width:32px;height:32px;object-fit:contain;flex:none}.vk-word-thumb{width:56px;height:56px;border-radius:14px;background:var(--accent-vokabeln-soft);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:28px;flex:none}.vk-word-thumb--failed{background:var(--danger-soft)}.vk-word-thumb img{width:100%;height:100%;object-fit:cover}.vk-wordlist-info{flex:1;min-width:0}.vk-wordlist-german{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md);overflow-wrap:anywhere}.vk-wordlist-foreign{font-size:var(--fs-sm);overflow-wrap:anywhere;color:var(--ink-soft);margin-top:2px}.vn-form{display:flex;flex-direction:column;gap:var(--space-l);max-width:min(var(--content-max),100%)}.vn-field{display:flex;flex-direction:column;gap:8px}.vn-field-label{font-family:var(--font-heading);font-weight:700;font-size:15px;color:var(--ink-soft)}.vn-field input[type=text]{height:var(--control-h);border-radius:var(--radius-m);border:2px solid var(--border);background:var(--card);padding:0 var(--space-m);font-size:var(--fs-lg);font-family:var(--font-body)}.vn-chips{display:flex;flex-wrap:wrap;gap:var(--space-s)}.vn-chip{height:48px;padding:0 22px;border-radius:999px;border:2px solid var(--border);background:transparent;color:var(--ink-soft);font-weight:700;font-size:17px;cursor:pointer}.vn-chip--active{border:none;background:var(--accent-vokabeln);color:var(--card)}.vn-words{display:flex;flex-direction:column;gap:10px}.vn-word-header{display:flex;gap:12px;padding:0 4px}.vn-word-header span{flex:1;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--ink-soft)}.vn-word-row{display:flex;gap:var(--space-s);align-items:center}@media (max-width: 560px){.vn-word-header{display:none}.vn-word-row{display:grid;grid-template-columns:1fr var(--tap-min);grid-template-rows:auto auto;gap:var(--space-xs)}.vn-remove-btn{grid-column:2;grid-row:1 / 3;width:100%}}.vn-word-row input{flex:1;min-width:0;height:var(--control-h-sm);border-radius:var(--radius-s);background:var(--card);border:2px solid var(--border);padding:0 var(--space-m);font-size:var(--fs-md);font-family:var(--font-body)}.vn-remove-btn{border:none;background:none;cursor:pointer;width:24px;min-height:var(--tap-min);flex:none;display:flex;align-items:center;justify-content:center}.vn-add-btn{display:flex;align-items:center;gap:var(--space-xs);border:none;background:none;min-height:var(--tap-min);padding:var(--space-3xs);cursor:pointer;width:fit-content;color:var(--accent-vokabeln);font-weight:700;font-size:16px;font-family:var(--font-heading)}.vn-save-btn{margin-top:var(--space-xs);width:min(220px,100%);height:var(--control-h);border-radius:999px;border:none;background:var(--accent-schnelle);color:var(--ink);font-family:var(--font-heading);font-weight:700;font-size:20px;cursor:pointer;box-shadow:0 5px 0 var(--accent-schnelle-dark)}.vk-stage-page{position:relative;min-height:100vh;min-height:100svh;padding:var(--page-pad);padding-bottom:calc(var(--page-pad) + var(--avatar-sm) * .65);box-sizing:border-box}.vk-stage-page--review{box-shadow:inset 0 0 0 6px var(--accent-schnelle-soft)}.vk-stage-switcher{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-m)}.vk-stage-switcher-tab{border:2px solid var(--border-soft);background:var(--card);color:var(--ink-soft);border-radius:var(--radius-pill);min-height:var(--tap-min);padding:var(--space-xs) var(--space-m);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-xs);cursor:pointer}.vk-stage-switcher-tab:disabled{opacity:.4;cursor:not-allowed}.vk-stage-switcher-tab--active{border-color:var(--accent-vokabeln);background:var(--accent-vokabeln-soft);color:var(--accent-vokabeln-dark)}.vk-stage-switcher-tab--review{border-color:var(--accent-schnelle-dark);background:var(--accent-schnelle-soft);color:var(--accent-schnelle-dark)}.vk-review-banner{text-align:center;max-width:fit-content;margin:16px auto 0;padding:8px 20px;border-radius:999px;background:var(--accent-schnelle-soft);color:var(--accent-schnelle-dark);font-family:var(--font-heading);font-weight:700;font-size:15px}.vk-review-complete{text-align:center;margin-top:32px}.vk-review-complete-btn{min-height:var(--tap-min);border:none;background:var(--accent-vokabeln);color:var(--card);border-radius:999px;padding:12px 28px;font-family:var(--font-heading);font-weight:700;font-size:16px;cursor:pointer}.vk-picture-card{width:var(--picture-card);height:var(--picture-card);border-radius:var(--radius-2xl);background:var(--accent-vokabeln-soft);box-shadow:0 6px 16px #3b2f1d14;display:flex;align-items:center;justify-content:center;margin:var(--stage-offset-lg) auto 0;font-size:calc(var(--picture-card) * .48)}.vk-picture-card img{width:calc(var(--picture-card) * .8);height:calc(var(--picture-card) * .8);object-fit:contain}.vk-word-card{width:fit-content;min-width:0;max-width:100%;padding:var(--space-l) var(--space-xl);border-radius:var(--radius-2xl);background:var(--card);box-shadow:0 6px 16px #3b2f1d14;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-m);margin:var(--stage-offset) auto 0}.vk-word-text{font-family:var(--font-heading);font-weight:800;font-size:var(--fs-2xl);font-style:italic;overflow-wrap:anywhere;min-width:0}.vk-word-card--schreiben{flex-direction:column;width:var(--picture-card-sm);height:auto;min-height:var(--picture-card-sm);min-width:0;padding:var(--space-s);gap:var(--space-xs);border-radius:var(--radius-l)}.vk-word-card--schreiben img.vk-schreiben-picture{width:calc(var(--picture-card-sm) * .6);height:calc(var(--picture-card-sm) * .6);object-fit:contain}.vk-word-card--schreiben span.vk-schreiben-picture{font-size:calc(var(--picture-card-sm) * .4)}.vk-audio-btn{width:52px;height:52px;border-radius:50%;border:none;background:var(--accent-vokabeln-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.vk-choices{display:flex;justify-content:center;gap:var(--space-m);flex-wrap:wrap;margin-top:var(--space-xl)}.vk-choice-tile{width:var(--tile-choice);height:var(--tile-choice);border-radius:var(--radius-l);border:3px solid var(--border-soft);background:var(--card);font-size:calc(var(--tile-choice) * .4);cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.vk-choice-tile img{width:calc(var(--tile-choice) * .86);height:calc(var(--tile-choice) * .86);object-fit:contain}.vk-choice-tile--word{font-size:var(--fs-h2);font-weight:800;font-family:var(--font-heading);font-style:italic;text-align:center;padding:12px;word-break:break-word}.vk-choice-tile--correct{border-color:var(--ok);background:var(--accent-statistik-soft)}.vk-choice-tile--wrong{border-color:var(--danger);background:var(--danger-soft)}.vk-mic-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-m);margin-top:var(--space-xl)}.vk-mic-hint{color:var(--ink-soft);font-size:var(--fs-xs);text-align:center;max-width:min(280px,100%)}.vk-mic-heard{text-align:center;color:var(--ink-soft);font-size:var(--fs-sm);font-style:italic;margin-top:var(--space-3xs);max-width:min(320px,100%);overflow-wrap:anywhere}.vk-override-btn{border:2px dashed var(--border);background:none;color:var(--ink-soft);border-radius:var(--radius-pill);min-height:var(--tap-min);padding:var(--space-xs) var(--space-m);font-family:var(--font-body);font-size:var(--fs-xs);cursor:pointer}.vk-mic-btn{width:var(--mic-btn);height:var(--mic-btn);border-radius:50%;border:none;background:var(--accent-vokabeln);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 0 var(--accent-vokabeln-dark),0 16px 28px #3b2f1d26}.vk-mic-btn--neutral{background:var(--card);border:3px dashed var(--border);box-shadow:none}.vk-mic-btn--active{background:var(--ok);box-shadow:0 8px 0 var(--ok-dark),0 0 0 8px #4c9e8e2e,0 16px 28px #3b2f1d26;animation:vk-mic-pulse 1.2s ease-in-out infinite}@keyframes vk-mic-pulse{50%{box-shadow:0 8px 0 var(--ok-dark),0 0 0 14px #4c9e8e1a,0 16px 28px #3b2f1d26}}.vk-waveform{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-2xs);height:48px;margin-top:var(--space-l)}.vk-waveform span{width:6px;border-radius:4px;background:var(--accent-vokabeln)}.vk-feedback{text-align:center;margin-top:var(--space-l);font-family:var(--font-heading);font-weight:800;font-size:var(--fs-h1)}.vk-feedback--ok{color:var(--ok-dark)}.vk-feedback--soft{text-align:center;color:var(--ink-soft);font-size:var(--fs-md);margin-top:var(--space-xs);overflow-wrap:anywhere}.vk-spelling-hint{text-align:center;color:var(--ink-soft);font-size:var(--fs-sm);font-style:italic;max-width:min(320px,100%);margin:var(--space-xs) auto 0}.vk-input{display:block;margin:var(--space-l) auto 0;width:min(340px,100%);height:var(--control-h);border-radius:var(--radius-m);border:3px solid var(--border);background:var(--card);padding:0 var(--space-l);font-size:var(--fs-h3);font-family:var(--font-body);text-align:center;scroll-margin-block:var(--space-2xl)}.vk-input--ok{border-color:var(--ok)}.vk-answer-shown{height:auto;min-height:var(--control-h);padding:var(--space-s) var(--space-m);display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}.vk-answer-shown--wrong{color:var(--ink-soft);text-decoration:line-through}.vk-submit-btn{display:block;margin:var(--space-l) auto 0;height:var(--control-h);padding:0 var(--space-xl);border-radius:var(--radius-pill);border:none;background:var(--accent-vokabeln);color:var(--card);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md);cursor:pointer}.vk-done{text-align:center;margin-top:var(--space-2xl);font-family:var(--font-heading);font-weight:800;font-size:var(--fs-h2);color:var(--accent-vokabeln-dark)}.stage-header{position:absolute;right:var(--page-pad);top:var(--page-pad);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-s)}@media (max-width: 700px){.stage-header{position:static;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin:var(--space-s) 0 var(--space-m)}}.stage-header-dots{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--dot-gap)}.stage-dot{width:var(--dot-size);height:var(--dot-size);flex:none;border-radius:50%;border:2px solid var(--border);background:transparent}.stage-dot--filled{border:none;background:var(--accent-vokabeln)}:root{--bg-cream: #FBF0DD;--ink: #3B2F22;--ink-soft: #7A6F5D;--card: #FFF9EF;--border: #D8CBA9;--border-soft: #E4D5B8;--accent-schnelle: #FFB627;--accent-schnelle-dark: #E8940A;--accent-schnelle-soft: #FFEBC2;--accent-mathe: #5D7FD6;--accent-mathe-dark: #3C4F8C;--accent-mathe-soft: #E3EBFC;--accent-vokabeln: #E2714B;--accent-vokabeln-dark: #8C4A30;--accent-vokabeln-soft: #FBE0D6;--accent-deutsch: #9B72C9;--accent-deutsch-dark: #5F3E85;--accent-deutsch-soft: #ECE2F7;--accent-statistik: #4C9E8E;--accent-statistik-dark: #357367;--accent-statistik-soft: #DCEFEA;--ok: var(--accent-statistik);--ok-dark: var(--accent-statistik-dark);--danger: #C8604A;--danger-soft: #F5DAD2;--font-heading: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--space-3xs: 4px;--space-2xs: 6px;--space-xs: 8px;--space-s: 12px;--space-m: clamp(14px, .65vw + 11.7px, 20px);--space-l: clamp(20px, 1.3vw + 15.3px, 32px);--space-xl: clamp(24px, 1.74vw + 17.7px, 40px);--space-2xl: clamp(32px, 3.48vw + 19.5px, 64px);--page-pad: clamp(16px, 2.61vw + 6.6px, 40px);--content-max: 660px;--content-max-wide: 900px;--card-max: 440px;--stage-offset: clamp(24px, 10vw - 12px, 120px);--stage-offset-lg: clamp(28px, 12.2vw - 15.9px, 140px);--fs-xs: 13px;--fs-sm: 15px;--fs-base: 16px;--fs-md: clamp(16px, .22vw + 15.2px, 18px);--fs-lg: clamp(17px, .33vw + 15.8px, 20px);--fs-h3: clamp(18px, .43vw + 16.4px, 22px);--fs-h2: clamp(22px, .65vw + 19.7px, 28px);--fs-h1: clamp(24px, .87vw + 20.9px, 32px);--fs-xl: clamp(26px, .87vw + 22.9px, 34px);--fs-2xl: clamp(28px, 1.3vw + 23.3px, 40px);--fs-3xl: clamp(30px, 1.52vw + 24.5px, 44px);--fs-prompt: clamp(32px, 1.74vw + 25.7px, 48px);--fs-score: clamp(36px, 2.17vw + 28.2px, 56px);--fs-display: clamp(40px, 2.61vw + 30.6px, 64px);--tile-min: clamp(120px, 3.26vw + 108.3px, 150px);--tile-min-hub: clamp(130px, 3.26vw + 118.3px, 160px);--tile-answer: clamp(96px, 5.87vw + 74.9px, 150px);--tile-answer-h: clamp(84px, 5vw + 66px, 130px);--tile-answer-h-sm: clamp(72px, 3.04vw + 61.1px, 100px);--tile-choice: clamp(120px, 4.35vw + 104.3px, 160px);--picture-card: clamp(128px, 7.83vw + 99.8px, 200px);--picture-card-sm: clamp(104px, 3.91vw + 89.9px, 140px);--mic-btn: clamp(132px, 5.22vw + 113.2px, 180px);--control-h: clamp(48px, 1.3vw + 43.3px, 60px);--control-h-lg: clamp(60px, 1.74vw + 53.7px, 76px);--control-h-sm: 44px;--icon-btn: clamp(48px, .87vw + 44.9px, 56px);--tap-min: 44px;--dot-size: clamp(8px, .65vw + 5.7px, 14px);--dot-gap: clamp(5px, .54vw + 3.1px, 10px);--avatar-sm: clamp(88px, 6.74vw + 63.7px, 150px);--avatar-md: clamp(120px, 10.87vw + 80.9px, 220px);--avatar-lg: clamp(180px, 21.74vw + 101.7px, 380px);--radius-s: 12px;--radius-m: 16px;--radius-l: 22px;--radius-xl: 26px;--radius-2xl: 32px;--radius-pill: 999px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--bg-cream);color:var(--ink);font-family:var(--font-body);overflow-wrap:break-word}img,svg,video,canvas{max-width:100%}button,[role=button],input,select,textarea{touch-action:manipulation}input,textarea,select{font-size:var(--fs-base);font-family:var(--font-body)}button{font-family:inherit}.icon-btn-corner{width:var(--icon-btn);height:var(--icon-btn);flex:none;border-radius:50%;background:var(--card);border:none;box-shadow:0 4px 10px #3b2f1d14;display:flex;align-items:center;justify-content:center;cursor:pointer}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--tile-min),100%),1fr));gap:var(--space-m)}.tile-grid--narrow{max-width:min(var(--content-max),100%)}.tile{border-radius:var(--radius-xl);border:none;padding:var(--space-l);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-s);min-height:var(--tile-min);box-shadow:0 6px 16px #3b2f1d14;cursor:pointer;font-family:var(--font-heading);font-weight:700;font-size:var(--fs-lg)}.tile--wide{grid-column:1 / -1;flex-direction:row;justify-content:flex-start;gap:var(--space-m)}.screen-page{position:relative;min-height:100vh;min-height:100svh;padding:var(--page-pad);padding-bottom:calc(var(--page-pad) + var(--avatar-sm) * .65);box-sizing:border-box}.screen-topbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-m);margin-bottom:var(--space-xl)}.screen-topbar>*{min-width:0}.screen-title{font-family:var(--font-heading);font-weight:800;font-size:var(--fs-h1)}.screen-breadcrumb{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md);color:var(--ink-soft)}.error-banner{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-s);padding:var(--space-s) var(--space-m);font-size:var(--fs-sm);max-width:min(500px,100%);margin-bottom:var(--space-m)}.tile-placeholder{border-radius:var(--radius-xl);border:2px dashed var(--border);background:transparent;padding:var(--space-l);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);min-height:var(--tile-min);color:var(--ink-soft);cursor:default}.tap-target{position:relative}.tap-target:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:max(100%,var(--tap-min));height:max(100%,var(--tap-min))}