.h3{--rx:42deg;--rz:-18deg;--lift:64px;--lift2:44px;--rxv:0deg;--rzv:0deg;--l1:0px;--l2:0px;--pz:0;--edge:color-mix(in srgb,var(--ink) 20%,#b9c4ca);margin:0}.h3[data-view="3d"]{--rxv:var(--rx);--rzv:var(--rz);--l1:var(--lift);--l2:var(--lift2);--pz:1}.h3-bar{justify-content:space-between;align-items:center;gap:var(--sp-12) var(--sp-24);margin-bottom:var(--sp-16);flex-wrap:wrap;display:flex}.h3-hint{font-size:var(--fs-s);color:var(--ink-2);margin:0}.h3-toggle{border:1px solid var(--line);background:var(--sheet);border-radius:999px;padding:4px;display:inline-flex}.h3-toggle button{align-items:center;gap:var(--sp-8);min-height:40px;padding:0 var(--sp-16);font:inherit;font-size:var(--fs-s);color:var(--ink-2);cursor:pointer;transition:background var(--dur-color),color var(--dur-color);background:0 0;border:0;border-radius:999px;font-weight:700;display:inline-flex}.h3-toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}@media (pointer:coarse){.h3-toggle button{min-height:44px}}.h3-stage{column-gap:var(--sp-24);padding:var(--sp-24) 0;grid-template-rows:auto auto;grid-template-columns:150px minmax(0,1fr) 220px;align-items:center;display:grid;position:relative}.h3-beams{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.h3-beams.is-under{z-index:0}.h3-who{grid-area:1/1/span 2;align-self:center}.h3-scene{height:var(--scene-h,620px);perspective:2400px;perspective-origin:50% 35%;z-index:1;grid-area:1/2/span 2;position:relative}.h3-human{grid-area:1/3;align-self:end}.h3-goal{margin-top:var(--sp-48);grid-area:2/3;align-self:start}.h3-who,.h3-human,.h3-goal{z-index:3;position:relative}.h3-world{transform-style:preserve-3d;transform:translate(-50%,calc(-50% + var(--oy,0px))) scale(var(--fit,1)) rotateX(var(--rxv)) rotateZ(var(--rzv));transition:transform 1.6s var(--ease-io);position:absolute;top:50%;left:50%}.h3-plate{--fs-xs:1.1rem;--fs-s:1.25rem;--fs-m:1.4rem;--fs-l:1.65rem;--fs-xl:2rem;gap:var(--sp-24) var(--sp-32);width:840px;padding:var(--sp-32) var(--sp-32) var(--sp-24);transform-style:preserve-3d;background:linear-gradient(rgba(var(--cyan-a),.06) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(var(--cyan-a),.06) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(155deg,var(--sheet),color-mix(in srgb,var(--sheet) 82%,#cdd8dd));box-shadow:inset 0 1px 0 #fffffff2,0 0 0 1px var(--line);border-radius:32px;grid-template-columns:350px minmax(0,1fr);grid-template-areas:"ctx loop""foot foot";display:grid;position:relative}.h3-plate:before{content:"";border-radius:inherit;background:var(--edge);position:absolute;inset:0;transform:translateZ(-18px)}.h3-plate:after{content:"";filter:blur(36px);opacity:.2;background:#0c162066;border-radius:40px;transition:opacity 1.6s;position:absolute;inset:8% 6%;transform:translateZ(-100px)}.h3[data-view="3d"] .h3-plate:after{opacity:1}.h3-layer{transform-style:preserve-3d;transform:translateZ(var(--l1));transition:transform 1.6s var(--ease-io) .1s,box-shadow 1.6s var(--ease-io) .1s;position:relative}.h3-prompt.h3-layer{transform:translateZ(var(--l2));transition-delay:.4s}.h3[data-view="3d"] .h3-ctx,.h3[data-view="3d"] .h3-loop{box-shadow:0 30px 40px -24px #0a324666}.h3-pillar{z-index:-1;width:0;height:var(--lift);border-left:2px solid color-mix(in srgb,var(--cyan-deep) 70%,transparent);transform-origin:0 0;transform:rotateX(-90deg) scaleY(var(--pz));transition:transform 1.6s var(--ease-io) .1s;position:absolute}.h3-prompt>.h3-pillar{height:var(--lift2);transition-delay:.4s}.h3-pillar.is-tl{top:16px;left:16px}.h3-pillar.is-tr{top:16px;left:calc(100% - 16px)}.h3-pillar.is-bl{top:calc(100% - 16px);left:16px}.h3-pillar.is-br{top:calc(100% - 16px);left:calc(100% - 16px)}.h3-ctx{padding:var(--sp-16);border:1.5px dashed var(--cyan-deep);background:linear-gradient(160deg,color-mix(in srgb,var(--cyan) 15%,var(--sheet)),color-mix(in srgb,var(--cyan) 5%,var(--sheet)));border-radius:22px;grid-area:ctx;align-content:start;gap:10px;display:grid}.h3-prompt{padding:var(--sp-12) var(--sp-16);border:1.5px solid var(--cyan-deep);background:var(--sheet);box-shadow:0 0 0 5px rgba(var(--cyan-a),.14),0 0 30px rgba(var(--cyan-a),.45);border-radius:14px;margin-bottom:4px}.h3[data-view="3d"] .h3-prompt{box-shadow:0 0 0 5px rgba(var(--cyan-a),.14),0 0 30px rgba(var(--cyan-a),.45),0 22px 30px -18px #0a324673}.h3-prompt p{margin:0}.h3-prompt-h{align-items:center;gap:var(--sp-8);font-size:var(--fs-m);font-weight:800;display:flex}.h3-prompt .h3-prompt-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.h3-prompt-tags span{background:color-mix(in srgb,var(--cyan) 13%,var(--sheet));font-size:var(--fs-xs);border-radius:999px;padding:3px 12px;font-weight:700}.h3-paper{align-items:center;gap:var(--sp-12);min-height:52px;padding:8px var(--sp-12);border:1px solid var(--line);background:var(--sheet);font-size:var(--fs-s);border-radius:12px;font-weight:700;display:flex;box-shadow:0 10px 20px -16px #00000059}.h3-paper .ti{color:var(--cyan-deep);flex:none}.h3-ctx-t,.h3-loop-t,.h3-plate-t{align-items:center;gap:4px var(--sp-12);flex-wrap:wrap;margin:0;display:flex}.h3-ctx-t{margin-top:6px}.h3-ctx-t b,.h3-loop-t b{font-size:var(--fs-l);font-weight:800}.h3-plate-t b{font-size:var(--fs-xl);font-weight:800}.h3-ctx-t>span:last-child,.h3-loop-t>span:last-child,.h3-plate-t>span:last-child{font-size:var(--fs-s);color:var(--ink-2)}.h3-loop{padding:var(--sp-16);border:1.5px solid color-mix(in srgb,var(--cyan-deep) 45%,transparent);background:linear-gradient(160deg,var(--sheet),color-mix(in srgb,var(--cyan) 5%,var(--sheet)));border-radius:22px;flex-direction:column;grid-area:loop;display:flex}.h3-ringbox{aspect-ratio:360/340;width:100%;max-width:380px;transform-style:preserve-3d;margin:0 auto;position:relative}.h3-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.h3-ring-track{fill:rgba(var(--cyan-a),.05);stroke:rgba(var(--cyan-a),.18);stroke-width:14px}.h3-ring-dash{fill:none;stroke:var(--cyan-deep);stroke-width:1.5px;stroke-dasharray:3 7}.h3-comet{transform-box:view-box;transform-origin:180px 170px}.h3-tail-stop{stop-color:var(--cyan)}.h3-comet-tail{fill:none;stroke-width:6px;stroke-linecap:round}.h3-comet-head{fill:#fff;stroke:var(--cyan);stroke-width:3px}.h3-core{aspect-ratio:1;color:#fff;width:28%;transform:translate(-50%,-50%) translateZ(calc(var(--l1) * .5));transition:transform 1.6s var(--ease-io) .5s;background:radial-gradient(circle at 32% 26%,#fff 0,#c9f7ff 14%,var(--cyan) 42%,var(--cyan-deep) 78%,#06475a 100%);box-shadow:0 0 0 12px rgba(var(--cyan-a),.1),0 0 46px rgba(var(--cyan-a),.65),0 20px 30px -14px #003c5099;border-radius:50%;align-content:center;place-items:center;gap:2px;display:grid;position:absolute;top:50%;left:50%}.h3-core b{font-size:var(--fs-l);font-weight:800;line-height:1}.h3-step{border:1px solid var(--cyan-deep);background:var(--sheet);width:max-content;font-size:var(--fs-s);border-radius:999px;padding:8px 16px;font-weight:800;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 18px -12px #00506480}.h3-step.is-gather{top:50%;left:12.5%}.h3-step.is-act{top:19.7%;left:74%}.h3-step.is-verify{top:80.3%;left:74%}.h3-loop-t{padding-top:var(--sp-8);margin-top:auto}.h3-foot{justify-content:space-between;align-items:center;gap:var(--sp-12) var(--sp-24);padding-top:var(--sp-12);border-top:1px solid var(--line);flex-wrap:wrap;grid-area:foot;display:flex}.h3-parts{align-items:center;gap:var(--sp-8);flex-wrap:wrap;margin:0;display:flex}.h3-parts span{border:1px solid var(--line);background:var(--paper);font-size:var(--fs-xs);border-radius:999px;padding:3px 12px;font-weight:700}.h3-parts span:first-child{color:var(--ink-3);background:0 0;border:0;padding:0}.h3-bn{background:var(--ink);width:1.6em;height:1.6em;color:var(--paper);font-family:var(--mono);font-size:var(--fs-s);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.h3-card2d{border:1px solid var(--line);background:var(--sheet);border-radius:18px;box-shadow:0 24px 44px -28px #0a1e2873}.h3-who{padding:var(--sp-24) var(--sp-12);text-align:center;justify-items:center;gap:6px;display:grid}.h3-who b,.h3-goal b{font-weight:800}.h3-who small,.h3-human small{font-size:var(--fs-xs);color:var(--ink-2)}.h3-avatar{background:var(--paper);border:1px solid var(--line);width:56px;height:56px;box-shadow:0 0 0 6px color-mix(in srgb,var(--paper) 60%,transparent);border-radius:50%;place-items:center;display:grid}.h3-human{align-items:center;gap:4px var(--sp-12);padding:var(--sp-16);grid-template-columns:auto minmax(0,1fr);display:grid}.h3-human .h3-avatar{width:48px;height:48px;color:var(--cyan-deep);border-color:var(--cyan-deep);box-shadow:0 0 0 6px rgba(var(--cyan-a),.1);grid-row:1/span 2}.h3-human p{align-items:center;gap:6px;margin:0;display:flex}.h3-human b{white-space:nowrap;font-weight:800}.h3-human .h3-bn{font-size:var(--fs-xs)}.h3-goal{justify-content:center;align-items:center;gap:var(--sp-8);padding:var(--sp-16);border-color:var(--cyan-deep);box-shadow:0 0 0 4px rgba(var(--cyan-a),.1),0 0 28px rgba(var(--cyan-a),.35);display:flex}.h3-goal .ti{color:var(--cyan-deep)}.h3-a{width:1px;height:1px;position:absolute}.h3-a.is-right{top:50%;right:0}.h3-a.is-left{top:50%;left:0}.h3-a.is-top{top:0;left:50%}.h3-a.is-bottom{bottom:0;left:50%}.h3-beam-base{fill:none;stroke:color-mix(in srgb,var(--cyan-deep) 30%,var(--line));stroke-width:1.5px}.h3-beam-glow{fill:none;stroke:var(--cyan);stroke-width:3px;stroke-linecap:round;stroke-dasharray:80 1000;stroke-dashoffset:1080px;opacity:0;transition:opacity .6s}.h3.is-live .h3-beam-glow{opacity:1;animation:2.4s linear infinite h3-flow}@keyframes h3-flow{to{stroke-dashoffset:0}}.h3-legend{margin:var(--sp-24) 0 0;padding:var(--sp-24) 0 0;border-top:1px solid var(--line);gap:var(--sp-16);grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;display:grid}.h3-legend li{gap:2px var(--sp-12);grid-template-columns:auto minmax(0,1fr);align-items:baseline;display:grid}.h3-no{background:var(--ink);width:30px;height:30px;color:var(--paper);font-family:var(--mono);font-size:var(--fs-s);border-radius:50%;grid-row:1/span 3;place-items:center;font-weight:700;display:inline-grid}.h3-legend b{font-weight:800}.h3-where{font-size:var(--fs-xs);color:var(--cyan-deep);font-weight:700}.h3-legend small{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.6}.h3.is-measure *,.h3.is-measure :before,.h3.is-measure :after{transition:none}@keyframes h3-orbit{to{transform:rotate(360deg)}}@keyframes h3-breathe{50%{box-shadow:0 0 0 18px rgba(var(--cyan-a),.06),0 0 64px rgba(var(--cyan-a),.8),0 20px 30px -14px #003c5099}}@media (prefers-reduced-motion:no-preference){.h3.is-live .h3-comet{animation:5s linear infinite h3-orbit}.h3.is-live .h3-core{animation:3.2s ease-in-out infinite h3-breathe}}@media (prefers-reduced-motion:reduce){.h3-world,.h3-layer,.h3-pillar,.h3-core,.h3-plate:after{transition:none}.h3.is-live .h3-beam-glow{stroke-dasharray:none;opacity:.35;animation:none}}@media (width<=1199px){.h3{--rx:40deg;--rz:-8deg;--lift:56px;--lift2:38px}.h3-stage{row-gap:var(--sp-32);grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr)}.h3-who{padding:var(--sp-12) var(--sp-24);grid-area:1/1;grid-auto-flow:column;justify-self:center;align-items:center}.h3-scene{perspective:2000px;grid-area:2/1}.h3-human{grid-area:3/1;place-self:start center}.h3-goal{grid-area:4/1;justify-self:center;min-width:220px;margin:0}.h3-plate{--fs-xs:1.15rem;--fs-s:1.3rem;--fs-m:1.45rem;--fs-l:1.7rem;--fs-xl:2rem;row-gap:var(--sp-32);grid-template-columns:minmax(0,1fr);grid-template-areas:"ctx""loop""foot";width:440px}.h3-legend{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}}@media (width<=719px){.h3{--rx:34deg;--rz:0deg;--lift:44px;--lift2:30px}.h3-scene{perspective:4000px}.h3-plate{--fs-xs:1.35rem;--fs-s:1.5rem;--fs-m:1.65rem;--fs-l:1.9rem;--fs-xl:2.2rem}.h3-ctx-t b,.h3-loop-t b{font-size:var(--fs-m)}.h3-human{padding:var(--sp-12);grid-template-columns:minmax(0,1fr)}.h3-human .h3-avatar{display:none}.h3-bar{align-items:flex-start}}