@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg: #0d0f14;--surface: #171a22;--line: #262b38;--text: #f2f4f8;--muted: #8b92a3;--faint: #6c7384;--accent: #c6ff3d;--on-accent: #0d0f14;--accent-text: #c6ff3d;--accent-line: #c6ff3d;--accent-surface: #1b2012;--second: #7c8cff;--wrong: #ff7a6b;--wrong-surface: #2a1614;--warm: #ffb347;--font: "Outfit Variable", "Segoe UI", system-ui, sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f5f6f1;--surface: #ffffff;--line: #dcdfd3;--text: #12141a;--muted: #5a6170;--faint: #8a90a0;--accent-text: #456b00;--accent-line: #8fc400;--accent-surface: #e9f6c8;--second: #4a5be0;--wrong: #c2331f;--wrong-surface: #fbe6e2;--warm: #d27a00}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.35;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}h1,h2,h3,p{margin:0}[hidden]{display:none!important}#app{max-width:560px;min-height:100dvh;margin:0 auto;padding:env(safe-area-inset-top) 20px calc(28px + env(safe-area-inset-bottom))}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 8px}.logo{font-weight:800;font-size:23px;letter-spacing:-.5px}.logo i{font-style:normal;color:var(--accent-text)}.top-right{display:flex;align-items:center;gap:8px}.streak{font-size:13px;font-weight:600;color:var(--accent-text);background:var(--accent-surface);border-radius:99px;padding:5px 12px}.icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--muted)}.icon:hover{color:var(--text);background:var(--surface)}.icon svg{width:22px;height:22px}.primary{display:block;width:100%;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:17px;padding:16px;border-radius:16px}.primary:active{transform:scale(.985)}.ghost{display:block;width:100%;background:var(--surface);color:var(--text);font-weight:600;font-size:16px;padding:15px;border-radius:16px}.pb{height:4px;background:var(--line);border-radius:2px;overflow:hidden}.pb i{display:block;height:100%;background:var(--accent);border-radius:2px;transition:width .25s ease}.today{margin-top:26px}.today small{color:var(--muted);font-size:14px;letter-spacing:.3px}.today-num{display:flex;align-items:flex-start;gap:8px;margin-top:4px;font-weight:800;font-size:clamp(76px,22vw,104px);line-height:.95;letter-spacing:-3px}.today-num sup{margin-top:10px;font-size:17px;font-weight:600;letter-spacing:0;line-height:1.2;color:var(--accent-text)}.today p{margin-top:6px;color:var(--muted);font-size:15px}.home .primary{margin-top:22px}.home .ghost{margin-top:10px}.stacks{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.st{position:relative;background:var(--surface);border-radius:18px;padding:14px 15px 15px}.st b{display:block;padding-right:40px;font-weight:700;font-size:clamp(17px,5vw,21px)}.st em{font-style:normal;color:var(--muted);font-size:13px}.st .pb{margin-top:14px}.st[data-kind=sentences] .pb i{background:var(--second)}.st .count{display:block;margin-top:7px;color:var(--faint);font-size:12.5px}.st[data-action]{cursor:pointer}.st .topics{display:block;margin-top:3px;color:var(--accent-text);font-size:12.5px;font-weight:600}.st.off .topics{color:var(--faint)}.st .sw{position:absolute;top:14px;right:13px;width:36px;height:22px}.st .sw:after{width:16px;height:16px}.st .sw[aria-checked=true]:after{transform:translate(14px)}.st.off{background:transparent;border:1.5px dashed var(--line);color:var(--faint)}.st.off em,.st.off .count{color:var(--faint)}.st.off .pb i{background:var(--faint)}.sw{flex:none;width:44px;height:26px;border-radius:99px;background:var(--line);position:relative;transition:background .15s}.sw:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.sw[aria-checked=true]{background:var(--accent)}.sw[aria-checked=true]:after{transform:translate(18px);background:var(--on-accent)}.seg{display:flex;background:var(--surface);border-radius:14px;padding:4px}.seg button{flex:1;padding:10px 0;border-radius:11px;font-weight:600;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--text);color:var(--bg)}.q-top{display:flex;align-items:center;gap:12px;padding:14px 0 0;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.q-top .icon{margin-left:-9px}.q-top .pb{flex:1}.q-dir{margin-top:clamp(22px,6dvh,56px);font-size:12.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent-text)}.quiz[data-kind=sentences] .q-dir{color:var(--second)}.q-new{margin-left:8px;padding:2px 8px;border-radius:99px;background:var(--accent-surface);color:var(--accent-text);letter-spacing:.8px}.q-word{margin-top:8px;font-weight:800;font-size:58px;line-height:1.02;letter-spacing:-2px;overflow-wrap:anywhere}.q-word[data-size=m]{font-size:44px;letter-spacing:-1.4px}.q-word[data-size=l]{font-size:34px;letter-spacing:-.8px;line-height:1.1}.q-word[data-size=xl]{font-size:27px;letter-spacing:-.4px;line-height:1.15}.q-hint{margin-top:10px;color:var(--muted);font-size:18px;font-weight:300}.q-form{margin-top:clamp(22px,5dvh,44px)}.q-input{width:100%;background:var(--surface);color:var(--text);font:600 24px var(--font);padding:16px 18px;border-radius:18px;border:1.5px solid var(--accent-line);caret-color:var(--accent-line);outline:none}.q-input::placeholder{color:var(--faint);font-weight:400}.quiz[data-state=right] .q-input{background:var(--accent-surface)}.quiz[data-state=wrong] .q-input{border-color:var(--wrong);background:var(--wrong-surface)}.q-fb{margin-top:16px;min-height:96px}.fb-title{font-size:13px;font-weight:600;letter-spacing:.4px;color:var(--accent-text)}.quiz[data-state=wrong] .fb-title{color:var(--wrong)}.fb-sol{margin-top:3px;font-size:27px;font-weight:700;letter-spacing:-.5px;line-height:1.15;overflow-wrap:anywhere}.fb-sol .pre{color:var(--muted);font-weight:500}.fb-sol u{text-decoration:none;color:var(--accent-text);border-bottom:2px solid var(--accent-line)}.fb-also{margin-top:4px;font-size:15px;color:var(--muted);overflow-wrap:anywhere}.fb-mine{margin-top:6px;font-size:15px;color:var(--muted)}.fb-mine s{color:var(--wrong);text-decoration-thickness:1.5px}.q-actions{margin-top:14px;display:flex;gap:10px}.q-actions .ghost{flex:1}.q-actions .primary{flex:1.3}.q-mode{display:flex;background:var(--surface);border-radius:99px;padding:3px;margin-right:-4px}.q-mode button{display:grid;place-items:center;width:38px;height:32px;border-radius:99px;color:var(--muted)}.q-mode button svg{width:19px;height:19px}.q-mode button[aria-pressed=true]{background:var(--text);color:var(--bg)}.quiz[data-mode=speak] .q-input,.quiz[data-mode=type] .q-mic{display:none}.fb-note{margin-top:8px;font-size:15px;line-height:1.4;color:var(--text)}.fb-note:empty{display:none}.quiz[data-state=wait] .fb-title{color:var(--muted);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.q-mic{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0 2px;--lvl: 0}.mic{position:relative;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--text);border:1.5px solid var(--line)}.mic svg{width:32px;height:32px}.mic:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--accent-line);opacity:0;transform:scale(calc(1 + var(--lvl) * .35));transition:transform .08s linear,opacity .2s}.q-mic[data-state=rec] .mic{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.q-mic[data-state=rec] .mic:before{opacity:.8}.q-mic[data-state=busy] .mic{animation:pulse 1.2s ease-in-out infinite}.q-mic[data-state=off] .mic{opacity:.4}.mic-state{min-height:20px;font-size:14px;color:var(--muted);text-align:center}.done{padding-top:clamp(40px,12dvh,110px)}.done h1{font-weight:800;font-size:46px;line-height:1;letter-spacing:-1.5px}.done h1 i{font-style:normal;color:var(--accent-text)}.done>p{margin-top:12px;color:var(--muted);font-size:17px}.facts{margin:28px 0 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.facts div{background:var(--surface);border-radius:18px;padding:14px 15px}.facts b{display:block;font-size:28px;font-weight:800;letter-spacing:-.8px}.facts span{color:var(--muted);font-size:13px}.done .ghost{margin-top:10px}.settings .top{justify-content:flex-start}.settings .top .icon{margin-left:-9px}.groups .top{justify-content:flex-start}.groups .ghost{margin-top:12px}.groups .row.off b{color:var(--faint)}.settings h2{font-size:23px;font-weight:800;letter-spacing:-.5px}.settings h3{margin-top:28px;font-size:12.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent-text)}.settings .note{margin-top:4px;color:var(--muted);font-size:14px}.settings .seg{margin-top:12px}.row{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--surface);border-radius:16px;padding:14px 16px}.row b{display:block;font-weight:600}.row span{color:var(--muted);font-size:13.5px}.danger{margin-top:12px;color:var(--wrong)}.ver{margin-top:34px;color:var(--faint);font-size:13px;text-align:center}.ver a{color:inherit}button,[role=button]{touch-action:manipulation}button:disabled{opacity:.5;cursor:default}#app:has(.nav){padding-bottom:calc(96px + env(safe-area-inset-bottom))}.nav{position:fixed;left:0;right:0;bottom:0;z-index:10;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}#app:has(input:focus) .nav{display:none}.nav div{max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.nav button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 9px;font-size:11.5px;font-weight:600;color:var(--faint)}.nav svg{width:23px;height:23px}.nav button[aria-current=page]{color:var(--accent-text)}.words h2,.stats h2{font-size:23px;font-weight:800;letter-spacing:-.5px}.top-note{color:var(--muted);font-size:13.5px}.words h3,.stats h3{margin-top:28px;margin-bottom:10px;font-size:12.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent-text)}.words .note,.stats .note{margin-top:8px;color:var(--muted);font-size:13.5px}.words .seg{margin-top:8px}i[data-s]{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--line)}i[data-s=learning]{background:var(--warm)}i[data-s=young]{background:color-mix(in srgb,var(--accent) 45%,var(--line))}i[data-s=mature]{background:var(--accent)}i[data-s=wrong]{background:var(--wrong)}.legend{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend b{color:var(--text);font-weight:700}.w-search{width:100%;margin-top:12px;background:var(--surface);color:var(--text);font:500 16px var(--font);padding:13px 16px;border-radius:14px;border:1.5px solid var(--line);outline:none}.w-search:focus{border-color:var(--accent-line)}.w-list{margin-top:16px}.w-group{margin-top:8px;background:var(--surface);border-radius:16px}.w-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;cursor:pointer;list-style:none}.w-group summary::-webkit-details-marker{display:none}.w-group summary b{font-weight:600}.w-group summary span{color:var(--faint);font-size:13px;font-variant-numeric:tabular-nums}.w-group ul{margin:0;padding:0 8px 8px;list-style:none}.w-list li{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4px 12px;padding:9px 8px;border-top:1px solid var(--line);font-size:15px}.w-list li[data-action]{cursor:pointer;border-radius:10px}.w-list li[data-action]:hover{background:var(--bg)}.w-en{font-weight:600;overflow-wrap:anywhere}.w-en svg{width:15px;height:15px;margin-left:5px;vertical-align:-2px;color:var(--faint)}.w-de{color:var(--muted);overflow-wrap:anywhere}.w-list small{color:var(--faint);font-size:12.5px}.w-list[data-kind=sentences] li{grid-template-columns:1fr}.empty{padding:30px 0;text-align:center;color:var(--muted)}.stats .facts{margin:14px 0 0}.facts.four{grid-template-columns:repeat(4,1fr)}.panel{margin-top:10px;background:var(--surface);border-radius:18px;padding:14px 16px 15px}.panel-head{display:flex;justify-content:space-between;gap:12px}.panel-head b{font-weight:700}.panel-head span{color:var(--faint);font-size:13px}.stagebar{margin-top:12px;height:12px;display:flex;gap:2px;background:var(--line);border-radius:6px;overflow:hidden}.stagebar i[data-s]{height:100%;width:auto;flex-basis:0;border-radius:0}.stagebar i[data-s=new]{background:transparent}.bars{display:flex;align-items:stretch;gap:4px;height:150px}.bar{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.bar-n{min-height:15px;font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}.bar-col{flex:1;width:100%;display:flex;align-items:flex-end}.bar-col i{width:100%;display:flex;align-items:flex-end;background:var(--accent);border-radius:5px 5px 2px 2px;overflow:hidden}.panel:has(.legend) .bar-col i{background:var(--wrong)}.bar-col b{display:block;width:100%;background:var(--accent)}.bar-l{font-size:11px;color:var(--faint)}.bar.today .bar-l,.bar.today .bar-n{color:var(--accent-text);font-weight:700}.settings .ghost+.ghost,.settings .note+.ghost,.settings .code+.note{margin-top:10px}.settings .note+.ghost{margin-top:14px}.code{margin-top:12px;background:var(--surface);border-radius:16px;padding:14px 16px;text-align:center}.code small{display:block;color:var(--muted);font-size:13px}.code b{display:block;margin-top:4px;font-size:26px;font-weight:700;letter-spacing:2px;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all}.code-form{margin-top:12px}.code-input{width:100%;background:var(--surface);color:var(--text);font:700 22px var(--font);letter-spacing:2px;text-align:center;text-transform:uppercase;padding:14px 16px;border-radius:16px;border:1.5px solid var(--accent-line);outline:none}.pair{margin-top:12px;display:flex;gap:10px}.pair>*{flex:1}@media(max-width:420px){.facts.four{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}