.notes-dialog .room-dialog-content{padding-top:0}.notes-dialog .room-dialog-close.notebook-close{z-index:5;width:44px;height:44px;box-shadow:none;color:#493225;background:0 0;border:0;border-radius:0;padding:0;font-family:Caveat,cursive;font-size:32px;font-weight:500;top:2px;right:2px;transform:none}.notes-dialog .room-dialog-close.notebook-close:before{content:"";z-index:-1;clip-path:polygon(0 0,0 100%,100% 100%);filter:drop-shadow(-2px 2px 2px #76593a55);opacity:0;transform-origin:100% 0;background:linear-gradient(225deg,#d0b98e,#f6e4bd 70%);width:64px;height:64px;transition:transform .22s,opacity .22s;position:absolute;top:-2px;right:-2px;transform:scale(.15)}.notes-dialog .room-dialog-close.notebook-close:hover{color:#21180f;background:0 0;transform:none}.notes-dialog .room-dialog-close.notebook-close:focus-visible{outline-offset:-5px;outline:2px solid #806345}.notes-dialog .room-dialog-close.notebook-close:is(:hover,:focus-visible):before{opacity:1;transform:scale(1)}.otto-journal .book-stage:has(.notebook-close) .book-paper{clip-path:polygon(0 0,100% 0,100% 0,100% 100%,0 100%);transition:clip-path .22s}.otto-journal .book-stage:has(.notebook-close:is(:hover,:focus-visible)) .book-paper{clip-path:polygon(0 0,calc(100% - 64px) 0,100% 64px,100% 100%,0 100%)}.otto-journal .book-stage:has(.notebook-close) .note-heading{padding-right:44px}.otto-journal .book-stage{isolation:isolate;touch-action:pan-y;margin-bottom:18px;margin-right:8px}.otto-journal .book-stage:focus-visible{outline-offset:12px;outline:3px solid #badc80}.otto-journal .book-stage:before{background:#574030;border:2px solid #21180f;border-radius:4px 11px 12px 4px;inset:13px -11px -20px 1px;box-shadow:3px 4px #17120e70}.otto-journal .book-stage:after{background:#cab58d;border:1px solid #71583a;border-radius:3px 10px 10px 4px;inset:7px -8px -13px 4px}.otto-journal .journal-page-edges{z-index:-1;background:repeating-linear-gradient(0deg,#ead6ac 0 1px,#b9a17b 1px 2px,#f6e4bd 2px 4px);border-bottom:1px solid #87694c;border-right:1px solid #87694c;border-radius:2px 9px 9px 3px;position:absolute;inset:8px -7px -15px 8px}.otto-journal .book-paper,.otto-journal .book-turn{color:#493225;background:linear-gradient(90deg,#d0b98e 0,#ebd5aa 4%,#ffefcc 13%,#fff1d3 80%,#f0dcaf);border:2px solid #493225;border-radius:3px 9px 12px 4px;position:relative}.otto-journal .book-turn{position:absolute}.otto-journal .book-turn-older{transform-origin:100%;animation-name:turn-newer}.otto-journal .book-turn-newer{transform-origin:0;animation-name:turn-older}.otto-journal .book-binding{border-left:1px solid #76593a38;left:20px;box-shadow:-3px 0 7px #77533020}.otto-journal .note-leaf{min-height:585px;padding:31px 39px 33px 48px}.otto-journal .note-heading{letter-spacing:0;color:#806345;flex-wrap:wrap;gap:6px 12px;font-family:Caveat,cursive;font-size:20px}.otto-journal .note-heading>span{font-size:17px}.otto-journal .note-kicker{color:#806345;margin:29px 0 10px;font-family:Caveat,cursive;font-size:20px}.otto-journal .note-leaf h2{letter-spacing:-.4px;margin:0 0 12px;font-family:Caveat,cursive;font-size:43px;font-weight:600;line-height:1.08}.otto-journal .note-timestamps{color:#83674b;margin:0 0 25px;font-family:Arial,sans-serif;font-size:11px;line-height:1.55}.otto-journal .note-timestamps p{margin:3px 0}.otto-journal .note-timestamps time{font-variant-numeric:tabular-nums}.otto-journal .note-writing{font-family:Caveat,cursive;font-size:26px;font-weight:500;line-height:1.25}.otto-journal .note-writing p{margin-bottom:16px}.otto-journal .note-signature{padding-top:24px}.otto-journal .note-signature span{font-family:Caveat,cursive;font-size:31px;font-style:normal;font-weight:600}.otto-journal .note-sources{text-align:left;color:#70553d;text-shadow:none;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.otto-journal .notebook-controls{color:#f6e4bf;background:#422b23;border:1px solid #6e5139;margin-top:28px}.otto-journal .notebook-controls button{min-height:44px;padding-inline:4px}.otto-journal .page-count{letter-spacing:.8px;text-align:center;font-size:10px}.otto-journal .notebook-load-error{color:#f2dba9;text-align:center;margin:10px 0 0;font-size:12px;line-height:1.4}.otto-journal .notebook-preview{text-shadow:none}.otto-journal .journal-empty p{font-family:Caveat,cursive;font-size:25px}@media (max-width:640px){.otto-journal .note-leaf{min-height:535px;padding:25px 24px 27px 30px}.otto-journal .note-heading{font-size:18px}.otto-journal .note-heading>span{font-size:15px}.otto-journal .note-kicker{margin-top:22px}.otto-journal .note-leaf h2{font-size:36px}.otto-journal .note-writing{font-size:23px}.otto-journal .note-timestamps{margin-bottom:20px;font-size:10px}.otto-journal .book-binding{left:12px}.otto-journal .notebook-controls{padding-inline:9px}.otto-journal .notebook-controls button{gap:5px}}@media (prefers-reduced-motion:reduce){.otto-journal .book-turn,.otto-journal .book-turn:after{animation:none}.otto-journal .notebook-controls button{transition:none}.otto-journal .notebook-controls button:hover:not(:disabled){transform:none}.notes-dialog .room-dialog-close.notebook-close:before{transition:none}.otto-journal .book-stage:has(.notebook-close) .book-paper{transition:none}}