:root{--ink: #0e1116;--ink-2: #161b23;--paper: #efe7da;--muted: #a49c8f;--ember: #f2b35e;--serif: "Fraunces", Georgia, serif;--sans: "Manrope", system-ui, -apple-system, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(ellipse 60% 50% at 50% 62%,rgba(242,179,94,.09),transparent 70%),var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}.topnav{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1.25rem,4vw,2.5rem)}.topnav__brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--paper);text-decoration:none;font-family:var(--serif);font-weight:600;font-size:1.05rem}.topnav__logo{width:1.6rem;height:auto;color:var(--ember)}.topnav__login{color:var(--paper);text-decoration:none;font-size:.88rem;font-weight:600;padding:.5rem 1.05rem;border-radius:999px;border:1px solid rgba(242,179,94,.45);transition:background .25s ease,border-color .25s ease}.topnav__login:hover{background:#f2b35e1f;border-color:var(--ember)}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(5rem,11vh,6.5rem) 1.25rem 3rem;text-align:center}.intro{max-width:40rem}.intro-wrap{position:relative;z-index:1;display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .6s cubic-bezier(.4,0,.2,1),opacity .45s ease .45s}.intro-wrap__inner{min-height:0;overflow:hidden}.page.is-open .intro-wrap{grid-template-rows:0fr;opacity:0;transition:opacity .4s ease,grid-template-rows .6s cubic-bezier(.4,0,.2,1) .3s}h1{margin:0;font-family:var(--serif);font-weight:600;font-size:clamp(2rem,5vw,3.25rem);line-height:1.08;letter-spacing:-.01em}.lede{margin:1.25rem auto 0;max-width:36rem;font-size:clamp(.98rem,1.6vw,1.08rem);line-height:1.65;color:var(--muted)}.lede em{font-family:var(--serif);font-style:italic;color:var(--paper)}.question{margin:clamp(1.75rem,4vh,2.5rem) 0 0;font-family:var(--serif);font-size:clamp(1.15rem,2.4vw,1.45rem);font-style:italic;color:var(--paper)}.stage{--stage-w: min(92vw, 620px);position:relative;width:var(--stage-w);aspect-ratio:1;margin-top:calc(var(--stage-w) * -.3);transition:margin-top .6s cubic-bezier(.4,0,.2,1)}.page.is-open .stage{margin-top:0;transition-delay:.3s}.network-canvas,.network-canvas canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.center{position:absolute;left:50%;top:50%;width:var(--center);height:var(--center);transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;align-content:center;gap:.25rem;border-radius:50%;border:1.5px solid rgba(242,179,94,.55);background:radial-gradient(circle at 50% 40%,#232a35,var(--ink-2) 70%);color:var(--ember);cursor:pointer;box-shadow:0 0 0 6px #f2b35e0d,0 0 40px #f2b35e2e;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .3s ease}.center:hover{transform:translate(-50%,-50%) scale(1.04);box-shadow:0 0 0 8px #f2b35e14,0 0 60px #f2b35e47}.center:active{transform:translate(-50%,-50%) scale(.97)}.center__icon{width:46%;height:auto}.center__label{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);opacity:.75}.is-open .center{border-color:#f2b35ed9}.bubbles{list-style:none;margin:0;padding:0}.bubble-slot{position:absolute;left:50%;top:50%;width:var(--bubble);height:var(--bubble);z-index:1;opacity:0;pointer-events:none;transform:translate(-50%,-50%) translate(0) scale(.25);transition:transform .7s cubic-bezier(.22,1.2,.36,1) var(--delay),opacity .4s ease var(--delay)}.is-open .bubble-slot{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1)}.bubble{width:100%;height:100%;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--accent) 70%,transparent);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 22%,var(--ink-2)),var(--ink-2) 75%);color:var(--paper);font:600 var(--label-size, .8rem) / 1.2 var(--sans);letter-spacing:0;white-space:nowrap;padding:0;cursor:pointer;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 20%,transparent);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background .3s ease}.bubble:hover,.bubble:focus-visible{transform:scale(1.07);box-shadow:0 0 36px color-mix(in srgb,var(--accent) 40%,transparent)}.bubble.is-selected{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 45%,var(--ink-2)),color-mix(in srgb,var(--accent) 12%,var(--ink-2)) 80%);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),0 0 44px color-mix(in srgb,var(--accent) 45%,transparent)}:focus-visible{outline:2px solid var(--ember);outline-offset:4px}.detail{min-height:9rem;width:min(92vw,30rem);margin-top:1rem}.detail__card{padding:1.25rem 1.5rem 1.4rem;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-top:3px solid var(--accent);background:var(--ink-2);animation:rise .45s cubic-bezier(.2,.8,.2,1)}.detail__card h2{margin:0;font-family:var(--serif);font-weight:600;font-size:1.35rem}.detail__card p{margin:.6rem 0 1.1rem;line-height:1.6;color:var(--muted)}.cta{font:600 .85rem var(--sans);padding:.65rem 1.2rem;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--paper)}.cta:disabled{opacity:.55;cursor:not-allowed}.detail__error{color:#e98b84}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}