@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2)format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff)format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2)format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.woff)format("woff")}:root{--bg:#f6f1e7;--surface:#fffdf8;--ink:#1d2b2e;--muted:#6b7471;--line:#e4dccb;--accent:#0f5b63;--accent-ink:#fff;--orange:#d9822b;--new:#1f6fb2;--learn:#c0392b;--due:#2e7d32;--again:#c0392b;--hard:#a8650a;--good:#2e7d32;--easy:#1f6fb2;--shadow:0 1px 2px #1d2b2e0f, 0 8px 24px #1d2b2e14;--radius:18px;--ar-font:"Amiri", "Noto Naskh Arabic", "Geeza Pro", "Traditional Arabic", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#141a1b;--surface:#1c2425;--ink:#ecebe6;--muted:#9aa3a0;--line:#2c3637;--accent:#3fa7b0;--accent-ink:#0d1415;--orange:#e39a4f;--new:#6aaee8;--learn:#ef7d6f;--due:#74c278;--again:#ef7d6f;--hard:#e0a24f;--good:#74c278;--easy:#6aaee8;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}#app{max-width:640px;min-height:100dvh;padding:0 16px env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}.ar{font-family:var(--ar-font);line-height:1.6}.topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:64px;padding:14px 0 10px;display:grid}.topbar h1{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.05rem;font-weight:600;overflow:hidden}.brand .ar{color:var(--accent);font-size:1.5rem;font-weight:700}.topbar-extra{justify-content:flex-end;gap:6px;min-width:40px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:12px;place-items:center;font-size:1.2rem;text-decoration:none;display:inline-grid}.icon-btn:hover{border-color:var(--accent)}.icon-btn.speak{width:36px;height:36px;color:var(--accent);flex:none}.notice{background:var(--surface);border:1px dashed var(--orange);border-radius:10px;margin-bottom:10px;padding:6px 10px;font-size:.85rem}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.big{padding:14px 40px;font-size:1.1rem}.btn.wide{width:100%;padding:16px;font-size:1.05rem}.btn.danger{color:var(--again)}kbd{opacity:.55;border:1px solid;border-radius:5px;padding:1px 5px;font:.7rem ui-monospace,monospace}.counts{justify-content:center;gap:10px;display:inline-flex}.pill{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;font-weight:700;line-height:1.1;display:inline-flex}.pill small{color:var(--muted);font-size:.75rem;font-weight:500}.pill.new{color:var(--new)}.pill.learn{color:var(--learn)}.pill.due{color:var(--due)}.counts.big{gap:36px;font-size:2rem}.home{padding-bottom:32px}.hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:22px;padding:28px 20px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:28px 4px 10px;font-size:.8rem}.units,.notes{gap:10px;margin:0;padding:0;list-style:none;display:grid}.unit{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:stretch;display:flex;overflow:hidden}.unit.off .unit-main{opacity:.45}.unit-toggle{cursor:pointer;place-items:center;padding:0 4px 0 14px;display:grid}.unit-toggle input{width:18px;height:18px;accent-color:var(--accent)}.unit-main{min-width:0;color:inherit;flex:1;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px 12px 8px;text-decoration:none;display:grid}.unit-num{background:var(--orange);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.unit-titles{flex-direction:column;min-width:0;display:flex}.unit-ar{text-align:left;font-size:1.3rem;line-height:1.3}.unit-sub{color:var(--muted);font-size:.85rem}.bar{background:var(--line);border-radius:4px;height:4px;margin-top:6px;display:block;overflow:hidden}.bar span{background:var(--accent);height:100%;display:block}.unit-due{gap:8px;font-size:.9rem;display:flex}.foot{text-align:center;margin-top:24px;font-size:.85rem}.muted{color:var(--muted)}.study{flex-direction:column;flex:1;gap:16px;padding-bottom:16px;display:flex}.flashcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:52dvh;padding:20px 18px 24px;display:flex}.flashcard.intro{border-top:4px solid var(--orange)}.tag{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);min-height:1em;font-size:.75rem}.card-img{object-fit:contain;background:#fff;border-radius:12px;width:100%;max-width:340px;max-height:38dvh}.card-img.small{max-width:160px;max-height:18dvh}.word-row{justify-content:center;align-items:center;gap:12px;display:flex}.ar-big{font-size:clamp(2.4rem,11vw,3.6rem);line-height:1.5}.ar-mid{font-size:1.7rem;line-height:1.4}.fem{color:var(--muted);font-size:.9rem}.fem .ar{font-size:1.4rem}.translit{color:var(--muted);font-style:italic}.meaning{font-size:1.25rem;font-weight:600}.meaning.prompt{font-size:1.4rem}.meaning.small{font-size:.95rem}.meaning .it{color:var(--accent);font-size:.9em;font-weight:500;display:block}.note .meaning .it{display:inline}.note .meaning .it:before{content:" · ";color:var(--muted)}.divider{border:none;border-top:1px solid var(--line);width:60%;margin:6px 0}.actions{background:linear-gradient(to top, var(--bg) 70%, transparent);padding:8px 0 12px;position:sticky;bottom:0}.ratings{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.btn.rate{flex-direction:column;gap:2px;padding:10px 4px;font-size:.95rem}.btn.rate .ivl{color:var(--muted);font-size:.8rem;font-weight:500}.btn.rate.again{color:var(--again)}.btn.rate.hard{color:var(--hard)}.btn.rate.good{color:var(--good)}.btn.rate.easy{color:var(--easy)}.btn.rate.again:hover{border-color:var(--again)}.btn.rate.good:hover{border-color:var(--good)}.done{justify-content:center}.done-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:36px 20px}.done-mark .ar{color:var(--accent)}.browse{padding-bottom:32px}.note{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:grid}.thumb{object-fit:cover;background:var(--line);border-radius:8px;width:64px;height:52px;display:block}.note-text{min-width:0}.note-text .word-row{justify-content:flex-start;gap:6px}.note-text .translit{font-size:.85rem}.note-state{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.badge{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.72rem}.badge.learn{color:var(--learn);border-color:currentColor}.badge.due{color:var(--due);border-color:currentColor}.badge.good{color:var(--accent);border-color:currentColor}.badge.warn{color:var(--orange);border-color:currentColor}.settings{gap:14px;padding-bottom:32px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.panel h2{margin:0 0 12px;font-size:1rem}.panel.small{font-size:.85rem}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0;display:grid}.stats dt{color:var(--muted);font-size:.8rem}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.3rem;font-weight:700}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field.check{flex-direction:row;align-items:center;gap:10px}.field .label{justify-content:space-between;font-weight:600;display:flex}.field input[type=number]{border:1px solid var(--line);background:var(--bg);width:110px;color:var(--ink);font:inherit;border-radius:10px;padding:8px 10px}.field input[type=range],.field input[type=checkbox]{accent-color:var(--accent)}.segmented{border:1px solid var(--line);border-radius:12px;width:fit-content;display:inline-flex;overflow:hidden}.seg input{opacity:0;pointer-events:none;position:absolute}.seg span{cursor:pointer;padding:8px 14px;display:block}.seg input:checked+span{background:var(--accent);color:var(--accent-ink)}.seg input:focus-visible+span{outline:2px solid var(--orange);outline-offset:-2px}.row{flex-wrap:wrap;gap:8px;display:flex}@media (width<=420px){.counts.big{gap:24px;font-size:1.7rem}.unit-due{flex-direction:column;align-items:flex-end;gap:0;font-size:.8rem}.btn.rate kbd{display:none}}