#cafeBook{width:26rem;max-height:85dvh;overflow-y:auto;color:#304842;background:#fffaf0;padding:22px;text-align:left}
#cafeBook .book-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#cafeBook h2{margin:0}#cafeBook p{line-height:1.5}
#cafeBook textarea{width:100%;font:inherit;padding:10px;border:1px solid #a6b6aa;border-radius:10px;background:#fffefa;color:#28433d;resize:vertical}
#cafeBook button{background:#285b51;color:white;border:0;border-radius:18px;padding:8px 14px;cursor:pointer}
#cafeBook button:disabled{opacity:.5}#cafeBook label{display:block;margin:0 0 6px;font-weight:650}
#cafeBook #bookEntries{padding:0;list-style:none}#bookEntries li{padding:10px 0;border-top:1px solid #dbded0;overflow-wrap:anywhere}
#bookEntries time{font-size:.8em;color:#566961;margin-left:10px}#bookEntries p{margin:4px 0 0}#bookNotice:empty,#bookEmpty:empty{display:none}
@media(max-width:600px){#actions:has(#openBook:not([hidden])){max-width:calc(100vw - 24px);flex-wrap:wrap;justify-content:flex-end}}

#bookHeading{font-size:1rem;margin:18px 0 6px}#cafeBook .book-heart{margin-top:6px;border:1px solid #afc2b7;background:#fffaf0;color:#34594e;font:inherit;font-size:.9rem;padding:5px 12px}#cafeBook .book-heart[aria-pressed="true"]{color:#8c3549;background:#ffe8ec;border-color:#daa5af}