.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(226, 232, 240, 0.8);
}
.blade-transition {
    transition: flex-grow 0.6s cubic-bezier(0.16, 1, 0.3, 1), 
                width 0.6s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), 
                opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: flex-grow, width, transform, opacity;
    backface-visibility: hidden;
    transform: translateZ(0);
}
.micro-grid {
    background-image: radial-gradient(circle, #0F172A 1px, transparent 1px);
    background-size: 24px 24px;
}