/* One clear unread mark beside the author, away from the illustration. */
.entry.read-dot:after{display:none!important}.entry>small{display:block;padding-right:0;white-space:normal}.diary-unread{display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:50%;background:#bd7188;box-shadow:0 0 0 3px #fffaf2;margin-right:8px;position:relative;top:-1px}
@keyframes diary-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes diary-settle-left{from{opacity:0;transform:translateY(6px) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}
@keyframes diary-settle-right{from{opacity:0;transform:translateY(6px) rotate(5deg)}to{opacity:1;transform:translateY(0) rotate(3deg)}}
@keyframes diary-dot-breathe{0%,100%{opacity:.65;box-shadow:0 0 0 2px #f6dfe45c}50%{opacity:1;box-shadow:0 0 0 4px #f6dfe422}}
.entries:not([hidden]),#exchangePanel:not([hidden]),#exchangeOpened:not([hidden]){animation:diary-arrive .28s ease-out both}
#exchangePanel:not([hidden]) .exchange-sheet.shen{animation:diary-settle-left .38s ease-out backwards}#exchangePanel:not([hidden]) .exchange-sheet.nuo{animation:diary-settle-right .38s .07s ease-out backwards}
#entryList .entry,.response-card.response-new,.paper{animation:diary-arrive .32s ease-out both}.response-status:not(:empty){animation:diary-arrive .2s ease-out}.exchange-write,.response-save,.write-stick,.exchange-cycle button{transition:transform .16s ease,box-shadow .16s ease}.exchange-write:active,.response-save:active,.write-stick:active,.exchange-cycle button:active{transform:scale(.97)}.example-due:before{content:"";display:inline-block;vertical-align:middle;width:5px;height:5px;border-radius:50%;margin-right:7px;background:#c48294;animation:diary-dot-breathe 3.5s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.book,.actions button,.entry,.exchange-sheet,.exchange-write,.response-save,.write-stick,.exchange-cycle button{transition:none!important}.entries:not([hidden]),#exchangePanel:not([hidden]),#exchangeOpened:not([hidden]),#exchangePanel:not([hidden]) .exchange-sheet,#entryList .entry,.response-card.response-new,.paper,.response-status,.example-due:before{animation:none!important}}