.esma-screen{display:flex;flex-direction:column;height:100vh;padding-bottom:80px}.esma-search-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-top:var(--space-3);margin-bottom:var(--space-1);background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-xl);color:var(--color-text-muted);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000000d}.esma-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-light-rgb),.15),0 8px 24px #00000014;transform:translateY(-1px)}[data-theme=dark] .esma-search-bar:focus-within{border-color:var(--color-gold);box-shadow:0 0 0 2px #d4a37326,0 8px 24px #0000004d}.esma-search-input{flex:1;border:none;background:none;outline:none;font-size:var(--text-base);color:var(--color-text);padding:var(--space-1) 0}.esma-search-input::placeholder{color:var(--color-text-muted);opacity:.7}.esma-search-clear{width:24px;height:24px;border-radius:50%;background:var(--border-medium);color:var(--color-text-secondary);font-size:.7rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;cursor:pointer}.esma-search-clear:hover{background:var(--border-strong);color:var(--color-text)}.esma-search-clear:active{transform:scale(.9)}:root:not([data-theme=dark]) .esma-search-bar{background:#fffffdd9;border-color:#c8956c1a}:root:not([data-theme=dark]) .esma-search-bar:focus-within{border-color:var(--color-gold);box-shadow:0 0 0 2px #c8956c26,0 8px 24px #0000000d}.esma-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4);margin-top:var(--space-3);padding-bottom:120px}.esma-card{align-items:center;text-align:center;padding:var(--space-4);background:var(--glass-bg-strong);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.esma-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,rgba(var(--color-primary-light-rgb),.3) 100%);opacity:.6;border-radius:var(--radius-xl) var(--radius-xl) 0 0}[data-theme=dark] .esma-card:before{background:linear-gradient(90deg,var(--color-gold) 0%,rgba(212,163,115,.3) 100%);opacity:.4}.esma-number{font-size:var(--text-xs);font-weight:600;color:var(--color-primary);background:rgba(var(--color-primary-light-rgb),.1);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:var(--space-3);border:1px solid rgba(var(--color-primary-light-rgb),.2)}[data-theme=dark] .esma-number{color:var(--color-gold);background:#d4a3731a;border-color:#d4a37333}.esma-arabic{font-size:var(--text-3xl);color:var(--color-primary);margin-bottom:var(--space-2);line-height:1.4}[data-theme=dark] .esma-arabic{color:var(--color-gold-light)}.esma-transliteration{font-size:var(--text-sm);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.esma-meaning{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4;margin-top:var(--space-1)}:root:not([data-theme=dark]) .esma-card{background:#fffffdd9;border-color:#c8956c1a;box-shadow:0 2px 16px rgba(var(--color-primary-rgb),.04),0 0 0 1px #c8956c0a}:root:not([data-theme=dark]) .esma-card:before{background:linear-gradient(90deg,var(--color-gold) 0%,rgba(200,149,108,.3) 100%);opacity:.5}