:root{--bg:#f7f2ea;--surface:#fff;--surface-2:#f3ede3;--ink:#191512;--ink-2:#574f46;--muted:#8a8074;--line:#e4dacc;--line-strong:#d2c6b4;--accent:#b4611f;--ok:#2c8c57;--bad:#c0402a;--gold:#bc8c18;--glass:color-mix(in srgb, var(--surface) 52%, transparent);--glass-strong:color-mix(in srgb, var(--surface) 72%, transparent);--glass-soft:color-mix(in srgb, var(--surface) 34%, transparent);--glass-line:color-mix(in srgb, var(--ink) 10%, transparent);--glass-hi:#ffffffb3;--blur:saturate(180%) blur(20px);--blur-sm:saturate(160%) blur(12px);--shade:0 1px 0 var(--glass-hi) inset, 0 12px 30px -20px #281c108c;--shade-lift:0 1px 0 var(--glass-hi) inset, 0 22px 44px -22px #281c1099;--aurora-1:#c86a1e;--aurora-2:#1f6e7a;--aurora-3:#c4941c;--aurora-opacity:.72;--radius:20px;--radius-sm:14px;--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--nav-space:104px}:root[data-theme=dark]{--bg:#100e0d;--surface:#211d1a;--surface-2:#2a2521;--ink:#f4efe7;--ink-2:#c4baad;--muted:#968c81;--line:#322d29;--line-strong:#443d37;--accent:#e08a46;--ok:#4db47a;--bad:#e0705a;--gold:#e0b44a;--glass:#4a423b75;--glass-strong:#4a423ba8;--glass-soft:#4a423b52;--glass-line:#ffffff21;--glass-hi:#ffffff12;--shade:0 1px 0 var(--glass-hi) inset, 0 14px 34px -20px #000000d9;--shade-lift:0 1px 0 var(--glass-hi) inset, 0 26px 50px -22px #000000f2;--aurora-opacity:.58}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#100e0d;--surface:#211d1a;--surface-2:#2a2521;--ink:#f4efe7;--ink-2:#c4baad;--muted:#968c81;--line:#322d29;--line-strong:#443d37;--accent:#e08a46;--ok:#4db47a;--bad:#e0705a;--gold:#e0b44a;--glass:#4a423b75;--glass-strong:#4a423ba8;--glass-soft:#4a423b52;--glass-line:#ffffff21;--glass-hi:#ffffff12;--shade:0 1px 0 var(--glass-hi) inset, 0 14px 34px -20px #000000d9;--shade-lift:0 1px 0 var(--glass-hi) inset, 0 26px 50px -22px #000000f2;--aurora-opacity:.58}}*{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--bg);overflow-x:clip}:root{--vv-offset:0px}body{color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;background:0 0;margin:0;font-size:16px;line-height:1.5;overflow-x:clip}body:before{content:"";z-index:-1;pointer-events:none;opacity:var(--aurora-opacity);background:radial-gradient(46% 38% at 14% 8%, var(--aurora-1), transparent 68%), radial-gradient(44% 36% at 88% 22%, var(--aurora-2), transparent 68%), radial-gradient(52% 44% at 46% 98%, var(--aurora-3), transparent 68%), radial-gradient(38% 32% at 84% 72%, var(--aurora-1), transparent 70%), radial-gradient(34% 30% at 6% 58%, var(--aurora-2), transparent 72%);filter:blur(46px);position:fixed;top:-25%;bottom:-25%;left:-25%;right:-25%}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.022em;margin:0;font-weight:640}::selection{background:var(--accent);color:#fff}.glass{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-line);box-shadow:var(--shade)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--glass:color-mix(in srgb, var(--surface) 94%, transparent);--glass-strong:color-mix(in srgb, var(--surface) 97%, transparent);--glass-soft:color-mix(in srgb, var(--surface) 90%, transparent)}}.app{min-height:100svh;padding-bottom:calc(var(--nav-space) + env(safe-area-inset-bottom,0px) + var(--vv-offset));flex-direction:column;display:flex}.wrap{width:100%;max-width:560px;margin:0 auto;padding:0 18px}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-bottom:1px solid var(--glass-line);padding-top:env(safe-area-inset-top,0px);position:sticky;top:0}.topbar-inner{align-items:center;gap:9px;height:58px;display:flex}.brand{letter-spacing:-.02em;align-items:baseline;gap:7px;margin-right:auto;font-size:15px;font-weight:650;display:flex}.brand span{color:var(--muted);letter-spacing:0;font-size:12.5px;font-weight:500}.chip{background:var(--glass);height:31px;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);box-shadow:0 1px 0 var(--glass-hi) inset;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:13px;font-weight:620;display:inline-flex}.chip.flame{color:#ce6a1c}.chip.flame.cold{color:var(--muted)}.chip.xp{color:var(--gold)}.icon-btn{background:var(--glass);width:36px;height:36px;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);box-shadow:0 1px 0 var(--glass-hi) inset;border-radius:999px;place-items:center;transition:transform .15s,background .15s;display:grid}.icon-btn:hover{background:var(--glass-strong)}.icon-btn:active{transform:scale(.93)}.tabbar{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 16px + var(--vv-offset));z-index:40;background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-line);box-shadow:var(--shade-lift);border-radius:999px;max-width:calc(100vw - 28px);padding:6px;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%)}.tabbar-inner{gap:3px;display:flex}.tab{height:46px;color:var(--muted);letter-spacing:-.01em;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 15px;font-size:13.5px;font-weight:650;transition:background .24s cubic-bezier(.2,.8,.2,1),color .2s,padding .24s cubic-bezier(.2,.8,.2,1);display:inline-flex}.tab:hover{color:var(--ink-2)}.tab svg{flex:none;transition:transform .24s cubic-bezier(.34,1.56,.64,1)}.tab .label{opacity:0;max-width:0;transition:max-width .26s cubic-bezier(.2,.8,.2,1),opacity .18s,margin .26s;display:inline-block;overflow:hidden}.tab[aria-selected=true]{background:var(--ink);color:var(--bg);box-shadow:0 4px 14px -6px color-mix(in srgb, var(--ink) 70%, transparent);padding:0 18px}.tab[aria-selected=true] .label{opacity:1;max-width:120px}.tab[aria-selected=true] svg{transform:scale(1.04)}html.kb-open .tabbar{opacity:0;pointer-events:none;transform:translate(-50%,24px)}html.kb-open .app{padding-bottom:calc(28px + var(--vv-offset))}.hero{padding:26px 0 6px}.hero h1{font-size:27px;line-height:1.14}.hero p{color:var(--ink-2);max-width:42ch;margin:8px 0 0;font-size:14.5px}.overall{border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-line);box-shadow:var(--shade);align-items:center;gap:14px;margin-top:18px;padding:15px 17px;display:flex}.overall .bar{flex:1}.overall .label{color:var(--muted);justify-content:space-between;margin-bottom:7px;font-size:12.5px;font-weight:600;display:flex}.overall .label b{color:var(--ink);font-variant-numeric:tabular-nums}.track{background:color-mix(in srgb, var(--ink) 9%, transparent);border-radius:999px;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.track>i{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 60%, var(--gold)));border-radius:999px;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.course{--c-soft:color-mix(in srgb, var(--c) 16%, transparent);margin-top:30px}.course-head{align-items:flex-start;gap:13px;margin-bottom:4px;display:flex}.course-mark{width:44px;height:44px;color:var(--c);background:var(--c-soft);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid color-mix(in srgb, var(--c) 26%, transparent);box-shadow:0 1px 0 var(--glass-hi) inset;border-radius:14px;flex:none;place-items:center;display:grid}.course-head h2{font-size:18px}.course-head .sub{color:var(--muted);margin-top:2px;font-size:13px}.course-head .count{color:var(--c);background:var(--c-soft);border:1px solid color-mix(in srgb, var(--c) 22%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;margin-left:auto;padding:4px 11px;font-size:12px;font-weight:650}.path{padding:22px 0 4px;position:relative}.node-row{justify-content:center;padding:9px 0;display:flex;position:relative}.node-row[data-off="1"] .node{transform:translate(58px)}.node-row[data-off="3"] .node{transform:translate(-58px)}@media (max-width:400px){.node-row[data-off="1"] .node{transform:translate(34px)}.node-row[data-off="3"] .node{transform:translate(-34px)}}.node{background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;width:132px;padding:0;display:flex;position:relative}.node-disc{width:64px;height:64px;color:var(--muted);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1.5px solid var(--glass-line);box-shadow:var(--shade);border-radius:50%;place-items:center;font-size:19px;font-weight:700;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,background .2s;display:grid}.node:not([disabled]):hover .node-disc{box-shadow:var(--shade-lift);transform:translateY(-2px)scale(1.04)}.node:not([disabled]):active .node-disc{transform:scale(.95)}.node.open .node-disc{border-color:color-mix(in srgb, var(--c) 55%, transparent);color:var(--c)}.node.open:after{content:"";border:2px solid color-mix(in srgb, var(--c) 34%, transparent);pointer-events:none;border-radius:50%;width:74px;height:74px;margin-left:-37px;animation:2.6s ease-in-out infinite halo;position:absolute;top:-5px;left:50%}@keyframes halo{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.2;transform:scale(1.09)}}.node.done .node-disc{background:linear-gradient(160deg, color-mix(in srgb, var(--c) 92%, #fff), var(--c));border-color:color-mix(in srgb, var(--c) 70%, transparent);color:#fff;box-shadow:0 1px 0 #ffffff59 inset, 0 12px 26px -14px var(--c)}.node.locked .node-disc{background:var(--glass-soft)}.node-title{text-align:center;letter-spacing:-.01em;font-size:12.5px;font-weight:620;line-height:1.25}.node.locked .node-title{color:var(--muted)}.stars{gap:2px;height:12px;display:flex}.stars svg{width:12px;height:12px}.stars .on{color:var(--gold)}.stars .off{color:var(--line-strong)}.player{top:0;left:0;right:0;bottom:var(--vv-offset);z-index:60;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(140%)blur(28px);backdrop-filter:saturate(140%)blur(28px);flex-direction:column;animation:.28s cubic-bezier(.2,.8,.2,1) riseIn;display:flex;position:fixed}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}}.player-top{padding:calc(env(safe-area-inset-top,0px) + 12px) 18px 12px;align-items:center;gap:12px;width:100%;max-width:560px;margin:0 auto;display:flex}.hearts{color:var(--bad);flex:none;gap:3px;display:flex}.hearts .gone{color:color-mix(in srgb, var(--ink) 16%, transparent)}.hearts svg{width:17px;height:17px}.player-top,.player-foot{flex:none}.player-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.player-inner{max-width:560px;margin:0 auto;padding:10px 18px 24px}.q-title{letter-spacing:-.02em;margin:14px 0 20px;font-size:20px;line-height:1.28}.prompt-card{border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-line);box-shadow:var(--shade);align-items:center;gap:14px;margin-bottom:20px;padding:20px 18px;display:flex}.prompt-card .text{letter-spacing:-.015em;flex:1;min-width:0;font-size:20px;font-weight:600;line-height:1.35}.prompt-card .text small{color:var(--muted);letter-spacing:0;margin-top:6px;font-size:13px;font-weight:500;display:block}.speak-btn{width:48px;height:48px;color:var(--accent);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);box-shadow:0 1px 0 var(--glass-hi) inset;border-radius:15px;flex:none;place-items:center;transition:transform .15s,background .15s;display:grid}.speak-btn:active{transform:scale(.93)}.speak-btn.big{border-radius:30px;width:96px;height:96px;margin:8px auto 24px}.speak-btn.big svg{width:34px;height:34px}.speak-btn.playing{background:color-mix(in srgb, var(--accent) 18%, transparent)}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;border-radius:var(--radius-sm);background:var(--glass);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);box-shadow:0 1px 0 var(--glass-hi) inset;border-bottom-width:3px;padding:15px 16px;font-size:15.5px;font-weight:550;line-height:1.35;transition:transform .12s,border-color .15s,background .15s,color .15s}.option:not(:disabled):hover{background:var(--glass-strong)}.option:not(:disabled):active{border-bottom-width:2px;transform:translateY(1px)}.option[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:color-mix(in srgb, var(--accent) 15%, var(--glass));color:color-mix(in srgb, var(--accent) 82%, var(--ink))}.option.right{border-color:color-mix(in srgb, var(--ok) 60%, transparent);background:color-mix(in srgb, var(--ok) 16%, var(--glass));color:var(--ok)}.option.wrong{border-color:color-mix(in srgb, var(--bad) 60%, transparent);background:color-mix(in srgb, var(--bad) 16%, var(--glass));color:var(--bad)}.option:disabled{cursor:default}.build-slot{border-radius:var(--radius-sm);background:var(--glass-soft);min-height:110px;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);flex-wrap:wrap;align-content:flex-start;gap:8px;margin-bottom:16px;padding:12px;display:flex}.build-slot>*,.bank>*{max-width:100%}.build-slot.empty:before{content:"Tippe die Wörter in der richtigen Reihenfolge an";color:var(--muted);font-size:13.5px}.bank{flex-wrap:wrap;gap:8px;display:flex}.word{background:var(--glass);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);box-shadow:0 1px 0 var(--glass-hi) inset;border-bottom-width:3px;border-radius:11px;padding:9px 13px;font-size:15px;font-weight:560;transition:transform .12s,opacity .15s}.word:active{transform:translateY(1px)}.word.used{opacity:0;pointer-events:none}.word.placed{background:var(--glass-strong)}.match-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.match-col{flex-direction:column;gap:10px;min-width:0;display:flex}.match-item{border-radius:var(--radius-sm);background:var(--glass);min-height:60px;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);box-shadow:0 1px 0 var(--glass-hi) inset;border-bottom-width:3px;align-items:center;padding:13px 12px;font-size:14px;font-weight:550;line-height:1.3;transition:transform .12s,border-color .15s,background .15s,opacity .25s,color .15s;display:flex}.match-item[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:color-mix(in srgb, var(--accent) 15%, var(--glass));color:var(--accent)}.match-item.matched{opacity:.34;pointer-events:none;color:var(--ok);border-color:color-mix(in srgb, var(--ok) 50%, transparent);background:color-mix(in srgb, var(--ok) 14%, var(--glass))}.match-item.miss{border-color:color-mix(in srgb, var(--bad) 60%, transparent);background:color-mix(in srgb, var(--bad) 16%, var(--glass));animation:.35s shake}@keyframes shake{10%,90%{transform:translate(-2px)}30%,70%{transform:translate(3px)}50%{transform:translate(-3px)}}.text-input{border-radius:var(--radius-sm);background:var(--glass);width:100%;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);border-bottom-width:3px;outline:none;padding:15px 16px;font-size:16.5px;font-weight:550;transition:border-color .15s}.text-input:focus{border-color:color-mix(in srgb, var(--accent) 65%, transparent)}.text-input::placeholder{color:var(--muted);font-weight:450}.cloze-sentence{letter-spacing:-.012em;font-size:19px;font-weight:580;line-height:1.5}.cloze-sentence u{border-bottom:2px solid var(--accent);color:var(--accent);padding:0 22px;text-decoration:none}.player-foot{border-top:1px solid var(--glass-line);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);padding:14px 18px calc(env(safe-area-inset-bottom,0px) + 16px);transition:background .22s,border-color .22s}.player-foot.ok{background:color-mix(in srgb, var(--ok) 16%, var(--glass-strong));border-color:color-mix(in srgb, var(--ok) 32%, transparent)}.player-foot.no{background:color-mix(in srgb, var(--bad) 16%, var(--glass-strong));border-color:color-mix(in srgb, var(--bad) 32%, transparent)}.player-foot .inner{max-width:560px;margin:0 auto}.verdict{align-items:flex-start;gap:11px;margin-bottom:13px;animation:.22s riseIn;display:flex}.verdict .badge{color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.verdict.ok .badge{background:var(--ok)}.verdict.no .badge{background:var(--bad)}.verdict h4{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.verdict.ok h4{color:var(--ok)}.verdict.no h4{color:var(--bad)}.verdict p{color:var(--ink-2);margin:3px 0 0;font-size:14px;line-height:1.42}.verdict p b{color:var(--ink);font-weight:650}.btn{letter-spacing:.005em;background:var(--ink);width:100%;color:var(--bg);box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 68%, #000);border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:15px 18px;font-size:15.5px;font-weight:700;transition:transform .12s,box-shadow .12s,opacity .15s;display:inline-flex}.btn:active{transform:translateY(3px);box-shadow:0 0 #0000}.btn:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.btn.accent{background:var(--accent);color:#fff;box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 62%, #000)}.btn.good{background:var(--ok);color:#fff;box-shadow:0 3px 0 color-mix(in srgb, var(--ok) 62%, #000)}.btn.bad{background:var(--bad);color:#fff;box-shadow:0 3px 0 color-mix(in srgb, var(--bad) 62%, #000)}.btn.ghost{background:var(--glass);color:var(--ink-2);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);box-shadow:none}.combo{z-index:70;background:color-mix(in srgb, var(--ink) 88%, transparent);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);color:var(--bg);box-shadow:var(--shade-lift);pointer-events:none;white-space:nowrap;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700;animation:1.5s cubic-bezier(.2,.8,.2,1) forwards comboPop;position:fixed;top:96px;left:50%;transform:translate(-50%)}@keyframes comboPop{0%{opacity:0;transform:translate(-50%,8px)scale(.9)}14%{opacity:1;transform:translate(-50%)scale(1)}76%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-12px)scale(.96)}}.finish{text-align:center;padding:34px 0 10px}.finish .seal{background:var(--c-soft,color-mix(in srgb, var(--accent) 16%, transparent));width:100px;height:100px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--c,var(--accent));border:1.5px solid color-mix(in srgb, var(--c,var(--accent)) 34%, transparent);box-shadow:0 1px 0 var(--glass-hi) inset, 0 18px 40px -22px var(--c,var(--accent));border-radius:50%;place-items:center;margin:0 auto 20px;animation:.5s cubic-bezier(.34,1.56,.64,1) sealIn;display:grid}@keyframes sealIn{0%{opacity:0;transform:scale(.5)rotate(-12deg)}}.finish h2{letter-spacing:-.025em;font-size:25px}.finish .sub{color:var(--ink-2);margin-top:7px;font-size:14.5px}.big-stars{justify-content:center;gap:8px;margin:22px 0 26px;display:flex}.big-stars svg{width:34px;height:34px}.big-stars .on{color:var(--gold);animation:.45s backwards sealIn}.big-stars .on:nth-child(2){animation-delay:.12s}.big-stars .on:nth-child(3){animation-delay:.24s}.big-stars .off{color:var(--line-strong)}.result-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px;display:grid}.result-cell{border-radius:var(--radius-sm);text-align:center;background:var(--glass);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);box-shadow:0 1px 0 var(--glass-hi) inset;padding:15px 8px}.result-cell b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:21px;display:block}.result-cell span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:600}.new-badges{flex-direction:column;gap:9px;margin-bottom:22px;display:flex}.badge-row{border-radius:var(--radius-sm);background:var(--glass);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);box-shadow:0 1px 0 var(--glass-hi) inset;align-items:center;gap:12px;padding:12px 14px;animation:.35s backwards riseIn;display:flex}.badge-row .glyph{background:color-mix(in srgb, var(--accent) 16%, transparent);width:38px;height:38px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);border-radius:11px;place-items:center;font-size:16px;display:grid}.badge-row b{font-size:14.5px;display:block}.badge-row small{color:var(--muted);font-size:12.5px}.review-list{text-align:left;margin-bottom:22px}.review-list h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px;font-size:13px}.review-item{border-radius:var(--radius-sm);background:var(--glass);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);justify-content:space-between;gap:12px;margin-bottom:8px;padding:11px 14px;font-size:14px;display:flex}.review-item b{font-weight:640}.review-item span{color:var(--muted);text-align:right}.search{margin:18px 0 6px;position:relative}.search svg{color:var(--muted);position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search input{background:var(--glass);width:100%;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-line);box-shadow:0 1px 0 var(--glass-hi) inset;border-radius:999px;outline:none;padding:13px 16px 13px 43px;font-size:15px;transition:border-color .15s}.search input:focus{border-color:color-mix(in srgb, var(--accent) 65%, transparent)}.filters{scrollbar-width:none;gap:8px;padding:12px 0 4px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filter{color:var(--ink-2);white-space:nowrap;background:var(--glass);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);box-shadow:0 1px 0 var(--glass-hi) inset;border-radius:999px;flex:none;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.group-head{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);align-items:center;gap:9px;margin:24px 0 10px;font-size:12px;font-weight:700;display:flex}.group-head .dot{background:var(--c);border-radius:50%;flex:none;width:8px;height:8px}.group-head .n{text-transform:none;letter-spacing:0;margin-left:auto;font-weight:600}.entry{border-radius:var(--radius-sm);background:var(--glass);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);box-shadow:0 1px 0 var(--glass-hi) inset;content-visibility:auto;contain-intrinsic-size:auto 62px;margin-bottom:8px;overflow:hidden}.entry-head{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:13px 14px;display:flex}.entry-head .en{letter-spacing:-.01em;font-size:15px;font-weight:640;display:block}.entry-head .de{color:var(--muted);margin-top:1px;font-size:13.5px;display:block}.entry-head .grow{flex:1;min-width:0}.entry-head .say{color:var(--accent);opacity:.8;flex:none}.entry-body{border-top:1px solid var(--glass-line);padding:13px 14px 14px;animation:.2s riseIn}.entry-body p{margin:0;font-size:14.5px;line-height:1.5}.entry-body p.de{color:var(--muted);margin-top:4px;font-size:13.5px}.entry-body .meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:11px;font-size:11.5px;display:flex}.entry-body .meta i{background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:7px;padding:3px 8px;font-style:normal}.empty{text-align:center;color:var(--muted);padding:46px 20px;font-size:14.5px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0;display:grid}.stat{border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-line);box-shadow:var(--shade);padding:17px}.stat b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:25px;display:block}.stat span{color:var(--muted);font-size:12px;font-weight:600}.badge-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}.badge-cell{text-align:center}.badge-cell .glyph{aspect-ratio:1;background:var(--glass-soft);width:100%;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);color:var(--line-strong);border:1px solid var(--glass-line);border-radius:17px;place-items:center;font-size:21px;transition:transform .18s;display:grid}.badge-cell.have .glyph{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent);box-shadow:0 1px 0 var(--glass-hi) inset, 0 10px 22px -14px var(--accent)}.badge-cell.have .glyph:hover{transform:translateY(-2px)}.badge-cell small{color:var(--muted);margin-top:6px;font-size:10.5px;font-weight:600;line-height:1.25;display:block}.badge-cell.have small{color:var(--ink-2)}.section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:28px 0 10px;font-size:12px;font-weight:700}.row-card{border-radius:var(--radius-sm);background:var(--glass);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-line);box-shadow:0 1px 0 var(--glass-hi) inset;align-items:center;gap:12px;margin-bottom:8px;padding:13px 14px;display:flex}.row-card .grow{flex:1;min-width:0}.row-card b{font-size:14.5px;font-weight:620;display:block}.row-card small{color:var(--muted);font-size:12.5px}.row-card .pill{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:4px 10px;font-size:11.5px;font-weight:700}.row-card .pill.done{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.danger{border-color:color-mix(in srgb, var(--bad) 34%, transparent);color:var(--bad)}.sync-dot{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px}.sync-dot.ok{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 22%, transparent)}.sync-dot.syncing{background:var(--gold);animation:1.1s ease-in-out infinite pulse}.sync-dot.offline{background:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb, var(--bad) 22%, transparent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.code-box{border-radius:var(--radius-sm);background:var(--glass-soft);border:1px dashed color-mix(in srgb, var(--ink) 20%, transparent);justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:13px 15px;display:flex}.code-box code{letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:19px;font-weight:700}.code-box small{color:var(--muted);letter-spacing:0;margin-top:2px;font-size:11.5px;display:block}.link-form{gap:8px;margin-top:10px;display:flex}.link-form input{border-radius:var(--radius-sm);letter-spacing:.1em;text-transform:uppercase;background:var(--glass);border:1px solid var(--glass-line);outline:none;flex:1;min-width:0;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px}.link-form input:focus{border-color:color-mix(in srgb, var(--accent) 65%, transparent)}.link-form button{border-radius:var(--radius-sm);flex:none;width:auto;padding:12px 18px;font-size:14px}.link-msg{margin:8px 0 0;font-size:12.5px}.link-msg.ok{color:var(--ok)}.link-msg.no{color:var(--bad)}.footnote{color:var(--muted);margin:22px 0 6px;font-size:12px;line-height:1.55}.footnote a{color:var(--ink-2)}.confetti{pointer-events:none;z-index:65;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{opacity:0;border-radius:2px;width:7px;height:12px;animation:2.6s cubic-bezier(.3,.7,.5,1) forwards fall;position:absolute;top:-18px}.confetti.rain i{width:6px;height:10px;animation-duration:1.5s}@keyframes fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(105vh)rotate(560deg)}}.q-title,.prompt-card .text,.cloze-sentence,.option,.match-item,.word,.verdict p,.review-item b,.review-item span,.entry-head .en,.entry-head .de,.entry-body p,.row-card b,.row-card small,.node-title,.badge-cell small,.code-box code{overflow-wrap:anywhere;word-break:normal}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.confetti{display:none}}