@import "https://fonts.googleapis.com/css2?family=Pacifico&family=Fredoka:wght@400;500;700&display=swap";:root{--pink:#ff2bd6;--magenta:#ff4ec3;--purple:#a855f7;--cyan:#00f0ff;--lime:#c6ff00;--yellow:#fff200;--orange:#ff7a00;--ink:#2a0040;--card:#ffffffeb;--card-border:#ff2bd673;--rainbow:linear-gradient(100deg, var(--pink) 0%, var(--purple) 25%, var(--cyan) 50%, var(--lime) 75%, var(--yellow) 100%);--sans:"Fredoka", system-ui, "Segoe UI", Roboto, sans-serif;--display:"Pacifico", "Comic Sans MS", cursive;--mono:ui-monospace, Consolas, monospace;font:18px/150% var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#0000;background-image:radial-gradient(at 20% 0,#ff2bd68c,#0000 55%),radial-gradient(at 80% 10%,#00f0ff80,#0000 55%),radial-gradient(at 50% 100%,#c6ff0073,#0000 55%),linear-gradient(135deg,#ff7a00 0%,#ff2bd6 35%,#a855f7 65%,#00f0ff 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3{font-family:var(--display);background:var(--rainbow);color:#0000;text-shadow:0 2px #fff6;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-weight:400;animation:8s infinite shimmer}h1{letter-spacing:-.5px;font-size:4rem;line-height:1.05}h2{font-size:2.25rem}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}p{margin:0 0 1rem}a{color:var(--pink);font-weight:500;text-decoration:none;transition:color .15s,text-shadow .15s}a:hover{color:var(--cyan);text-shadow:0 0 12px var(--cyan)}code{font-family:var(--mono);color:var(--purple);background:#ffffffb3;border-radius:4px;padding:2px 6px;font-size:.9em}.app{max-width:960px;margin:0 auto;padding:2rem}.app-header{background:var(--card);background-image:linear-gradient(var(--card), var(--card)), var(--rainbow);background-origin:border-box;background-clip:padding-box,border-box;border:3px solid #0000;border-radius:18px;margin-bottom:2rem;padding:1rem 1.5rem;box-shadow:0 0 0 4px #fff6,0 12px 30px -8px #ff2bd68c,0 0 40px -4px #00f0ff66}.app-nav{align-items:center;gap:1.25rem;display:flex}.app-nav a{font-family:var(--display);color:var(--purple);border-radius:999px;padding:.25rem .75rem;font-size:1.4rem;transition:all .2s}.app-nav a:hover{color:#fff;background:var(--rainbow);text-shadow:0 1px 2px #2a004080;background-size:200% 200%;animation:4s infinite shimmer;box-shadow:0 0 0 2px #fff,0 0 20px 4px #ff4ec3b3}.env-badge{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;color:#fff;background:var(--rainbow);background-size:200% 200%;border-radius:999px;margin-left:auto;padding:.15rem .7rem;font-size:.95rem;animation:6s infinite shimmer;box-shadow:0 0 12px #ff4ec3b3}.env-badge[data-env=dev]{background:linear-gradient(100deg, var(--cyan), var(--lime))}.env-badge[data-env=test]{background:linear-gradient(100deg, var(--yellow), var(--orange));color:var(--ink)}.app-main{background:var(--card);border:3px solid var(--card-border);border-radius:18px;padding:2.5rem;line-height:1.7;box-shadow:0 0 0 4px #fff6,0 20px 50px -12px #a855f780,0 0 60px -8px #00f0ff59}.app-main section+section{margin-top:2rem}