.info-row {
    display: flex;
    justify-content: space-between;
    gap: 1rem
}
.info-row .k {
    color: var(--text-3)
}
.info-row .v {
    color: var(--text)
}
.stamp {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: .25em;
    text-transform: uppercase;
    padding: 4px 8px;
    background: var(--accent);
    color: #fff;
    transform: rotate(2deg);
    box-shadow: 2px 2px 0 var(--line-soft)
}
#note-content {
    line-height: 1.5
}
#toast {
    font-weight: 600
}

button#submit-btn, button#reveal-btn {

background: var(--line-strong);
    color: var(--bg);
    box-shadow: 3px 3px 0 var(--accent);
    font-family: var(--font-mono);
    transition: transform 0.14s, box-shadow 0.14s;
    
}

html.dark #pwd-form button[type=submit], html.dark #reveal-btn,  html.dark #submit-btn {
background: var(--line-strong);
    color: #c5c5c5;
    box-shadow: 3px 3px 0 var(--accent);
    font-family: var(--font-mono);
    transition: transform 0.14s, box-shadow 0.14s;
    
}
html.dark #pwd-form button[type=submit]:hover, html.dark #reveal-btn:hover, html.dark #submit-btn:hover {
    filter: brightness(1.08)
}