:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 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;--lightningcss-light:initial;--lightningcss-dark: ;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 (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{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:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--color-bg:#05111c;--color-slate-950:#020c1b;--color-slate-900:#0a1628;--color-slate-800:#1e293b;--color-slate-400:#94a3b8;--color-slate-300:#cbd5e1;--color-slate-200:#e2e8f0;--color-white:#fff;--color-cyan-100:#cffafe;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-sky-400:#38bdf8;--color-emerald-50:#ecfdf5;--color-emerald-100:#d1fae5;--color-emerald-200:#a7f3d0;--color-emerald-300:#6ee7b7;--color-yellow-100:#fef9c3;--color-red-100:#fee2e2;--color-red-400:#f87171}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-white);margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.app-container{color:#f4fbff;background:radial-gradient(circle at top,#ffffff0d,#0000 28%),linear-gradient(#03101b 0%,#041523 20%,#050f19 100%);min-height:100vh}.app-inner{flex-direction:column;gap:1rem;width:100%;max-width:none;margin:0;padding:0 1rem;display:flex}.header-panel{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.page-title{letter-spacing:-.08em;width:min(100%,92ch);max-width:100%;margin:0 auto;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.02}.page-copy{color:#ebf4ffcc;width:min(100%,92ch);max-width:100%;margin:0 auto;font-size:1rem;line-height:1.75}.dashboard-grid{flex:1;grid-template-columns:1fr;gap:1.5rem;min-height:0;display:grid}.scene-column,.control-column{width:100%}.scene-column{flex-direction:column;gap:1.5rem;display:flex}.scene-card,.control-card,.stats-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#040c14b3;border:1px solid #ffffff17;border-radius:30px;box-shadow:0 24px 80px #00000047}.scene-card{height:auto;min-height:620px;position:relative;overflow:hidden}@media (width>=1024px){.scene-card{min-height:760px}}.scene-sky{pointer-events:none;background:linear-gradient(#467da5f5 0%,#192d52b8 34%,#0a121e52 70%);position:absolute;inset:0}.sun-glow{filter:blur(2px);pointer-events:none;background:radial-gradient(circle,#ffe6be5c,#ffa05a2e 55%,#0000 72%);border-radius:50%;width:220px;height:220px;position:absolute;top:22%;left:50%;transform:translate(-50%)}.horizon-line{filter:blur(.5px);pointer-events:none;background:#ffffff12;height:1px;position:absolute;top:46%;left:6%;right:6%}.scene-grid{opacity:.16;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:72px 72px;transition:transform .35s,background-position .35s;position:absolute;inset:0}.plastic-cloud{pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#f1f8ff14,#0000 16%),radial-gradient(circle at 68%,#ffffff0d,#0000 12%),radial-gradient(circle at 48% 18%,#ffffff0a,#0000 8%);transition:opacity .35s;position:absolute;inset:0}.scene-comment-strip{color:#e9f9ff;text-align:center;z-index:4;background:linear-gradient(#0000,#0000008a);padding:.9rem 1rem;font-size:.95rem;line-height:1.5;position:absolute;bottom:0;left:0;right:0}.scene-comment-strip span{max-width:94%;display:inline-block}.scene-sea{z-index:3;justify-content:center;align-items:flex-end;padding:1.6rem;display:flex;position:absolute;inset:0;overflow:hidden}.island-cluster{justify-content:center;align-items:flex-end;gap:3rem;width:100%;max-width:720px;display:flex;position:relative}.land-mass{background:radial-gradient(circle at 40% 28%,#abdfff33,#0000 25%),radial-gradient(circle at 55% 60%,#184563bf,#0000 45%),linear-gradient(#0e3049 0%,#0b2237 100%);border-radius:44% 40% 22% 18%/54% 44% 28% 22%;width:68%;height:24%;position:relative;overflow:hidden;box-shadow:inset 0 0 52px #ffffff14,0 24px 52px #00000047}.land-mass:before{content:"";filter:blur(1.4px);background:#ffffff14;border-radius:50%;width:24%;height:18%;position:absolute;top:14%;left:10%}.land-mass:after{content:"";background:radial-gradient(circle at 45% 20%,#ffffff14,#0000 35%);height:24%;position:absolute;bottom:12%;left:12%;right:12%}.small-island{background:#0f2c43d6;border-radius:50% 48% 40% 45%/38% 42% 50% 52%;position:absolute;bottom:14%;box-shadow:inset 0 0 16px #ffffff14}.island-one{width:14%;height:8%;left:7%}.island-two{width:11%;height:7%;right:8%}.ocean-layer{background:radial-gradient(circle at 20% 20%,#ffffff1f,#0000 18%),radial-gradient(circle at 76% 30%,#ffffff1a,#0000 13%),linear-gradient(#2e7dbee0,#081c37eb);border-top:1px solid #ffffff1f;height:46%;transition:transform .35s,filter .35s,opacity .35s;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 18px 32px #00000052}.ocean-layer:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 15% 35%,#ffffff0f,#0000 20%),radial-gradient(circle at 65%,#ffffff0d,#0000 16%),repeating-linear-gradient(#0000 0 4px,#ffffff08 4px 5px);height:26%;position:absolute;top:8%;left:0;right:0}.coral-reef,.fish-school{border-radius:999px;transition:opacity .35s,transform .35s;position:absolute}.coral-reef{background:radial-gradient(circle,#7dd3fc4d,#0000 50%),#33a1c12e;width:15%;height:10%;bottom:18%;left:16%;box-shadow:0 0 30px #7dd3fc2e}.fish-school{filter:blur(.2px);background:radial-gradient(circle at 40% 40%,#ffffffb8,#0000 28%),radial-gradient(circle at 70% 60%,#a2dafc61,#0000 30%);width:14%;height:12%;bottom:24%;right:18%}.scene-overlay{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.impact-chip{color:#e8f5ff;background:#040b16e0;border:1px solid #ffffff14;border-radius:999px;padding:.85rem 1rem;font-size:.92rem;font-weight:600}.scene-meter{gap:.45rem;width:min(100%,260px);display:grid}.meter-label{color:#ffffffb8;justify-content:space-between;font-size:.86rem;display:flex}.meter-track{background:#ffffff14;border-radius:999px;width:100%;height:.75rem;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg,#5eead4,#38bdf8);height:100%;transition:width .35s}.restoration-glow{pointer-events:none;opacity:.9;mix-blend-mode:screen;background:radial-gradient(circle at 50% 20%,#b5f4ff3d,#0000 25%),radial-gradient(circle at 40% 80%,#61ffe829,#0000 20%);position:absolute;inset:0}.control-column{gap:1.25rem;display:grid}.control-card{flex-direction:column;justify-content:space-between;height:100%;min-height:0;padding:1.5rem;display:flex}.control-hint{color:#ebf4ffbd;font-size:.95rem;line-height:1.7}.control-track{flex-wrap:wrap;gap:1rem;display:flex}.control-item{background:#ffffff05;border:1px solid #ffffff14;border-radius:24px;flex:180px;gap:.85rem;min-width:160px;padding:1rem;display:grid}.control-item:last-child{border-bottom:none}.control-title{color:#f7fbff;justify-content:space-between;align-items:center;gap:.75rem;font-weight:600;display:flex}.control-value{text-align:center;color:#dbeafe;font-feature-settings:"tnum";box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;min-width:3.2rem;max-width:calc(100% - 4rem);padding:.35rem .6rem;overflow:hidden}.control-value-input{color:#dbeafe;box-sizing:border-box;text-align:center;font-feature-settings:"tnum";background:0 0;border:1px solid #ffffff0f;border-radius:8px;min-width:3.2rem;max-width:calc(100% - 4rem);padding:.25rem .5rem}.control-value-input:focus{outline:2px solid #38bdf82e}.control-buttons{justify-content:flex-start;gap:.75rem;display:flex}.control-button{color:#eaf7ff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:3rem;height:3rem;font-size:1.4rem;transition:transform .2s,background .2s;display:grid;box-shadow:inset 0 -2px #ffffff0f}.control-button:hover,.control-button:focus-visible{background:#ffffff1f;transform:translateY(-1px)}.button-primary{color:#d7f2ff;cursor:pointer;background:linear-gradient(135deg,#037aff26,#09274feb);border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:.5rem;padding:1rem;font-size:.98rem;font-weight:700;transition:transform .2s,background .25s;display:inline-flex}.button-primary:hover,.button-primary:focus-visible{background:linear-gradient(135deg,#0963b04d,#04122df5);transform:translateY(-1px)}.button-secondary{background:linear-gradient(135deg,#34d39929,#0c4c2fe6);margin-top:.6rem}.button-secondary:hover,.button-secondary:focus-visible{background:linear-gradient(135deg,#34d39947,#073a21f5)}.stats-card{min-height:0;padding:1.4rem 1.5rem 1.25rem}.stats-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.stats-title{color:#e9f6ff;font-size:1.05rem;font-weight:700}.metric-references{margin-top:1rem}.metric-notes{color:#ebf4ffc7;margin:.75rem 0 0 1rem;padding:0;list-style:none}.metric-note{color:#ebf4ffeb;margin-bottom:.45rem;text-decoration:none;transition:color .18s,transform .18s;display:block}.metric-note:hover,.metric-note:focus-visible{color:#d7f1ff;text-decoration:underline;transform:translate(2px)}.stats-copy{color:#e2efffbf;margin-top:.8rem;font-size:.95rem;line-height:1.65}.comment-panel{gap:.95rem;margin-top:1.5rem;display:grid}.comment-card{color:#eef6ff;background:#ffffff0a;border:1px solid #ffffff12;border-radius:22px;padding:1rem;font-size:.95rem;line-height:1.7}.comment-card strong{color:#cffafe}.comments-muted{color:#ffffff8f;font-size:.95rem;line-height:1.7}.note-line{color:#ebf4ffb8;margin-top:1rem;font-size:.93rem;line-height:1.75}@media (width>=860px){.dashboard-grid{grid-template-columns:minmax(0,2.3fr) minmax(320px,1fr);align-items:start;gap:1.75rem}.control-card,.stats-card{padding:1.75rem}}@media (width>=1120px){.app-inner{gap:2rem}.control-card{padding:2rem}}.site-footer{color:#ebf4ffd1;background:0 0;border-top:1px solid #ffffff0a;margin-top:1.5rem;padding:.9rem 0}.footer-inner{justify-content:space-between;align-items:center;gap:1rem;margin:auto 2rem;display:flex}.footer-left{color:#ebf4ffdb;justify-content:center;align-items:center;gap:1rem;font-size:.95rem;display:flex}.footer-right{align-items:center;gap:.9rem;display:flex}.footer-right a{color:#d1e6fffa;border-radius:8px;padding:.3rem .45rem;font-weight:600;text-decoration:none;transition:background .16s,transform .16s}.footer-right a:hover,.footer-right a:focus-visible{background:#ffffff08;transform:translateY(-1px)}.footer-left img{border-radius:6px;width:auto;height:100px;margin-right:.5rem}@media (width<=800px){.metric-note{font-size:10px}.footer-inner{text-align:center;flex-direction:column;align-items:center}.footer-right{margin-top:.5rem}}.rotate-warning{text-align:center;justify-content:center;align-items:center;height:100vh;margin:1rem;display:flex}.rotate-warning h2{font-size:3rem}@media (orientation:portrait){.app-container{display:none}.rotate-warning{display:flex}}@media (orientation:landscape){.app-container{display:block}.rotate-warning{display:none}}