body { background-color: #0f1117; color: #e2e8f0; }
        .color-card { transition: all 0.3s ease; height: 100%; position: relative; cursor: pointer; }
        .color-card:hover { flex-grow: 1.5; }
        .action-btn { background: rgba(0,0,0,0.2); backdrop-filter: blur(8px); border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.2s; }
        .color-card:hover .action-btn { opacity: 1; }
        .toast { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: #22c55e; color: white; padding: 12px 24px; border-radius: 8px; z-index: 100; display: none; }