:root {
  --paper:#f7f5ef; --card:#fffdf8; --ink:#293226; --muted:#535e4d;
  --olive:#35492e; --pale:#e8eddf; --line:#d4d8cd; --accent:#8a452d;
  --sand:#ece6d8; --serif:Georgia,'Times New Roman',serif;
  --sans:'Avenir Next','Trebuchet MS',sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}
button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-underline-offset:4px}
button:disabled{opacity:.5;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.svg-sprite{display:none}.skip-link{position:fixed;top:-70px;left:12px;z-index:100;background:var(--card);padding:12px}.skip-link:focus{top:8px}
.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100dvh;overflow-y:auto;border-right:1px solid var(--line);padding:32px 20px 24px;display:flex;flex-direction:column;background:#efefe6}
.brand{display:flex;gap:10px;align-items:center;font:34px var(--serif);letter-spacing:-1.5px;text-decoration:none}.brand-dot{color:var(--accent);margin-left:-10px}
.brand-mark{width:30px;height:34px;border:1.7px solid var(--olive);border-bottom:0;border-radius:20px 20px 0 0;position:relative;display:inline-block}.brand-mark span{position:absolute;inset:7px 6px 0;border:1.4px solid var(--olive);border-bottom:0;border-radius:14px 14px 0 0}
.brand-caption{font-size:12px;color:var(--muted);margin:13px 0 32px}
.sidebar nav{display:grid;gap:5px}.sidebar nav button{background:none;border:0;display:flex;align-items:center;gap:12px;padding:12px;min-height:48px;text-align:left;border-radius:4px;font-size:15px;color:var(--muted)}
.sidebar nav button:hover{background:#e2e7d8}.sidebar nav button[aria-current=page]{background:var(--olive);color:#fffdf8}.nav-count{margin-left:auto;font-size:13px}
.sidebar-bottom{margin-top:auto;padding:24px 4px 0}.sidebar-bottom>p{font:italic 22px/1.4 var(--serif);color:var(--muted);margin-bottom:18px}
.help-link,.sidebar-privacy{border:0;background:none;display:flex;gap:10px;align-items:center;padding:11px 0;font-size:14px;min-height:44px}
.sidebar-privacy{color:var(--muted)}.local-label{font-size:12px;margin-top:18px;color:var(--muted)}.local-label span{display:inline-block;width:5px;height:5px;background:var(--olive);border-radius:50%;margin-right:7px}
.main-shell{min-width:0;padding:0 4vw}.topbar{min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
#today-date{text-transform:capitalize}.mobile-wordmark,.storage-short{display:none}
.storage-status{display:flex;align-items:center;gap:8px;background:none;border:0;font-size:13px;padding:11px 0;min-height:44px;color:var(--muted)}.storage-status svg{width:17px;height:17px}.mobile-help{display:none}
main{max-width:1040px;margin:0 auto;outline:none}.eyebrow{font-size:12px;letter-spacing:.08em;font-weight:600;color:var(--muted)}
.page-intro{padding:34px 0 24px}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(32px,3vw,44px)/1.15 var(--serif);letter-spacing:-.9px;margin:10px 0 13px;text-wrap:balance}
h2{font:normal 28px/1.25 var(--serif);letter-spacing:-.3px}h3{font:normal 23px/1.3 var(--serif)}.intro-copy{max-width:62ch;color:var(--muted);font-size:16px;line-height:1.6;margin-bottom:0}
.home-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:32px;margin-bottom:28px}
.hero-card{padding:26px 0;border-top:2px solid var(--olive);position:relative;min-width:0}.hero-card h2{font-size:30px;margin:0 0 12px}.hero-card p{font-size:16px;color:var(--muted);max-width:48ch}.hero-card .button{margin-top:4px}.hero-tag{font-size:12px;color:var(--muted)}
.button{min-height:48px;padding:12px 18px;border-radius:4px;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid transparent;line-height:1.5}
.primary{background:var(--olive);color:#fffdf8}.primary:hover{background:#263b21}.secondary{border-color:#a4af99;background:transparent}.secondary:hover{background:var(--pale)}.quiet{background:none;color:var(--muted)}.quiet:hover{background:#e9ece1}.danger{color:#843b27;border-color:#b89181;background:#fcf1eb}.button svg{width:18px;height:18px}
.aside-card{border-top:1px solid var(--line);padding:25px 0;background:transparent;display:flex;flex-direction:column}.aside-card h3{margin:0 0 12px}.aside-card p{font-size:16px;color:var(--muted)}.aside-card .small-link{margin-top:auto}
.small-link,.text-link{background:none;border:0;text-align:left;color:var(--olive);font-size:14px;padding:10px 0;display:inline-flex;align-items:center;gap:10px;min-height:44px}
.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:28px 0 16px}.section-heading h2{font-size:26px;margin:0}
.empty-card{display:flex;align-items:flex-start;gap:16px;padding:21px 0;border-top:1px solid var(--line)}.empty-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex:none}.empty-card h3{font:600 16px/1.5 var(--sans);margin:0 0 6px}.empty-card p{font-size:15px;color:var(--muted);margin:0}
footer{max-width:1040px;margin:32px auto 24px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.record-list{display:grid;gap:20px}.record{padding:24px 0;border-top:1px solid var(--line);background:transparent;min-width:0}.record-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.tag{font-size:13px;background:var(--pale);padding:3px 8px;border-radius:3px;color:var(--olive)}.record time{font-size:13px;color:var(--muted)}.record h3{font-size:24px;overflow-wrap:anywhere;margin:0 0 9px;white-space:pre-wrap}.record p{font-size:16px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
.record-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}.record details{border-top:1px solid var(--line);padding-top:9px;margin-top:16px;font-size:15px}.record summary{cursor:pointer;min-height:44px;padding:10px 0}.record dl{margin-bottom:0}.record dt{color:var(--muted);font-size:14px;margin-top:12px}.record dd{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.review-result{margin:16px 0 0;padding:14px 16px;border-left:3px solid #9aaa8a;background:#eef0e6}.review-result p:last-child{margin-bottom:0}.metric-row{display:flex;gap:24px;margin-bottom:22px;font-size:14px;color:var(--muted)}.metric-row strong{font-size:22px;margin-right:4px;color:var(--ink);font-weight:500}
.notes-layout,.privacy-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr);gap:32px}.panel{border:1px solid var(--line);padding:26px;border-radius:4px;background:var(--card);min-width:0}.panel h2{font-size:26px}.panel p{font-size:16px;color:var(--muted)}
.note-content{white-space:pre-wrap;overflow-wrap:anywhere}.notes-list{display:grid;gap:16px}.note{background:#efeee2;padding:20px;border-left:2px solid #9ba78c}.note p{margin:0;font-size:16px}.note-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin-top:12px}.note .quiet{font-size:14px;min-height:44px;padding:10px 12px}
.small{font-size:14px!important;line-height:1.6}.muted{color:var(--muted)}.notice{background:#eeeadf;border-left:3px solid #9d9375;padding:13px 16px;font-size:14px;color:#514c3e;margin:18px 0;overflow-wrap:anywhere}
.error-message{color:#7e2e20;background:#fbedE7;border-left:3px solid #a95841;padding:12px 15px;font-size:15px;margin:14px 0}.error-message:empty{display:none}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:22px}.divider{border:0;border-top:1px solid var(--line);margin:24px 0}
.switch-row{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:15px;min-height:44px;padding:5px 0}.switch-row input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--olive)}.switch-row span{display:block}.switch-row small{color:var(--muted);display:block;font-size:14px;margin-top:7px}
.field{display:block;margin-bottom:20px}.field-label{display:block;font-size:15px;font-weight:600;margin-bottom:8px}.field-help{display:block;font-size:14px;font-weight:normal;color:var(--muted);margin:5px 0 9px;line-height:1.5}.field textarea,.field input,.field select{width:100%;border:1px solid #7d8871;border-radius:4px;background:#fffef9;color:var(--ink);padding:12px;line-height:1.6;font-size:16px}.field textarea{resize:vertical;min-height:88px}.field input,.field select{min-height:48px}textarea::placeholder,input::placeholder{color:var(--muted)}.field-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-columns .field{margin-bottom:0}
dialog{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:28px 32px;width:min(640px,calc(100vw - 24px));max-height:90dvh;box-shadow:0 12px 60px #1b281f33;overscroll-behavior:contain}dialog::backdrop{background:#1f2c2575}dialog h2{font-size:30px;margin:15px 0}dialog>p{font-size:16px;color:var(--muted)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.icon-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:0;background:none;border-radius:4px}.icon-button:hover{background:var(--pale)}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.wizard-progress{display:flex;gap:5px;margin:14px 0 22px}.wizard-progress span{height:3px;background:#cdd3c3;flex:1}.wizard-progress .active{background:var(--olive)}.wizard-description{font-size:16px;color:var(--muted);margin-bottom:20px}
.help-card{padding:20px 0;border-top:1px solid var(--line)}.help-card h3{font:600 17px/1.5 var(--sans);margin-bottom:8px}.help-card p{font-size:16px;color:var(--muted)}
#toast{position:fixed;top:16px;right:20px;max-width:min(460px,calc(100vw - 32px));background:var(--olive);color:#fffdf8;padding:12px 18px;border-radius:4px;opacity:0;transform:translateY(-8px);transition:opacity .15s,transform .15s;pointer-events:none;z-index:60;font-size:14px;box-shadow:0 3px 15px #25351d20}#toast.visible{opacity:1;transform:translateY(0)}
.storage-warning{margin-bottom:20px}.welcome-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:24px}.mini-title{font-size:13px;color:var(--muted);font-weight:600}.privacy-layout .panel ul{padding-left:20px;font-size:16px;color:var(--muted)}
@media(max-width:1050px){.app-shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}.main-shell{padding:0 26px}.home-grid{grid-template-columns:1.4fr 1fr;gap:24px}.notes-layout,.privacy-layout{grid-template-columns:1fr}.brand{font-size:30px}}
@media(max-width:760px){
  .app-shell{display:block}.sidebar{position:fixed;top:auto;bottom:0;width:100%;height:calc(76px + env(safe-area-inset-bottom,0px));padding:0 6px env(safe-area-inset-bottom,0px);border:0;border-top:1px solid #c8cfc0;background:#f7f7ef;z-index:20;overflow:visible}
  .sidebar .brand,.brand-caption,.sidebar-bottom{display:none}.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;height:76px;align-items:center}.sidebar nav button{flex-direction:column;gap:4px;justify-content:center;padding:8px 2px;font-size:12px;line-height:1.3;border-radius:4px;min-height:62px;min-width:0;white-space:nowrap}.sidebar nav button svg{width:23px;height:23px}.sidebar nav button[aria-current=page]{background:#e3ead8;color:#2c4224;font-weight:600}.nav-count{display:none}
  .main-shell{padding:0 20px calc(100px + env(safe-area-inset-bottom,0px))}.topbar{min-height:66px;padding-top:env(safe-area-inset-top,0px);gap:12px;font-size:13px}.topbar #today-date{display:none}.mobile-wordmark{display:inline;font:25px var(--serif);letter-spacing:-1px;color:var(--ink);margin-right:auto;text-decoration:none}.storage-short{display:inline}.storage-status{font-size:13px;gap:6px;padding:10px 0}.storage-status #storage-label{display:none}.storage-status svg{width:16px;height:16px}.mobile-help{display:block;background:none;border:0;color:var(--accent);font-size:13px;font-weight:600;padding:10px 0;min-height:44px}
  .page-intro{padding:24px 0 20px}h1{font-size:32px;letter-spacing:-.6px;margin:7px 0 12px}.intro-copy{font-size:16px;line-height:1.55}.eyebrow{font-size:12px}.desktop-break{display:none}.home-grid{grid-template-columns:1fr;gap:4px;margin-bottom:20px}.hero-card{padding:22px 0}.hero-card h2{font-size:26px}.hero-card .button{width:100%}.aside-card{padding:20px 0}.aside-card h3{font-size:23px}.aside-card p{margin-bottom:6px}.section-heading{margin:24px 0 14px;flex-wrap:wrap}.section-heading h2{font-size:25px}.empty-card{padding:20px 0;gap:10px}.empty-icon{width:28px}.page-header{align-items:flex-start;flex-direction:column;gap:0;padding-bottom:20px}.page-header .page-intro{padding-bottom:15px}.record{padding:22px 0}.record h3{font-size:23px}.record-top{gap:8px;flex-wrap:wrap}.record-actions{gap:10px}.metric-row{flex-wrap:wrap;gap:10px 20px}.metric-row strong{font-size:20px}.panel{padding:20px}.field-columns{grid-template-columns:1fr;gap:0}.field-columns .field{margin-bottom:20px}
  dialog{padding:20px;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:6px}dialog h2{font-size:28px}.dialog-footer{gap:8px;flex-wrap:wrap}.dialog-footer .button{padding:12px 14px}.welcome-footer{align-items:stretch;flex-direction:column}.welcome-footer .small-link{justify-content:center}.button-row .button{flex-grow:1}#toast{top:calc(8px + env(safe-area-inset-top,0px));right:16px;left:16px;max-width:none}footer{font-size:13px;margin-top:24px;line-height:1.6}
}
.mobile-help{min-width:44px}
@media(max-width:350px){.main-shell{padding-left:16px;padding-right:16px}.topbar{gap:10px}.mobile-wordmark{font-size:23px}.storage-status svg{display:none}.sidebar nav{grid-template-columns:.9fr 1.15fr 1.1fr 1fr .85fr}.sidebar nav button{padding:8px 0}.button{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}