:root{--background:#fcfaf8;--foreground:#29303d;--card:#f9f8f5;--card-fg:#29303d;--primary:#387594;--primary-fg:#fff;--secondary:#e7efeb;--secondary-fg:#305045;--muted:#eaedf0;--muted-fg:#707d8f;--accent:#d9e8e0;--accent-fg:#27493e;--destructive:#d74242;--destructive-fg:#fff;--border:#dbe0e6;--ring:#387594;--journal-warm:#faf4eb;--journal-sage:#e0ebe6;--journal-mist:#ecf1f4;--journal-accent:#dd9a3c;--heat-0:#eaedf0;--heat-1:#cdeede;--heat-2:#9cdebd;--heat-3:#5ccc94;--heat-4:#30a66b;--mood-1:#f87171;--mood-2:#fb923c;--mood-3:#facc15;--mood-4:#a3e635;--mood-5:#34d399;--shadow-sm:0 1px 2px #29303d0f;--shadow:0 4px 14px #29303d14;--radius:.75rem;--radius-sm:.5rem;--radius-lg:1rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--background:#14181f;--foreground:#e9e7e2;--card:#1b1f27;--card-fg:#e9e7e2;--primary:#539fc6;--primary-fg:#14181f;--secondary:#273530;--secondary-fg:#c2d6cc;--muted:#272c35;--muted-fg:#929caa;--accent:#273530;--accent-fg:#c2d6cc;--destructive:#b23434;--destructive-fg:#f2f2f2;--border:#303541;--ring:#539fc6;--journal-warm:#2e281f;--journal-sage:#222b26;--journal-mist:#232b2f;--journal-accent:#d8a864;--heat-0:#2b303b;--heat-1:#25563d;--heat-2:#317754;--heat-3:#3fa673;--heat-4:#5ec994;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;line-height:1.5}h1,h2,h3,p{margin:0}button{font:inherit;cursor:pointer;color:inherit}a{color:var(--primary)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.app-shell{background:var(--background);min-height:100vh}.topnav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:3.5rem;padding:0 1.5rem;display:none}.brand{color:var(--foreground);align-items:center;gap:.5rem;font-weight:600;display:flex}.brand svg{color:var(--primary)}.topnav nav{gap:.25rem;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--muted-fg);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;text-decoration:none;display:flex}.nav-link:hover{color:var(--foreground);background:var(--muted)}.nav-link.active{background:var(--accent);color:var(--accent-fg);font-weight:500}main{padding-bottom:5rem}.bottomnav{background:var(--background);border-top:1px solid var(--border);z-index:50;justify-content:space-around;padding:.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav .nav-link{border-radius:var(--radius-sm);flex-direction:column;gap:.125rem;padding:.375rem .75rem;font-size:.75rem}.bottomnav .nav-link.active{color:var(--primary);background:0 0;font-weight:500}.bottomnav .nav-link:hover{color:var(--primary);background:0 0}.container{max-width:42rem;margin:0 auto;padding:2rem 1rem}.container.wide{max-width:56rem}.section{margin-bottom:2.5rem}.divider{border-top:1px solid var(--border);margin:1rem 0}@media (width>=768px){.topnav{display:flex}.bottomnav{display:none}main{padding-bottom:2rem}}.btn{border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-fg);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:filter .15s,background .15s;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn-lg{width:100%;height:3rem;font-size:1rem}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-block{width:100%}.btn-outline{border-color:var(--border);color:var(--foreground);background:0 0}.btn-outline:hover{background:var(--muted)}.btn-ghost{color:var(--muted-fg);background:0 0}.btn-ghost:hover{background:var(--muted);color:var(--foreground)}.btn-destructive{background:var(--destructive);color:var(--destructive-fg)}.btn-destructive:hover{filter:brightness(1.05)}.input,.textarea,select.input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);width:100%;color:var(--foreground);font:inherit;padding:.625rem .875rem}.input:focus,.textarea:focus,select.input:focus{border-color:var(--ring);outline:none;box-shadow:0 0 0 3px #38759426}.textarea{resize:vertical;min-height:240px;font-size:1.0625rem;line-height:1.7}.field{flex-direction:column;gap:.375rem;display:flex}.label{color:var(--muted-fg);font-size:.875rem;font-weight:500}.label.muted{color:var(--muted-fg);font-weight:400}.search-wrap{position:relative}.search-wrap svg{color:var(--muted-fg);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-wrap .input{background:var(--card);box-shadow:var(--shadow-sm);border-color:#0000;padding-left:2.5rem}select.input{appearance:none;cursor:pointer}.switch{flex-shrink:0;width:42px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .slider{background:var(--muted);border-radius:999px;transition:background .2s;position:absolute;inset:0}.switch .slider:before{content:"";width:18px;height:18px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .2s;position:absolute;bottom:3px;left:3px}.switch input:checked+.slider{background:var(--primary)}.switch input:checked+.slider:before{transform:translate(18px)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.padded-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.prompt-box{background:var(--journal-mist);border-radius:var(--radius);padding:1.25rem}.warm-box{background:var(--journal-warm);border-radius:var(--radius)}.mist-box{background:var(--journal-mist);border-radius:var(--radius-sm);padding:.75rem 1rem}.eyebrow{color:var(--muted-fg);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:500}.row{align-items:center;gap:.75rem;display:flex}.row.between{justify-content:space-between}.col{flex-direction:column;display:flex}.gap-sm{gap:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.muted{color:var(--muted-fg)}.fs-sm{font-size:.875rem}.fs-xs{font-size:.75rem}.fs-lg{font-size:1.125rem}.fs-2xl{font-size:1.5rem}.fw-med{font-weight:500}.fw-semi{font-weight:600}.fw-bold{font-weight:700}.text-center{text-align:center}.tabular{font-variant-numeric:tabular-nums}.mood-row{flex-wrap:wrap;gap:.5rem;display:flex}.mood-btn{border-radius:var(--radius);border:1px solid var(--border);background:0 0;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;transition:all .15s;display:flex}.mood-btn:hover{border-color:#38759466}.mood-btn.selected{border-color:var(--primary);background:var(--journal-mist);box-shadow:var(--shadow-sm)}.mood-btn .emoji{font-size:1.5rem}.mood-btn .lbl{color:var(--muted-fg);font-size:.75rem}.timeline{align-items:center;max-width:24rem;margin:0 auto;padding:.5rem 0;display:flex}.timeline .seg{flex:1;align-items:center;display:flex}.timeline .line{background:var(--border);flex:1;height:2px;transition:background .3s}.timeline .line.on{background:#38759466}.timeline .node{background:0 0;border:none;flex-direction:column;align-items:center;gap:.375rem;display:flex}.timeline .dot{background:0 0;border:2px solid #707d8f4d;border-radius:50%;width:16px;height:16px;transition:all .3s}.timeline .node:hover .dot{border-color:#38759480}.timeline .dot.active{border-color:var(--primary);background:var(--primary);transform:scale(1.25);box-shadow:0 0 8px #38759466}.timeline .dot.done{border-color:var(--primary);background:#3875944d}.timeline .node .lbl{color:var(--muted-fg);font-size:.75rem;font-weight:500}.timeline .node .lbl.active{color:var(--primary)}.streak-badge{color:var(--muted-fg);background:var(--journal-warm);border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;display:inline-flex}.banner{border-radius:var(--radius);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.banner.nudge{background:linear-gradient(90deg,#edf5fd,#f2e9fb);border:1px solid #bad9f7}:root.dark .banner.nudge{background:linear-gradient(90deg,#14293d,#291839);border-color:#264d73}.banner.warm{background:var(--journal-warm)}.banner .close{color:var(--muted-fg);background:0 0;border:none}.banner .close:hover{color:var(--foreground)}.entry-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.entry-head{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;display:flex}.entry-head:hover{background:#eaedf066}:root.dark .entry-head:hover{background:#272c3580}.entry-body{padding:0 1.25rem 1.25rem}.entry-content{white-space:pre-wrap;line-height:1.7}.insights-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.insights-grid{grid-template-columns:1fr 1fr}.insights-grid .span-2{grid-column:span 2}}.stat-line{justify-content:space-between;padding:.125rem 0;font-size:.875rem;display:flex}.big-num{font-size:2.25rem;font-weight:700}.heat-grid{grid-template-columns:1.25rem repeat(7,1fr);align-items:center;gap:3px;display:grid}.heat-cell{aspect-ratio:1;border-radius:2px;min-width:11px}.heat-0{background:var(--heat-0)}.heat-1{background:var(--heat-1)}.heat-2{background:var(--heat-2)}.heat-3{background:var(--heat-3)}.heat-4{background:var(--heat-4)}.heat-label{color:var(--muted-fg);text-align:center;font-size:.7rem}.legend{color:var(--muted-fg);justify-content:flex-end;align-items:center;gap:3px;margin-top:1rem;font-size:.7rem;display:flex}.legend .heat-cell{aspect-ratio:auto;width:12px;height:12px}.day-pills{flex-wrap:wrap;gap:.5rem;display:flex}.day-pill{border-radius:var(--radius-sm);border:1px solid var(--border);background:0 0;width:2.5rem;height:2.5rem;font-size:.875rem;font-weight:500}.day-pill:hover{border-color:#38759480}.day-pill.on{border-color:var(--primary);background:var(--primary);color:var(--primary-fg)}.toast-root{z-index:100;flex-direction:column;gap:.5rem;width:min(92vw,24rem);display:flex;position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%)}@media (width>=768px){.toast-root{bottom:1.5rem;left:auto;right:1.5rem;transform:none}}.toast{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:.75rem 1rem;animation:.2s fade}.toast.destructive{border-left-color:var(--destructive)}.toast .t-title{font-size:.875rem;font-weight:600}.toast .t-desc{color:var(--muted-fg);margin-top:.125rem;font-size:.8125rem}.modal-backdrop{z-index:90;background:#14181f80;justify-content:center;align-items:center;padding:1rem;animation:.15s fade;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;max-width:28rem;max-height:90vh;padding:1.5rem;overflow:auto}.modal h2{font-size:1.125rem;font-weight:600}.modal .desc{color:var(--muted-fg);margin-top:.25rem;font-size:.875rem}.modal-footer{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.center-screen{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.empty{text-align:center;color:var(--muted-fg);padding:4rem 1rem}.logo-tile{border-radius:var(--radius-lg);background:var(--journal-sage);justify-content:center;align-items:center;width:4rem;height:4rem;display:inline-flex}.logo-tile svg{color:var(--accent-fg)}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade-in{animation:.25s fade}