@font-face{font-family:Amiri Quran;src:url(./amiri-quran-arabic-400-normal-wRcqfVJx.woff2)format("woff2");font-weight:400;font-display:swap}:root{--ivory:#fbf7ee;--surface:#fffdf8;--sage:#4f6b57;--sage-deep:#3b5243;--sage-soft:#e4ece3;--gold:#b8913a;--gold-soft:#f4e8c8;--ink:#26302a;--muted:#5f6e64;--line:#e6decb;--scale:1;--radius:20px;--tap:64px;--arabic:"Amiri Quran", "Noto Naskh Arabic", "Traditional Arabic", serif;--ui:system-ui, "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{font-size:calc(19px * var(--scale));-webkit-text-size-adjust:100%}body{background:var(--ivory);color:var(--ink);font-family:var(--ui);-webkit-tap-highlight-color:transparent;margin:0;line-height:1.6;overflow-x:hidden}button{font:inherit;color:inherit}img,svg{display:block}.screen{max-width:560px;min-height:100vh;min-height:100dvh;padding:12px 16px calc(28px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.center{text-align:center;justify-content:center;align-items:center}.muted{color:var(--muted)}.small{font-size:.85rem}.grow{flex:1}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row>.btn{flex:140px}.stack{flex-direction:column;gap:12px;display:flex}.topbar{align-items:center;gap:8px;min-height:56px;display:flex}.topbar h1{text-align:center;color:var(--sage-deep);flex:1;margin:0;font-size:1.15rem}.iconbtn{background:var(--sage-soft);width:52px;height:52px;color:var(--sage-deep);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.iconbtn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.choice:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.btn{min-height:var(--tap);border-radius:var(--radius);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:12px;padding:10px 18px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:transform .12s,background .2s;display:flex}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.5;cursor:default}.btn-primary{background:var(--sage);color:#fff}.btn-primary:active{background:var(--sage-deep)}.btn-soft{background:var(--sage-soft);color:var(--sage-deep)}.btn-gold{background:var(--gold-soft);color:#6b5216;border-color:#e8d49e}.btn-ghost{color:var(--sage-deep);border-color:var(--line);background:0 0}.btn-danger{color:#7a2e1e;background:#f6e3de}.btn-big{justify-content:flex-start;min-height:84px;padding-left:20px;padding-right:20px;font-size:1.25rem}.btn-big .bi{background:#ffffff2e;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid}.btn-soft.btn-big .bi,.btn-gold.btn-big .bi{background:#ffffffb3}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 1px #00000005}.card-gold{background:linear-gradient(180deg, #fffcf2, var(--surface));border-color:#e8d49e}.label{color:var(--muted);font-size:.85rem}.pill{background:var(--sage-soft);color:var(--sage-deep);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;display:inline-flex}.pill-gold{background:var(--gold-soft);color:#6b5216}.pill-off{color:#5a5244;background:#eee7d8}.brand{text-align:center;padding-top:8px}.brand .name{font-family:var(--arabic);color:var(--sage-deep);margin:0;font-size:3rem;line-height:1.9}.brand .sub{color:var(--gold);margin:-.4em 0 0;font-size:1.05rem}.btn .sub-label{opacity:.85;font-size:.75rem;font-weight:400;display:block}.btn-col{flex-direction:column;gap:0}.progress{background:var(--sage-soft);border-radius:999px;height:14px;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--sage), #7c9a82);border-radius:inherit;height:100%;display:block}.dots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.dots i{background:var(--line);border-radius:50%;width:10px;height:10px}.dots i.on{background:var(--sage)}.dots i.now{background:var(--gold);transform:scale(1.3)}.ar{font-family:var(--arabic);direction:rtl;unicode-bidi:isolate}.big-ar{font-family:var(--arabic);text-align:center;color:var(--ink);word-spacing:.1em;margin:0;font-size:5.2rem;line-height:1.9}.mid-ar{font-family:var(--arabic);text-align:center;margin:0;font-size:3rem;line-height:1.9}.seg{transition:color .2s}.seg.active{color:#a0670a}.seg.dim{color:#b5bdb7}.ayah .seg.active{background:var(--gold-soft);border-radius:10px}.forms{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.form{text-align:center;background:var(--ivory);border:1px solid var(--line);border-radius:16px;padding:6px}.form .ar{font-size:3.2rem;line-height:1.8;display:block}.hl{color:var(--gold)}.choices{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;display:grid}.choice{border:2px solid var(--line);background:var(--surface);cursor:pointer;min-height:110px;font-family:var(--arabic);color:var(--ink);border-radius:22px;font-size:3rem;line-height:1.6}.choice.right{border-color:var(--sage);background:var(--sage-soft)}.choice.soft-no{background:#fff9ea;border-color:#e8d49e}.choice.show{border-color:var(--sage);box-shadow:0 0 0 4px var(--sage-soft)}.audio{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.audio .btn{flex:120px}.note{background:var(--gold-soft);color:#5c4612;border-radius:16px;padding:10px 14px;font-size:.95rem}.note-soft{background:var(--sage-soft);color:var(--sage-deep)}.source-tag{color:var(--muted);text-align:center;font-size:.75rem}.feedback{text-align:center;color:var(--sage-deep);min-height:1.6em;font-size:1.15rem}.celebrate{text-align:center;font-size:3.5rem}.mushaf{background:#fffdf6;border:1px solid #e8d49e;border-radius:24px;padding:16px 12px}.basmala{font-family:var(--arabic);text-align:center;color:var(--sage-deep);margin:4px 0 10px;font-size:1.9rem}.ayah{font-family:var(--arabic);text-align:center;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:16px;width:100%;margin:0 0 6px;padding:8px 10px;font-size:2.1rem;line-height:2.3;display:block}.ayah.current{background:var(--gold-soft);border-color:#e8d49e}.ayah-num{font-family:var(--arabic);color:var(--gold);white-space:nowrap;font-size:.9em}.list-item{background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:start;width:100%;min-height:var(--tap);border-radius:18px;align-items:center;gap:12px;padding:14px 16px;display:flex}.list-item .t{flex:1;font-weight:600}.badge{background:var(--sage-soft);min-width:40px;height:40px;color:var(--sage-deep);border-radius:12px;flex:none;place-items:center;font-size:.9rem;display:grid}.badge.done{background:var(--sage);color:#fff}.badge.now{background:var(--gold);color:#fff}.section-title{color:var(--gold);margin:12px 4px 0;font-size:1rem}.letter{white-space:pre-line;font-size:1.15rem;line-height:2}.letter .sig{text-align:left;color:var(--gold);margin-top:10px}.ai{border-style:dashed}.ai .ai-head{color:var(--sage-deep);align-items:center;gap:8px;font-weight:700;display:flex}details.card summary{cursor:pointer;color:var(--sage-deep);align-items:center;min-height:44px;font-weight:700;display:flex}input[type=text],input[type=password],textarea{font:inherit;border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;padding:12px}.switch{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.switch input{width:28px;height:28px;accent-color:var(--sage)}.fade-in{animation:.25s both fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:360px){html{font-size:calc(17px * var(--scale))}.big-ar{font-size:4.4rem}}