body {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.5;
    font-size: 16px;
    margin: 0.5rem 1rem;
    color: #111;
}

a {
    color: #1b5ec4;
    text-decoration: none;
}

.note {
    margin-bottom: 1rem;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #e6f2ff;
}

.note-date {
    font-size: 0.9rem;
    color: #555;
}

.skeleton-note {
    height: 40px;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: linear-gradient(90deg,
            #eee 25%,
            #ddd 37%,
            #eee 63%);
    background-size: 400% 100%;
    animation: shimmer 2.5s ease infinite;
}

@keyframes shimmer {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}