body{
    margin:0;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,sans-serif;
    background:#f6f7fb;
    color:#1f2937;
}

#board{
    display:flex;
    gap:24px;
    padding:32px;
    align-items:flex-start;
}

.column{
    flex:1;
    background:#ffffff;
    border-radius:12px;
    padding:20px;
    box-shadow:0 1px 2px rgba(0,0,0,0.05);
    border:1px solid #e5e7eb;
}

.column h2{
    margin:0 0 16px 0;
    font-size:18px;
    font-weight:600;
    color:#374151;
    text-transform:capitalize;
}

.add-note{
    width:100%;
    padding:12px 14px;
    border-radius:8px;
    border:1px solid #d1d5db;
    font-size:14px;
    box-sizing:border-box;
    margin-bottom:16px;
    background:#f9fafb;
}

.add-note:focus{
    outline:none;
    border-color:#6366f1;
    background:#fff;
}

.cards{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.card{
    background:#f9fafb;
    border:1px solid #e5e7eb;
    border-radius:10px;
    padding:14px;
    font-size:14px;
    line-height:1.45;
    transition:box-shadow 0.18s ease,border-color 0.18s ease,transform 0.18s ease;
}

.card:hover{
    box-shadow:0 4px 12px rgba(0,0,0,0.06);
}

.card-voted{
    border-color:#c7d2fe;
    background:#f8faff;
}

.card-text{
    margin-bottom:12px;
    white-space:pre-wrap;
    word-break:break-word;
}

.card-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.vote-toggle{
    border:none;
    border-radius:999px;
    padding:8px 12px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    background:#eef2ff;
    color:#4338ca;
    transition:background 0.18s ease,color 0.18s ease,transform 0.12s ease;
}

.vote-toggle:hover{
    background:#e0e7ff;
}

.vote-toggle:active{
    transform:translateY(1px);
}

.vote-toggle.is-voted{
    background:#4f46e5;
    color:#ffffff;
}

.vote-count{
    font-size:13px;
    color:#6b7280;
    white-space:nowrap;
}
.card{
    will-change: transform;
    position: relative;
}

.cards{
    position: relative;
}