:root{--yellow-50:#fffbeb;--yellow-100:#fef3c7;--yellow-200:#fde68a;--yellow-300:#fcd34d;--yellow-400:#fbbf24;--yellow-500:#f59e0b;--yellow-600:#d97706;--yellow-700:#b45309;--yellow-800:#92400e;--yellow-900:#78350f;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--color-primary:var(--yellow-500);--color-primary-dark:var(--yellow-600);--color-primary-light:var(--yellow-100);--color-bg:#fff;--color-bg-alt:var(--slate-50);--color-surface:#fff;--color-border:var(--slate-200);--color-text:var(--slate-900);--color-text-muted:var(--slate-500);--color-text-subtle:var(--slate-400);--color-success:#22c55e;--color-error:#ef4444;--color-link:var(--yellow-700);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 24px #0000001a, 0 4px 8px #0000000a;--shadow-glow:0 0 0 3px var(--yellow-200)}html.dark{--color-bg:var(--slate-900);--color-bg-alt:var(--slate-800);--color-surface:var(--slate-800);--color-border:var(--slate-700);--color-text:var(--slate-50);--color-text-muted:var(--slate-400);--color-text-subtle:var(--slate-500);--color-link:var(--yellow-400);--shadow-glow:0 0 0 3px #f59e0b4d}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;transition:background .2s,color .2s}body,h1,h2,h3,h4,h5,h6{color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Inter,sans-serif;font-weight:700;line-height:1.2}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{max-width:1100px}.container,.container-sm{margin:0 auto;padding:0 24px}.container-sm{max-width:680px}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#000}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);text-decoration:none}.btn-secondary{background:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border);text-decoration:none}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-alt);text-decoration:none}.btn-sm{padding:6px 14px;font-size:13px}.btn-danger{color:#fff;background:#dc2626;border:1px solid #dc2626}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;text-decoration:none}.btn-lg{padding:14px 28px;font-size:17px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--color-text);font-size:14px;font-weight:600}.form-label-optional{color:var(--color-text-muted);margin-left:4px;font-size:12px;font-weight:400}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);outline:none;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.form-input::placeholder{color:var(--color-text-subtle)}.form-hint{color:var(--color-text-muted);font-size:12px}.duck-code{letter-spacing:.15em;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-sm);padding:8px 20px;font-family:SF Mono,Fira Code,monospace;font-size:24px;font-weight:700;display:inline-block}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-yellow{background:var(--yellow-100);color:var(--yellow-800)}.badge-green{color:#166534;background:#dcfce7}.badge-slate{background:var(--slate-100);color:var(--slate-700)}.page-hero{background:linear-gradient(135deg,var(--yellow-50) 0,var(--slate-50) 100%);border-bottom:1px solid var(--color-border);padding:64px 0 48px}html.dark .page-hero{background:linear-gradient(135deg,#1c1407 0,var(--slate-900) 100%)}.section{padding:48px 0}.duck-emoji{font-size:48px;line-height:1;display:inline-block}.timeline{padding-left:24px;position:relative}.timeline:before{content:"";background:var(--color-border);width:2px;position:absolute;top:0;bottom:0;left:8px}.timeline-item{padding-bottom:24px;position:relative}.timeline-dot{background:var(--color-primary);border:2px solid var(--color-bg);width:12px;height:12px;box-shadow:0 0 0 2px var(--color-primary);border-radius:50%;position:absolute;top:4px;left:-20px}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.page-hero{padding:40px 0 32px}.section{padding:32px 0}}@media (width<=480px){.grid-3{grid-template-columns:1fr}.container{padding:0 16px}}.divider{background:var(--color-border);height:1px;margin:24px 0}.loading-dots:after{content:"...";animation:1.2s steps(4,end) infinite dots}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.map-container{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;height:400px;overflow:hidden}.alert{border-radius:var(--radius-sm);border:1px solid #0000;padding:12px 16px;font-size:14px}.alert-success{color:#166534;background:#dcfce7;border-color:#bbf7d0}.alert-error{color:#991b1b;background:#fee2e2;border-color:#fecaca}.alert-info{background:var(--yellow-50);border-color:var(--yellow-200);color:var(--yellow-800)}.preview-map-tooltip{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);color:var(--color-text,#0f172a);white-space:nowrap;border-radius:4px;padding:4px 8px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;box-shadow:0 2px 8px #00000026}.preview-map-tooltip:before{display:none}*{box-sizing:border-box;margin:0;padding:0}