:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:rgba(170,59,255,0.1);--accent-border:rgba(170,59,255,0.5);--social-bg:rgba(244,243,236,0.5);--shadow:rgba(0,0,0,0.1) 0 10px 15px -3px,rgba(0,0,0,0.05) 0 4px 6px -2px;--sans:system-ui,"Segoe UI",Roboto,sans-serif;--heading:system-ui,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,Consolas,monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;@media (max-width:1024px){font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:rgba(192,132,252,0.15);--accent-border:rgba(192,132,252,0.5);--social-bg:rgba(47,48,58,0.5);--shadow:rgba(0,0,0,0.4) 0 10px 15px -3px,rgba(0,0,0,0.25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0;@media (max-width:1024px){font-size:36px;margin-left:0;margin-bottom:20px;margin-right:0;margin-top:20px}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px;@media (max-width:1024px){font-size:20px}}p{margin:0}.counter,code{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--green-50:#EAF3DE;--green-100:#C0DD97;--green-200:#97C459;--green-500:#4A8A18;--green-700:#2D5A0A;--green-900:#173404;--ink:#1A1F14;--ink-muted:#5A6352;--ink-faint:#9AA68E;--surface:#F7F9F4;--surface-raised:#FFFFFF;--border:rgba(60,80,40,0.12);--border-strong:rgba(60,80,40,0.22);--accent:#5AA620;--error:#E53E3E;--warning:#F56500;--success:#38A169;--info:#3182CE}body,html{height:100%;background:var(--surface);color:var(--ink);font-family:DM Mono,SF Mono,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:14px;line-height:1.5;overflow:hidden}#root,.app{height:100vh}.app{display:flex;flex-direction:column;max-width:100vw;background:var(--surface)}.app-main{display:flex;flex:1 1;overflow:hidden}.map-container{flex:1 1;position:relative;transition:all .3s ease}.map-container.expanded{margin-left:0}.map-loading{display:flex;align-items:center;justify-content:center;height:100%;background:var(--surface)}.error-state,.loading-state{text-align:center;max-width:400px;padding:2rem}.loading-spinner{width:40px;height:40px;border-top:3px solid var(--border);border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-icon{font-size:3rem;margin-bottom:1rem}.error-state h3,.loading-state h3{font-family:Fraunces,serif;font-size:1.25rem;color:var(--green-700);margin-bottom:.5rem}.error-state p,.loading-state p{color:var(--ink-muted);margin-bottom:1rem}.retry-button{background:var(--green-700);color:white;border:none;border-radius:6px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;cursor:pointer;transition:background .15s}.retry-button:hover{background:var(--green-500)}.button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-raised);color:var(--ink);cursor:pointer;transition:all .15s ease;text-decoration:none}.button:hover{background:var(--surface);border-color:var(--accent)}.button:disabled{opacity:.4;cursor:not-allowed}.button.primary{background:var(--green-700);color:white;border-color:var(--green-700)}.button.primary:hover{background:var(--green-500);border-color:var(--green-500)}.button.danger{color:var(--error);border-color:rgba(229,62,62,.25)}.button.danger:hover{background:#FEF0F0}.button.success{background:var(--success);color:white;border-color:var(--success)}.button.success:hover{background:#2F855A}.input{width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;color:var(--ink);outline:none;transition:border-color .15s ease}.input::placeholder{color:var(--ink-faint)}.input:focus{border-color:var(--accent)}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.04)}.modal-overlay{position:fixed;inset:0;background:rgba(23,52,4,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}.area-display{display:flex;align-items:baseline;gap:.25rem;background:var(--green-50);border:1px solid var(--green-100);border-radius:20px;padding:.25rem .875rem}.area-display .number{font-family:Fraunces,serif;font-size:1.125rem;font-weight:500;color:var(--green-700);min-width:64px;text-align:right}.area-display .unit{font-size:.6875rem;color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase}@media (max-width:768px){.app-main{flex-direction:column}.map-container{order:1}.map-container.expanded{margin-left:0}.app{font-size:13px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.loading{opacity:.6;pointer-events:none}