:root{
    --purple:#6C5CE7;
    --pink:#FF6B9D;
    --orange:#FF7676;
    --red:#FF4757;
    --card:rgba(255,255,255,0.75);
    --shadow:0 8px 32px rgba(0,0,0,0.1);
}

body{
    font-family:'Segoe UI',sans-serif;
    background:linear-gradient(135deg,var(--purple),#A29BFE);
    transition: background 0.3s;
}
.glass-card{
    background: var(--card);
    border-radius: 20px;
    padding:1rem;
    backdrop-filter: blur(10px);
    border:1px solid rgba(255,255,255,0.3);
    box-shadow: var(--shadow);
    transition: background 0.3s;
}
.bottom-nav svg{width:24px;height:24px;fill:#ccc;}
.bottom-nav .active svg{fill:var(--purple);}