:root{color:#263d39;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f6f2;font-family:system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{min-width:320px;margin:0}main{max-width:1240px;margin-inline:auto;padding:0 44px 24px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.7px;margin-bottom:2px;font-size:21px;line-height:1.3}h2{letter-spacing:-.8px;margin-bottom:18px;font-size:clamp(23px,2.2vw,29px);line-height:1.3}h3{letter-spacing:-.4px;font-size:20px;line-height:1.4}button,input,textarea,select{font:inherit;border:1px solid #ccd5cd;border-radius:10px;min-height:44px;padding:10px 13px}input,textarea,select{color:#263d39;background:#fff;width:100%;min-width:0}input::placeholder,textarea::placeholder{color:#79867f}input:focus,textarea:focus,select:focus{border-color:#326a59}button{cursor:pointer;color:#fff;background:#315f4f;font-weight:650;transition:background .15s}button:hover:not(:disabled){background:#254d40}button:disabled{opacity:.55;cursor:default}:focus-visible{outline-offset:3px;outline:3px solid #c08229}label{font-size:13px;font-weight:700}fieldset{border:0;gap:9px;min-width:0;margin:0;padding:0;display:grid}fieldset>label:not(:first-child){margin-top:8px}form{gap:12px;display:grid}textarea{resize:vertical;min-height:112px}[role=alert]{color:#a33f36;background:#fff2ef;border-radius:8px;padding:10px}[role=status]{color:#32634d}.app-header{border-bottom:1px solid #dde3da;justify-content:space-between;align-items:center;gap:16px;min-height:120px;margin-bottom:38px;display:flex}.brand{align-items:center;gap:13px;min-width:0;display:flex}.brand p{color:#6b7a71;margin:0;font-size:12px}.brand-mark{color:#f9f8ee;background:#315f4f;border-radius:15px;flex-shrink:0;place-items:center;width:46px;height:46px;font-family:Georgia,serif;font-size:29px;display:grid}.account-menu{align-items:center;gap:12px;font-size:12px;display:flex;position:relative}.account-menu summary{cursor:pointer;padding:12px 0}.account-menu details p{overflow-wrap:anywhere;z-index:1;background:#fff;border-radius:8px;max-width:260px;padding:14px;position:absolute;top:44px;right:0;box-shadow:0 5px 25px #263d391a}.diary-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start;gap:42px;display:grid}.entry-panel{background:#fff;border:1px solid #e0e6dc;border-radius:20px;padding:28px;box-shadow:0 5px 20px #263d3904}.eyebrow{letter-spacing:1.8px;color:#637a60;margin-bottom:14px;font-size:10px;font-weight:800}#entry-content-help{color:#6a796f;margin-bottom:4px;font-size:13px}.optional{color:#6a796f;font-weight:400}.field-help{color:#6a796f;margin:0;font-size:11px;line-height:1.7}.primary{min-height:48px;margin-top:8px}.secondary,.quiet,.action-buttons button{color:#466250;background:0 0;border-color:#d9e0d7;font-size:12px}.secondary:hover:not(:disabled),.quiet:hover:not(:disabled),.action-buttons button:hover:not(:disabled){background:#edf1e9}.quiet{border-color:#0000}.tag-picker{gap:8px;min-width:0;margin-top:9px;display:grid}.tag-input-row{gap:6px;display:flex}.tag-input-row input{flex:1;width:0}.tag-input-row button{flex-shrink:0}.chips{flex-wrap:wrap;gap:7px;min-width:0;display:flex}.chip{color:#4c6447;overflow-wrap:anywhere;text-align:left;background:#edf1e7;border:1px solid #dde4d7;border-radius:9px;max-width:100%;min-height:44px;padding:6px 10px;font-size:11px;font-weight:600}.chip:hover:not(:disabled){background:#e0e8d8}.chip.active{color:#fff;background:#315f4f;border-color:#315f4f}.chip.suggestion{background:0 0;border-style:dashed}.selected-tags .chip{background:#e7efe4}.timeline{overflow-wrap:anywhere;min-width:0;padding-top:6px}.archive-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.archive-heading h2{margin-bottom:22px;font-size:23px}.archive-heading .eyebrow{margin-bottom:10px}.entry-count{color:#6f7c70;white-space:nowrap;font-size:11px}.archive-tools{margin-bottom:24px}.search-label{margin-bottom:7px;display:block}.search-row{position:relative}.search-row input{border-radius:12px;min-height:48px;padding-left:40px}.search-icon{color:#6f7c70;font-size:25px;position:absolute;top:6px;left:15px}.filters{margin-top:13px}.filter-summary{justify-content:space-between;align-items:center;gap:4px;margin-top:8px;font-size:12px;display:flex}.timeline-list{border-left:1px solid #d5dece;margin:0;padding:0 0 0 18px;list-style:none}.timeline-list>li{margin-bottom:20px;position:relative}.timeline-list>li:before{content:"";background:#739171;border:1px solid #f5f6f2;border-radius:50%;width:8px;height:8px;position:absolute;top:28px;left:-23px}.timeline article{background:#fff;border:1px solid #e0e6dc;border-radius:15px;padding:22px}.timeline time{color:#6a7e61;background:#f2f5ed;border-radius:6px;margin-bottom:12px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.timeline h3{margin-bottom:9px}.entry-description{white-space:pre-wrap;color:#617065;margin-bottom:12px;font-size:13px;line-height:1.9}.entry-tags{margin-top:14px}.entry-actions{border-top:1px solid #edf0e8;margin-top:16px;padding-top:4px}.action-buttons{flex-wrap:wrap;gap:6px;margin-block:9px 0;display:flex}.action-buttons button{padding:7px 10px}.action-buttons .danger,.danger{color:#a04c40}.entry-actions form,.entry-actions [role=group]{margin-top:18px}.entry-actions form p{font-size:12px}.empty-state{text-align:center;color:#6c7e65;border:1px dashed #cfdac7;border-radius:15px;padding:36px 22px}.empty-state h3{font-size:18px}.empty-state p{margin-bottom:0;font-size:13px}.auth-panel{background:#fff;border:1px solid #e0e6dc;border-radius:20px;max-width:420px;margin:60px auto;padding:30px}.password-field{gap:6px;display:flex}.password-field input{flex:1;min-width:0}.password-field button{flex-shrink:0;padding-inline:9px;font-size:12px}footer{color:#7e8a78;text-align:center;margin-top:50px;padding-block:20px;font-size:11px}@media (width>=1000px){.entry-panel{position:sticky;top:24px}}@media (width<=850px){main{max-width:680px;padding-inline:24px}.diary-layout{grid-template-columns:minmax(0,1fr);gap:35px}.app-header{min-height:100px;margin-bottom:26px}}@media (width<=420px){main{padding-inline:14px}.app-header{flex-wrap:wrap;gap:8px;padding-block:18px}.brand{gap:9px}.brand-mark{border-radius:12px;width:38px;height:38px}h1{font-size:18px}.account-menu{gap:5px;margin-left:auto}.entry-panel{border-radius:16px;padding:21px 18px}h2{font-size:24px}.archive-heading{flex-wrap:wrap;margin-bottom:12px}.archive-heading h2{margin-bottom:0}.timeline article{padding:18px 15px}.timeline-list{padding-left:12px}.timeline-list>li:before{left:-17px}.auth-panel{padding:22px 16px}}