#ym-personal-notes { margin: 18px 0 24px; padding: 22px; border: 1px solid #f3cdd7; border-radius: 24px; background: linear-gradient(120deg,#fff,#fff3ed); color: #1f2940; }
#ym-personal-notes[hidden], #ym-personal-notes [hidden] { display: none !important; }
#ym-personal-notes .ym-notes-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#ym-personal-notes h3 { margin: 0; font-size: 1.35rem; }
#ym-personal-notes .ym-notes-help { margin: 8px 0 16px; font-size: .88rem; line-height: 1.5; }
#ym-personal-notes form { display: grid; gap: 8px; }
#ym-personal-notes label { font-size: .85rem; font-weight: 600; }
#ym-personal-notes textarea { width: 100%; box-sizing: border-box; resize: vertical; min-height: 80px; max-height: 280px; padding: 12px; border: 1px solid #d8ced5; border-radius: 14px; background: white; color: #1f2940; font: inherit; font-size: 16px; }
#ym-personal-notes .ym-notes-actions, #ym-personal-notes .ym-notes-toolbar { display: flex; flex-wrap: wrap; gap: 8px; }
#ym-personal-notes .ym-notes-toolbar { margin-top: 18px; }
#ym-personal-notes button { min-height: 44px; cursor: pointer; }
#ym-personal-notes button[aria-pressed="true"] { background: #ffdfeb; border-color: #b52261; color: #81224c; }
#ym-personal-notes button:focus-visible, #ym-personal-notes textarea:focus-visible { outline: 3px solid #b52261; outline-offset: 3px; }
#ym-personal-notes button:disabled { cursor: wait; opacity: .6; }
#ym-personal-notes .ym-notes-status { font-size: .85rem; min-height: 1.3em; margin: 10px 0; }
#ym-personal-notes .ym-notes-status.is-error, #ym-personal-notes .ym-note-delete { color: #a52039; }
#ym-personal-notes .ym-notes-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; max-height: 350px; overflow-y: auto; }
#ym-personal-notes .ym-note { border: 1px solid #e8dfe3; border-radius: 16px; background: #fff; padding: 14px; }
#ym-personal-notes .ym-note-body { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5; margin: 0 0 10px; }
#ym-personal-notes .is-complete .ym-note-body { text-decoration: line-through; color: #62697c; }
#ym-personal-notes .ym-notes-empty { padding: 8px 0; font-size: .9rem; }
@media (max-width: 600px) { #ym-personal-notes { padding: 16px; } #ym-personal-notes .ym-note .ym-notes-actions button { flex: 1; padding-inline: 12px; } }

.ym-notes-email-settings input[readonly], .ym-notes-email-settings textarea { width: 100%; box-sizing: border-box; }
.ym-notes-email-settings form { display: grid; gap: 12px; margin-top: 18px; }
.ym-notes-email-settings .settings-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.ym-notes-email-settings p { overflow-wrap: anywhere; }
.ym-notes-email-settings .is-error { color: #b42318; }