body {
    background-color: #111415;
    color: #e1e3e4;
    overflow-x: hidden;
}
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.kinetic-glow {
    filter: blur(80px);
    opacity: 0.15;
    pointer-events: none;
}
.bento-card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.bento-card:hover {
    border-color: #ffb3b1;
    transform: translateY(-4px);
}
.glass-panel {
    background: rgba(29, 32, 33, 0.6);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(143, 144, 154, 0.1);
}
.glass-card {
    background: rgba(40, 42, 43, 0.4);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(143, 144, 154, 0.1);
}
.text-gradient-kinetic {
    background: linear-gradient(135deg, #ffb3b1 0%, #ffb780 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.avatar-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Sora", sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    color: #111415;
    background: linear-gradient(135deg, #ffb3b1 0%, #ffb780 100%);
}