.journal-dock{position:fixed;z-index:25;left:0;top:220px;display:grid;place-items:center;width:78px;height:86px;box-sizing:border-box;padding:10px 8px;border:1px solid #e87843;border-left:0;border-radius:0 7px 7px 0;background:rgba(27,27,27,.72);color:#fff3e9;text-decoration:none;box-shadow:3px 3px 14px #0004}.journal-dock svg{display:block;width:54px;height:54px}.journal-dock-label{position:absolute;left:100%;top:-1px;bottom:-1px;display:flex;flex-direction:column;justify-content:center;gap:4px;box-sizing:border-box;min-height:0;width:225px;padding:10px 16px;border:1px solid #514339;border-left:0;border-radius:0 7px 7px 0;background:rgba(32,32,31,.82);color:#eeece8;opacity:0;visibility:hidden;transform:translateX(-12px);clip-path:inset(0 100% 0 0);transition:opacity .3s ease,transform .3s ease,clip-path .3s ease,visibility 0s linear .3s;pointer-events:none}.journal-dock-label strong{font-size:16px;line-height:1.3;font-weight:600}.journal-dock-label>span{font-size:12px;line-height:1.4;color:#aaa;white-space:nowrap}.journal-dock:hover,.journal-dock:focus-visible{border-color:#f9945e;color:#fff;background:rgba(32,32,31,.82);border-radius:0}.journal-dock:hover .journal-dock-label,.journal-dock:focus-visible .journal-dock-label{opacity:1;visibility:visible;transform:translateX(0);clip-path:inset(0 0 0 0);transition-delay:0s;pointer-events:auto;border-color:#f9945e}.journal-dock:focus-visible{outline:2px solid #f16c3a;outline-offset:-3px}.journal-dock[aria-current]{border-left:2px solid #f16c3a}@media(max-width:700px){.journal-dock{top:220px;bottom:auto;width:60px;height:66px;padding:7px}.journal-dock svg{width:42px;height:42px}.journal-dock-label{width:211px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){.journal-dock-label{transition:none}}@media print{.journal-dock{display:none}}
@keyframes journal-book-nudge{0%,15%,100%{transform:rotate(0)}2%,6%,10%{transform:rotate(-5deg)}4%,8%,12%{transform:rotate(4deg)}14%{transform:rotate(-2deg)}}
@keyframes journal-soft-glow{0%,15%,100%{box-shadow:3px 3px 14px #0004;border-color:#e87843;border-radius:0 7px 7px 0}2%,8%,13%{box-shadow:0 0 18px #f16c3a70;border-color:#ffc18d;border-radius:0}5%,11%{box-shadow:0 0 10px #f16c3a35;border-color:#e87843;border-radius:0}}
@keyframes journal-auto-reveal{0%,15.01%,100%{opacity:0;visibility:hidden;transform:translateX(-12px);clip-path:inset(0 100% 0 0);pointer-events:none}1.5%,13.5%{opacity:1;visibility:visible;transform:translateX(0);clip-path:inset(0 0 0 0);pointer-events:auto;border-color:#f9945e}15%{opacity:0;visibility:visible;transform:translateX(-12px);clip-path:inset(0 100% 0 0);pointer-events:none}}
@media(prefers-reduced-motion:no-preference){.journal-dock{animation:journal-soft-glow 20s ease-in-out 20s infinite}.journal-dock svg{transform-origin:50% 65%;animation:journal-book-nudge 20s ease-in-out 20s infinite}.journal-dock-label{animation:journal-auto-reveal 20s ease-in-out 20s infinite}.journal-dock:hover,.journal-dock:focus-visible,.journal-dock:hover svg,.journal-dock:focus-visible svg,.journal-dock:hover .journal-dock-label,.journal-dock:focus-visible .journal-dock-label{animation:none}}
.journal-dock[aria-current="page"]{display:none}