.journal-feed{max-width:1100px;margin:auto}.journal-post{border:1px solid var(--line);background:var(--panel);margin:0 0 36px}.journal-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;background:#0c0d0e}.journal-photos.single{grid-template-columns:1fr}.journal-photos a{display:block;min-width:0}.journal-photos img{display:block;width:100%;height:100%;max-height:700px;object-fit:contain;aspect-ratio:4/3}.journal-photos.single img{aspect-ratio:auto;height:auto}.journal-copy{padding:30px}.journal-copy time{font-size:12px;letter-spacing:.1em;color:var(--muted)}.journal-copy p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:18px;line-height:1.7}.journal-empty{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);align-items:center;background:var(--panel)}.journal-empty img{width:100%;display:block}.journal-empty>div{padding:32px}.journal-empty p{color:var(--muted)}.editor-intro{max-width:1200px}.editor-toolbar{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center}.editor-area{max-width:1000px}.editor-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin:20px 0}.editor-heading h2{margin:0}.editor-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.editor-photo{min-width:0;border:1px solid var(--line);padding:8px}.editor-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}.photo-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.photo-controls button{background:#272c2f;border:1px solid #596066;color:white;padding:8px;font:inherit;font-size:13px}.editor-post-row{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:20px 0}.editor-post-row img{width:84px;height:70px;object-fit:cover}.editor-post-row .summary{flex:1;min-width:0}.editor-post-row p{margin:3px 0;overflow-wrap:anywhere}.editor-post-row small{color:var(--muted)}.editor-post-row button{flex-shrink:0}.editor-error{color:#ffb7ad}.editor-success{color:#bfd6bf}button:disabled{opacity:.5;cursor:wait}#post-preview{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}.upload-label{border:1px dashed #697178;padding:20px}.upload-label input{margin-top:5px}#editor-status:empty,#save-status:empty{display:none}[hidden]{display:none!important}.editor-tabs{display:flex;gap:20px;margin-bottom:24px}.editor-tabs button{background:none;color:var(--muted);border:0;border-bottom:1px solid transparent;padding:10px 0;cursor:pointer;font:inherit}.editor-tabs button[aria-pressed=true]{color:white;border-bottom-color:white}@media(max-width:760px){.journal-empty{grid-template-columns:1fr}.journal-copy{padding:24px}.editor-heading{display:block}.editor-heading button{margin-top:12px}.editor-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-post-row{gap:12px}.editor-post-row img{width:60px;height:60px}.editor-toolbar{gap:16px}.editor-intro h1{font-size:48px}.journal-photos{grid-template-columns:1fr}nav{font-size:13px}}
.visitor-stats{border-top:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stats-card{border:1px solid var(--line);background:var(--panel);padding:20px}.stats-card h3{font-size:16px;margin:0}.stats-card strong{font-size:36px;color:var(--text)}.stats-card p{margin:12px 0 0}.stats-table{width:100%;border-collapse:collapse;margin-top:16px}.stats-table th,.stats-table td{padding:12px 4px;text-align:left;border-bottom:1px solid var(--line)}.stats-table th:last-child,.stats-table td:last-child{text-align:right}.visitor-stats summary{cursor:pointer;padding:12px 0}.visitor-stats .form-note{line-height:1.6}@media(max-width:540px){.stats-grid{grid-template-columns:1fr}.stats-card{padding:16px}}
/* Photo-led journal, shared with the owner's preview. */
.journal-intro{text-align:center}.journal-intro .intro{margin-left:auto;margin-right:auto}.journal-feed{max-width:1080px}.journal-post{border:0;border-bottom:1px solid var(--line);background:transparent;padding-bottom:38px;margin-bottom:52px}.gallery-stage{position:relative;aspect-ratio:3/2;background:#171a1c;border:1px solid var(--line);border-radius:6px;overflow:hidden;touch-action:pan-y}.gallery-main{display:block;width:100%;height:100%;object-fit:contain}.gallery-enlarge,.gallery-arrow{position:absolute;display:grid;place-items:center;color:#fff;background:#101213c9;border:1px solid #ffffff66;border-radius:50%;width:44px;height:44px;line-height:1;text-decoration:none}.gallery-enlarge{top:12px;right:12px;font-size:26px}.gallery-arrow{top:calc(50% - 22px);font-size:32px;cursor:pointer}.gallery-arrow.previous{left:12px}.gallery-arrow.next{right:12px}.gallery-count{position:absolute;right:12px;bottom:12px;background:#101213c9;color:#fff;padding:5px 10px;border-radius:3px;font-size:13px;letter-spacing:.06em}.gallery-thumbs{display:flex;gap:12px;overflow-x:auto;padding:12px 2px 8px;scrollbar-width:thin;scroll-snap-type:x proximity}.gallery-thumb{flex:0 0 120px;display:block;border:2px solid transparent;border-radius:4px;overflow:hidden;scroll-snap-align:start;opacity:.65}.gallery-thumb[aria-current=true]{border-color:#f0f0eb;opacity:1}.gallery-thumb img{display:block;width:100%;height:85px;object-fit:cover}.gallery-thumb:hover{opacity:1}.gallery-hint{font-size:12px;color:var(--muted);margin:2px 0;text-align:center}.journal-copy{padding:28px 2px 0;max-width:820px}.journal-copy time{display:block;margin-bottom:18px}.journal-copy .journal-caption-title{font-size:clamp(24px,3vw,32px);line-height:1.25;letter-spacing:-.02em;margin:0 0 12px;overflow-wrap:anywhere;white-space:pre-wrap}.journal-copy p{font-size:18px;line-height:1.7;margin:0 0 16px;white-space:pre-wrap}.journal-permalink{font-size:12px;color:var(--muted);margin-top:8px}@media(max-width:600px){.gallery-stage{aspect-ratio:4/3}.gallery-thumb{flex-basis:82px}.gallery-thumb img{height:62px}.gallery-thumbs{gap:8px}.journal-copy{padding-top:22px}.journal-copy p{font-size:16px;line-height:1.65}.journal-post{margin-bottom:36px;padding-bottom:30px}.gallery-arrow.previous{left:8px}.gallery-arrow.next{right:8px}}
@media(prefers-reduced-motion:reduce){.gallery-thumbs{scroll-behavior:auto}}