.item.journal-item .item-content { border: 0; background: none; box-shadow: none; padding: 0; }
.journal-thumb { position: relative; display: block; width: 100%; height: 100%; border-radius: 2px 3px 3px 2px; isolation: isolate; text-align: left;  transition: transform .3s ease, box-shadow .3s ease; }
.journal-pages { position: absolute; z-index: -1; inset: 2px -3px -2px 4px; border-radius: 1px 3px 3px 1px; background: repeating-linear-gradient(0deg, #afa38e 0 .6px, #d9cfba .6px 1.2px, #c3b8a0 1.2px 1.8px); box-shadow: inset -1px 0 1px #54432b88, 1px 1px 0 #530e1a; }
.journal-cover { position: relative; display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.journal-spine { position: absolute; z-index: 2; inset: 0 auto 0 0; width: 8%; border-radius: 2px 0 0 2px; background: linear-gradient(90deg, #33000c66, #5c081c22 17%, #ff8b9533 35%, #5e001e22 56%, transparent); box-shadow: inset 1px 0 #ffb8a91c; pointer-events: none; }
.journal-thumb::after { content: ''; position: absolute; inset: 0; z-index: 3; border-radius: inherit; box-shadow: inset 0 1px #ffbcb833, inset -1px -1px #3b001b50; background: linear-gradient(115deg, #ffd4b90a, transparent 34%, #28000d0b); pointer-events: none; }
.item.journal-item:hover .item-content, .item.journal-item:focus-visible .item-content { box-shadow: none; }
.journal-dialog { position: fixed; inset: 0; width: 100%; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; color: #e8e3d6; background: #070706; overflow: hidden; }
.journal-dialog::backdrop { background: #070706; }
.journal-dialog[open] { display: block; }
.journal-bar { position: absolute; inset: 0 0 auto; z-index: 10; pointer-events: none; }
.journal-bar > span { display: none; }
.journal-bar button { position: absolute; top: max(18px, env(safe-area-inset-top)); right: max(18px, env(safe-area-inset-right)); width: 40px; height: 40px; padding: 0; border: 1px solid rgba(241,235,221,.35); border-radius: 50%; background: rgba(20,19,18,.5); color: #f1ebdd; font: 20px/1 ui-monospace, monospace; pointer-events: auto; cursor: pointer; }
.journal-bar button:focus-visible { outline: 1px dashed #aac5de; outline-offset: 3px; }
#journal-frame { display: block; width: 100%; height: 100%; border: 0; background: #070706; }