@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght,SOFT@9..144,500,20;9..144,650,20&display=swap');
:root{color-scheme:light;--dark:#102e24;--darker:#0a211a;--green:#286b47;--mint:#dcedd9;--paper:#f6f8f1;--line:#d6e1d4;--ink:#203a2c;--muted:#617465;--gold:#dec491}
*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'DM Sans',system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}
a{color:#1e6543}.wrap{max-width:1180px;margin:auto;padding-left:22px;padding-right:22px}
.site-nav{background:#fff;border-bottom:1px solid #dce7d9;position:relative;z-index:2}.nav-inner,.nav-inner nav,.language,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:15px}.nav-inner{min-height:69px}.brand{font-weight:900;font-size:21px;letter-spacing:-.8px;color:var(--dark);text-decoration:none;white-space:nowrap}.nav-inner nav>a{font-weight:800;text-decoration:none;font-size:13px}.language{border:1px solid var(--line);border-radius:50px;padding:3px;gap:3px}.language button{border:0;background:transparent;border-radius:50px;padding:5px 11px;font-weight:900;color:var(--muted);font-size:12px}.language button[aria-pressed=true]{background:var(--dark);color:#fff}
.hero{background:radial-gradient(ellipse at 85% 40%,#2e6c4b 0,transparent 35%),linear-gradient(120deg,#09291e,#123d2b 65%,#15412d);color:#fff;overflow:hidden}.hero-wrap{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(170px,.8fr);gap:30px;align-items:center;min-height:340px;padding-top:45px;padding-bottom:44px}
.eyebrow,.section-kicker{font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.eyebrow{color:#cfe2bc}.hero h1{font-family:Fraunces,Georgia,serif;font-weight:500;line-height:1.08;font-size:clamp(44px,6vw,75px);margin:12px 0 17px;letter-spacing:-.042em}.hero h1 em{color:#d3dfa6;font-style:italic}.hero-copy{font-size:16px;max-width:640px;color:#dce9dc;margin:0 0 19px}.hero-badges{display:flex;gap:8px;flex-wrap:wrap}.hero-badges span{padding:6px 12px;border:1px solid #ffffff42;border-radius:30px;color:#def0dd;font-size:12px;font-weight:700}
.hero-art{display:grid;place-items:center}.hero-orbit{height:245px;width:245px;border-radius:50%;border:1px solid #b6e8b848;position:relative;display:grid;place-items:center;box-shadow:0 0 0 30px #ffffff0a,0 0 0 62px #ffffff08}.hero-orbit:after{content:'';width:188px;height:188px;border:1px dashed #fff4;border-radius:100%;position:absolute}.orbit-inner{width:134px;height:134px;background:linear-gradient(145deg,#447b50,#0c3526);border:1px solid #cde8a870;border-radius:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 14px 40px #081d154d}.orbit-inner span{font:500 51px/.95 Fraunces,Georgia,serif;color:#e8f0cd}.orbit-inner small{font-size:10px;letter-spacing:.16em;font-weight:900;color:#cfeab8}.orbit-mark{position:absolute;color:#dbedbd}.orbit-mark.a{top:16px;left:30px;font-size:26px}.orbit-mark.b{right:12px;bottom:40px;font-size:28px}.orbit-mark.c{left:15px;bottom:30px;font-size:10px}
.content{padding-top:25px;padding-bottom:46px}.privacy{display:flex;gap:15px;background:#eaf2e2;border:1px solid #d0dfc8;border-radius:16px;padding:12px 18px;margin-bottom:20px;color:#3e5845}.privacy p{margin:0;font-size:12px;line-height:1.7}.privacy .lock{font-size:28px;color:#31824c;font-weight:900;line-height:1}
.workspace{display:grid;grid-template-columns:minmax(240px,295px) minmax(0,1fr);gap:19px;align-items:start}.sidebar,.main-column{display:grid;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 28px #1a40350a;padding:24px;min-width:0}.section-kicker{color:#648766}.panel h2{font:600 27px/1.18 Fraunces,Georgia,serif;color:#18392a;letter-spacing:-.025em;margin:9px 0 15px}.panel h3{font-size:13px;margin:0;color:#2f4c39}.panel p{color:var(--muted);font-size:13px;margin:9px 0 15px}.panel label{display:block;font-size:12px;font-weight:800;margin:12px 0 6px;color:#345340}.panel input:not([type=file]),.panel select,.panel textarea{width:100%;min-width:0;border:1px solid #cbdacc;border-radius:9px;background:#fcfefb;color:#254330;padding:11px 12px;outline-color:#2e8051}.panel textarea{resize:vertical;min-height:112px}.panel input[type=file]{width:100%;font-size:12px;max-width:100%}.small{font-size:12px!important;line-height:1.6!important}.coord{background:#eef4e9;border-radius:9px;font-size:12px;padding:8px 10px;margin:12px 0;color:#4b6c54;min-height:32px}.soft-link{display:block;font-size:13px;font-weight:800;margin-top:12px;text-decoration:none}
.comparison-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.comparison-stats>div{padding:12px;background:#eef4e9;border-radius:11px}.comparison-stats small,.comparison-stats strong,.comparison-stats span{display:block}.comparison-stats small{font-size:11px;font-weight:800;color:#608164}.comparison-stats strong{font-size:30px;color:#205e41;line-height:1.1;padding:4px 0}.comparison-stats span{font-size:10px;color:#54765d}.tools-panel{background:#153c2b;color:#fff}.tools-panel .section-kicker{color:#bed4ac}.tools-panel a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#e4f1dd;font-size:13px;font-weight:700;padding:12px 0;border-bottom:1px solid #ffffff21}.tools-panel a:last-child{border:0;padding-bottom:0}.tools-panel a span:last-child{margin-left:auto;opacity:.65}
.heading-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.heading-line h2{margin:7px 0 10px}.chip{border-radius:50px;background:#d9ecd9;padding:5px 11px;color:#296343;font-size:11px;font-weight:900}
.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:11px 0 22px}.stat-row>div{background:linear-gradient(145deg,#f0f7ed,#edf4eb);border:1px solid #e4ebe0;border-radius:12px;padding:13px 12px}.stat-row small,.stat-row strong{display:block}.stat-row small{font-weight:800;font-size:11px;color:#54755b}.stat-row strong{font-size:25px;color:#1d5d3b;line-height:1.3;margin-top:2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.micro-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.micro-header span{font-size:12px;color:#53745b;font-weight:800}.month-bars{height:145px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;border-bottom:1px solid var(--line);align-items:end;padding:0 0 8px}.bar-cell{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px}.bar-cell .bar{height:var(--h,5%);min-height:3px;background:linear-gradient(#80b987,#1d7350);border-radius:5px 5px 1px 1px;width:min(100%,29px);transition:height .2s}.bar-cell .month{font-size:10px;font-weight:700;color:#637b67}.bar-cell .value{font-size:10px;color:#4b6b55}.disclaimer{margin-bottom:0!important}
.photos-compare{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.photos-compare figure{margin:0;min-width:0}.photo-frame{background:#f1f5ed;border-radius:12px;border:1px dashed #cad9c5;min-height:195px;aspect-ratio:5/3;display:grid;place-items:center;overflow:hidden;color:#64816a;font-size:12px;text-align:center;padding:10px}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block}.photos-compare figcaption{font-size:12px;color:#51705b;margin-top:6px;font-weight:700}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel fieldset{border:0;padding:0;margin:0;min-width:0}.panel fieldset:disabled{opacity:.55}.primary,.outline{border-radius:10px;padding:11px 16px;font-size:13px;font-weight:900;transition:transform .1s}.primary{background:#196444;border:1px solid #196444;color:#fff}.outline{background:#fff;border:1px solid #b4cbb8;color:#235b3d}.primary:active,.outline:active{transform:scale(.98)}.button-row{display:flex;align-items:center;gap:10px;margin-top:17px;flex-wrap:wrap}.upload-preview{max-width:200px;background:#eef5e8;border-radius:9px;padding:7px}.upload-preview img{max-width:100%;max-height:170px;object-fit:contain;display:block}.form-status{font-size:12px;font-weight:700;min-height:18px;color:#28663e;margin-top:10px}.form-status.error{color:#a14331}
.filters{display:flex;align-items:center;gap:10px;margin:0 0 17px}.filters label{margin:0;white-space:nowrap}.filters select{max-width:230px}.timeline-list{display:grid;gap:11px}.timeline-card{display:grid;grid-template-columns:5px minmax(0,1fr);gap:14px;padding:14px 13px 14px 0;background:#fafdf8;border:1px solid #e1ebe0;border-radius:12px;overflow:hidden}.timeline-card .tone{border-radius:20px;background:#5c9270}.timeline-card.type-pest .tone{background:#bd8552}.timeline-card.type-water .tone{background:#6f98b5}.timeline-card.type-harvest .tone{background:#c5a443}.timeline-card.type-work .tone{background:#7e88b7}.timeline-card.type-other .tone{background:#9e93a1}.entry-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.entry-date{font-size:11px;font-weight:800;color:#648266}.type-pill{background:#e8efe3;border-radius:30px;padding:2px 9px;font-size:10px;font-weight:900;color:#497153}.timeline-card h3{font:600 18px/1.3 Fraunces,Georgia,serif;margin:6px 0;color:#24452e}.timeline-card p{font-size:13px;margin:5px 0 9px;white-space:pre-wrap;overflow-wrap:anywhere;color:#425d47}.note-photo{max-height:270px;max-width:100%;object-fit:contain;border-radius:8px;margin:7px 0;display:block;cursor:zoom-in}.note-photo.enlarged{max-height:none;width:100%;cursor:zoom-out}.entry-actions{display:flex;gap:13px;justify-content:flex-end}.entry-actions button{padding:3px 2px;color:#276649;font-size:12px;background:transparent;border:0;font-weight:800}.entry-actions button.delete{color:#a84c3b}.empty{padding:30px 15px;text-align:center;background:#f3f8ef;color:#68826e;border:1px dashed #c9d9c6;border-radius:12px;font-size:13px}.footnote{margin-top:20px;background:#e5efdb;padding:17px 21px;border-radius:14px;color:#47644b}.footnote strong{font-size:13px}.footnote p{font-size:12px;margin:4px 0 0}
footer{background:#0d2c21;color:#c8ddcb;padding:23px 0}.footer-inner{font-size:12px;font-weight:700}.footer-inner a{color:#e4f0d7;text-decoration:none}
@media(max-width:920px){.workspace{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sidebar .tools-panel{grid-column:1/-1}.hero-art{opacity:.6}}
@media(max-width:620px){.wrap{padding-left:15px;padding-right:15px}.nav-inner{min-height:62px;gap:5px}.brand{font-size:17px}.nav-inner nav{gap:8px}.nav-inner nav>a{font-size:11px}.hero-wrap{display:block;min-height:0;padding-top:39px;padding-bottom:36px}.hero-art{display:none}.hero h1{font-size:47px}.hero-copy{font-size:14px}.hero-badges span{font-size:10px}.privacy{padding:11px 12px}.sidebar{grid-template-columns:1fr}.sidebar .tools-panel{grid-column:auto}.panel{padding:18px;border-radius:14px}.panel h2{font-size:25px}.stat-row{gap:6px}.stat-row>div{padding:10px 7px}.stat-row small{font-size:10px}.stat-row strong{font-size:21px}.photos-compare{gap:8px}.photo-frame{width:100%;height:144px;min-height:0;aspect-ratio:auto}.month-bars{gap:2px;height:130px}.bar-cell .month{font-size:9px}.formgrid{gap:8px}.footer-inner{align-items:start}}
@media(max-width:370px){.nav-inner nav>a:first-child{display:none}.hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}