:root{--bg:#0b1715;--bg-2:#0e1d1a;--surface:#13261f;--surface-2:#19302a;--line:#ffffff17;--line-strong:#ffffff2b;--text:#eaf6f1;--muted:#9cb8ae;--accent:#7cf2c8;--accent-2:#4fd1c5;--heat:#ff8a6b;--major:#ff6b6b;--moderate:#ffb454;--minor:#ffe66d;--radius:18px;--shadow:0 24px 60px -28px #000000b3;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display:"Segoe UI Variable Display", "SF Pro Display", ui-sans-serif, system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-height:100vh;font:16px/1.6 var(--sans);color:var(--text);background:radial-gradient(1000px 520px at 90% -10%, #7cf2c81f, transparent 60%), radial-gradient(800px 480px at -10% 30%, #ff8a6b14, transparent 60%), var(--bg);margin:0;overflow-x:hidden}a{color:var(--accent);text-underline-offset:3px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}.skip{z-index:10;background:var(--accent);color:#062019;border-radius:10px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:12px}.topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1320px;margin:0 auto;padding:18px 24px;display:flex}.brand{color:var(--text);font:750 1.2rem var(--display);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px}.topnav{align-items:center;gap:6px;display:flex}.topnav a{color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.92rem;text-decoration:none}.topnav a:hover{color:var(--text);background:#ffffff0d}.topnav .coffee{color:#1d1300;background:#fd0;font-weight:650}main{max-width:1320px;margin:0 auto;padding:0 24px 64px}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:750}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.12}.intro{padding-top:36px}.intro-copy h1{max-width:17ch;margin:0;font-size:clamp(2.3rem,5.4vw,4.2rem);font-weight:760}.intro-copy h1 span{background:linear-gradient(110deg, var(--accent), var(--accent-2) 45%, var(--heat));color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:#cfe3dc;max-width:64ch;font-size:1.12rem}.slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px;display:grid}.slot{cursor:pointer;background:linear-gradient(#ffffff09,#ffffff03);border:1.5px dashed #7cf2c866;border-radius:24px;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:16px;min-height:150px;padding:24px;transition:border-color .2s,background .2s,transform .2s;display:grid;position:relative}.slot:hover,.slot.over{border-color:var(--accent);background:#7cf2c80f}.slot.over{transform:scale(1.01)}.slot.filled{border-style:solid;border-color:#7cf2c88c}.slot input{opacity:0;width:1px;height:1px;position:absolute}.slot:focus-within{outline:3px solid var(--accent);outline-offset:3px}.slot-step{background:linear-gradient(140deg, var(--accent), var(--accent-2));color:#062019;width:46px;height:46px;font:800 1.2rem var(--display);border-radius:14px;grid-row:1/4;place-items:center;display:grid}.slot-thumb{object-fit:cover;border:1px solid var(--line-strong);border-radius:14px;grid-row:1/4;width:96px;height:96px}.slot.filled .slot-step{display:none}.slot-title{font:700 1.2rem var(--display)}.slot-help{color:var(--muted)}.slot-file{color:var(--accent);font:.86rem var(--mono);overflow-wrap:anywhere}.intro-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;display:flex}.fine{color:var(--muted);font-size:.86rem}.error{color:#ffd6d6;background:#ff6b6b1a;border:1px solid #ff6b6b59;border-radius:12px;margin:16px 0 0;padding:12px 16px}.button{border:1px solid var(--line-strong);background:var(--surface-2);min-height:46px;color:var(--text);font:650 .97rem var(--sans);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;transition:transform .15s,border-color .15s;display:inline-flex}.button:hover{border-color:var(--accent);transform:translateY(-1px)}.button.primary{color:#062019;background:linear-gradient(110deg, var(--accent), var(--accent-2));border:0}.button.ghost{background:0 0}.button.small{min-height:38px;padding:0 16px;font-size:.9rem}.how{margin-top:54px}.how h2{margin:0 0 16px;font-size:1.7rem}.steps{counter-reset:step;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:#cfe3dc;padding:18px;font-size:.93rem}.steps li:before{content:counter(step, decimal-leading-zero);color:var(--accent);font:800 .9rem var(--mono);margin-bottom:8px;display:block}.steps strong{color:var(--text)}.progress{place-items:center;min-height:55vh;display:grid}[hidden]{display:none!important}.progress-card{background:var(--surface);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);border-radius:24px;padding:34px 40px}.spinner{border:4px solid #ffffff14;border-top-color:var(--accent);border-radius:50%;width:52px;height:52px;margin:0 auto 12px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace{padding-top:16px}.ws-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.ws-head h1{overflow-wrap:anywhere;margin:0;font-size:clamp(1.3rem,2.4vw,1.8rem)}.ws-actions{align-items:center;gap:12px;display:flex}.busy{color:var(--accent);font-size:.88rem}.busy:before{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;margin-right:8px;animation:1s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.3}}.ws-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:20px;display:grid}.viewer{min-width:0}.modebar{background:var(--surface);border:1px solid var(--line);scrollbar-width:none;border-radius:14px;gap:4px;padding:4px;display:flex;overflow-x:auto}.mode{color:var(--muted);font:650 .9rem var(--sans);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1 0 auto;padding:8px 14px}.mode[aria-selected=true]{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.stage-wrap{border:1px solid var(--line);box-shadow:var(--shadow);background:repeating-conic-gradient(#14231f 0% 25%,#101c19 0% 50%) 50%/24px 24px;border-radius:20px;margin-top:12px;padding:10px}#stage{cursor:crosshair;touch-action:none;border-radius:12px;width:100%;height:auto;display:block}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:12px;display:flex}.control-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.range-label,.size{color:var(--muted);align-items:center;gap:8px;font-size:.86rem;display:inline-flex}input[type=range]{accent-color:var(--accent);width:140px}.tool{border:1px solid var(--line-strong);color:var(--text);font:600 .86rem var(--sans);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.tool[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#062019}.check{color:#cfe3dc;align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.check input{width:17px;height:17px;accent-color:var(--accent)}.hint{color:var(--muted);font-size:.88rem}.panel{gap:14px;max-height:calc(100vh - 24px);padding-right:4px;display:grid;position:sticky;top:12px;overflow-y:auto}.panel section{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:18px}.panel h3{margin:0 0 10px;font-size:1rem}.verdict{border-top:4px solid var(--accent)!important}.verdict h2{margin:0 0 6px;font-size:1.45rem}.verdict p{color:#cfe3dc;margin:0}.v-minor{border-top-color:var(--minor)!important}.v-notable{border-top-color:var(--moderate)!important}.v-major{border-top-color:var(--major)!important}.verdict-stats{grid-template-columns:auto 1fr;gap:16px;margin-top:14px;display:grid}.verdict-stats strong{font:800 1.7rem var(--display);display:block}.verdict-stats span{color:var(--muted);font-size:.84rem}.facts{gap:10px;display:grid}.fact h3{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.82rem}.fact p{margin:2px 0 0;font-size:.92rem}.fact.warn h3{color:var(--moderate)}.segmented{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:12px;padding:4px;display:grid}.segmented button{color:var(--muted);font:650 .88rem var(--sans);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px}.segmented button[aria-checked=true]{background:var(--accent);color:#062019}.regions{gap:12px;margin:0;padding:0;list-style:none;display:grid}.region{background:var(--bg-2);border:1px solid var(--line);border-left:4px solid var(--minor);border-radius:14px;padding:12px}.region.sev-major{border-left-color:var(--major)}.region.sev-moderate{border-left-color:var(--moderate)}.region.active{box-shadow:0 0 0 2px var(--accent)}.region header{align-items:center;gap:10px;display:flex}.region header strong{font-size:.95rem;display:block}.region header .muted{font-size:.8rem}.badge{background:var(--minor);color:#10201c;width:28px;height:28px;font:800 .9rem var(--display);border-radius:8px;flex:none;place-items:center;display:grid}.sev-major .badge{background:var(--major)}.sev-moderate .badge{background:var(--moderate)}.muted{color:var(--muted)}.crops{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 6px;display:grid}.crops figure{margin:0}.crop{border:1px solid var(--line-strong);image-rendering:auto;border-radius:10px;width:100%;height:auto;display:block}.crops figcaption{color:var(--muted);text-align:center;margin-top:4px;font-size:.75rem}.region-actions{justify-content:space-between;display:flex}.link{color:var(--accent);font:650 .86rem var(--sans);cursor:pointer;background:0 0;border:0;padding:4px 0}.exports{gap:8px;display:grid}.toast{border:1px solid var(--line-strong);max-width:min(520px,100vw - 32px);box-shadow:var(--shadow);background:#1d3a32;border-radius:14px;padding:12px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.footer{border-top:1px solid var(--line);max-width:1320px;color:var(--muted);margin:0 auto;padding:28px 24px 40px;font-size:.9rem}.footer p{margin:4px 0}.footer a{color:#d6f5ea}@media (max-width:1100px){.ws-grid{grid-template-columns:1fr}.panel{max-height:none;position:static;overflow:visible}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.topbar{padding:14px 16px}.topnav a:not(.coffee){display:none}main{padding:0 16px 48px}.slots,.steps{grid-template-columns:1fr}.slot{min-height:120px;padding:18px}.slot-thumb{width:72px;height:72px}input[type=range]{width:110px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}