.otto-journal .notebook-label{color:#f4dfb1;font-family:Caveat,cursive;font-size:24px}.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-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-swipe-hint{text-align:center;color:#ecd8b1;margin:13px 0 0;font-family:Caveat,cursive;font-size:19px;line-height:1.3}.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}.otto-journal .notebook-swipe-hint{font-size:17px}}@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}}