.journal-page{overflow-wrap:anywhere;width:min(100%,932px);margin:0 auto;padding:16px 16px 48px}.journal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.journal-header h1{min-width:0;font:800 30px/34px var(--font-display);letter-spacing:0;margin:0}.journal-button{background:var(--primary);max-width:100%;min-height:52px;color:var(--on-primary);font:700 16px/23px var(--font);text-align:center;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;display:inline-flex}.journal-button-compact{flex-shrink:0;min-height:40px;padding:8px 12px;font-size:15px}.journal-button svg{flex-shrink:0}.journal-button:hover{background:var(--primary-strong);text-decoration:none}.journal-button:disabled,.journal-refresh:disabled{cursor:default;opacity:.5}.journal-page a:focus-visible,.journal-page button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.journal-notice{background:var(--info-soft);border-radius:4px;align-items:flex-start;gap:12px;padding:14px;display:flex}.journal-notice>svg{color:var(--info);flex-shrink:0}.journal-notice h2{color:var(--info);font:600 16px/23px var(--font);letter-spacing:0;margin:0 0 2px}.journal-notice p{margin:0;font-size:13px;line-height:18px}.journal-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 24px 24px;display:flex}.journal-empty-icon{background:var(--primary-soft);width:72px;height:72px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:2px;display:flex}.journal-empty h2{font:700 19px/24px var(--font-display);letter-spacing:0;margin:0}.journal-empty p{max-width:560px;color:var(--muted);margin:0;font-size:16px;line-height:23px}.journal-status,.journal-sync{color:var(--muted);font-size:13px;line-height:18px}.journal-status{margin:0}.journal-sync{align-items:center;gap:8px;min-height:24px;margin-bottom:12px;display:flex}.journal-sync>svg{color:var(--success);flex-shrink:0}.journal-sync-error>svg{color:var(--warning)}.journal-sync p{flex:1;margin:0}.journal-refresh{min-width:40px;min-height:40px;color:var(--primary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-block:-8px;padding:6px;display:inline-flex}.journal-stats{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-direction:column;gap:12px;padding:16px;display:flex}.journal-totals{grid-template-columns:minmax(0,1fr) minmax(max-content,1fr) minmax(0,1fr);gap:16px;margin:0;display:grid}.journal-totals>div{min-width:0}.journal-totals dd{font:800 30px/34px var(--font-display);margin:0}.journal-totals dt{color:var(--muted);white-space:nowrap;font-size:13px;line-height:18px}.journal-records{flex-direction:column;gap:4px;display:flex}.journal-records h2{color:var(--muted);font:600 13px/17px var(--font);letter-spacing:0;margin:0}.journal-record{align-items:center;gap:8px;font-size:16px;line-height:23px;display:flex}.journal-record svg{color:var(--warning);flex-shrink:0}.journal-record>span{flex:1}.journal-record strong{font:700 18px/22px var(--font-display);font-variant-numeric:tabular-nums;flex-shrink:0}.journal-segments{background:var(--surface-alt);border-radius:4px;gap:4px;margin:12px 0 8px;padding:4px;display:flex}.journal-segments button{min-width:0;min-height:40px;color:var(--muted);font:700 14px/20px var(--font);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:1;padding:6px 8px}.journal-segments button[aria-pressed=true]{background:var(--surface);color:var(--text)}.journal-sections,.journal-rows{flex-direction:column;gap:8px;display:flex}.journal-sections{padding-top:8px}.journal-section-header{justify-content:space-between;align-items:center;gap:12px;margin:12px 0 8px;display:flex}.journal-section-header h2{min-width:0;color:var(--muted);font:600 13px/17px var(--font);letter-spacing:0;margin:0}.journal-section-header h2.journal-water-title{color:var(--text);font:600 22px/26px var(--font-display)}.journal-section-header>span{color:var(--muted);flex-shrink:0;font-size:13px;line-height:18px}.journal-row{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:4px;align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.journal-row:hover{border-color:var(--primary);text-decoration:none}.journal-row:active{opacity:.8}.journal-thumbnail{background:var(--primary-soft);width:64px;height:64px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.journal-thumbnail img{object-fit:cover;width:64px;height:64px;display:block}.journal-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.journal-row-title{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.journal-row-title>strong{font:600 16px/23px var(--font)}.journal-release{background:var(--success-soft);color:var(--success);font:600 12px/16px var(--font);border-radius:4px;padding:2px 8px}.journal-row-meta{color:var(--muted);font-size:13px;line-height:18px}.journal-online{color:var(--muted);margin:16px 0 0;font-size:13px;line-height:18px}.journal-feedback{flex-direction:column;align-items:flex-start;gap:12px;margin-top:12px;display:flex}.journal-error{color:var(--danger);margin:0;font-size:14px;line-height:20px}.journal-detail-feedback{flex-direction:column;align-items:flex-start;gap:16px;padding:16px;display:flex}.journal-detail-feedback p{margin:0}@media (max-width:359px){.journal-header h1{font-size:26px;line-height:30px}.journal-header{gap:8px}.journal-empty{padding-inline:12px}.journal-totals{gap:8px}}