:root{--bg:#f5f1e9;--panel:#fffdf9;--panel2:#ece5da;--text:#29251f;--muted:#746b60;--accent:#79553d;--accent2:#ead8c7;--line:#ded6ca;--danger:#a33b36;--shadow:0 12px 35px #38271912;--radius:18px;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Iowan Old Style,Charter,Georgia,serif;color-scheme:light}
@media(prefers-color-scheme:dark){html[data-theme=system]{--bg:#171715;--panel:#22221f;--panel2:#2d2c28;--text:#eee9df;--muted:#aaa297;--accent:#d5a77e;--accent2:#493a2f;--line:#3d3b35;--danger:#ee8b82;--shadow:0 12px 35px #0005;color-scheme:dark}}
html[data-theme=dark]{--bg:#171715;--panel:#22221f;--panel2:#2d2c28;--text:#eee9df;--muted:#aaa297;--accent:#d5a77e;--accent2:#493a2f;--line:#3d3b35;--danger:#ee8b82;--shadow:0 12px 35px #0005;color-scheme:dark}html[data-theme=forest]{--bg:#e9efe8;--panel:#f8fbf5;--panel2:#dae5d8;--text:#203027;--muted:#607166;--accent:#35644a;--accent2:#c7ddcd;--line:#cad7ca}html[data-theme=ocean]{--bg:#eaf2f5;--panel:#f9fcfd;--panel2:#d8e8ed;--text:#19313a;--muted:#60757d;--accent:#276479;--accent2:#c8e0e9;--line:#ccdde3}html[data-theme=rose]{--bg:#f6ecec;--panel:#fffafa;--panel2:#eedada;--text:#3c292d;--muted:#806b6f;--accent:#94576a;--accent2:#ead0d8;--line:#e4d0d4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 var(--sans)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.skip{position:fixed;top:-80px;left:12px;z-index:99;background:var(--text);color:var(--bg);padding:10px}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header{position:fixed;z-index:20;inset:0 0 auto 0;height:68px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px)}.brand{min-width:44px;min-height:44px;display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;font-size:18px}.brand span,.brand-mark{color:var(--accent);font-size:28px}.header-actions{margin-left:auto;display:flex;gap:10px}.icon-btn,.quiet,.nav-button{border:0;background:transparent}.icon-btn{width:40px;height:40px;border-radius:12px;font-size:20px}.icon-btn:hover,.nav-button:hover{background:var(--panel2)}.primary{border:0;border-radius:12px;background:var(--accent);color:#fff;padding:11px 17px;font-weight:700}.primary:hover{filter:brightness(1.1)}.small{padding:9px 14px}#mobile-menu{display:none}aside{position:fixed;z-index:15;top:68px;bottom:0;width:230px;padding:24px 14px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--bg)}nav{display:grid;gap:4px}nav a,.nav-route,.nav-button{display:block;width:100%;text-align:left;text-decoration:none;color:var(--muted);padding:11px 13px;border-radius:11px}nav a.active,.nav-route.active{color:var(--accent);background:var(--accent2);font-weight:700}.aside-bottom{margin-top:auto}.local-note{padding:12px;font-size:11px;color:var(--muted)}main{margin:68px 0 0 230px;padding:34px;min-height:calc(100vh - 68px)}#view{max-width:1180px;margin:auto}.page-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:26px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:11px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(29px,4vw,42px)/1.1 var(--serif);margin-bottom:7px}h2{font:700 24px/1.2 var(--serif)}h3{font-size:16px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.hero{grid-column:span 8;min-height:250px;background:linear-gradient(135deg,var(--panel),var(--accent2))}.on-this-day{grid-column:span 4}.recent{grid-column:span 8}.stats-mini{grid-column:span 4}.prompt{font:italic 21px/1.5 var(--serif);max-width:30ch}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{text-align:center;background:var(--panel2);border-radius:13px;padding:13px 5px}.stat strong{display:block;font:700 24px var(--serif);color:var(--accent)}.entry-list{display:grid;gap:12px}.entry-card{position:relative;border:1px solid var(--line);border-radius:15px;padding:18px;background:var(--panel);transition:.2s}.entry-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.entry-card h3{font:700 20px var(--serif);margin-bottom:5px}.entry-card a{color:inherit;text-decoration:none}.entry-meta,.chips{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:12px}.chip{background:var(--accent2);color:var(--accent);padding:3px 9px;border-radius:999px}.preview{font:16px/1.55 var(--serif);color:var(--muted);margin:10px 0 0}.fav{position:absolute;right:14px;top:12px;color:var(--accent)}
.banner{max-width:1180px;margin:0 auto 22px;background:var(--accent2);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px}.banner span{flex:1}.banner button:not(.icon-btn){background:none;border:0;text-decoration:underline;font-weight:700;color:var(--accent)}
/* editor */.editor-wrap{max-width:900px;margin:auto}.editor-top{display:flex;gap:12px;align-items:center;margin-bottom:14px}.editor-top input[type=date],.editor-top input[type=time]{border:1px solid var(--line);background:var(--panel);padding:9px;border-radius:10px}.save-state{margin-left:auto;color:var(--muted);font-size:12px}.editor-card{padding:clamp(18px,5vw,50px)}#entry-title{width:100%;border:0;background:none;font:700 clamp(28px,5vw,42px)/1.2 var(--serif);margin-bottom:16px}#entry-title:focus{outline:none}.toolbar{position:sticky;top:76px;z-index:5;display:flex;gap:3px;flex-wrap:wrap;background:var(--panel);border-block:1px solid var(--line);padding:9px 0;margin-bottom:24px}.toolbar button{border:0;background:none;border-radius:7px;min-width:34px;padding:7px}.toolbar button:hover{background:var(--panel2)}.rich-editor{min-height:260px;font:18px/1.75 var(--serif);max-width:65ch}.rich-editor:empty:before{content:attr(data-placeholder);color:var(--muted)}.rich-editor blockquote{border-left:3px solid var(--accent);padding-left:17px;color:var(--muted)}.rich-editor a{color:var(--accent)}.field{display:grid;gap:6px;margin:15px 0}.field input,.field textarea,.field select,.search-input{width:100%;border:1px solid var(--line);background:var(--bg);padding:11px 12px;border-radius:11px}.wellbeing{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}.range-row{display:grid;grid-template-columns:90px 1fr 35px;align-items:center;gap:10px;margin:12px 0}.moods{display:flex;gap:6px}.moods button{font-size:24px;border:2px solid transparent;background:none;border-radius:10px}.moods button.selected{border-color:var(--accent);background:var(--accent2)}.attachments{display:flex;gap:12px;flex-wrap:wrap}.attachment{padding:10px;background:var(--panel2);border-radius:10px;max-width:180px}.attachment img{width:100%;height:100px;object-fit:cover;border-radius:7px}.editor-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
/* calendar */.view-switch{display:flex;background:var(--panel2);padding:3px;border-radius:10px}.view-switch button{border:0;background:none;padding:7px 12px;border-radius:8px}.view-switch button.active{background:var(--panel);box-shadow:0 2px 8px #0001}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.cal-label{text-align:center;color:var(--muted);font-size:11px;font-weight:700}.cal-day{min-height:95px;padding:9px;border:1px solid var(--line);background:var(--panel);border-radius:11px;text-align:left}.cal-day.other{opacity:.45}.cal-day.today{border:2px solid var(--accent)}.dots{display:flex;gap:3px;margin-top:8px}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.week-list,.year-grid{display:grid;gap:12px}.year-grid{grid-template-columns:repeat(4,1fr)}.mini-month{padding:15px}.mini-month .heat{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.heat i{aspect-ratio:1;border-radius:3px;background:var(--panel2)}.heat i.has{background:var(--accent)}
/* stats/settings */.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.big-stat strong{font:700 32px var(--serif);display:block;color:var(--accent)}.chart{height:180px;display:flex;align-items:end;gap:4px;border-bottom:1px solid var(--line);padding-top:20px}.bar{flex:1;min-width:5px;background:var(--accent);border-radius:4px 4px 0 0;opacity:.8}.settings-grid{display:grid;gap:20px}.danger{color:var(--danger)}.error{color:var(--danger)}dialog{width:min(650px,calc(100% - 24px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);padding:30px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#15120f99;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:12px;top:12px}.modal-actions{display:flex;gap:9px;flex-wrap:wrap}.lock{position:fixed;z-index:100;inset:0;background:var(--bg);display:grid;place-items:center;padding:20px}.lock-card{width:min(400px,100%);text-align:center;background:var(--panel);border:1px solid var(--line);padding:45px;border-radius:25px;box-shadow:var(--shadow)}.lock-card label{display:grid;text-align:left;gap:7px}.lock-card input{padding:13px;border:1px solid var(--line);background:var(--bg);border-radius:11px;margin-bottom:12px}.lock-card .primary{width:100%}#toast{position:fixed;z-index:110;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;background:var(--text);color:var(--bg);padding:11px 18px;border-radius:999px;transition:.25s;pointer-events:none}#toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.hero,.on-this-day,.recent,.stats-mini{grid-column:span 12}.stats-grid{grid-template-columns:repeat(2,1fr)}.year-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){header{height:60px;padding:0 12px}header .brand b{display:none}#mobile-menu{display:block}aside{top:60px;transform:translateX(-105%);transition:.2s;background:var(--panel);box-shadow:var(--shadow)}aside.open{transform:none}main{margin:60px 0 0;padding:20px 13px}.header-actions .primary span{display:none}.calendar-grid{gap:3px}.cal-day{min-height:63px;padding:5px;font-size:12px}.editor-card{border-radius:14px}.stats-grid{grid-template-columns:1fr}.year-grid{grid-template-columns:1fr}.page-head{align-items:start;flex-direction:column}.range-row{grid-template-columns:70px 1fr 25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{header,aside,.banner,.toolbar,.editor-actions{display:none!important}main{margin:0;padding:0}.card{border:0;box-shadow:none}}