.hist-chip{padding:.5rem 1.1rem;border-radius:9999px;font-weight:600;font-size:var(--text-caption);background:var(--color-card);border:1px solid var(--color-card-edge);color:var(--color-ink);transition:border-color .2s,color .2s,background-color .2s,transform .2s}.dark .hist-chip{background:var(--color-coal-soft);border-color:var(--color-coal-edge);color:var(--color-mist)}.hist-chip:hover{transform:translateY(-2px);border-color:var(--color-purple)}.hist-chip.is-active{background:var(--color-purple);border-color:var(--color-purple);color:#fff}.hist-group{list-style:none;font-family:var(--font-mono);font-weight:800;font-size:var(--text-caption);color:color-mix(in srgb,var(--color-ink) 55%,transparent);margin:1.6rem 0 .4rem}.dark .hist-group{color:color-mix(in srgb,var(--color-mist) 60%,transparent)}.hist-group:first-child{margin-top:0}.hist-row{display:flex;align-items:stretch;gap:.6rem;opacity:0;transform:translateY(10px);animation:hist-in .4s var(--ease-out-quart) forwards}@keyframes hist-in{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hist-row{animation:none;opacity:1;transform:none}}.hist-card{flex:1;min-width:0;display:flex;align-items:center;gap:.8rem;border-radius:.85rem;padding:.7rem .95rem;text-decoration:none;background:var(--color-card);border:1px solid var(--color-card-edge);box-shadow:var(--shadow-card);transition:transform .16s var(--ease-out-quart),border-color .16s}.dark .hist-card{background:var(--color-coal-soft);border-color:var(--color-coal-edge)}.hist-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-purple) 38%,var(--color-card-edge))}.hist-ic{width:2.1rem;height:2.1rem;border-radius:.6rem;display:grid;place-items:center;flex:none}.hist-ic svg{width:1rem;height:1rem}.hist-ic-analyze{color:var(--color-purple-deep);background:color-mix(in srgb,var(--color-purple) 12%,transparent)}.hist-ic-practice{color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 12%,transparent)}.hist-main{min-width:0;flex:1}.hist-sentence{display:block;font-family:var(--font-arabic-classical);font-size:1.3rem;line-height:1.45;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .hist-sentence{color:var(--color-mist)}.hist-meta{display:block;margin-top:.1rem;font-size:.98rem;color:color-mix(in srgb,var(--color-ink) 60%,transparent)}.dark .hist-meta{color:color-mix(in srgb,var(--color-mist) 64%,transparent)}.hist-time{flex:none;font-family:var(--font-mono);font-size:.92rem;color:color-mix(in srgb,var(--color-ink) 52%,transparent)}.dark .hist-time{color:color-mix(in srgb,var(--color-mist) 58%,transparent)}.hist-del{flex:none;width:2.5rem;border-radius:.8rem;display:grid;place-items:center;background:var(--color-card);border:1px solid var(--color-card-edge);color:color-mix(in srgb,var(--color-ink) 50%,transparent);transition:color .18s,border-color .18s,background-color .18s}.dark .hist-del{background:var(--color-coal-soft);border-color:var(--color-coal-edge);color:color-mix(in srgb,var(--color-mist) 58%,transparent)}.hist-del:hover{color:#dc2626;border-color:color-mix(in srgb,#dc2626 45%,var(--color-card-edge))}.hist-del svg{width:1.05rem;height:1.05rem}.hist-card{cursor:pointer;text-align:start;font:inherit}.hist-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem;background:#17384780;backdrop-filter:blur(8px)}.hist-modal.hidden{display:none}.hist-modal-card{position:relative;width:min(100%,40rem);max-height:88vh;overflow:auto;border-radius:1.25rem;padding:clamp(1.5rem,4vw,2.25rem);background:var(--color-card);border:1px solid var(--color-card-edge);box-shadow:var(--shadow-lift)}.dark .hist-modal-card{background:var(--color-coal-soft);border-color:var(--color-coal-edge)}.hist-modal-close{position:absolute;inset-block-start:.9rem;inset-inline-end:.9rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:999px;color:color-mix(in srgb,var(--color-ink) 60%,transparent);background:var(--color-paper-soft);border:1px solid var(--color-card-edge)}.dark .hist-modal-close{color:color-mix(in srgb,var(--color-mist) 64%,transparent);background:var(--color-coal);border-color:var(--color-coal-edge)}.hist-modal-close svg{width:1.1rem;height:1.1rem}.hd-sentence{font-family:var(--font-quran);font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.9;text-align:center;color:var(--color-ink);padding-inline-end:2rem}.dark .hd-sentence{color:var(--color-mist)}.hd-meaning{text-align:center;font-style:italic;font-size:1.15rem;color:color-mix(in srgb,var(--color-ink) 60%,transparent);margin-top:.4rem}.dark .hd-meaning{color:color-mix(in srgb,var(--color-mist) 64%,transparent)}.hd-score{width:fit-content;margin:.9rem auto 0;padding:.4rem 1.2rem;border-radius:999px;background:var(--color-purple);color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.4rem}.hd-words{margin-top:1.4rem;display:flex;flex-direction:column;gap:.7rem}.hd-word{border-radius:.9rem;padding:.9rem 1.1rem;background:color-mix(in srgb,var(--color-paper-soft) 55%,white);border:1px solid var(--color-card-edge)}.dark .hd-word{background:color-mix(in srgb,var(--color-coal) 45%,var(--color-coal-soft));border-color:var(--color-coal-edge)}.hd-word.ok{border-inline-start:3px solid var(--color-teal)}.hd-word.bad{border-inline-start:3px solid #dc2626}.hd-word-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.4rem}.hd-tok{font-family:var(--font-quran);font-size:1.6rem;font-weight:700;color:var(--color-ink)}.dark .hd-tok{color:var(--color-mist)}.hd-chip{font-family:var(--font-mono);font-size:.9rem;font-weight:700;padding:.15rem .6rem;border-radius:999px;color:var(--color-purple-deep);background:color-mix(in srgb,var(--color-purple) 13%,transparent)}.hd-mark{font-weight:800}.hd-mark.ok{color:var(--color-teal)}.hd-mark.bad{color:#dc2626}.hd-irab{font-family:var(--font-arabic-classical);font-size:1.25rem;line-height:1.8;color:color-mix(in srgb,var(--color-ink) 88%,transparent)}.dark .hd-irab{color:color-mix(in srgb,var(--color-mist) 86%,transparent)}.hd-correct{font-size:1.15rem;line-height:1.7;color:var(--color-teal);margin-top:.2rem}.hd-details{font-family:var(--font-arabic-classical);font-size:1.1rem;line-height:1.75;margin-top:.4rem;padding-top:.4rem;border-top:1px dashed var(--color-card-edge);color:color-mix(in srgb,var(--color-ink) 68%,transparent)}.dark .hd-details{color:color-mix(in srgb,var(--color-mist) 70%,transparent);border-top-color:var(--color-coal-edge)}.hd-block{margin-top:1.2rem;border-radius:.9rem;padding:1rem 1.2rem;background:color-mix(in srgb,var(--color-purple) 5%,var(--color-card));border:1px solid var(--color-card-edge)}.dark .hd-block{background:var(--color-coal);border-color:var(--color-coal-edge)}.hd-block-label{font-family:var(--font-arabic-display);font-weight:700;font-size:1.15rem;color:var(--color-purple-deep);margin-bottom:.4rem}.dark .hd-block-label{color:color-mix(in srgb,var(--color-purple) 84%,white)}.hd-block p{font-family:var(--font-arabic-classical);font-size:1.2rem;line-height:1.85;color:color-mix(in srgb,var(--color-ink) 84%,transparent)}.dark .hd-block p{color:color-mix(in srgb,var(--color-mist) 82%,transparent)}