#pg-letters{min-height:520px;direction:rtl}.lf-hero{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.lf-hero h2{margin:0;color:var(--gold,#c9a84c);font-size:1.35rem}.lf-hero p{margin:.3rem 0 0;color:var(--txt2);font-size:.86rem}.lf-export-btn{border:1px solid rgba(201,168,76,.4);background:rgba(201,168,76,.08);color:var(--gold,#c9a84c);border-radius:8px;padding:.45rem .8rem;font-weight:800;cursor:pointer}.lf-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;margin-bottom:1rem}.lf-controls select{background:var(--bg3);border:1px solid var(--bdr);color:var(--txt);padding:.48rem .75rem;border-radius:8px;font-family:var(--font-main);font-size:.84rem;min-width:165px}.lf-controls label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--txt2);cursor:pointer}.let-loading{display:none;align-items:center;justify-content:center;gap:.55rem;color:var(--gold,#c9a84c);padding:.8rem;font-weight:700}.let-hourglass{font-size:1.2rem;animation:letPulse 1s ease-in-out infinite}.lf-summary{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:.5rem;margin:0 auto 1rem;max-width:980px}.lf-summary>div{text-align:center;padding:.55rem .35rem;border-bottom:2px solid rgba(201,168,76,.2)}.lf-summary b{display:block;color:var(--cyan,#72d8ff);font-size:1rem;white-space:nowrap}.lf-summary small{display:block;color:var(--txt3);font-size:.7rem;margin-top:.15rem}.lf-top-strip{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:wrap;margin:.5rem 0 1rem}.lf-top-title{font-size:.75rem;color:var(--txt3);margin-left:.35rem}.lf-top-strip button{display:inline-flex;align-items:center;gap:.28rem;border:none;background:transparent;color:var(--txt);padding:.25rem .35rem;cursor:pointer;border-radius:6px}.lf-top-strip button:hover{background:rgba(201,168,76,.08)}.lf-top-strip i{font-style:normal;color:var(--txt3);font-size:.65rem}.lf-top-strip b{color:var(--gold,#c9a84c);font-size:1.05rem}.lf-top-strip small{color:var(--cyan,#72d8ff);font-size:.68rem}.lf-detail{position:relative;max-width:720px;margin:0 auto 1rem;padding:.65rem 2.3rem .65rem 1rem;border:1px solid rgba(201,168,76,.22);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:1.4rem}.lf-detail[hidden]{display:none}.lf-detail-close{position:absolute;top:.25rem;left:.35rem;border:none;background:transparent;color:var(--txt3);font-size:1.2rem;cursor:pointer}.lf-detail-letter{font-size:2.4rem;color:var(--gold,#c9a84c);font-weight:900}.lf-detail-data{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:.7rem;flex:1}.lf-detail-data span{text-align:center}.lf-detail-data b{display:block;color:var(--cyan,#72d8ff)}.lf-detail-data small{display:block;color:var(--txt3);font-size:.68rem}.let-table-wrap{overflow:auto;border:1px solid var(--bdr);border-radius:12px}.let-table{width:100%;border-collapse:collapse;min-width:720px}.let-table th,.let-table td{text-align:center;padding:.58rem .7rem;border-bottom:1px solid var(--bdr)}.let-table thead th,.let-table tfoot th{color:var(--gold,#c9a84c);background:rgba(201,168,76,.06);font-weight:800}.let-table tbody tr{cursor:pointer;transition:.15s}.let-table tbody tr:hover,.let-table tbody tr.is-selected{background:rgba(114,216,255,.07)}.let-letter{font-size:1.28rem;font-weight:900;color:var(--cyan,#72d8ff)}.let-count{font-weight:800}.let-bar{height:9px;min-width:170px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden}.let-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold,#c9a84c),var(--cyan,#72d8ff));border-radius:inherit}.lf-method{margin-top:1rem;color:var(--txt3);font-size:.75rem;line-height:1.8;text-align:center}.lf-method b{color:var(--gold,#c9a84c)}.let-empty,.let-error{text-align:center;padding:2rem;color:var(--txt2)}.let-error{color:#ff7070}@keyframes letPulse{50%{opacity:.45;transform:rotate(12deg)}}@media(max-width:850px){.lf-summary{grid-template-columns:repeat(3,1fr)}.lf-detail-data{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.lf-hero{align-items:flex-start}.lf-summary{grid-template-columns:repeat(2,1fr)}.lf-detail{flex-direction:column;gap:.5rem}.lf-detail-data{width:100%}.lf-controls select{width:100%}}