/* Journal + About pages */
.jr-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.jr-panel[hidden]{display:none}
.jr-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.jr-label{display:block;margin:20px 0 8px;font-size:13px;font-weight:600;color:var(--muted)}
.jr-text{min-height:170px;line-height:1.7}
.jr-date{width:auto}
.jr-moods{display:flex;gap:8px;flex-wrap:wrap}
.jr-mood{padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:24px;line-height:1;filter:grayscale(.7);transition:.15s}
.jr-mood:hover{filter:none;border-color:var(--accent)}
.jr-mood.on{filter:none;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.jr-likes{list-style:none;margin:10px 0 0;padding:0}
.jr-likes li{display:flex;gap:8px;align-items:center;padding:10px 14px;margin-bottom:8px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.jr-likes li span{flex:1;word-break:break-word}
.jr-add{display:flex;gap:8px}
.jr-x{background:none;border:0;color:var(--muted);font-size:16px;padding:2px 6px}
.jr-x:hover{color:var(--accent)}
.jr-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:24px}
.jr-msg{min-height:18px;font-size:13px;color:var(--up)}
.jr-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.jr-stat{flex:1;min-width:120px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.jr-stat b{display:block;font-size:24px;line-height:1.3}
.jr-stat small{color:var(--muted)}
.jr-entry{padding:16px 18px;margin-bottom:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);cursor:pointer;transition:border-color .15s}
.jr-entry:hover{border-color:var(--accent)}
.jr-entry-head{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:6px}
.jr-entry-date{color:var(--muted);font-size:13px}
.jr-entry h4{margin:0;font-size:17px}
.jr-entry-body{color:var(--muted);font-size:14px;line-height:1.6;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jr-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.jr-chip{padding:3px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--text);background:var(--card)}
.jr-empty{color:var(--muted);text-align:center;padding:30px 0}
.jr-month{margin:22px 0 10px;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.jr-link{color:var(--accent);font-size:13px;font-weight:600}

/* About */
.ab-view h3{margin:28px 0 10px;font-size:20px}
.ab-view p{white-space:pre-wrap;color:var(--muted);margin:0 0 14px}
.ab-view ul{margin:0 0 0 20px;padding:0;line-height:1.9;color:var(--muted)}
.ab-edit-sec{padding:16px;margin-bottom:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.ab-edit-sec .jr-row{margin-bottom:8px}
.ab-edit-sec .jr-input{background:var(--card)}
.ab-goal{display:flex;gap:6px;margin-bottom:6px}
@media (max-width:640px){.jr-add{flex-direction:column}.jr-date{width:100%}}