:root{--bg:#f4f5f7;--surface:#fff;--text:#1c1e21;--muted:#65676b;--border:#dcdfe4;--accent:#1f6feb;--accent-text:#fff;--good:#1a7f37;--good-bg:#e6f4ea;--bad:#c62828;--bad-bg:#fdecea;--almost:#9a6700;--almost-bg:#fff4d6;--der:#1f6feb;--die:#d1242f;--das:#1a7f37;--star:#e3a008;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111214;--surface:#1d1f23;--text:#e8eaed;--muted:#9aa0a6;--border:#33363c;--accent:#4c8dff;--good:#57c46f;--good-bg:#16301e;--bad:#ff6b6b;--bad-bg:#3a1a1a;--almost:#f0c048;--almost-bg:#3a3014;--der:#6ea8ff;--die:#ff7b7b;--das:#6fd38a}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font:17px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}main{max-width:640px;padding:0 max(16px, env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto}h1{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:1.15rem;overflow:hidden}h2{margin:20px 0 10px;font-size:1.05rem}p{margin:8px 0}.muted{color:var(--muted);font-size:.92rem}.credit{color:var(--muted);text-align:center;margin-top:28px;font-size:.8rem}.loading,.error{text-align:center;padding:24px 16px}.error{background:var(--bad-bg);color:var(--bad);margin:0}button{font:inherit;color:inherit;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;min-height:48px;padding:12px 16px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);width:100%;font-weight:600}button.good{background:var(--good);border-color:var(--good);color:#fff;font-weight:600}button.bad{background:var(--bad);border-color:var(--bad);color:#fff;font-weight:600}button.link{color:var(--accent);background:0 0;border:none;min-height:44px;padding:8px 4px}button.icon{background:0 0;border:none;width:44px;padding:0;font-size:1.6rem}.icon-spacer{width:44px}header.top{z-index:5;padding:calc(6px + env(safe-area-inset-top)) 0 6px;background:var(--bg);align-items:center;gap:8px;margin:0 -4px;display:flex;position:sticky;top:0}.row{align-items:center;gap:8px;display:flex}.between{justify-content:space-between}.actions{flex-direction:column;gap:10px;margin-top:16px;display:flex}.actions.two{flex-direction:row}.actions.two>*{flex:1}.card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;margin-bottom:12px;padding:14px 16px;display:block}.module{flex-direction:column;gap:6px;display:flex}.module-title{font-weight:600}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;padding:12px 8px}.stat b{font-size:1.6rem;display:block}.stat span{color:var(--muted);font-size:.8rem}.bar{background:var(--border);border-radius:3px;width:100%;height:6px;display:block;overflow:hidden}.bar>span{background:var(--good);height:100%;display:block}.letters{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.letter{flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.letter b{font-size:1.3rem}.letter small{color:var(--muted);font-size:.75rem}.letter.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface));box-shadow:0 0 0 1px var(--accent) inset}.check{align-items:center;gap:12px;min-height:44px;padding:10px 0;display:flex}.check input{flex:none;width:22px;height:22px}fieldset.choice{border:none;margin:16px 0;padding:0}fieldset.choice legend{margin-bottom:8px;padding:0;font-weight:600}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented button{flex:auto}.segmented button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.progress-line{background:var(--border);border-radius:2px;height:4px;margin:4px 0 12px;overflow:hidden}.progress-line>span{background:var(--accent);height:100%;transition:width .2s;display:block}.prompt{padding:14px 16px 22px}.prompt-text{text-align:center;word-break:break-word;margin:16px 0 4px;font-size:1.5rem;font-weight:600}.star{width:44px;min-height:44px;color:var(--muted);background:0 0;border:none;padding:0;font-size:1.6rem}.star.on{color:var(--star)}form.answer{flex-direction:column;gap:10px;display:flex}form.answer input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;width:100%;padding:14px;font-size:1.15rem}.charbar{flex-wrap:wrap;gap:6px;display:flex}.charbar button{min-width:44px;min-height:44px;padding:6px 10px;font-size:1.1rem}.feedback{border-radius:14px;margin-top:4px;padding:12px 16px}.feedback.correct{background:var(--good-bg)}.feedback.almost{background:var(--almost-bg)}.feedback.wrong{background:var(--bad-bg)}.verdict{font-size:1.2rem;font-weight:700}.feedback.correct .verdict,p.verdict.correct{color:var(--good)}.feedback.almost .verdict{color:var(--almost)}.feedback.wrong .verdict,p.verdict.wrong{color:var(--bad)}.hint{font-size:1rem;font-weight:500}.details{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-top:12px;padding:12px 16px}.details .de{font-size:1.15rem;font-weight:600}.details .pl{border-top:1px solid var(--border);padding-top:8px}.art{font-weight:700}.art-der{color:var(--der)}.art-die{color:var(--die)}.art-das{color:var(--das)}.summary{text-align:center;margin-top:24px}.big{font-size:1.6rem;font-weight:700}.speak{width:44px;min-height:44px;color:var(--accent);vertical-align:middle;background:0 0;border:none;padding:0;font-size:1.25rem}.details .speak{margin-left:-10px}.good-text{color:var(--good)}.almost-text{color:var(--almost)}.bad-text{color:var(--bad)}label.button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:12px 16px;display:flex}input.search{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;width:100%;margin:8px 0;padding:12px;font-size:1.05rem}form.row input.search{flex:1}form.row button{min-width:48px}.result-list,.word-list,.answers{margin:0;padding:0;list-style:none}.result-list li{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:8px;padding:10px 14px}.result-list li.wrong{background:var(--bad-bg);border-color:#0000}.result-list li p{margin:4px 0}.word-row{text-align:left;background:0 0;border-width:0 0 1px;border-radius:0;grid-template-columns:1fr auto;gap:2px 8px;width:100%;padding:10px 4px;display:grid}.word-de{font-weight:600}.word-pl{grid-column:1}.box{grid-area:1/2/span 2;align-self:center;font-size:.8rem}.answers li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.answers li.blocked span{color:var(--muted);text-decoration:line-through}.boxes{text-align:center;grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.boxes div{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 2px}.boxes b{font-size:1.2rem;display:block}.boxes small{color:var(--muted);font-size:.7rem}.table{border-collapse:collapse;width:100%;font-size:.95rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:6px 4px}.table th{color:var(--muted);font-weight:500}input{font-family:inherit}.hint-card{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.hint-card p{margin:6px 0 0;font-size:.95rem}