.full{width:100%;margin-top:var(--space-3)}.know-card{background:linear-gradient(165deg,color-mix(in oklch,var(--color-gold) 8%,var(--color-night-raised)),var(--color-night-raised))}.know-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.know-score{font-family:var(--font-display);font-size:2.8rem;font-weight:600;line-height:1;color:var(--color-gold-deep);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.know-pct{font-size:1.1rem;margin-left:.1em;color:var(--color-gold)}.know-meta{flex:1 1;min-width:0}.know-bar{height:8px;border-radius:999px;background:color-mix(in oklch,var(--color-gold) 16%,transparent);overflow:hidden}.know-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-gold-deep),var(--color-gold-hi));transition:width .6s var(--ease-out)}.know-band{margin:.5em 0 0;font-size:.85rem;color:var(--color-ivory-dim)}.mode-row{display:flex;gap:.5rem;overflow-x:auto;padding:.2rem 0;margin-top:var(--space-3);scrollbar-width:none}.mode-row::-webkit-scrollbar{display:none}.mode-chip{flex:none;padding:.5em 1em;border-radius:999px;border:1px solid var(--color-night-border);background:var(--color-night-raised);color:var(--color-ivory-dim);font-size:.9rem;font-weight:600;white-space:nowrap;transition:border-color .16s var(--ease-out),color .16s var(--ease-out),background-color .16s var(--ease-out)}.mode-chip[data-on=true]{border-color:var(--color-gold-deep);background:color-mix(in oklch,var(--color-gold) 14%,var(--color-night-raised));color:var(--color-gold-deep)}.mode-chip:active{transform:scale(.97)}.mode-blurb{margin-top:var(--space-2)}.word-tr-big{font-size:1.7rem;font-weight:600;color:var(--color-ivory)}.word-root{margin-top:.4em;font-size:.9rem;color:var(--color-ivory-faint)}.word-root b{color:var(--color-gold-deep);font-size:1.2em;letter-spacing:.15em}.word-nl-prompt{margin-top:.3em;color:var(--color-ivory-dim);font-style:italic}.word-level{display:flex;gap:.4rem;justify-content:center;margin-top:var(--space-3)}.lvl-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--color-night-border);transition:background-color .3s var(--ease-out),border-color .3s var(--ease-out)}.lvl-dot[data-on=true]{background:var(--color-gold);border-color:transparent;box-shadow:0 0 6px color-mix(in oklch,var(--color-gold) 45%,transparent)}.deep-panel{margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-night-border);background:color-mix(in oklch,var(--color-gold) 6%,var(--color-night-raised))}.deep-text{margin:0;font-size:1.05rem;line-height:1.7;color:var(--color-ivory)}.deep-ayah{margin:var(--space-3) 0 0;padding:var(--space-3) 0 0;border-top:1px solid var(--color-night-border);display:grid;grid-gap:.4em;gap:.4em}.deep-ayah span[lang=ar]{font-size:1.5rem;line-height:1.7;color:var(--color-gold-deep);font-family:Geeza Pro,Scheherazade New,serif}.deep-ayah-nl{font-style:italic;color:var(--color-ivory-dim)}.deep-ayah cite{font-style:normal;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gold)}.self-rate{margin-top:var(--space-3)}.self-rate-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-2)}.write-input{width:100%;margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-night-border);background:var(--color-night-raised);color:var(--color-ivory);font-size:1.2rem;font-family:var(--font-ui);transition:border-color .16s var(--ease-out)}.write-input:focus-visible{outline:none;border-color:var(--color-gold-deep)}.write-feedback{margin:var(--space-3) 0 0;font-weight:600}.write-feedback.good{color:var(--color-live)}.write-feedback.bad{color:var(--color-gold-deep)}