.t-name__panel{background:var(--background-alt);border:1px solid var(--card-border);border-radius:var(--radius-l);padding:var(--spacing-xl)}.t-name__label{display:block;font-family:var(--font-sans);font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--spacing-s)}.t-name__field{position:relative}.t-name__field input{width:100%;font-family:var(--font-serif);font-size:clamp(1.5rem,4vw,2rem);color:var(--ink);background:var(--background);border:1px solid var(--card-border);border-radius:var(--radius-m);padding:var(--spacing-m) 52px var(--spacing-m) var(--spacing-m);transition:border-color .2s ease,box-shadow .2s ease}.t-name__field input:focus{outline:0;border-color:var(--sage);box-shadow:0 0 0 3px #4a7c7e26}.t-name__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:50%;background:var(--sand-dark);color:var(--text-secondary);font-size:1.25rem;line-height:1;cursor:pointer}.t-name__clear:hover{background:var(--divider);color:var(--ink)}.t-name__samples{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-s);margin-top:var(--spacing-m);font-size:.9rem;color:var(--text-tertiary)}.t-name__chip{font-family:var(--font-sans);font-size:.9rem;padding:5px 12px;border-radius:var(--radius-full);border:1px solid var(--card-border);background:var(--background);color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.t-name__chip:hover{background:var(--sage);border-color:var(--sage);color:#fff}.t-name__result{display:block}.t-name__result:empty{display:none}.t-name__card{margin-top:var(--spacing-l);background:linear-gradient(160deg,var(--lavender-light),var(--background-alt) 65%);border:1px solid var(--card-border);border-radius:var(--radius-l);padding:var(--spacing-xl);text-align:center}.t-name__badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:.8125rem;font-weight:600;padding:4px 12px;border-radius:var(--radius-full);background:var(--mint-light);color:var(--sage-dark)}.t-name__badge--phonetic{background:var(--honey-light);color:#7a6320}.t-name__arabic{font-family:var(--font-arabic);font-size:clamp(3.5rem,14vw,6rem);line-height:1.5;direction:rtl;color:var(--ink);margin:var(--spacing-s)0;word-break:break-word}.t-name__latin{font-family:var(--font-serif);font-size:1.25rem;color:var(--text-tertiary)}.t-name__meaning{margin-top:var(--spacing-m);font-size:1.0625rem;color:var(--text-secondary)}.t-name__meaning strong{color:var(--text-primary)}.t-name__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-s);margin-top:var(--spacing-l)}.t-name__btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;padding:10px 18px;border-radius:var(--radius-full);border:1px solid var(--card-border);background:var(--background-alt);color:var(--text-primary);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.t-name__btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px var(--shadow-medium)}.t-name__btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.t-name__letters{margin-top:var(--spacing-l)}.t-name__letters h3{font-size:1.125rem;text-align:center;margin-bottom:var(--spacing-s)}.t-name__letters p.t-name__hint{text-align:center;font-size:.9rem;color:var(--text-tertiary);margin-bottom:var(--spacing-m)}.t-name__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-s);direction:rtl}.t-name__letter{direction:ltr;min-width:92px;padding:var(--spacing-s) var(--spacing-m);background:var(--background-alt);border:1px solid var(--card-border);border-radius:var(--radius-m);text-align:center}.t-name__letter b{display:block;font-family:var(--font-arabic);font-size:2rem;line-height:1.3;color:var(--ink);font-weight:400}.t-name__letter span{display:block;font-size:.8125rem;color:var(--text-tertiary)}.t-name__letter em{display:block;font-size:.875rem;font-style:normal;color:var(--text-secondary)}.t-name__note{margin-top:var(--spacing-m);font-size:.9rem;color:var(--text-tertiary);text-align:center}@media (max-width:640px){.t-name__panel,.t-name__card{padding:var(--spacing-l)}.t-name__letter{min-width:76px;padding:var(--spacing-xs) var(--spacing-s)}}