:root{--bg:#161514;--surface:#22201e;--text:#f1eee9;--muted:#a39d94;--accent:#7fb08f;--accent-text:#10130f;--hit:#6cc28a;--miss:#ef7d70;--warn:#e0a640;--border:#34312d;--highlight:#5a4a12;--gold:#e3b553;--raised:#2a2825;--tabbar-h:53px;--actionbar-h:77px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--pad:20px;--gap:16px;--col:480px;--r-btn:12px;--r-card:16px;--r-sheet:22px;--r-pill:999px;--radius:16px;--fs-eyebrow:12px;--fs-body:16px;--fs-secondary:14px;--fs-card:17px;--fs-title:20px;--fs-focus:24px;--fs-big:40px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:hidden}html,body{background:var(--bg);color:var(--text);font-size:var(--fs-body);margin:0}body{overflow-wrap:anywhere;overflow-x:clip}button,a,[role=button]{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font-size:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap-anywhere{overflow-wrap:anywhere}.row>*,.stack>*{min-width:0}.shell{width:100%;height:100dvh;max-width:var(--col);padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.icon-btn{min-width:44px;min-height:44px;padding:var(--s2);background:0 0;border:0;font-size:22px}.screen{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.shell>.banner{margin:var(--s2) var(--pad) 0;flex:none}.page{min-height:0;padding:var(--s3) var(--pad) calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--s5));overscroll-behavior:contain;flex:1;overflow-y:auto}.tabbar{max-width:var(--col);background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{padding:var(--s2) 2px;min-height:52px;color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;font-size:12px;display:flex}.tabbar button span:first-child{font-size:18px}.tabbar button[aria-selected=true]{color:var(--accent);font-weight:600}.sheet{max-width:var(--col);background:var(--bg);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);z-index:10;flex-direction:column;margin:0 auto;display:flex;position:fixed;inset:0;overflow:hidden}.sheet>.page,.sheet>.review-list>.page{padding-bottom:var(--s4)}.sheet>.review-list{flex-direction:column;flex:1;min-height:0;display:flex}.eyebrow{font-size:var(--fs-eyebrow);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.title{font-size:var(--fs-title);margin:0;font-weight:700}.focus-text,.focus-text.hu{font-size:var(--fs-focus);margin:0;font-weight:600;line-height:1.3}.big-number{font-size:var(--fs-big);margin:var(--s1) 0;font-weight:700}.muted{color:var(--muted);font-size:inherit}.hu{font-size:22px;line-height:1.35}.hit{color:var(--hit);font-weight:600}.miss{color:var(--miss);font-weight:600}.warn{color:var(--warn)}.blank{background:var(--highlight);border-radius:4px;padding:0 4px}del{color:var(--miss)}ins{color:var(--hit);font-weight:600;text-decoration:none}.row{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.stack{gap:var(--s3);flex-direction:column;display:flex}.grades{gap:var(--s3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.grades .btn{padding-inline:var(--s1);overflow-wrap:normal;white-space:nowrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:var(--s4);margin-bottom:var(--s3)}.card.tap{text-align:left;width:100%;color:inherit;min-height:44px;display:block}.btn{background:var(--accent);color:var(--accent-text);border-radius:var(--r-btn);padding:var(--s3) var(--s4);min-height:44px;font-weight:600;font-size:var(--fs-body);border:0}.btn.primary{min-height:52px;font-weight:700}.btn.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn.link{color:var(--accent);padding:var(--s3);background:0 0;border:0;min-width:44px}.btn.block{width:100%;min-height:52px;display:block}.btn:disabled{opacity:.45}a.btn{text-align:center;text-decoration:none;display:inline-block}a.btn.block{display:block}.badge{border-radius:var(--r-pill);padding:2px var(--s2);border:1px solid var(--warn);color:var(--warn);font-size:12px}.pill{border-radius:var(--r-pill);color:#cfc9bf;white-space:nowrap;border:1px solid #4a4640;padding:3px 10px;font-size:12px}.pill.complete{color:#cfe8d6;background:#2f4a38;border-color:#2f4a38}.pill.progress{border-color:var(--accent);color:var(--accent)}.pill.locked{color:var(--muted)}input,textarea,select{width:100%;font:inherit;padding:var(--s3);border-radius:var(--r-btn);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:16px}.field{margin-bottom:var(--s3);display:block}.field span{font-size:var(--fs-secondary);color:var(--muted);margin-bottom:var(--s1);display:block}.answer-label{font-size:var(--fs-secondary);color:var(--muted);margin:var(--s1) 0;display:block}.options{gap:var(--s3);margin:var(--s4) 0;display:grid}.option{text-align:left;border-radius:var(--r-btn);border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;padding:14px;display:block}.option.right{border-color:var(--hit);background:color-mix(in srgb, var(--hit) 15%, var(--surface))}.option.wrong{border-color:var(--miss);background:color-mix(in srgb, var(--miss) 15%, var(--surface))}.tiles{gap:var(--s2);margin:var(--s3) 0;flex-wrap:wrap;display:flex}.tile{padding:10px var(--s3);border-radius:var(--r-btn);border:1px solid var(--border);background:var(--surface);min-height:44px;font-size:18px}.tile:disabled{opacity:.25}.tile.shake{border-color:var(--miss);animation:.3s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.built{min-height:1.4em}.md code{background:var(--highlight);border-radius:4px;padding:0 4px}.unit.locked{opacity:.65}.banner{padding:var(--s2) var(--pad)}.today .head{gap:var(--s3);align-items:center}.today .continue{margin-top:var(--s2)}.today>.btn{margin-bottom:var(--s3)}.today .card.tap{gap:var(--s1);flex-direction:column;padding-right:40px;display:flex;position:relative}.card.tap.unit{padding-right:40px;position:relative}.card-title{font-size:var(--fs-card);font-weight:600}.card.tap .chev{right:var(--s4);color:var(--muted);font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.card.tap .progressbar{margin:var(--s2) 0 0}.center-msg{text-align:center;justify-content:center;align-items:center;gap:var(--s2);flex-direction:column;min-height:50%;display:flex}.bar{gap:var(--s2);font-size:var(--fs-secondary);grid-template-columns:9em 1fr 3em;align-items:center;display:grid}.update{margin:var(--s2) var(--pad) 0;flex:none;justify-content:space-between}.kw-row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.kw{border-radius:var(--r-pill);border:1px solid;padding:2px 10px;font-size:15px}.page-header{align-items:center;gap:var(--s2);padding:var(--s3) var(--pad);border-bottom:1px solid var(--border);display:flex}.page-header .title{flex:1}.flow{max-width:var(--col);background:var(--bg);height:100dvh;padding-top:env(safe-area-inset-top);z-index:5;flex-direction:column;margin:0 auto;display:flex;position:fixed;inset:0}.flow-head{align-items:center;gap:var(--s2);padding:var(--s2) var(--pad);display:flex}.flow-head .count{font-size:var(--fs-secondary);color:var(--muted);margin-left:auto}.flow-body{overscroll-behavior:contain;padding:var(--s4) var(--pad) calc(var(--actionbar-h) + env(safe-area-inset-bottom) + var(--s5));flex:1;overflow-y:auto}.actionbar{max-width:var(--col);z-index:6;gap:var(--s3);padding:var(--s3) var(--pad) calc(var(--s3) + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--border);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.actionbar>*{flex:1}.actionbar.above-tabs{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:var(--s3)}.unit-top{justify-content:space-between;align-items:center;gap:var(--s2);display:flex}.unit .progressbar{margin-top:var(--s2)}.page.unit-page{padding-bottom:calc(var(--tabbar-h) + var(--actionbar-h) + env(safe-area-inset-bottom) + var(--s5))}.unit-steps{margin-top:var(--s3)}.step-num{border:1px solid var(--border);width:28px;height:28px;font-size:var(--fs-secondary);color:var(--muted);border-radius:50%;place-items:center;display:inline-grid}.step-num.done{color:#cfe8d6;background:#2f4a38;border-color:#2f4a38}.progressbar{background:var(--border);height:5px;margin:0 var(--pad);border-radius:3px;display:block;overflow:hidden}.progressbar>i{background:var(--accent);height:100%;display:block}.backdrop{z-index:30;background:#0009;animation:.2s ease-out fade;position:fixed;inset:0}.bsheet{max-width:var(--col);z-index:31;background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;max-height:85dvh;padding:var(--s4) var(--pad) calc(var(--s4) + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;animation:.2s ease-out slide-up;display:flex;position:fixed;bottom:0;left:0;right:0}.bsheet:focus{outline:none}.grab{border-radius:var(--r-pill);background:var(--muted);width:40px;height:5px;margin:0 auto var(--s3);flex:none}.sheet-content{overscroll-behavior:contain;overflow-y:auto}.sheet-actions{gap:var(--s3);margin-top:var(--s4);flex-direction:column;display:flex}.btn.danger{background:var(--miss);color:var(--accent-text)}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.seg{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-btn);gap:2px;padding:2px;display:flex}.seg button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1}.seg button[aria-checked=true]{background:var(--raised);color:var(--text);font-weight:600}.list-row{align-items:center;gap:var(--s3);width:100%;min-height:56px;padding:var(--s3) 0;text-align:left;border:0;border-bottom:1px solid var(--border);color:inherit;background:0 0;display:flex}.list-row:disabled{opacity:.55}.list-row .body{flex:1;min-width:0}.list-row .sub{color:var(--muted);font-size:var(--fs-secondary);display:block}.list-row .chev{color:var(--muted);font-size:18px}@media (prefers-reduced-motion:reduce){.tile.shake,.bsheet,.backdrop{animation:none}}@media print{.shell{height:auto;display:block;overflow:visible}.tabbar,.update,.banner,.no-print,.screen{display:none!important}.sheet{display:block;position:static;overflow:visible}.sheet .review-list,.sheet .page{display:block;overflow:visible}}.play-hero{margin:var(--s4) 0;justify-content:center;display:flex}.play-hero .play{border-radius:50%;width:64px;height:64px;padding:0;font-size:24px}.answer-area{min-height:56px;padding:var(--s3);border:1px dashed var(--border);border-radius:var(--r-btn)}.card-face{width:100%;min-height:220px;margin-top:var(--s3);padding:var(--s5);text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);font-size:var(--fs-focus);font-weight:600;line-height:1.3;display:block}.card-face.revealed{justify-content:center;gap:var(--s2);flex-direction:column;font-weight:400;display:flex}.card-face .answer{color:var(--accent)}.actionbar>.grades{flex:1}.learn .md{overflow-wrap:anywhere}.mock .progressbar{margin-inline:0}.mock-summary .title{margin-bottom:var(--s3)}.mock-summary{padding-bottom:var(--s5)}.say-results{gap:var(--s3);flex-direction:column;display:flex}.say-results>.btn.link{align-self:flex-start}.say-results .score{align-items:baseline;gap:var(--s2);margin:0;display:flex}.say-results .score strong{font-size:40px}.say-results p{margin:0}.btn.link:disabled{color:var(--muted)}.stack>.card{margin-bottom:0}.card-links{gap:var(--s2);margin-top:var(--s2);flex-wrap:wrap;display:flex}.card-links .btn.link{padding-left:0;padding-right:var(--s3)}.stack>.eyebrow,.settings>.eyebrow{margin:var(--s4) 0 var(--s1)}.group{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:0 var(--s4)}.group .field{padding:var(--s3) 0;margin:0}.group .field+.field,.group .field+.seg,.group .seg+.field{border-top:1px solid var(--border)}.group .seg{margin-bottom:var(--s3)}.group>p,.group>.btn{margin:var(--s3) 0}.group .list-row:last-child{border-bottom:0}.check-row{min-height:44px;padding:var(--s2) 0}.check-row input{flex:none;width:22px;height:22px}.bar .progressbar{margin:0}.bar{margin-top:var(--s2)}.btn.link.danger-text{color:var(--miss);align-self:flex-start;padding-left:0}.grammar-note{padding:var(--s3) 0 var(--s6);overflow-wrap:anywhere}.stack>.eyebrow:first-child,.settings>.eyebrow:first-child{margin-top:var(--s2)}.flash{position:relative}.speak{border:1px solid var(--border);background:var(--raised,var(--surface));width:44px;height:44px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.speak:active{transform:scale(.94)}.speak-corner{top:calc(var(--s3) + var(--s2));right:var(--s2);position:absolute}.hu-line{justify-content:center;align-items:center;gap:var(--s3);flex-wrap:wrap;display:inline-flex}.flash>.card-face:not(.revealed){padding-inline:calc(44px + var(--s4))}.speed-toggle{align-items:center;gap:var(--s1);min-width:44px;min-height:44px;padding:0 var(--s3);border-radius:var(--r-pill);border:1px solid var(--border);color:var(--muted);font-size:var(--fs-secondary);background:0 0;flex:none;font-weight:600;display:inline-flex}.speed-toggle.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.flow-head .speed-toggle{margin-left:var(--s2)}.flow-head .eyebrow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.field .hint{font-size:var(--fs-secondary);margin:var(--s2) 0 0}