:root{color:#f4f6f2;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#03070a;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#03070a;overflow:hidden}.generative-art{isolation:isolate;background:#03070a;position:fixed;inset:0;overflow:hidden}.generative-art__canvas{touch-action:none;cursor:crosshair;outline:none;width:100%;height:100%;display:block}.generative-art__chrome{z-index:2;pointer-events:none;color:#eef5f0b3;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;inset:0}.generative-art__identity{top:max(22px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));gap:5px;display:grid;position:absolute}.generative-art__wordmark{color:#f7faf6db;letter-spacing:.17em;align-items:center;gap:9px;font-size:11px;font-weight:600;display:inline-flex}.generative-art__wordmark:before{content:"";border:1px solid #b9f7dfb8;border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #91eedc8c}.generative-art__index{color:#d6e2de61;letter-spacing:.12em;font-size:9px}.generative-art__hint{bottom:max(22px, env(safe-area-inset-bottom));color:#e2ece861;letter-spacing:.28em;text-transform:uppercase;margin:0;padding-left:.28em;font-size:9px;animation:1s 5s both hint-fade;position:absolute;left:50%;transform:translate(-50%)}.generative-art__music{right:max(24px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:3;align-items:center;gap:12px;display:flex;position:absolute}.generative-art__track{color:#dde8e457;letter-spacing:.12em;text-transform:uppercase;justify-items:end;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;line-height:1.55;transition:color .18s;display:grid}.generative-art__track span:last-child{color:#e8f0ed8a}.generative-art__music:hover .generative-art__track,.generative-art__music:focus-within .generative-art__track{color:#e8f0ed8f}.generative-art__sound-toggle{color:#e6f1eca3;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060e128a;border:1px solid #c3e1d833;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:color .18s,border-color .18s,background .18s;display:grid;box-shadow:inset 0 0 0 1px #ffffff04,0 8px 30px #0000003d}.generative-art__sound-toggle:hover{color:#f4faf7e6;background:#0b181dad;border-color:#c3e1d861}.generative-art__sound-toggle:focus-visible{outline-offset:4px;outline:1px solid #bef8e2db}.generative-art__sound-toggle:disabled{cursor:not-allowed;opacity:.36}.generative-art__bars{align-items:center;gap:3px;height:13px;display:flex}.generative-art__bars span{transform-origin:50%;background:currentColor;width:1px;height:4px}.generative-art__bars span:nth-child(2){height:9px}.generative-art__bars span:nth-child(3){height:6px}.generative-art__music[data-state=playing] .generative-art__bars span{animation:.9s ease-in-out infinite alternate sound-bar}.generative-art__music[data-state=playing] .generative-art__bars span:nth-child(2){animation-delay:-420ms}.generative-art__music[data-state=playing] .generative-art__bars span:nth-child(3){animation-delay:-210ms}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes hint-fade{to{opacity:0}}@keyframes sound-bar{0%{transform:scaleY(.55)}to{transform:scaleY(1.25)}}@media (width<=640px){.generative-art__identity{top:max(18px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left))}.generative-art__hint{bottom:max(18px, env(safe-area-inset-bottom));font-size:8px}.generative-art__music{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom))}.generative-art__track{display:none}}@media (prefers-reduced-motion:reduce){.generative-art__hint,.generative-art__music[data-state=playing] .generative-art__bars span{animation:none}}