button,a[role=button],.scroll-link,.event-actions a{transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s,filter .16s}
@media(hover:hover){button:not(:disabled):hover,a[role=button]:hover,.scroll-link:hover,.event-actions a:hover{filter:brightness(.94);box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--yellow) 12%,transparent)}}
button:not(:disabled):active{filter:brightness(.87)}
button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
button:disabled{cursor:not-allowed}
@media(prefers-reduced-motion:reduce){button,a[role=button],.scroll-link,.event-actions a{transition:none}}
.feedback-toast[hidden]{display:none}
.feedback-toast{position:fixed;z-index:100;top:88px;right:24px;display:flex;align-items:flex-start;gap:16px;max-width:min(440px,calc(100vw - 32px));padding:16px 18px;border:1px solid #adc5b0;border-left:5px solid #357342;border-radius:6px;background:#f1f8f2;color:#183d21;box-shadow:0 8px 28px #140e1b26}
.feedback-toast[data-kind=error]{background:#fff1f0;color:#7b2424;border-color:#e1b6b1;border-left-color:#b63838}
.feedback-toast p{margin:0;font-size:16px;line-height:1.6}
.feedback-toast button{flex:none;border:0;background:transparent;color:inherit;font-size:24px;line-height:1;padding:0 2px}
.danger-button{padding:11px 16px;border:1px solid #a53636;color:#8c2323;background:#fff2ef;font-size:14px;font-weight:600;border-radius:4px}
.danger-button:disabled{opacity:.55}
#entry-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto}
#entry-details section{margin:22px 0}
#entry-details h3{font-size:16px;margin:0 0 10px;border-bottom:1px solid #d9d2dd;padding-bottom:8px}
#entry-details dl{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:9px 20px;margin:0}
#entry-details dt{font-size:14px;color:var(--muted);font-weight:600}
#entry-details dd{font-size:14px;line-height:1.6;overflow-wrap:anywhere;margin:0}
#entry-details a{color:inherit;text-decoration:underline;text-underline-offset:3px}
#delete-entry{margin:12px 0 20px}
#delete-entry-dialog{max-width:520px;width:calc(100vw - 32px);max-height:calc(100svh - 32px);overflow:auto}
#delete-entry-dialog h2{font-size:34px;margin-top:0}
#delete-entry-dialog p{font-size:14px;line-height:1.7}
.confirm-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:24px}
@media(max-width:520px){#entry-details dl{grid-template-columns:1fr;gap:4px}#entry-details dd{margin-bottom:12px}.feedback-toast{right:16px;top:82px}}

.form-message[data-kind=success]{color:#2f6a3c}

@media(hover:hover){
 button:not(:disabled):not(.danger-button):not(.text-link):hover,a.submit:hover,.event-actions a:hover{background:var(--yellow);color:var(--accent-ink,var(--ink));border-color:var(--yellow);filter:none;box-shadow:none}
 button.text-link:hover{color:inherit;text-decoration-thickness:2px;text-decoration-color:var(--yellow)}
}