.nav-label{padding:6px 11px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7d8ea9}
.nav-group summary{padding:10px 11px;color:#9dabc0;font-size:12px;font-weight:700;cursor:pointer}
.nav-group .nav-btn{width:100%;padding-left:23px}
.nav-group[open]{padding-bottom:4px}
.side-nav{min-height:0;flex:1}
.side-footer{padding-top:14px;flex-shrink:0}
.journal-prompt{display:flex;align-items:center;gap:15px;width:100%;padding:22px;text-align:left;background:#edf3fb;border:1px solid #d1def0;border-radius:17px;color:var(--ink);margin-bottom:30px}
.journal-prompt:hover{background:#e6eef9;border-color:#93afd5}
.journal-prompt-plus{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;background:#fff;color:#285784;font-size:27px}
.journal-prompt strong{display:block;font-size:17px;letter-spacing:-.02em}
.journal-prompt small{display:block;color:#526785;font-size:13px;line-height:1.5;margin-top:5px}
.journal-prompt-hint{margin-left:auto;color:#285784;font-size:12px;font-weight:800}
.journal-daybar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:24px 0 18px}
.journal-daybar h2{font-size:20px;margin:5px 0;letter-spacing:-.025em}
.journal-date-controls{display:flex;align-items:center;gap:6px}
.journal-date-controls input{width:152px;min-width:0}
.journal-date-controls .btn{padding:10px 12px}
.journal-entry{padding:20px 22px}
.journal-entry .entry-title{font-size:17px;line-height:1.45;overflow-wrap:anywhere}
.journal-entry .entry-meta{margin-top:0;margin-bottom:10px}
.journal-entry .entry-line{margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}
.journal-entry .entry-text{font-size:14px;overflow-wrap:anywhere}
.journal-entry .mini-btn{font-size:12px;padding:8px 11px}
#journalListNote{margin:0 0 12px;min-height:17px}
.journal-empty{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:17px;padding:42px 20px}
.journal-empty>span{font-size:30px;color:#5c7291}
.journal-empty h3{font-size:19px;margin:12px 0 7px}
.journal-empty p{font-size:14px;color:var(--muted);line-height:1.7;margin:8px 0 19px}
.capture-dialog{width:min(600px,calc(100vw - 32px))}
.capture-dialog .dialog-body{display:grid;gap:14px}
.capture-dialog .dialog-head{margin:0}
.capture-dialog .dialog-head h2{font-size:23px;letter-spacing:-.03em;margin:5px 0}
.capture-dialog .dialog-head p{margin:6px 0 0}
.capture-dialog textarea{font-size:16px;line-height:1.6}
.capture-text-label>span{font-weight:700}
.capture-dialog #quickText{min-height:134px;background:#fbfcfe;padding:14px}
.capture-details{border:1px solid var(--line);border-radius:12px;background:#fff}
.capture-details>summary{font-size:13px;font-weight:750;cursor:pointer;padding:14px;color:#475467}
.capture-detail-fields{display:grid;gap:13px;padding:4px 14px 14px}
.capture-detail-fields .small-note{margin:0;line-height:1.5}
.capture-dialog .quick-tools{margin:0;display:flex;align-items:center;gap:12px}
.capture-dialog .error-text:empty{display:none}
.capture-dialog .dialog-actions{margin:2px 0 0;padding-top:14px;border-top:1px solid var(--line);align-items:center}
.capture-dialog .btn:disabled{opacity:.6;cursor:wait}
.more-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.more-nav button{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:14px 10px;text-align:left;color:var(--ink);font-weight:700}
.more-nav button.active{background:#eaf1fa;border-color:#adbed9}
button:focus-visible,summary:focus-visible{outline:3px solid #87abd6;outline-offset:3px}
@media(max-width:1100px){
  .journal-daybar{align-items:flex-start;flex-direction:column;gap:10px}
}
@media(max-width:760px){
  .journal-prompt{padding:17px 14px;margin:8px 0 23px;gap:11px}
  .journal-prompt strong{font-size:16px}
  .journal-prompt small{font-size:12px}
  .journal-prompt-hint{display:none}
  .journal-daybar{margin-top:20px}
  .journal-date-controls{width:100%}
  .journal-date-controls input{flex:1;width:100px}
  .journal-date-controls .btn{flex-shrink:0;min-height:44px}
  .journal-entry{padding:16px}
  .journal-entry .entry-title{font-size:16px}
  #todayStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  #todayStats .stat-card{padding:11px 8px}
  #todayStats .stat-card span{display:block;min-height:28px;font-size:10px;line-height:14px}
  #todayStats .stat-card b{font-size:22px;margin-top:3px}
  .capture-dialog{width:100%;max-width:100%;max-height:94dvh}
  .capture-dialog .dialog-body{max-height:92dvh;gap:12px;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}
  .capture-dialog .dialog-head h2{font-size:22px}
  .capture-dialog .dialog-actions>.small-note{display:none}
  .capture-dialog .dialog-actions>.btn{width:100%;min-height:46px}
  .capture-details input,.capture-details select{font-size:16px}
  .mobile-bottom button{font-size:11px;min-height:44px}
  #view-today .page-head>button{display:none}
}


/* 3.3.1 quick journal: the two everyday fields stay visible. */
.capture-primary-fields{display:grid;gap:12px}
.capture-project-field select{font-size:15px}
.capture-date-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}
.capture-date-presets{display:flex;gap:7px;padding-bottom:1px}
.date-preset{min-height:42px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;color:#344054;padding:9px 12px;font-size:12px;font-weight:750}
.date-preset:hover{background:#eef3f8;border-color:#aebfd3}
.capture-details>summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.capture-details>summary small{font-weight:500;color:var(--muted);font-size:11px}
@media(max-width:760px){
  .capture-date-field{grid-template-columns:1fr}
  .capture-date-presets{width:100%}
  .date-preset{flex:1;min-height:44px}
  .capture-project-field select,#quickDate{font-size:16px;min-height:44px}
}