:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#11120f;color:#ebe6d6;--panel: rgba(25, 26, 21, .78);--line: rgba(235, 230, 214, .18);--text-soft: #bcb5a1;--accent: #b9c47e;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0;overflow-x:hidden}body{min-height:100vh;background:radial-gradient(circle at 76% 18%,#343728 0,#171812 42%,#0c0d0b)}#app{position:relative;min-height:100vh;display:grid}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;outline:none;filter:saturate(1.08) contrast(1.08)}.panel{position:relative;z-index:2;align-self:end;width:min(92vw,390px);margin:0 auto 14px;padding:16px;border:1px solid var(--line);border-radius:24px;background:#12130fb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 70px #00000057;animation:enter .62s var(--ease-out) both}.eyebrow{margin:0 0 8px;color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:.72rem}h1{margin:0;font-size:clamp(1.84rem,9.5vw,3.9rem);line-height:.92;letter-spacing:-.075em}.lede{margin:10px 0 0;color:var(--text-soft);line-height:1.45;font-size:.93rem}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.metrics div{min-height:62px;border:1px solid var(--line);border-radius:16px;padding:10px;background:#ffffff09}.metrics span{display:block;font-size:1.38rem;font-variant-numeric:tabular-nums}.metrics small{color:var(--text-soft)}.controls{display:grid;gap:12px}label{display:grid;gap:6px;color:#e1dac4;font-size:.9rem}label span{display:flex;align-items:center;justify-content:space-between;gap:12px}output{min-width:2.2rem;border-radius:999px;padding:2px 8px;background:#b9c47e24;color:#edf0c4;text-align:center;font-variant-numeric:tabular-nums}input[type=range]{width:100%;min-height:44px;accent-color:#c7d28c}.buttons{display:grid;grid-template-columns:.85fr 1.25fr .9fr;gap:8px}button{min-height:46px;border:1px solid rgba(235,230,214,.25);border-radius:999px;background:#d9d2bd;color:#191a15;font:inherit;font-weight:700;cursor:pointer;transition:transform .18s var(--ease-standard),opacity .18s var(--ease-standard)}#storm{background:#c8d28c}#reset{background:transparent;color:#ebe6d6}button:hover{opacity:.88}button:active{transform:scale(.97)}button:focus-visible,input:focus-visible{outline:3px solid #f2e5a4;outline-offset:3px}.note{margin-top:14px;color:var(--text-soft);font-size:.82rem;line-height:1.4}@keyframes enter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width: 760px){.panel{margin:28px;align-self:center;justify-self:start;padding:24px}h1{font-size:4.4rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}