.wl-container{padding-block:var(--spacing-2xl) var(--spacing-3xl)}.wl-header{text-align:center;margin-block-end:var(--spacing-2xl)}.wl-title{font-size:2.25rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;margin-block-end:var(--spacing-md);text-wrap:balance}.wl-intro{font-size:1.125rem;line-height:1.6;color:var(--color-text-secondary);max-inline-size:620px;margin-inline:auto}.wl-search-wrap{position:relative;max-inline-size:520px;margin-inline:auto}.wl-search{inline-size:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1.25rem;font-family:inherit;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color .16s var(--wl-ease)}.wl-search:focus{outline:2px solid var(--color-border-focus);outline-offset:1px}.wl-suggestions{position:absolute;inset-inline:0;top:calc(100% + 4px);background:var(--color-background-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000024;z-index:20;overflow:hidden}.wl-sug{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);inline-size:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:0;cursor:pointer;font-family:inherit;color:var(--color-text-primary);font-size:1rem;text-align:start;transition:background-color .12s var(--wl-ease)}.wl-sug:active{background:var(--color-background-tertiary)}.wl-sug:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.wl-sug [lang=ar]{font-family:var(--font-arabic);font-size:1.5rem;line-height:1.8;flex-shrink:0}.wl-sug-en{min-inline-size:0}.wl-sug-gloss{display:block;margin:0;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wl-sug-gloss-soon{font-style:italic;color:var(--color-text-tertiary)}.wl-sug-sub{display:block;margin:0;font-size:.8rem;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;font-style:italic}.wl-sug-gloss mark{background:color-mix(in oklab,var(--accent-gold) 28%,transparent);color:inherit;border-radius:3px;padding:.02em .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.wl-sug-none{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-tertiary);margin:0;font-size:.95rem}.wl-group-label{margin:0;padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);background:var(--color-background-secondary)}.wl-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;margin-block:var(--spacing-lg) var(--spacing-2xl)}.wl-chip{display:inline-flex;align-items:baseline;gap:.5em;padding:.35em .8em;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-primary);font-family:var(--font-arabic);font-size:1.25rem;transition:border-color .16s var(--wl-ease),transform .16s var(--wl-ease)}.wl-chip:active{transform:scale(.97)}.wl-chip,.wl-sug{touch-action:manipulation}.wl-chip:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.wl-chip-note{font-family:var(--font-sans);font-size:.75rem;color:var(--color-text-tertiary)}.wl-chips-label{align-self:center;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary)}.wl-chip-latin{font-family:var(--font-sans);font-size:1rem}.wl-result{margin-block-end:var(--spacing-3xl);scroll-margin-top:90px;max-inline-size:640px;margin-inline:auto}.wl-load-error,.wl-empty{text-align:center;color:var(--color-text-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-lg)}.wl-empty-hint{font-size:.9rem;color:var(--color-text-tertiary);margin:var(--spacing-xs) 0 0}.wl-cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--spacing-md)}.wl-card{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);background:var(--color-background-secondary);padding:var(--spacing-lg);animation:wl-card-in .26s var(--wl-ease) both;animation-delay:calc(var(--i, 0) * 45ms)}.wl-word{font-family:var(--font-arabic);font-size:2.4rem;line-height:1.55;color:var(--color-text-primary);margin:0;text-align:left}.wl-translit{color:var(--color-text-secondary);font-style:italic;margin:.1em 0 var(--spacing-md)}.wl-analysis+.wl-analysis{border-block-start:1px dashed var(--color-border-secondary);margin-block-start:var(--spacing-sm);padding-block-start:var(--spacing-sm)}.wl-grammar{color:var(--color-text-tertiary);font-size:.95rem;margin:0 0 var(--spacing-xs)}.wl-badge{display:inline-grid;place-items:center;min-inline-size:2.2em;padding:.15em .5em;margin-inline-end:.5em;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;letter-spacing:.06em;background:color-mix(in oklab,var(--accent-gold) 16%,transparent);color:var(--accent-gold)}.wl-breakdown{margin:0 0 var(--spacing-sm);padding:0;list-style:none;border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);overflow:hidden}.wl-morpheme{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--spacing-md);align-items:center;padding:.35em var(--spacing-md)}.wl-morpheme+.wl-morpheme{border-block-start:1px solid var(--color-border-secondary)}.wl-morpheme [lang=ar]{font-family:var(--font-arabic);font-size:1.4rem;line-height:1.8;color:var(--color-text-primary)}.wl-morpheme-label{font-size:.8rem;color:var(--color-text-tertiary)}.wl-morpheme-stem [lang=ar]{color:var(--accent-gold)}.wl-morpheme-stem .wl-morpheme-label{color:var(--color-text-secondary);font-weight:500}.wl-meaning{color:var(--color-text-primary);font-size:1.0625rem;font-weight:500;margin:0 0 var(--spacing-sm)}.wl-meaning-soon{font-style:italic;color:var(--color-text-tertiary)}.wl-meta-line{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:baseline;margin:0;font-size:.85rem}.wl-root-chip{display:inline-flex;align-items:baseline;gap:.4em;padding:.15em .6em;border:1px solid var(--color-border-secondary);border-radius:var(--radius-full);text-decoration:none;color:var(--color-text-primary)}.wl-root-chip[href]{border-color:color-mix(in oklab,var(--accent-gold) 45%,transparent)}.wl-root-chip [lang=ar]{font-family:var(--font-arabic);font-size:1.25rem}.wl-root-chip-label{font-size:.75rem;color:var(--color-text-tertiary)}.wl-root-chip:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.wl-count{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.wl-example{color:var(--accent-gold);text-decoration:none}.wl-result-heading{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin:var(--spacing-lg) 0 var(--spacing-sm)}.wl-noscript{text-align:center;color:var(--color-text-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-lg)}.wl-noscript a,.wl-attribution a{color:inherit}.wl-attribution{margin-block-start:var(--spacing-3xl);text-align:center;font-size:.85rem;color:var(--color-text-tertiary)}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:root{--wl-ease: cubic-bezier(.23, 1, .32, 1)}[data-theme=dark] .wl-chips-label,[data-theme=dark] .wl-chip-note,[data-theme=dark] .wl-attribution,[data-theme=dark] .wl-attribution a,[data-theme=dark] .wl-sug-sub,[data-theme=dark] .wl-count,[data-theme=dark] .wl-morpheme-label,[data-theme=dark] .wl-root-chip-label,[data-theme=dark] .wl-result-heading,[data-theme=dark] .wl-empty-hint,[data-theme=dark] .wl-sug-none,[data-theme=dark] .wl-sug-gloss-soon,[data-theme=dark] .wl-meaning-soon,[data-theme=dark] .wl-grammar{color:var(--color-text-secondary)}@keyframes wl-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(hover:hover)and (pointer:fine){.wl-chip:hover{border-color:var(--accent-gold);background:var(--color-background-tertiary)}.wl-sug:hover{background:var(--color-background-tertiary)}.wl-root-chip[href]:hover{border-color:var(--accent-gold)}.wl-example:hover{text-decoration:underline}}@media(prefers-reduced-motion:reduce){.wl-card{animation-duration:1ms;animation-delay:0ms}.wl-chip:active{transform:none}}@media(max-width:640px){.wl-title{font-size:1.85rem}.wl-word{font-size:2rem}.wl-morpheme [lang=ar]{font-size:1.3rem}}
