:root{--tg-spacing-xs: 4px;--tg-spacing-sm: 8px;--tg-spacing-md: 12px;--tg-spacing-lg: 16px;--tg-spacing-xl: 20px;--tg-spacing-2xl: 24px;--tg-radius-sm: 8px;--tg-radius-md: 12px;--tg-radius-lg: 16px;--tg-font-sm: 12px;--tg-font-md: 14px;--tg-font-lg: 16px;--tg-font-xl: 18px;--tg-font-2xl: 20px;--tg-font-3xl: 24px}body,input,textarea{direction:rtl;text-align:right}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tg-button{padding:var(--tg-spacing-md) var(--tg-spacing-lg);border:none;border-radius:var(--tg-radius-sm);font-size:var(--tg-font-lg);font-weight:500;cursor:pointer;transition:opacity .2s ease;width:100%;text-align:center}.tg-button:active{opacity:.7}.tg-card{padding:var(--tg-spacing-lg);border-radius:var(--tg-radius-md);margin-bottom:var(--tg-spacing-md)}.tg-list-item{padding:var(--tg-spacing-lg);border-radius:var(--tg-radius-md);cursor:pointer;transition:background-color .2s ease;margin-bottom:var(--tg-spacing-md)}.tg-list-item:active{opacity:.7}.mode-badge{position:fixed;top:var(--tg-spacing-sm);right:var(--tg-spacing-sm);z-index:1000;padding:var(--tg-spacing-xs) var(--tg-spacing-sm);border-radius:var(--tg-radius-md);font-size:var(--tg-font-sm);font-weight:600}@media (max-width: 480px){.tg-card,.tg-list-item{padding:var(--tg-spacing-md)}}