:root { 
    --primary: #fe2c55; 
    --primary-hover: #e0264d;
    --bg: #f8f9fa; 
    --card-bg: #ffffff; 
    --text: #202124; 
    --text-light: #5f6368;
    --border: #dadce0;
    --mic-active: #ff4757;
}

body { 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 
    display: flex; flex-direction: column; 
    height: 100vh; margin: 0; 
    background: var(--bg); color: var(--text); 
    overflow: hidden; 
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; }