:root { color-scheme: dark; --ink:#eaf7f2; --muted:#9bb5ac; --paper:#071310; --panel:rgba(8,24,20,.92); --line:rgba(153,225,202,.22); --mint:#75e6c4; --amber:#f5bd67; }
* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.layout { min-height:100%; display:grid; grid-template-columns:minmax(290px,390px) 1fr; }
.panel { position:relative; z-index:2; padding:32px; background:var(--panel); border-right:1px solid var(--line); box-shadow:20px 0 60px rgba(0,0,0,.22); }
.back { color:var(--muted); text-decoration:none; font-size:.86rem; }
.eyebrow { margin:72px 0 14px; color:var(--mint); font-size:.73rem; font-weight:820; letter-spacing:.14em; text-transform:uppercase; }
h1 { margin:0; font:500 clamp(2.5rem,5vw,4.4rem)/.95 Georgia,"Times New Roman",serif; letter-spacing:-.045em; }
.intro { color:var(--muted); line-height:1.65; }
.status { margin:24px 0; padding:16px; border-left:2px solid var(--amber); color:var(--muted); font-size:.9rem; line-height:1.5; }
.status strong { color:var(--ink); }
.links { display:flex; flex-wrap:wrap; gap:9px; }
.button { display:inline-flex; align-items:center; min-height:42px; padding:0 13px; border:1px solid var(--line); border-radius:4px; color:var(--ink); text-decoration:none; font-size:.84rem; font-weight:730; }
.button:hover { border-color:var(--mint); }
.button:focus-visible, .back:focus-visible, a:focus-visible, button:focus-visible { outline: 3px solid var(--amber); outline-offset: 3px; }
.notes { margin-top:28px; padding-top:22px; border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; line-height:1.55; }
.map-wrap { position:relative; min-height:100vh; }
#map { position:absolute; inset:0; }
.legend { position:absolute; z-index:3; right:18px; bottom:28px; max-width:280px; padding:13px 15px; background:rgba(7,19,16,.88); border:1px solid var(--line); color:var(--muted); font-size:.78rem; line-height:1.5; backdrop-filter:blur(12px); }
.legend strong { color:var(--ink); }
.swatch { display:inline-block; width:22px; height:4px; margin-right:8px; vertical-align:middle; background:var(--mint); }
.switcher { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:20px 0; }
.switcher button { min-height:42px; border:1px solid var(--line); border-radius:4px; background:transparent; color:var(--ink); font:700 .84rem inherit; cursor:pointer; }
.switcher button.active { background:var(--mint); border-color:var(--mint); color:#06110e; }
@media (max-width:760px) { .layout{display:block}.panel{padding:24px;border-right:0;border-bottom:1px solid var(--line)}.eyebrow{margin-top:36px}.map-wrap{min-height:65vh}.notes{display:none}.harvest-panel .notes{display:block} }