.color-card{height:250px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:15px;position:relative;overflow:hidden;width:100%!important}.color-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.color-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);opacity:0;transition:opacity .3s ease}.color-card:hover::before{opacity:1}.color-info{z-index:1;transition:all .3s ease}.color-card:hover .color-info{transform:translateY(-5px)}.color-code{font-size:1.3rem;font-weight:700;margin-bottom:5px}.color-rgb{font-size:.9rem;opacity:.8}.color-actions{display:flex;gap:10px;margin-top:15px;z-index:1;opacity:0;transition:opacity .3s ease}.color-card:hover .color-actions{opacity:1}.color-action-btn{background:rgba(255,255,255,.2);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);color:white;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.color-action-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.lock-indicator{position:absolute;top:15px;right:15px;width:30px;height:30px;background:rgba(255,255,255,.2);backdrop-filter:blur(5px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;opacity:0;transition:opacity .3s ease;cursor:pointer}.color-card.locked .lock-indicator{opacity:1}.saved-palette-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);overflow:hidden;transition:all .3s ease;width:100%!important}.saved-palette-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.saved-palette-colors{display:flex;height:80px}.saved-palette-color{flex:1;height:100%}.saved-palette-info{padding:15px}.saved-palette-name{font-weight:600;margin-bottom:5px;color:#1a202c}.saved-palette-date{font-size:.85rem;color:#718096;margin-bottom:10px}.saved-palette-actions{display:flex;gap:10px}.saved-palette-btn{flex:1;padding:8px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.load-palette-btn{background:#edf2f7;color:#4a5568}.load-palette-btn:hover{background:#e2e8f0}.delete-palette-btn{background:#fed7d7;color:#e53e3e}.delete-palette-btn:hover{background:#feb2b2}.message-box.show{transform:translateX(-50%) translateY(0);opacity:1}.history-item{height:120px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative}.history-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.15)}.history-colors{display:flex;height:100%}.history-color{flex:1;height:100%}.history-time{position:absolute;bottom:5px;right:5px;background:rgba(0,0,0,.5);color:white;font-size:.7rem;padding:2px 6px;border-radius:4px}.accessibility-info{margin-top:10px;font-size:.8rem;padding:5px;border-radius:4px;text-align:center}.accessibility-good{background:rgba(16,185,129,.2);color:#065f46}.accessibility-warning{background:rgba(245,158,11,.2);color:#92400e}.accessibility-poor{background:rgba(239,68,68,.2);color:#991b1b}@media (max-width:768px){.color-card{height:180px}}