:root{--ink: #0c0e13;--noodle: #f3d9a4;--rule: rgba(130, 160, 210, .07);--margin: rgba(210, 90, 90, .13);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 45%,transparent 35%,rgba(0,0,0,.6) 100%),linear-gradient(90deg,transparent calc(8vw - 1px),var(--margin) calc(8vw - 1px),var(--margin) 8vw,transparent 8vw),repeating-linear-gradient(180deg,transparent 0 31px,var(--rule) 31px 32px),var(--ink);background-attachment:fixed;overflow:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}main{height:100%;display:grid;place-items:center;padding:16px}.pad{width:min(92vw,100svh);height:auto;max-height:92svh;overflow:visible}.noodle{fill:none;stroke:var(--noodle);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.cerebellum{stroke-width:2.6;opacity:.85}.draw{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw var(--dur) cubic-bezier(.45,0,.3,1) var(--delay) forwards}.tail{--dur: 2.4s;--delay: .4s}.cerebrum{--dur: 9s;--delay: 2.7s}.cerebellum{--dur: 2.6s;--delay: 10.6s}@keyframes draw{to{stroke-dashoffset:0}}.brain{animation:breathe 9s ease-in-out 13s infinite}@keyframes breathe{0%,to{opacity:1}50%{opacity:.72}}.spark{fill:#fff6dc;opacity:0;animation:spark-in 2s ease forwards}@keyframes spark-in{to{opacity:.9}}footer{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;font:11px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.6em;text-indent:.6em;color:var(--noodle);opacity:0;animation:whisper 3s ease 12s forwards}@keyframes whisper{to{opacity:.28}}@media (prefers-reduced-motion: reduce){.draw{animation:none;stroke-dashoffset:0}.brain{animation:none}.spark{display:none}footer{animation:none;opacity:.28}}