@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2")}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2")}:root{font-family:DM Sans Variable,sans-serif;color:#283e33;background:#f6f5f0;font-synthesis:none;font-weight:400;font-size:14px}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button,a,input{outline-offset:5px}button{border:0;background:none}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}.app{max-width:1680px;margin:auto;padding:0 44px}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px}.brand>span{font-family:Manrope Variable,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.5px}.brand-dot{color:#b48159}.header-note{color:#8a8d80;font-size:12px;letter-spacing:.1px}.about-link{display:flex;align-items:center;gap:8px;font-size:12px}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:650px;height:calc(100svh - 159px);max-height:1000px;border:1px solid #dddfd3;border-radius:18px;overflow:hidden;background:#fafaf5}.sky{position:relative;background:radial-gradient(ellipse at 32% 30%,#f4f6e9,#edf1e7 65%,#e7eee3);overflow:hidden;min-height:0}.sky:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.22' filter='url(%23n)'/%3E%3C/svg%3E")}.sky-heading{position:absolute;left:40px;top:36px;pointer-events:none;z-index:1}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:650;display:flex;align-items:center;gap:7px}.status-dot{width:5px;height:5px;background:#6c8c64;border-radius:50%;box-shadow:0 0 0 3px #6c8c6410}.stopped{background:#bb875c}.sky h1{font-family:Manrope Variable,sans-serif;font-size:clamp(30px,3.2vw,51px);line-height:1.16;letter-spacing:-2px;font-weight:500;margin:20px 0 13px}.sky h1 span{color:#869b79}.sky-heading p{font-size:12px;color:#86917e;margin:0}.sky canvas{position:absolute;width:100%;height:100%;inset:0;cursor:crosshair;touch-action:manipulation}.sky-bottom{position:absolute;bottom:25px;left:27px;right:27px;display:flex;justify-content:space-between;gap:10px;pointer-events:none;z-index:1;color:#82907c;font-size:10px}.sky-bottom>span{display:flex;gap:6px;align-items:center}.playback{position:absolute;bottom:58px;left:50%;transform:translate(-50%);display:flex;align-items:center;background:#fafbf6dd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #dce2d5;border-radius:30px;padding:6px;box-shadow:0 4px 18px #304a3310;z-index:2}.playback button{height:30px;min-width:33px;display:grid;place-items:center;border-radius:50%}.playback button:hover{background:#e6ecdf}.playback .speed{font-size:11px;min-width:38px}.playback>span{height:14px;width:1px;background:#dce2d5;margin:0 4px}.controls{border-left:1px solid #dddfd3;padding:34px 27px 22px;display:flex;flex-direction:column;justify-content:center}.panel-heading .eyebrow{color:#8c9184}.panel-heading h2{font-family:Manrope Variable,sans-serif;font-size:21px;letter-spacing:-.7px;font-weight:600;margin:15px 0 8px}.panel-heading p{font-size:11px;color:#93988b;margin:0}.presets{display:flex;background:#eeefe8;border-radius:8px;padding:4px;margin:26px 0 30px;gap:3px}.presets button{flex:1;font-size:11px;padding:8px 0;border-radius:5px;color:#8e9486;transition:background .2s,color .2s}.presets .active{background:#fff;color:#344c3d;box-shadow:0 1px 5px #293c3010}.rule{margin-bottom:29px}.rule-top{display:flex;align-items:center;gap:9px}.rule-number{color:var(--rule-color);font-size:9px;font-weight:500;border:1px solid color-mix(in srgb,var(--rule-color) 35%,transparent);border-radius:50%;height:22px;width:22px;display:grid;place-items:center}.rule-top label{font-size:13px;font-weight:550}.rule-top output{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;color:var(--rule-color)}.rule-top small{font-size:9px;color:#a0a295}.rule p{font-size:10px;color:#92988a;margin:7px 0 14px 31px}input[type=range]{width:100%;height:3px;appearance:none;display:block;border-radius:10px;background:linear-gradient(to right,var(--rule-color) var(--progress),#e4e6db var(--progress));cursor:pointer;margin:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:#fafaf5;border:2px solid var(--rule-color);height:13px;width:13px;border-radius:50%;box-shadow:0 0 0 4px #fafaf5}input[type=range]::-moz-range-thumb{background:#fafaf5;border:2px solid var(--rule-color);height:10px;width:10px;border-radius:50%}.circle-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px;border-top:1px solid #e4e6dc;padding:19px 0}.circle-toggle>span:first-child{display:flex;align-items:center;gap:9px}.circle-toggle svg{color:#8e9c85}.circle-toggle input{position:absolute;opacity:0;width:1px;height:1px}.switch{width:29px;height:17px;background:#d5dacd;border-radius:20px;position:relative;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;background:#fff;border-radius:50%;transition:transform .2s}.circle-toggle input:checked+.switch{background:#42664a}.circle-toggle input:checked+.switch:after{transform:translate(12px)}.circle-toggle input:focus-visible+.switch{outline:2px solid #42664a;outline-offset:3px}.population{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4e6dc;padding-top:20px}.population>div{display:flex;align-items:center;gap:10px;font-size:11px;color:#8a9482}.population strong{font-size:17px;font-weight:500;color:#344d3b;margin-right:3px;font-variant-numeric:tabular-nums}.population button{display:flex;align-items:center;gap:5px;border:1px solid #dae0d2;padding:8px 10px;border-radius:6px;font-size:10px;background:#f0f3e9}.population button:hover{background:#e4ecdc}.panel-footnote{font-size:9px;color:#a2a797;margin:18px 0 0}footer{display:flex;align-items:center;justify-content:space-between;height:59px;color:#a0a294;font-size:9px}footer a{display:inline-flex;align-items:center;gap:2px;color:#75816c}footer a span{color:#a0a294}.modal-backdrop{position:fixed;inset:0;background:#263f3344;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9;display:grid;place-items:center;padding:20px}.modal{position:relative;background:#fafaf5;padding:40px;max-width:450px;border-radius:18px;box-shadow:0 20px 100px #17342233}.close{position:absolute;right:16px;top:16px}.modal h2{font-family:Manrope Variable,sans-serif;font-weight:500;font-size:25px;letter-spacing:-1px;line-height:1.3}.modal p{font-size:12px;line-height:1.8;color:#7d8877}.explanation{display:flex;align-items:center;gap:14px;margin:18px 0}.explanation>i{width:8px;height:8px;border-radius:50%}.explanation strong{font-size:12px}.explanation p{margin:3px 0;font-size:11px}.understood{margin-top:14px;padding:12px 17px;display:flex;gap:20px;align-items:center;background:#2c503c;color:#fafaf5;border-radius:7px;font-size:12px}@media(min-width:1500px){.controls{padding:38px}.app{padding:0 55px}main{grid-template-columns:minmax(0,1fr) 380px}.rule{margin-bottom:36px}}@media(max-width:1000px){.app{padding:0 22px}header{height:80px}main{grid-template-columns:minmax(0,1fr) 300px;height:calc(100svh - 135px);min-height:640px}.controls{padding:28px 23px}.sky-heading{left:27px;top:30px}.wrap-hint{display:none!important}.sky-bottom{justify-content:center}.header-note{display:none}.sky h1{font-size:35px}}@media(max-width:680px){.app{padding:0 16px}header{height:69px}.brand>span{font-size:26px}.brand{gap:8px}.brand svg{width:23px}.about-link{font-size:10px;gap:5px}main{display:flex;flex-direction:column;height:auto;min-height:0;border-radius:13px}.sky{height:42svh;min-height:290px;max-height:550px;flex:none}.sky-heading{top:24px;left:24px}.sky .eyebrow{font-size:7px;letter-spacing:1.6px}.sky h1{font-size:32px;letter-spacing:-1.5px;margin:13px 0 9px}.sky-heading p{font-size:10px}.sky-bottom{bottom:16px;left:10px;right:10px;font-size:8px}.playback{bottom:43px;padding:4px}.playback button{height:25px;min-width:29px}.playback svg{width:13px}.controls{border-left:0;border-top:1px solid #dddfd3;padding:18px 22px 15px;display:block}.panel-heading{display:none}.presets{margin:0 0 20px;padding:3px}.presets button{padding:7px 0;font-size:10px}.rule-list{display:grid;gap:17px}.rule{margin:0}.rule-top{gap:8px}.rule-number{width:20px;height:20px;font-size:8px}.rule-top label{font-size:12px}.rule-top output{font-size:11px}.rule p{font-size:9px;margin:4px 0 11px 28px}.circle-toggle{padding:12px 0;margin-top:19px;font-size:10px}.population{padding-top:15px}.population>div{font-size:10px}.population strong{font-size:16px}.population button{padding:7px 9px;font-size:9px}.panel-footnote{font-size:8px;margin-top:13px}footer{height:50px;font-size:8px;justify-content:center}footer>span:last-child{display:none}.modal{padding:32px 26px}.modal h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.sky-heading{padding:18px 38px 26px 18px;margin:-18px;background:radial-gradient(ellipse at 25% 40%,#f1f4e9 20%,#f1f4e9dc 48%,#f1f4e900 75%)}