.journal-modal[hidden]{display:none}.journal-modal{position:fixed;inset:0;z-index:100000;background:#0b111cf2;backdrop-filter:blur(10px);padding:12px;display:flex;align-items:center;justify-content:center}.jr-shell{width:100%;height:100%;display:flex;flex-direction:column;background:#0e1726;border:1px solid #2b3a4c;border-radius:14px;overflow:hidden;box-shadow:0 20px 80px #0008;color:#eaf1f8}.jr-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 18px;background:#152033;border-bottom:1px solid #2b3a4c;flex-shrink:0}.jr-title{min-width:0}.jr-title strong{display:block;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.jr-title span{font-size:12px;color:#9aaec2}.jr-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.jr-actions button,.jr-turn{background:#20324b;color:#eaf1f8;border:1px solid #3a5270;border-radius:8px;cursor:pointer;min-width:40px;min-height:40px;font-size:14px}.jr-actions button:hover,.jr-turn:hover{background:#328ce0;border-color:#5ca8f7}.jr-actions button:disabled,.jr-turn:disabled{opacity:.3;cursor:default}.jr-actions output{font-size:12px;min-width:48px;text-align:center;color:#a9d2ff}.jr-stage{position:relative;flex:1;min-height:0;background:radial-gradient(ellipse at center,#23334a,#0b1220)}.jr-viewport{position:absolute;inset:0 58px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:18px;touch-action:pan-x pan-y}.jr-viewport.is-zoomed{cursor:grab}.jr-viewport.is-dragging{cursor:grabbing;user-select:none}.jr-paper{width:max-content;margin:0 auto;box-shadow:0 12px 38px #0008;background:white;line-height:0}.jr-paper canvas,.jr-paper img{display:block;max-width:none}.jr-paper [hidden]{display:none}.jr-turn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border-radius:50%;width:44px;height:44px;font-size:30px;line-height:1}.jr-prev{left:6px}.jr-next{right:6px}.jr-status{position:absolute;inset:25px auto auto 50%;transform:translateX(-50%);padding:12px 20px;background:#14243aed;border:1px solid #42637e;border-radius:10px;max-width:80%;font-size:13px;pointer-events:none;z-index:3}.jr-progress{display:flex;align-items:center;gap:10px;padding:9px 20px;background:#152033;border-top:1px solid #2b3a4c;font-size:12px;flex-shrink:0}.jr-progress input[type=number]{width:65px;padding:4px 6px;background:#0d1727;color:#eaf1f8;border:1px solid #42637e;border-radius:5px}.jr-progress input[type=range]{flex:1;min-width:60px;accent-color:#5ca8f7;cursor:ew-resize;height:22px}.jr-filmstrip{display:flex;align-items:center;gap:14px;padding:7px 18px;background:#111b2b;border-top:1px solid #26374e;flex-shrink:0}.jr-film-label{font-size:12px;color:#9aaec2;flex-shrink:0}.jr-thumbs{display:flex;gap:9px;align-items:center;overflow-x:auto;overflow-y:hidden;min-width:0;flex:1;padding:5px 3px 9px;height:112px;overscroll-behavior:contain}.jr-thumb{padding:0;flex:0 0 66px;height:87px;background:#0e1726;border:2px solid #33465c;border-radius:5px;overflow:hidden;cursor:pointer;position:relative;opacity:.65;transition:opacity .15s,border-color .15s}.jr-thumb:hover{opacity:1;border-color:#8cb2d5}.jr-thumb[aria-current=page]{opacity:1;border-color:#5ca8f7;box-shadow:0 0 0 2px #5ca8f73d}.jr-thumb img,.jr-thumb canvas{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.jr-thumb span{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#fff;background:#0a152be8;font-size:10px;line-height:17px}.jr-hint{padding:4px 15px 6px;font-size:10px;text-align:center;color:#8197ae;background:#111b2b;flex-shrink:0}.jr-viewport,.jr-thumbs{scrollbar-width:auto;scrollbar-color:#547294 #111b2b}.jr-viewport:hover,.jr-thumbs:hover{scrollbar-color:#80b6ef #1a2940}.jr-viewport::-webkit-scrollbar,.jr-thumbs::-webkit-scrollbar{width:12px;height:12px}.jr-viewport::-webkit-scrollbar-track,.jr-thumbs::-webkit-scrollbar-track{background:#111b2b;border-radius:8px}.jr-viewport::-webkit-scrollbar-thumb,.jr-thumbs::-webkit-scrollbar-thumb{background:#547294;border:2px solid #111b2b;border-radius:8px}.jr-viewport::-webkit-scrollbar-thumb:hover,.jr-thumbs::-webkit-scrollbar-thumb:hover{background:#80b6ef}.jr-shell:fullscreen{border-radius:0;border:0}.jr-shell button:focus-visible,.jr-shell input:focus-visible,.jr-viewport:focus-visible,.jr-thumbs:focus-visible{outline:3px solid #f4bd65;outline-offset:2px}@media(max-width:680px){.journal-modal{padding:0}.jr-shell{border-radius:0}.jr-toolbar{flex-wrap:wrap;padding:8px 10px;gap:6px}.jr-title{width:100%}.jr-title strong{font-size:12px}.jr-actions{width:100%;justify-content:flex-end}.jr-actions button{min-width:36px;min-height:36px;font-size:12px}.jr-viewport{inset:0 35px;padding:10px}.jr-turn{width:30px;height:38px;font-size:25px}.jr-prev{left:2px}.jr-next{right:2px}.jr-progress{padding:7px 10px;gap:6px}.jr-filmstrip{padding:4px 8px}.jr-film-label{display:none}.jr-thumbs{height:92px}.jr-thumb{flex-basis:54px;height:72px}.jr-hint{font-size:9px}}@media(prefers-reduced-motion:reduce){.jr-thumb{transition:none}}