:root{color:#173a2a;background:#f7f4ea;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh}button,input{font:inherit}button{cursor:pointer}header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f4eaf2;border-bottom:1px solid #173a2a18;justify-content:space-between;align-items:center;padding:12px max(4vw,20px);display:flex;position:sticky;top:0}.brand{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:11px;display:flex}.brand span:last-child{flex-direction:column;display:flex}.brand b{font-size:19px}.brand small{opacity:.65}.logo{color:#fff;background:#166534;border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.primary{color:#173a2a;background:#f59e0b;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:11px 15px;font-weight:800;display:inline-flex}nav{gap:5px;display:flex}nav button{color:#173a2a;background:0 0;border:0;border-radius:10px;padding:9px 13px}nav .active{color:#fff;background:#166534}main{max-width:1280px;margin:auto;padding:24px}.hero{color:#fff;background:#14532d;border-radius:32px;grid-template-columns:1.4fr .6fr;align-items:center;min-height:380px;padding:42px;display:grid;overflow:hidden;box-shadow:0 18px 40px #14532d30}.eyebrow{color:#173a2a;background:#fbbf24;border-radius:99px;padding:7px 11px;font-size:13px;font-weight:800;display:inline-block}.hero h1{max-width:800px;margin:18px 0 12px;font-size:clamp(38px,6vw,70px);line-height:1}.hero p{color:#ecfdf5cc;max-width:720px;font-size:18px}.hero-art{text-align:center;font-size:100px;position:relative}.hero-art span{font-size:70px;position:absolute;top:-50px;right:6%}.hero-art i{font-size:65px;position:absolute;bottom:-60px;left:3%}.search{color:#166534;background:#fff;border-radius:16px;align-items:center;gap:10px;max-width:700px;margin-top:25px;padding:8px 8px 8px 15px;display:flex}.search input{border:0;outline:0;flex:1;min-width:0;padding:10px}.search button{background:#f59e0b;border:0;border-radius:11px;padding:12px 18px;font-weight:800}.notice{background:#fef3c7;border-radius:12px;justify-content:space-between;margin:15px 0;padding:12px 16px;display:flex}.map-layout{grid-template-columns:360px 1fr;gap:20px;margin-top:25px;display:grid}.map-layout h2,.section-title h2{font-size:28px}.place-card{text-align:left;background:#fff;border:2px solid #0000;border-radius:17px;justify-content:space-between;gap:10px;width:100%;margin:9px 0;padding:15px;display:flex}.place-card.selected{background:#fffbeb;border-color:#f59e0b}.place-card div{flex-direction:column;gap:7px;display:flex}.place-card span{color:#173a2a99;align-items:center;gap:4px;display:flex}.place-card small{background:#dcfce7;border-radius:8px;align-self:flex-start;padding:5px}.map-shell{background:#dfe9d6;border-radius:28px;min-height:600px;position:relative;overflow:hidden}.map{position:absolute;inset:0}.map-placeholder{text-align:center;color:#166534;place-content:center;gap:12px;display:grid;position:absolute;inset:0}.map-info{background:#fffffff2;border-radius:18px;width:min(420px,100% - 30px);padding:18px;position:absolute;bottom:15px;right:15px;box-shadow:0 15px 30px #0002}.map-info h3{margin:0}.map-info a{color:#166534;align-items:center;gap:6px;font-weight:800;display:inline-flex}.section-title{justify-content:space-between;align-items:end;margin:28px 0 16px;display:flex}.section-title p{opacity:.65}.herb-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.herb-card{background:#fff;border-radius:25px;padding:22px}.herb-card h3{margin:10px 0 2px;font-size:22px}.herb-card i{opacity:.6}.herb-icon{font-size:38px}.uses{color:#92400e;font-weight:800}.caution{color:#881337;background:#fff1f2;border-radius:14px;gap:7px;margin-top:16px;padding:12px;font-size:13px;display:flex}.history{grid-template-columns:1.2fr .8fr;gap:20px;margin-top:28px;display:grid}.history article,.history aside{background:#fff;border-radius:28px;padding:30px}.history aside{color:#fff;background:#14532d}.history p{line-height:1.7}.empty{background:#fff;border-radius:15px;padding:20px}.overlay{z-index:50;background:#052e16bb;place-items:center;padding:15px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:27px;gap:12px;width:min(520px,100%);padding:28px;display:grid;position:relative}.modal h2{margin:0}.modal input{border:1px solid #173a2a33;border-radius:11px;padding:13px}.modal label{font-size:13px}.modal label input{padding:0}.close{background:0 0;border:0;position:absolute;top:16px;right:16px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=850px){header nav,.brand small{display:none}main{padding:14px}.hero{grid-template-columns:1fr;min-height:430px;padding:25px}.hero-art{display:none}.map-layout,.history{grid-template-columns:1fr}.map-shell{min-height:480px}.herb-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){header{padding:9px}.brand b{font-size:16px}header .primary{padding:11px;font-size:0}header .primary svg{font-size:initial}.hero h1{font-size:39px}.search{align-items:stretch}.search svg{display:none}.herb-grid{grid-template-columns:1fr}.section-title{align-items:start}.map-info{font-size:14px}}