.page-keepsakes { display: flex; align-items: center; gap: 1rem; min-height: 94px; position: relative; margin-bottom: 1.5rem; pointer-events: none; }
.diary-sticker { display: inline-grid; place-items: center; width: 72px; height: 76px; flex-shrink: 0; font-size: 2.6rem; border: 5px solid #fffefa; border-radius: 45% 48% 42% 46%; box-shadow: 1px 3px 3px #61462b20; transform: rotate(-10deg); }
.sticker-rose { background: #f6dcd7; }
.sticker-lavender { background: #e7e0f3; }
.sticker-honey { background: #fae9b3; }
.sticker-sage { background: #dce8d4; }
.sticker-caption { font: italic 1rem/1.5 Georgia, serif; color: #79604e; transform: rotate(-3deg); }
.tiny-star { margin-left: auto; align-self: start; color: #ae7b39; font-size: 2rem; }
.paper-tape { position: absolute; top: 0; left: 17px; width: 43px; height: 19px; background: repeating-linear-gradient(45deg, #dfb5a699 0 5px, #efccba99 5px 10px); transform: rotate(-14deg); z-index: 1; }
.sticker-picker { margin-top: 1.25rem; }
.sticker-picker legend { color: #765442; font: italic .95rem Georgia, serif; }
.sticker-choices { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .65rem; }
.sticker-choice { width: 46px; height: 46px; font-size: 1.5rem; border: 1px solid #e8dac1; border-radius: 14px; background: #fffdf9; transition: transform .18s, background .18s; }
.sticker-choice[aria-pressed="true"] { background: #f4dfc0; border-color: #96744c; box-shadow: 0 0 0 2px #fff, 0 0 0 3px #96744c; transform: rotate(-7deg); }
.sticker-choice:hover { transform: translateY(-3px) rotate(-7deg); }
.sticker-choice:focus-visible { outline: 2px solid #765442; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .sticker-choice { transition: none; } }