.hero{--planet-size:min(56vw, 340px, 48svh);--planet-gap:7svh;--board-1:#fffefe;--board-2:#f9f7f0;--board-3:#f3f0e2;--board-4:#eee8d3;--board-5:#efe2be;--peach-1:#ffd2ab;--peach-2:#ffd5b0;--peach-3:#fed8b6;--peach-4:#ffdabd;--board-6:var(--peach-2);--board-7:var(--peach-1);--board-bg:linear-gradient(160deg, #fffefef2, #f3f0e2ed);--board-ink:#3d2a1e;--board-ink-soft:#3d2a1eb3;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#000;height:100svh;position:relative;overflow:clip}.hero[data-dragging]{cursor:grabbing}.hero:focus-visible{outline-offset:-6px;outline:2px solid #fff6}.space{width:100%;height:100%;display:block;position:absolute;inset:0}.scene-caption{z-index:1;letter-spacing:.32em;text-transform:uppercase;color:#fdf3e6cc;text-shadow:0 1px 6px #000;opacity:0;pointer-events:none;place-items:center;height:clamp(36px,9svh,96px);margin:0;font-size:12px;font-weight:500;transition:opacity .4s;display:grid;position:absolute;bottom:0;left:0;right:0}.scene-caption[data-on]{opacity:1;transition:opacity .8s .5s}.sphere{aspect-ratio:1;touch-action:none;cursor:grab;filter:drop-shadow(0 0 40px #ffd2ab59);width:100%;display:block}.sphere[data-dragging]{cursor:grabbing}.sphere:focus-visible{filter:drop-shadow(0 0 40px #ffd2ab59)drop-shadow(0 0 2px #fff);outline:none}.niah{--rest-top:clamp(72px, 20vh, 200px);--rest-right:clamp(48px, 18vw, 280px);--from-x:calc(var(--rest-right) - 50vw + var(--home-x));--from-y:calc(100svh - var(--planet-gap) - var(--planet-size) / 2 - var(--rest-top) + var(--home-y));top:var(--rest-top);right:var(--rest-right);z-index:2;cursor:default;transition:top 1.1s cubic-bezier(.45,0,.25,1),right 1.1s cubic-bezier(.45,0,.25,1),translate 1s cubic-bezier(.5,0,.9,.3),opacity 1s;position:absolute}.niah[data-at=space]{top:calc(50% - 120px);right:50%}.niah[data-at=planet]{top:calc(100% - var(--planet-gap) - var(--planet-size) - 44px);right:50%}.niah[data-leaving=true]{opacity:0;pointer-events:none;translate:40vw -60vh}.niah-arrival{animation:1.4s cubic-bezier(.3,0,.2,1) both niah-arrive;position:relative}.niah-beam{width:hypot(var(--from-x), var(--from-y));height:3px;translate:0 -50%;rotate:calc(atan2(var(--from-y), var(--from-x)) - 180deg);transform-origin:100%;filter:drop-shadow(0 0 6px #ffd2abe6);pointer-events:none;background:linear-gradient(90deg,#ffdabd00,#ffdabd80 70%,#fffefe);border-radius:999px;animation:1.4s cubic-bezier(.3,0,.2,1) both niah-follow,1.4s linear both niah-beam;position:absolute;top:0;right:0}.niah-body{cursor:pointer;background:0 0;border:0;width:0;height:0;padding:0;animation:2.6s ease-in-out 1.4s infinite alternate niah-bob;display:block;position:relative}.niah-body:disabled{cursor:default}.niah-body:focus-visible{outline:none}.niah-body:focus-visible .niah-core{outline-offset:4px;outline:2px solid #fff}.niah-glow{background:radial-gradient(circle,#ffdabd8c,#ffd2ab2e 45%,#0000 70%);border-radius:50%;width:120px;height:120px;animation:2.2s ease-in-out infinite alternate niah-pulse;position:absolute;translate:-50% -50%}.niah-core{background:radial-gradient(circle at 40% 35%,#fffefe,#f9f7f0 50%,#ffd2ab);border-radius:50%;justify-content:center;align-items:center;gap:6px;width:30px;height:30px;display:flex;position:absolute;translate:-50% -50%;box-shadow:0 0 12px 4px #f9f7f0e6,0 0 40px 10px #ffd2ab73}.niah-eye{background:var(--board-ink);border-radius:50%;width:4px;height:6px;margin-top:2px;animation:4s 2s infinite niah-blink}.niah-spark{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 3px #ffdabd);opacity:0;background:#fff;width:10px;height:10px;animation:1.8s ease-in-out infinite niah-twinkle;position:absolute;translate:-50% -50%}.niah-talk{--emerge-x:50px;--emerge-y:-40px;--grow-from:100% 0;width:min(300px,100vw - 120px);color:var(--board-1);text-align:right;pointer-events:none;position:absolute;top:22px;right:34px}.niah[data-at=space] .niah-talk{--emerge-x:0px;--emerge-y:-50px;--grow-from:50% 0;text-align:center;width:min(420px,100vw - 32px);top:48px;left:0;right:auto;translate:-50%}.niah[data-at=planet] .niah-talk{--emerge-x:0px;--emerge-y:50px;--grow-from:50% 100%;text-align:center;width:min(320px,100vw - 32px);inset:auto auto 40px 0;translate:-50%}.niah-said{position:relative}.niah-said[data-hush]{animation:1s ease-in forwards niah-hush;position:absolute;top:0;left:0;right:0}.niah-said p{text-shadow:0 0 18px #ffd2ab8c,0 1px 3px #000000e6;margin:0}.niah-heard{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.niah-word{white-space:nowrap;display:inline-block}.niah-letter{--letter-in:calc(var(--in) + var(--i) * var(--letter-in-step));white-space:pre;animation:niah-emerge .9s cubic-bezier(.2, .8, .3, 1) var(--letter-in) both;display:inline-block}.niah-said[data-hush] .niah-letter{animation:niah-scatter .8s cubic-bezier(.4, 0, .7, 1) calc(var(--i) * var(--letter-out-step)) forwards}.niah-chapter{letter-spacing:.14em;text-transform:uppercase;color:var(--peach-1);margin-bottom:4px;font-size:11px;font-weight:700}.niah-line{font-family:var(--font-display), serif;font-size:clamp(19px,2.4vw,23px);font-weight:700;line-height:1.2}.niah-aside{color:#fffefecc;margin-top:6px;font-size:14px}.niah-infinity{vertical-align:-.1em;font-size:1.6em;line-height:0}.niah-photo{aspect-ratio:1;object-fit:cover;object-position:50% 100%;width:min(180px,45vw);height:auto;animation:niah-emerge 1.2s cubic-bezier(.2, .8, .3, 1) var(--in) both;margin:10px 0 0 auto;display:block;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.niah:is([data-at=space],[data-at=planet]) .niah-photo{margin-inline:auto}.niah-said[data-hush] .niah-photo{animation:.8s cubic-bezier(.4,0,.7,1) forwards niah-scatter}.niah-said .niah-aside+.niah-line{margin-top:14px}.niah-reply{transform-origin:var(--grow-from);pointer-events:auto;animation:.5s cubic-bezier(.3,1.5,.6,1) both niah-pop}.niah-answers{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.niah[data-at=system] .niah-answers{justify-content:flex-start}.niah:is([data-at=space],[data-at=planet]) .niah-answers{justify-content:center}.niah-answers :is(a,button){border:1.5px solid var(--board-7);font:inherit;color:var(--board-ink);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .2s;box-shadow:0 0 24px -6px #ffd2abb3}.niah-answers button,.niah-answers :is(a,button):hover,.niah-answers :is(a,button):focus-visible{background:var(--board-7);color:var(--board-ink)}.niah-answers button.niah-rolling{isolation:isolate;position:relative;overflow:hidden}.niah-answers button.niah-rolling:after{content:"";z-index:-1;transform-origin:0;animation:niah-roll var(--roll-for) linear var(--roll-delay) both;background:#ffffff59;position:absolute;inset:0}.niah-answers button.niah-rolling[data-paused]:after{animation-play-state:paused}@keyframes niah-roll{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.niah-answers-quiet{margin-top:10px}.niah-answers-quiet button:not(:hover,:focus-visible),.niah-answers a:not(:hover,:focus-visible){color:var(--board-1);box-shadow:none;background:#00000059}.niah-answers :is(a,button):hover{transform:translateY(-2px)}.niah-answers :is(a,button):focus-visible{outline:2px solid var(--board-1);outline-offset:2px}@keyframes niah-arrive{0%{translate:var(--from-x) var(--from-y);opacity:0;scale:.1}25%{opacity:1}}@keyframes niah-follow{0%{translate:var(--from-x) calc(var(--from-y) - 50%)}to{translate:0 -50%}}@keyframes niah-beam{0%{opacity:0;scale:0 1}20%{opacity:1}50%{scale:.45 1}to{opacity:0;scale:0 1}}@keyframes niah-bob{to{translate:0 -10px}}@keyframes niah-pulse{0%{opacity:.7;scale:.85}to{opacity:1;scale:1.1}}@keyframes niah-twinkle{0%,to{opacity:0;rotate:0deg;scale:.3}50%{opacity:1;rotate:45deg;scale:1}}@keyframes niah-blink{0%,92%,to{scale:1}95%{scale:1 .1}}@keyframes niah-pop{0%{opacity:0;scale:.6}}@keyframes niah-emerge{0%{translate:var(--emerge-x) var(--emerge-y);opacity:0;filter:blur(6px);scale:.2}}@keyframes niah-scatter{to{translate:var(--jx) var(--jy);rotate:var(--jr);opacity:0;filter:blur(3px);scale:.6}}@keyframes niah-hush{to{opacity:0}}@keyframes niah-appear{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.niah{transition-duration:0s,0s,1s,1s}.niah-arrival,.niah-body,.niah-glow,.niah-eye,.niah-spark{animation:none}.niah-beam{display:none}.niah-spark{opacity:.8}.niah-letter{animation:niah-appear .4s var(--letter-in) both}.niah-photo{animation:niah-appear .4s var(--in) both}.niah-said[data-hush] :is(.niah-letter,.niah-photo){animation:none}}.world{--s:1;isolation:isolate;width:0;height:0;position:absolute;top:50%;left:50%}.depth{transform-origin:0 0;will-change:transform, opacity;position:absolute;top:0;left:0}.life-size{scale:calc(1 / var(--s))}.home{left:0;top:calc((50svh - var(--planet-gap)) / var(--s));width:var(--planet-size);transform-origin:50% 100%;transition:opacity .8s,visibility;position:absolute;translate:-50% -100%}.hero:has(.niah[data-at=space]:not([data-leaving=true])) .home{opacity:0;visibility:hidden;transition:opacity .8s,visibility 0s .8s}.place{color:#fdf3e6;width:0;height:0;transition:opacity .6s,visibility 0s .6s;position:absolute}.place[data-shown=false]{opacity:0;visibility:hidden}.place[data-shown=true]{transition:opacity .9s .4s,visibility}.place-title{transform-origin:50% 100%;text-align:center;pointer-events:none;width:max-content;max-width:80vw;position:absolute;left:0;translate:-50% -100%}.place-title h2{font-family:var(--font-display), serif;margin:0;font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.1}.place-title p{color:#fdf3e6a6;margin:6px 0 0;font-size:15px}.pg{isolation:isolate;touch-action:none;cursor:grab;position:absolute;top:0;left:0}.pg[data-dragging=true]{cursor:grabbing}.pg-grab{width:calc(var(--reach) * 2.4);height:calc(var(--reach) * 1.6);position:absolute;translate:-50% -50%}.pg-rings{pointer-events:none;position:absolute;overflow:visible}.pg-rings path{fill:none;stroke-width:.8px}.pg-rings-back{z-index:0}.pg-rings-back path{stroke:#fff4e41f}.pg-rings-front{z-index:2000}.pg-rings-front path{stroke:#fff4e44d}.pg-hub{z-index:1000;pointer-events:none;will-change:transform;width:0;height:0;position:absolute}.pg-hub-sun{background:radial-gradient(circle, #fff 0 34%, #fff7e4 48%, #ffe2a8 66%, color-mix(in srgb, var(--c), #ffd68a 40%) 84%, var(--c) 97%, transparent);width:112px;height:112px;box-shadow:0 0 24px 8px #fff8e6e6, 0 0 70px 30px #ffd69680, 0 0 180px 90px color-mix(in srgb, var(--c), transparent 80%);border-radius:50%;animation:5s ease-in-out infinite alternate sun-breathe;position:absolute;translate:-50% -50%}.pg-hub-sun:before{content:"";mix-blend-mode:multiply;background:repeating-radial-gradient(circle at 30% 40%,#ffb45a38 0 2px,#0000 3px 6px),repeating-radial-gradient(circle at 70% 62%,#ffc87833 0 2px,#0000 3px 7px);border-radius:50%;animation:90s linear infinite orbit;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 30%,#000 72%,#0000 100%);mask:radial-gradient(circle,#0000 30%,#000 72%,#0000 100%)}.pg-hub-sun:after{content:"";filter:blur(6px);background:repeating-conic-gradient(#ffecc847 0deg 4deg,#0000 9deg 22deg,#ffd2962e 26deg 29deg,#0000 34deg 45deg);border-radius:50%;animation:140s linear infinite reverse orbit;position:absolute;inset:-46%;-webkit-mask:radial-gradient(circle,#0000 30%,#000 40%,#0000 72%);mask:radial-gradient(circle,#0000 30%,#000 40%,#0000 72%)}.pg-hub-name{font-family:var(--font-display), serif;letter-spacing:.06em;color:#6b2a0a;text-shadow:0 0 10px #ffffffb3;font-size:28px;font-weight:700;transition:opacity .6s;position:absolute;translate:-50% -50%}.pg[data-spot] .pg-hub-name{opacity:0}.pg-planets{margin:0;padding:0;list-style:none}.pg-planet{will-change:transform;place-items:center;width:0;height:0;display:grid;position:absolute;top:0;left:0}.pg-planet .planet{top:calc(var(--ball) / -2);position:absolute;translate:-50%}.planet{--ball:calc(var(--size,34px) * var(--k,1));font:inherit;color:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;justify-items:center;padding:0;display:grid;position:relative}.planet-ball{width:var(--ball);height:var(--ball);background-color:var(--c);box-shadow:0 0 calc(var(--ball) * .22) calc(var(--ball) * -.04) color-mix(in srgb, var(--c), transparent 45%);border-radius:50%;transition:scale .25s cubic-bezier(.3,1.5,.6,1),box-shadow .25s;position:relative;overflow:hidden}.planet[data-kind=banded] .planet-ball{background-image:radial-gradient(ellipse 16% 8% at 64% 62%, color-mix(in srgb, var(--c), #7a2a10 45%), transparent), linear-gradient(176deg, color-mix(in srgb, var(--c), #fff 30%) 4%, var(--c) 12%, color-mix(in srgb, var(--c), #6a3410 35%) 19%, color-mix(in srgb, var(--c), #fff 22%) 27%, var(--c) 35%, color-mix(in srgb, var(--c), #fff 40%) 43%, color-mix(in srgb, var(--c), #4a2008 30%) 49%, var(--c) 55%, color-mix(in srgb, var(--c), #fff 26%) 63%, color-mix(in srgb, var(--c), #6a3410 40%) 70%, var(--c) 78%, color-mix(in srgb, var(--c), #fff 30%) 88%, color-mix(in srgb, var(--c), #000 20%) 96%)}.planet[data-kind=rocky] .planet-ball{background-image:radial-gradient(circle at 30% 34%, color-mix(in srgb, var(--c), #000 40%) 0 6%, color-mix(in srgb, var(--c), #fff 25%) 7%, transparent 9%), radial-gradient(circle at 66% 58%, color-mix(in srgb, var(--c), #000 35%) 0 9%, color-mix(in srgb, var(--c), #fff 20%) 10%, transparent 12%), radial-gradient(circle at 46% 76%, color-mix(in srgb, var(--c), #000 30%) 0 4%, transparent 6%), radial-gradient(ellipse 40% 26% at 60% 30%, color-mix(in srgb, var(--c), #3a1a0a 45%), transparent), radial-gradient(ellipse 34% 30% at 28% 70%, color-mix(in srgb, var(--c), #3a1a0a 35%), transparent), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--c), #fff 12%), color-mix(in srgb, var(--c), #000 15%))}.planet[data-kind=icy] .planet-ball{background-image:radial-gradient(ellipse 70% 20% at 50% 0%, #ffffffa6, transparent), radial-gradient(ellipse 60% 16% at 50% 100%, #fff6, transparent), linear-gradient(174deg, transparent 30%, #ffffff2e 38%, transparent 46%, #001e5026 60%, transparent 70%), linear-gradient(color-mix(in srgb, var(--c), #fff 30%), var(--c), color-mix(in srgb, var(--c), #1a3a70 30%))}.planet[data-kind=ocean] .planet-ball{background-color:color-mix(in srgb, var(--c), #12305a 55%);background-image:radial-gradient(ellipse 30% 9% at 40% 30%, #ffffffb3, transparent), radial-gradient(ellipse 36% 7% at 62% 70%, #ffffff8c, transparent), radial-gradient(ellipse 22% 30% at 30% 52%, color-mix(in srgb, var(--c), #3a4a18 30%) 60%, transparent 64%), radial-gradient(ellipse 26% 20% at 68% 40%, color-mix(in srgb, var(--c), #6a5a28 30%) 60%, transparent 64%), radial-gradient(ellipse 18% 16% at 56% 82%, var(--c) 60%, transparent 64%)}.planet-ball:after{content:"";background:radial-gradient(circle at calc(50% + var(--lx,-.15) * 100%) calc(50% + var(--ly,-.2) * 100%), #fffaec59, transparent calc(14% + var(--day,1) * 18%), #00000059 calc(38% + var(--day,1) * 28%), #000000f0 calc(62% + var(--day,1) * 34%)),  radial-gradient(circle, transparent 58%, #0000004d 100%);border-radius:50%;position:absolute;inset:0}.planet-name,.planet-meta{top:calc(var(--ball) + 8px);white-space:nowrap;text-shadow:0 1px 6px #000;font-size:13px;font-weight:600;position:absolute}.planet-meta{top:calc(var(--ball) + 26px);color:#fdf3e699;font-size:12px;font-weight:400}.pg-planet[data-lit] .planet-name{font-size:16px;top:auto;bottom:calc(100% + 28px)}.pg-planet[data-lit] .planet-meta{top:auto;bottom:calc(100% + 8px)}.planet:hover .planet-ball,.planet:focus-visible .planet-ball{scale:1.15}.planet:hover .planet-ball,.planet:focus-visible .planet-ball,.pg-planet[data-lit] .planet-ball{box-shadow:0 0 calc(var(--ball) * .4) calc(var(--ball) * .02) color-mix(in srgb, var(--c), transparent 35%)}.planet{transition:opacity .6s}.pg[data-spot] .pg-planet:not([data-lit]) .planet:not(:hover){opacity:.3}.planet:focus-visible{outline:none}.planet:focus-visible .planet-ball{outline-offset:4px;outline:2px solid #fff}@keyframes orbit{to{rotate:360deg}}@keyframes sun-breathe{to{scale:1.06}}.launchpad-glow{background:radial-gradient(closest-side,#f7b38638,#f7b3860f 60%,#0000);border-radius:50%;width:420px;height:140px;position:absolute;translate:-50% -50%}.skill-sky{touch-action:none;cursor:grab;position:absolute;top:0;left:0}.skill-sky[data-dragging=true]{cursor:grabbing}.skill-grab{width:calc(100vw / var(--s));height:calc(120svh / var(--s));position:absolute;translate:-50% -50%}.skill-lines{pointer-events:none;position:absolute;overflow:visible}.skill-line{fill:none;stroke:#ffecd247;stroke-width:1px;stroke-dasharray:3 5}.skill-group{fill:#f7b386;font-size:calc(clamp(10px, 12px * var(--s) * 1.6, 12px) / var(--s));letter-spacing:.2em;text-transform:uppercase;text-anchor:middle;paint-order:stroke;stroke:#000;stroke-width:4px;stroke-opacity:.6;font-weight:700}.skill-star{--core:calc(clamp(30px, 46px * var(--s) * 1.6, 46px) / var(--s));width:0;height:0;opacity:calc(.3 + .7 * var(--near,1));filter:blur(calc((1 - var(--near,1)) * 1.2px));position:absolute;top:0;left:0}.skill-flare,.skill-core{position:absolute;translate:-50% -50%}.skill-flare{width:calc(var(--core) * 2.2);height:calc(var(--core) * 2.2);background:radial-gradient(closest-side, color-mix(in srgb, var(--c) 18%, transparent), transparent 70%);animation:skill-twinkle 4s var(--delay,0s) ease-in-out infinite alternate;pointer-events:none;border-radius:50%}.skill-spark{z-index:1;left:calc(var(--core) * var(--x));top:calc(var(--core) * var(--y));width:calc(var(--core) * .26);height:calc(var(--core) * .26);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 3px var(--c));opacity:0;pointer-events:none;background:#fff;animation:3.6s ease-in-out infinite niah-twinkle;position:absolute;translate:-50% -50%}.skill-core{width:calc(var(--core) * 1.5);height:calc(var(--core) * 1.5);isolation:isolate;transform:perspective(calc(var(--core) * 5)) rotateY(calc(var(--turn,0) * 55deg)) rotateX(calc(var(--lean,0) * -30deg));filter:drop-shadow(0 0 calc(var(--core) * .12) color-mix(in srgb, var(--c) 50%, transparent)) drop-shadow(0 0 calc(var(--core) * .35) color-mix(in srgb, var(--c) 22%, transparent));place-items:center;transition:scale .25s,filter .25s;display:grid}.skill-shape{z-index:-1;position:absolute;inset:0;overflow:visible}.skill-edge{fill:color-mix(in srgb, var(--c) 30%, #050408);stroke:color-mix(in srgb, var(--c) 45%, #050408);stroke-width:1.5px;stroke-linejoin:round;translate:calc(1.5px - var(--turn,0) * 7px) calc(2.5px - var(--lean,0) * 7px)}.skill-rim{fill:none;stroke:color-mix(in srgb, var(--c) 75%, #fff);stroke-width:1.4px;stroke-linejoin:round;stroke-opacity:.8}.skill-ridge{stroke:#fff;stroke-width:.8px;stroke-opacity:.35}.skill-logo{fill:#fff;width:34%;height:34%;filter:drop-shadow(0 1px 1.5px #000000bf) drop-shadow(0 0 3px color-mix(in srgb, var(--c) 55%, transparent))}.skill-mark{font-size:calc(var(--core) * .32);letter-spacing:-.02em;color:#fff;text-shadow:0 1px 2px #000000bf, 0 0 6px var(--c);font-weight:800}.skill-name{top:calc(var(--core) * .62 + 6px);width:max-content;font-size:calc(clamp(11px, 13px * var(--s) * 1.6, 13px) / var(--s));color:#fdf3e6;text-shadow:0 0 4px #000,0 0 8px #000;opacity:clamp(0, calc(var(--near,1) * 3 - 1.7), 1);pointer-events:none;font-weight:500;position:absolute;translate:-50%}.skill-star:hover{opacity:1;filter:none}.skill-star:hover .skill-core{filter:drop-shadow(0 0 calc(var(--core) * .18) var(--c)) drop-shadow(0 0 calc(var(--core) * .5) color-mix(in srgb, var(--c) 40%, transparent));scale:1.18}.skill-star:hover .skill-rim{stroke-opacity:1;stroke-width:2px}.skill-star:hover .skill-name{opacity:1}.skill-step{top:calc((40svh - 76px) / var(--s));transform-origin:top;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fdf3e6;font:inherit;letter-spacing:.04em;white-space:nowrap;cursor:pointer;background:#0a080e99;border:1px solid #f7b38673;border-radius:999px;padding:.55em 1.2em;font-size:13px;transition:border-color .2s,background .2s;position:absolute;left:0;translate:-50%}.skill-step:hover,.skill-step:focus-visible{background:#f7b38629;border-color:#f7b386}@keyframes skill-twinkle{0%{opacity:.55;scale:.92}to{opacity:1;scale:1.05}}.beacon{align-items:center;gap:4px;animation:3.2s ease-in-out infinite alternate niah-bob;display:flex;position:absolute;top:-40px;translate:-50% -50%}.beacon-body{background:linear-gradient(160deg,#fdf3e6,#b9a69a);border-radius:8px;width:30px;height:30px;position:relative;box-shadow:0 0 20px #f7b38680}.beacon-body:before{content:"";background:#d8c8bc;width:2px;height:18px;position:absolute;bottom:100%;left:50%;translate:-50%}.beacon-body:after{content:"";background:#ff8a5c;border-radius:50%;width:8px;height:8px;animation:2s step-end infinite beacon-blink;position:absolute;top:-24px;left:50%;translate:-50%;box-shadow:0 0 10px 3px #ff8a5c}.beacon-panel{background:repeating-linear-gradient(90deg,#0000 0 12px,#8fb1d699 12px 13px),linear-gradient(#24406a,#1a2d4d);border:1px solid #8fb1d6;width:52px;height:22px}.beacon-wave{pointer-events:none;border:1.5px solid #ffb48cb3;border-radius:50%;width:60px;height:60px;animation:3s ease-out infinite beacon-wave;position:absolute;top:50%;left:50%;translate:-50% -50%}.beacon-card{transform-origin:50% 0;border:1px solid var(--board-1);background:var(--board-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(320px,100vw - 32px);color:var(--board-ink);text-align:center;border-radius:18px;padding:20px 22px;position:absolute;top:30px;left:0;translate:-50%;box-shadow:0 0 40px -10px #ffd2ab99}.beacon-card p{margin:0}.beacon-line{font-family:var(--font-display), serif;font-size:24px;font-weight:700}.beacon-card .beacon-aside{color:var(--board-ink-soft);margin-top:6px;font-size:14px}.beacon-cta{background:var(--board-7);color:var(--board-ink);border-radius:999px;margin-top:16px;padding:10px 22px;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-block}.beacon-cta:hover{transform:translateY(-2px)}.beacon-card .beacon-email{font:inherit;color:var(--board-ink-soft);cursor:pointer;background:0 0;border:0;margin:10px auto 0;padding:2px 6px;font-size:13px;display:block}.beacon-card .beacon-email:hover{color:var(--board-ink);text-decoration:underline}.beacon-card a:focus-visible,.beacon-card button:focus-visible{outline:2px solid var(--board-ink);outline-offset:3px}@keyframes beacon-wave{0%{opacity:1;scale:.6}to{opacity:0;scale:4}}@keyframes beacon-blink{50%{opacity:.2}}.niah[data-at=system]{top:calc(100% - 110px);right:calc(100% - 120px)}.niah[data-at=system] .niah-talk{--emerge-x:-50px;--emerge-y:40px;--grow-from:0 100%;text-align:left;inset:auto auto 22px 34px}@media (prefers-reduced-motion:reduce){.pg-hub-sun,.pg-hub-sun:before,.pg-hub-sun:after,.planet-ball,.skill-flare,.skill-spark,.beacon,.beacon-body:after,.beacon-wave{animation:none}.beacon-wave{display:none}.skill-spark{opacity:.7}}.niah-ask{z-index:2;border:1px solid var(--board-1);background:var(--board-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:inherit;color:var(--board-ink);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 10px;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s;animation:.5s cubic-bezier(.3,1.5,.6,1) .6s both niah-pop;display:flex;position:absolute;bottom:16px;left:16px}.niah-ask:hover{border-color:var(--board-7);box-shadow:0 0 30px -8px #ffd2abcc}.niah-ask:focus-visible{outline-offset:2px;outline:2px solid #fff}.niah-ask-light{background:var(--board-7);width:12px;height:12px;box-shadow:0 0 10px 2px var(--board-5);border-radius:50%;animation:2.2s ease-in-out infinite alternate niah-pulse}.niah-ask kbd{border:1px solid var(--board-6);font:inherit;color:var(--board-ink-soft);border-radius:5px;padding:1px 6px;font-size:12px}@media (hover:none){.niah-ask kbd{display:none}}@media (prefers-reduced-motion:reduce){.niah-ask,.niah-ask-light{animation:none}}
