.settings-card{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 4px rgba(139,92,246,.1);border:1px solid #e9d5ff;transition:box-shadow .2s}.settings-card:hover{box-shadow:0 4px 8px rgba(139,92,246,.2)}.radio-option{cursor:pointer}.radio-label{padding:.75rem;border-radius:.5rem;border:2px solid #e5e7eb;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:70px}.radio-option input:checked+.radio-label{border-color:#7c3aed;background:rgba(124,58,237,.05)}.radio-option:hover .radio-label{border-color:rgba(124,58,237,.5)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}#drawer>div:nth-child(2)::-webkit-scrollbar{width:6px}#drawer>div:nth-child(2)::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}@media (max-width:640px){.settings-card{padding:1rem}.radio-label{padding:.5rem;min-height:60px}}.card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:.5rem;z-index:1;opacity:.1;transition:opacity .3s ease}.card:focus-within::before,.card:hover::before{opacity:.15}