:root{--color-paper:oklch(97% .009 85);--color-panel:oklch(99% .005 85);--color-raised:oklch(94% .012 85);--color-ink:oklch(23% .015 60);--color-muted:oklch(48% .017 60);--color-rule:oklch(85% .014 85);--color-accent:oklch(49% .17 30);--color-accent-ink:oklch(98% .008 85);--color-focus:oklch(50% .2 30);--color-error:oklch(49% .19 25);--color-success:oklch(41% .1 150);--color-transparent:transparent;--color-dark:oklch(15% .008 260);--color-dark-panel:oklch(20% .011 260);--color-dark-raised:oklch(25% .013 260);--color-light:oklch(94% .008 85);--color-light-muted:oklch(74% .013 85);--color-space-accent:oklch(79% .085 80);--color-space-focus:oklch(84% .12 80);--color-dark-rule:oklch(34% .012 260);--color-water:oklch(75% .05 215);--color-green:oklch(72% .07 145);--color-shadow:oklch(15% .008 260 / .12);--font-display:"Noto Serif SC","Songti SC",serif;--font-body:"IBM Plex Sans","PingFang SC","Microsoft YaHei",sans-serif;--font-mono:"IBM Plex Mono",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:72px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:28px;--text-display:clamp(36px,4.5vw,64px);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--radius-sm:4px;--radius-md:8px;--rule-width:1px}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{font:var(--text-base)/1.6 var(--font-body);color:var(--color-ink);background:var(--color-paper)}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button,select{white-space:nowrap}button,input,select{border:1px solid var(--color-rule);background:var(--color-panel);border-radius:var(--radius-sm);min-height:44px;padding:8px 14px}button{cursor:pointer}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button[aria-pressed=true],button.active{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}h1,h2,h3{font-style:normal;overflow-wrap:anywhere;min-width:0;margin:0;line-height:1.25}h1,h2{font-family:var(--font-display)}p{margin:0}a:hover{text-decoration:underline}.app-top{height:68px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);position:relative;z-index:15}.app-top .brand{font-weight:700;font-family:var(--font-display);white-space:nowrap;display:flex;align-items:center;gap:12px}.brand-mark{display:block;width:22px;height:22px;border:1.5px solid currentColor;border-radius:50%;position:relative}.brand-mark:before{content:"";position:absolute;width:32px;height:8px;border:1.5px solid currentColor;left:-7px;top:6px;border-radius:50%;transform:rotate(-30deg)}.app-top nav{display:flex;align-items:center;gap:24px;font-size:14px}.app-top nav a{min-height:44px;display:flex;align-items:center;white-space:nowrap}.page-title{font-family:var(--font-body);font-size:14px;color:var(--color-muted)}.workspace{height:calc(100dvh - 68px);position:relative;min-height:450px}.viewport{position:absolute;top:0;right:0;bottom:0;left:0}.viewport canvas{display:block;width:100%;height:100%}.panel{position:absolute;z-index:5;background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-rule);padding:24px;width:288px;top:24px;left:24px;border-radius:var(--radius-md)}.panel h1{font-size:28px;margin-bottom:12px}.panel p,.helper{font-size:14px;color:var(--color-muted)}.panel .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.panel .row button{flex:1}.panel label{display:block;font-size:14px;margin:16px 0 4px}.panel input,.panel select{max-width:100%;width:100%}.panel input[type=range]{padding:0;min-height:32px;accent-color:var(--color-accent)}.tool-status{font-size:13px;color:var(--color-muted);min-height:24px;margin-top:12px}.tool-status.error{color:var(--color-error)}.view-note{position:absolute;z-index:4;bottom:20px;left:24px;max-width:min(520px,calc(100% - 48px));font-size:12px;padding:8px 12px;background:var(--color-paper);color:var(--color-muted);border-radius:var(--radius-sm)}.view-note a{text-decoration:underline}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;background:var(--color-paper);color:var(--color-muted);z-index:8;text-align:center}.loading-screen strong{color:var(--color-ink);font-size:24px}.loading-screen p{max-width:420px}.dark{--color-paper:var(--color-dark);--color-panel:var(--color-dark-panel);--color-raised:var(--color-dark-raised);--color-ink:var(--color-light);--color-muted:var(--color-light-muted);--color-rule:var(--color-dark-rule);--color-accent:var(--color-space-accent);--color-accent-ink:var(--color-dark);--color-focus:var(--color-space-focus)}.dark .app-top{background:var(--color-dark)}.dark button[aria-pressed=true],.dark button.active{background:var(--color-light);color:var(--color-dark)}.dark .view-note{background:var(--color-dark-panel)}.planet-nav{position:absolute;left:24px;bottom:58px;right:24px;z-index:6;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.planet-nav button{font-size:14px;min-width:70px}.planet-label{position:absolute;pointer-events:none;color:var(--color-light-muted);font-size:12px;transform:translate(-50%,-100%);white-space:nowrap}.readout{position:absolute;z-index:5;right:24px;top:24px;width:248px;background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:24px}.readout h2{font-size:32px;margin-bottom:8px}.readout .en{color:var(--color-accent);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em}.readout p{color:var(--color-muted);font-size:14px;line-height:1.8;margin:12px 0}.readout dl{margin:16px 0 0}.readout dl div{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--color-rule);font-size:13px}.readout dt{color:var(--color-muted)}.readout dd{margin:0;font-variant-numeric:tabular-nums}.readout details{font-size:12px;color:var(--color-muted);margin-top:12px}.readout summary{cursor:pointer;min-height:32px}.toggle-info{display:none}.maplibregl-ctrl-attrib{font-size:11px}.maplibregl-popup-content{font-family:var(--font-body);color:var(--color-ink);background:var(--color-panel)}.maplibregl-popup-content h3{font-size:16px}.maplibregl-popup-content p{font-size:13px;margin:8px 0}.maplibregl-popup-content a{color:var(--color-accent)}.maplibregl-popup-close-button{min-width:36px;min-height:36px;padding:0}.maplibregl-ctrl-top-right{top:20px;right:14px}.maplibregl-ctrl button{min-height:38px}.stat-strip{display:flex;gap:18px;font-size:12px;color:var(--color-muted);margin-top:16px}.stat-strip strong{display:block;color:var(--color-ink);font-family:var(--font-mono);font-size:20px}.visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:clip}.quality-menu{margin-top:12px}.mobile-tools{display:none}[hidden]{display:none!important}@media(hover:hover){button:hover{border-color:var(--color-muted);background:var(--color-raised)}button.active:hover{background:var(--color-ink);color:var(--color-paper)}}@media(max-width:1000px){.panel{width:245px;padding:20px}.readout{width:220px;padding:18px}}@media(max-width:768px){.app-top{height:60px;padding:0 16px;gap:12px}.app-top nav{gap:16px}.app-top nav .wide-only,.page-title{display:none}.workspace{height:calc(100dvh - 60px);min-height:540px}.panel{left:12px;top:12px;width:220px;padding:16px}.panel h1{font-size:23px}.panel .panel-description{display:none}.readout{top:auto;bottom:132px;right:12px;max-height:42vh;overflow:auto;width:220px;display:none}.readout.open{display:block}.toggle-info{display:inline-block}.planet-nav{bottom:42px;left:12px;right:12px;gap:4px;justify-content:flex-start}.planet-nav button{min-width:0;flex:1 0 16%;padding:6px 8px;font-size:12px}.view-note{left:12px;bottom:8px;max-width:calc(100% - 24px);font-size:10px;padding:4px 8px}.panel .row{margin-top:12px}.panel .row button{font-size:13px;padding:6px 8px}.panel label{margin-top:10px}.app-top nav a{font-size:13px}.readout dl div{font-size:12px}.mobile-tools{display:block}.panel.collapsed>:not(h1):not(.mobile-tools){display:none}.maplibregl-ctrl-top-right{right:2px;top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active{transform:none}}@media(max-width:768px){.mobile-tools{display:flex;gap:8px;margin-top:12px}.mobile-tools button{min-height:38px;font-size:12px;padding:6px 12px}.panel:not(.collapsed){max-height:calc(100dvh - 240px);overflow:auto}.readout{z-index:7}.panel.collapsed{width:auto;max-width:calc(100% - 74px)}.panel.collapsed h1{font-size:20px}.panel.collapsed .mobile-tools{margin-top:8px}.view-note{max-width:calc(100% - 24px)}}