@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#ecf4f3;background:#050a0c;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%;display:block}header,footer{position:fixed;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;z-index:2}header{top:36px}.brand{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;letter-spacing:-1px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:9px}.brand-dot{width:7px;height:7px;border-radius:50%;background:#a3e3c9}.top-meta{font-size:9px;letter-spacing:2.2px;line-height:1.9;text-align:center;color:#bed0d0}.top-meta span{display:block;color:#6c8589;font-size:8px}.icon-button{font-size:25px;width:35px;height:35px}.caption{position:fixed;left:48px;top:35%;pointer-events:none;z-index:1;text-shadow:0 2px 28px #050a0c}.eyebrow{font-size:9px;letter-spacing:2.6px;color:#94c8ba}h1{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:clamp(44px,5.5vw,80px);line-height:1.04;letter-spacing:-4px;margin:22px 0}.caption p{font-size:12px;line-height:1.85;color:#a3b8b9}footer{bottom:30px;font-size:9px;letter-spacing:1px}.status{display:flex;align-items:center;gap:10px;color:#96afaf}.status i{width:5px;height:5px;background:#9ee1bd;border-radius:50%;box-shadow:0 0 10px #82e6ba}.divider{color:#476065}.controls{display:flex;gap:6px}.controls button{border:1px solid #647e7e38;padding:11px 15px;border-radius:6px;font-size:10px;background:#08121690;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.controls span{padding-left:17px;color:#a3c4c0}.edition{color:#688085;font-size:8px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:hover{background:#60887928}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #b9f5d9;outline-offset:5px}#panel{position:fixed;right:48px;bottom:85px;width:260px;padding:24px;border:1px solid #44636360;border-radius:10px;background:#081317d9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:3;font-size:12px}#panel label{display:block;margin-bottom:22px;color:#b6cdcb}output{float:right;color:#779c96}input{display:block;width:100%;margin-top:15px;accent-color:#a0dcc2}select{display:block;width:100%;margin-top:12px;padding:8px;background:#142529;border:1px solid #344b4e;border-radius:4px}#panel p{font-size:9px;color:#6b8b89;margin:0}#error{position:fixed;inset:0;background:#050a0ced;z-index:5;display:grid;place-content:center;text-align:center;padding:30px}#error[hidden],#panel[hidden]{display:none}#error p{max-width:450px;color:#91afad;line-height:1.7}#error button{padding:12px;border:1px solid #446363;border-radius:6px}.ui-hidden header,.ui-hidden footer,.ui-hidden main,.ui-hidden #panel{display:none}@media(max-width:650px){header,footer{left:24px;right:24px}header{top:24px}.top-meta{display:none}.caption{left:24px;top:30%}h1{letter-spacing:-2px}.edition{display:none}footer{flex-wrap:wrap;gap:20px;bottom:24px}.controls button{padding:10px}.controls span{padding-left:9px}#panel{right:24px;bottom:115px}.status{font-size:8px}}.caption:before{content:"";position:absolute;inset:-55px -65px;z-index:-1;background:radial-gradient(ellipse,#050a0c80 15%,#050a0c00 70%);pointer-events:none}.caption p{color:#c5d7d4;text-shadow:0 1px 5px #050a0c,0 0 15px #050a0c}.eyebrow{text-shadow:0 1px 5px #050a0c}.github-corner{position:fixed;top:0;right:0;width:84px;height:84px;z-index:4;clip-path:polygon(0 0,100% 0,100% 100%);color:#07150e}.corner-fill{fill:#b1e5ae;transition:fill .2s}.corner-cat{transition:opacity .2s}.github-corner:hover .corner-fill{fill:#ddffd2}.github-corner:hover .corner-cat{opacity:.8}header .icon-button{margin-right:52px}.github-corner:focus-visible .corner-fill{fill:#fff}@media(prefers-reduced-motion:reduce){.corner-fill,.corner-cat{transition:none}}@media(max-width:650px){.github-corner,.github-corner svg{width:68px;height:68px}header .icon-button{margin-right:40px}}