@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#05060a;--ink:#ece7dd;--muted:#6b6f7a;--glow:#7c5cff;--gold:#e8c56a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Space Grotesk,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit}.app{background:radial-gradient(900px 600px at 50% 42%, #7c5cff29, transparent 70%), radial-gradient(600px 400px at 80% 10%, #e8c56a0f, transparent 70%), var(--bg);flex-direction:column;min-height:100%;display:flex;position:relative}.grain{pointer-events:none;opacity:.045;z-index:3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");animation:8s steps(6,end) infinite drift;position:fixed;inset:-50%}@keyframes drift{0%,to{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,1%)}}.vignette{pointer-events:none;z-index:2;position:fixed;inset:0;box-shadow:inset 0 0 220px 60px #000000e6}.nav{z-index:4;justify-content:space-between;align-items:center;padding:22px 26px;display:flex;position:relative}.brand{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.brand-dot{background:var(--gold);border-radius:50% 50% 48% 48%/62% 62% 38% 38%;width:9px;height:12px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 14px #e8c56acc}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.x-link{color:var(--muted);border:1px solid #ece7dd29;border-radius:999px;align-items:center;gap:9px;padding:9px 14px;font-family:Space Mono,monospace;font-size:12px;text-decoration:none;transition:color .25s,border-color .25s,background .25s;display:inline-flex}.x-link:hover{color:var(--ink);background:#ece7dd0d;border-color:#ece7dd73}.x-link svg{width:14px;height:14px}.hero{z-index:4;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:24px 22px 60px;display:flex;position:relative}.eyebrow{letter-spacing:.34em;text-transform:uppercase;color:var(--muted);margin:0;font-family:Space Mono,monospace;font-size:11px}.title{letter-spacing:.02em;margin:0;font-size:clamp(42px,10vw,96px);font-weight:700;line-height:.95}.accent{color:var(--glow);text-shadow:0 0 34px #7c5cff99;animation:5s infinite flicker}@keyframes flicker{0%,92%,to{opacity:1}93%{opacity:.35}95%{opacity:1}96%{opacity:.5}}.whisper{letter-spacing:.16em;min-height:20px;color:var(--muted);margin:-8px 0 0;font-family:Space Mono,monospace;font-size:13px;animation:.9s fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.egg-wrap{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:min(260px,62vw);padding:0;animation:3.4s ease-in-out infinite sway;display:block;position:relative}.egg-wrap.is-jolt{animation:.6s cubic-bezier(.36,.07,.19,.97) shake}@keyframes sway{0%,to{transform:rotate(-1.2deg)translateY(0)}50%{transform:rotate(1.2deg)translateY(-6px)}}@keyframes shake{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-5px,1px)rotate(-6deg)}22%{transform:translate(6px,-2px)rotate(7deg)}35%{transform:translate(-6px,2px)rotate(-8deg)}48%{transform:translate(5px,-1px)rotate(6deg)}62%{transform:translate(-4px,1px)rotate(-4deg)}76%{transform:translate(3px)rotate(3deg)}88%{transform:translate(-2px)rotate(-1.5deg)}}.egg{width:100%;display:block;position:relative}.egg-halo{filter:blur(10px);background:radial-gradient(circle,#7c5cff47,#0000 62%);border-radius:50%;animation:3.2s ease-in-out infinite breathe;position:absolute;inset:-22%}@keyframes breathe{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.egg-shadow{filter:blur(9px);background:#0009;border-radius:50%;width:55%;height:16px;animation:3.4s ease-in-out infinite shadowPulse;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}@keyframes shadowPulse{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:.45;transform:translate(-50%)scale(.82)}}.crack{opacity:0;stroke-dasharray:70;stroke-dashoffset:70px;transition:opacity .2s}.crack.show{opacity:1;animation:.45s forwards draw}.crack.glow.show{animation:.45s forwards draw,1.8s ease-in-out .5s infinite sparkGlow}@keyframes draw{to{stroke-dashoffset:0}}@keyframes sparkGlow{0%,to{opacity:.35}50%{opacity:1}}.meter{letter-spacing:.2em;width:min(420px,90vw);color:var(--muted);font-family:Space Mono,monospace;font-size:10.5px}.meter-head,.meter-foot{justify-content:space-between;margin-bottom:8px;display:flex}.meter-foot{margin:8px 0 0}.status{transition:color .3s}.s-dormant{color:var(--muted)}.s-stirring{color:var(--gold)}.s-critical{color:#ff6b6b;animation:.9s infinite pulse}.bar{background:#ece7dd17;border-radius:999px;height:4px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--glow), var(--gold));border-radius:999px;height:100%;transition:width .7s cubic-bezier(.2,.9,.2,1);box-shadow:0 0 16px #7c5cffb3}.hint{letter-spacing:.18em;color:#6b6f7abf;margin:0;font-family:Space Mono,monospace;font-size:11px}.cta{letter-spacing:.24em;color:var(--ink);background:#7c5cff14;border:1px solid #7c5cff80;border-radius:999px;align-items:center;gap:12px;margin-top:4px;padding:15px 30px;font-family:Space Mono,monospace;font-size:12px;text-decoration:none;transition:background .3s,box-shadow .3s,transform .2s;display:inline-flex}.cta:hover{background:#7c5cff33;transform:translateY(-2px);box-shadow:0 0 34px #7c5cff59}.cta-arrow{transition:transform .25s}.cta:hover .cta-arrow{transform:translate(5px)}.foot{z-index:4;letter-spacing:.2em;color:#6b6f7ab3;border-top:1px solid #ece7dd0f;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:18px 26px 24px;font-family:Space Mono,monospace;font-size:10px;display:flex;position:relative}.dim{opacity:.7}@media (width<=560px){.x-link span{display:none}.foot{text-align:center;justify-content:center}}@media (prefers-reduced-motion:reduce){.egg-wrap,.egg-wrap.is-jolt,.egg-halo,.egg-shadow,.grain,.accent,.brand-dot{animation:none!important}}.clock{align-items:flex-start;gap:6px;margin-top:-4px;font-family:Space Mono,monospace;display:flex}.clock .unit{flex-direction:column;align-items:center;min-width:62px;display:flex}.clock b{letter-spacing:.02em;color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:0 0 26px #7c5cff73;font-size:clamp(30px,7vw,46px);font-weight:700;line-height:1}.clock i{letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:7px;font-size:9px;font-style:normal}.clock .sep{color:var(--glow);font-size:clamp(26px,6vw,40px);line-height:1;animation:1s steps(2,end) infinite pulse}.clock.is-hatched b{color:var(--gold);text-shadow:0 0 30px #e8c56ab3}.ca{max-width:94vw;color:var(--ink);cursor:pointer;background:#ece7dd09;border:1px solid #ece7dd24;border-radius:999px;align-items:center;gap:12px;padding:11px 11px 11px 16px;font-family:Space Mono,monospace;font-size:12px;transition:border-color .25s,background .25s;display:inline-flex}.ca:hover{background:#7c5cff14;border-color:#7c5cff8c}.ca.is-copied{border-color:#e8c56a99}.ca-label{letter-spacing:.28em;color:var(--muted);font-size:9px}.ca-value{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em;overflow:hidden}.ca-short{display:none}.ca-copy{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);background:#ece7dd14;border-radius:999px;padding:5px 11px;font-size:9px;transition:color .25s,background .25s}.ca:hover .ca-copy{color:var(--ink)}.ca.is-copied .ca-copy{color:var(--gold);background:#e8c56a2e}.foot a{color:inherit;border-bottom:1px solid #ece7dd2e;text-decoration:none;transition:color .25s}.foot a:hover{color:var(--ink)}@media (width<=560px){.ca{font-size:11px}.ca .ca-value:not(.ca-short){display:none}.ca-short{display:inline}}
