.public-journal-panel{position:absolute;z-index:48;inset:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));width:min(760px,calc(100% - 28px));max-height:calc(100% - 28px);margin:auto;padding:22px 26px 28px;overflow:auto;overscroll-behavior:contain;background:linear-gradient(150deg,#fffbeaF8,#eaf4eCF8);border:1px solid #fff8d6;border-radius:26px;box-shadow:0 20px 90px #31534b55;color:#335e55;font-family:var(--font-handwritten);font-size:16px;line-height:1.7;isolation:isolate}.public-journal-panel header{display:flex;align-items:center;justify-content:space-between;gap:14px}.public-journal-panel h2{margin:0;font-size:25px;font-weight:500}.public-journal-panel button,.public-journal-panel input,.public-journal-panel textarea,.public-journal-panel select{font:inherit}.public-journal-panel button{min-height:44px;border:1px solid #bfd4bc;background:#f7f1d9;border-radius:16px;padding:8px 15px;color:#315f55}.public-journal-panel button:disabled{opacity:.5;cursor:default}.public-journal-panel nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.public-journal-panel label{display:block;margin:15px 0}.public-journal-panel textarea{display:block;width:100%;resize:vertical;min-height:180px;padding:14px;border:1px solid #bfd4bc;border-radius:16px;background:#fffdf4;color:#345a4f;line-height:1.9}.public-journal-panel select{display:block;margin-top:6px;min-height:44px;padding:8px;border:1px solid #bfd4bc;border-radius:12px;background:#fffdf4}.public-journal-panel input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:10px}.public-journal-body>button{margin:8px 10px 8px 0}.public-journal-panel .public-journal-primary{background:#d4e8ce;border-color:#9fc298;font-weight:500}.public-journal-card{padding:17px 19px;margin:13px 0;border:1px solid #d6dfca;background:#fffdf4;border-radius:20px}.public-journal-card button+button{margin-left:10px}.public-journal-meta{color:#638275;font-size:14px}.public-journal-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;font-size:17px}.public-journal-note,.public-journal-notice{font-size:14px;color:#68806d}.public-journal-status{white-space:pre-wrap;overflow-wrap:anywhere}.public-journal-status a{display:block;color:#397e6b}.public-journal-panel details{padding:12px 16px;border:1px dashed #becfb2;border-radius:16px}.public-journal-panel details .public-journal-text{max-height:250px;overflow:auto}.public-journal-panel .public-journal-link{background:transparent}.public-journal-exit{white-space:nowrap}@media(max-width:550px){.public-journal-panel{padding:18px 16px}.public-journal-panel header{align-items:flex-start}.public-journal-panel h2{font-size:21px}.public-journal-panel button{font-size:15px}.public-journal-exit{padding:7px 10px!important;font-size:13px!important}.public-journal-card{padding:14px}.public-journal-text{font-size:16px}}
.window-stories{position:absolute;inset:0;z-index:54;overflow:hidden;color:#40544b;background:#d9e7dc;font-family:var(--font-handwritten);isolation:isolate}
.window-stories[hidden],.window-stories [hidden]{display:none!important}
.window-stories picture,.window-stories picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.window-stories button{font:inherit;font-size:15px;min-height:44px;padding:8px 14px;border:0;border-radius:22px;color:#40544b;background:#faf7ebeF;cursor:pointer;touch-action:manipulation}
.window-stories button:hover{background:#e5eddc}.window-stories button:disabled{opacity:.4;cursor:default}
.window-stories button:focus-visible{outline:3px solid #476854;outline-offset:3px}
.window-stories ::selection{background:#c7ddbf;color:#263f31}
.window-story-exit{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}
.window-story-paper{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:min(500px,calc(100% - 32px));max-height:48%;box-sizing:border-box;padding:18px 22px;background:#fbf8edF5;border-radius:16px;box-shadow:0 9px 32px #223a3a24;overflow:auto;scrollbar-width:thin;scrollbar-color:#a5b699 #faf7eb;overscroll-behavior:contain}
.window-story-paper h2{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 10px;overflow-wrap:anywhere}
.window-story-copy{font-size:18px;line-height:1.8;margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}
.window-story-status{font-size:16px;line-height:1.6;margin:0 0 12px}.window-story-status:empty{display:none}
.window-story-passage,.window-story-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;font-size:13px;font-variant-numeric:tabular-nums}
.window-story-paper nav button{background:transparent;padding:6px 8px}
.window-story-quiet{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}
.window-story-resume{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom))}
@media(max-width:600px){.window-story-paper{right:16px;bottom:max(14px,env(safe-area-inset-bottom));padding:13px 16px;max-height:46%}.window-story-copy{font-size:16px;line-height:1.75}.window-story-paper h2{font-size:16px;margin-bottom:8px}.window-stories button{font-size:14px}.window-story-exit{right:12px;top:max(12px,env(safe-area-inset-top))}}
@media(max-height:480px) and (orientation:landscape){.window-story-paper{width:46%;max-height:74%;bottom:12px;padding:12px 16px}.window-story-copy{font-size:15px;line-height:1.5}.window-story-paper h2{font-size:16px}.window-story-exit{left:12px;right:auto}.window-story-quiet{left:12px;top:68px}}