.ui05b{--at:0;--hy:0}.ui05b[data-step="1"]{--at:1;--hy:50.8}.ui05b:is([data-step="2"],[data-step="3"],[data-step="4"]){--at:6;--hy:314.5}.ui05b :is(.hub-assets,.ui05b-ask,.ui05b-badge){z-index:1}.ui05b-on{left:calc(var(--k) * 16);top:calc(var(--k) * 91.5);width:calc(var(--k) * 181);height:calc(var(--k) * 47.5);border-radius:calc(var(--k) * 6);background:var(--v5-white);box-shadow:0 0 0 1px var(--hub-on-edge), 0 calc(var(--k) * 4) calc(var(--k) * 10) calc(var(--k) * -6) var(--hub-shade);transform:translateY(calc(var(--k) * var(--hy)));transition:transform .6s var(--v5-out);position:absolute}.ui05b-ask{left:calc(var(--k) * 16);top:calc(var(--k) * 406);width:calc(var(--k) * 181);position:absolute}.ui05b-ask:before{content:"";left:calc(var(--k) * 6);right:calc(var(--k) * 6);top:calc(var(--k) * -6);border-top:1px solid var(--v5-hair);position:absolute}.ui05b-ask i,.ui05b-head i{background:linear-gradient(140deg, var(--v5-sp-violet), var(--v5-sp-azure));position:relative}.ui05b-ask i:after,.ui05b-head i:after{content:"";background:var(--v5-white);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);position:absolute;inset:24%}.ui05b-badge{left:calc(var(--k) * 44);top:calc(var(--k) * (94 + 50.8 * var(--r)));width:calc(var(--k) * 13);height:calc(var(--k) * 13);background:var(--v5-white);box-shadow:0 0 0 calc(var(--k) * 1.5) color-mix(in srgb, var(--c) 70%, var(--v5-white)), 0 calc(var(--k) * 2) calc(var(--k) * 6) var(--hub-shade);font-size:calc(var(--k) * 8);opacity:0;border-radius:50%;place-items:center;font-weight:600;display:grid;position:absolute;transform:scale(.5)}.ui05b[data-past~="4"] .ui05b-badge{opacity:1;transition:opacity .3s, transform .5s var(--v5-out);transition-delay:calc(1s + var(--i) * 45ms);transform:none}.ui05b-s{--d:calc(var(--n) - var(--at));--live:calc(1 - min(1, var(--d) * var(--d)));opacity:var(--live);pointer-events:none;transform:translateX(calc(var(--k) * 18 * clamp(-1, var(--d), 1)));transition:opacity calc(.3s + .35s * var(--live)) var(--v5-out) calc(var(--live) * .1s), transform calc(.3s + .4s * var(--live)) var(--v5-out) calc(var(--live) * .1s);position:absolute;inset:0}.ui05b-col{left:calc(var(--k) * 56);width:calc(var(--k) * 473);height:100%;position:absolute;top:0}.ui05b-col>*{margin:0;position:absolute;left:0}.ui05b-head{top:calc(var(--k) * 22);column-gap:calc(var(--k) * 9);padding-bottom:calc(var(--k) * 12);border-bottom:1px solid var(--v5-hair);color:var(--v5-ink-2);font-size:calc(var(--k) * 9);grid-template-columns:auto 1fr;align-items:center;display:grid;right:0}.ui05b-head i{width:calc(var(--k) * 22);height:calc(var(--k) * 22);border-radius:calc(var(--k) * 6);grid-row:span 2}.ui05b-head b{color:var(--v5-ink);font-size:calc(var(--k) * 14);letter-spacing:-.02em}.ui05b-dots{top:calc(var(--k) * 30);display:flex;left:auto;right:0}.ui05b-dots i{width:calc(var(--k) * 11);height:calc(var(--k) * 11);margin-left:calc(var(--k) * -3);border-radius:calc(var(--k) * 3);background:var(--c,var(--v5-l1));box-shadow:0 0 0 1px var(--v5-white)}.ui05b-dots i:nth-child(2){--c:var(--v5-l2)}.ui05b-dots i:nth-child(3){--c:var(--v5-l3)}.ui05b-dots i:nth-child(4){--c:var(--v5-l4)}.ui05b-dots i:nth-child(5){--c:var(--v5-l5)}.ui05b-dots i:nth-child(6){--c:var(--v5-sp-azure)}.ui05b-intro{top:calc(var(--k) * 82);justify-items:start;gap:calc(var(--k) * 7);transition:opacity .25s;display:grid}.ui05b-intro p{margin-bottom:calc(var(--k) * 6);color:var(--v5-ink-2);font-size:calc(var(--k) * 11.5)}.ui05b-chip{padding:calc(var(--k) * 5) calc(var(--k) * 11);background:var(--v5-white);box-shadow:0 0 0 1px var(--v5-hair);font-size:calc(var(--k) * 9.5);border-radius:980px}.ui05b:is([data-step="2"],[data-step="3"]) .ui05b-chip[data-go],.ui05b[data-step="4"] .ui05b-src li[data-go]{pointer-events:auto}.ui05b[data-past~="4"] .ui05b-intro{opacity:0}.ui05b-q{top:calc(var(--k) * 78);padding:calc(var(--k) * 7) calc(var(--k) * 12);border-radius:calc(var(--k) * 13) calc(var(--k) * 13) calc(var(--k) * 4);background:var(--v5-ink);color:var(--v5-white);font-size:calc(var(--k) * 10.5);left:auto;right:0}.ui05b-think{top:calc(var(--k) * 116);gap:calc(var(--k) * 3);opacity:0;display:flex}.ui05b-think i{width:calc(var(--k) * 5);height:calc(var(--k) * 5);background:var(--v5-ghost);border-radius:50%}.ui05b-a{top:calc(var(--k) * 110);width:calc(var(--k) * 455);font-size:calc(var(--k) * 11.5);line-height:1.55}.ui05b-a sup{width:calc(var(--k) * 12);height:calc(var(--k) * 12);margin-left:calc(var(--k) * 2);background:color-mix(in srgb, var(--c) 30%, var(--v5-white));font-size:calc(var(--k) * 7.5);vertical-align:calc(var(--k) * 4);border-radius:50%;place-items:center;font-weight:600;line-height:1;display:inline-grid}.ui05b-src-h{top:calc(var(--k) * 196);color:var(--v5-ink-2);font-size:calc(var(--k) * 9)}.ui05b-src{top:calc(var(--k) * 212);gap:calc(var(--k) * 9);padding:0;list-style:none;display:flex}.ui05b-src li{width:calc(var(--k) * 147);height:calc(var(--k) * 108);border-radius:calc(var(--k) * 7);background:var(--v5-white);box-shadow:0 0 0 1px var(--v5-hair), 0 calc(var(--k) * 6) calc(var(--k) * 14) calc(var(--k) * -8) var(--hub-shade);position:relative;overflow:clip}.ui05b .ui05b-src picture{height:calc(var(--k) * 66);bottom:auto}.ui05b-src p{left:calc(var(--k) * 26);top:calc(var(--k) * 74);color:var(--v5-ink-2);font-size:calc(var(--k) * 8.5);position:absolute}.ui05b-src b{color:var(--v5-ink);font-size:calc(var(--k) * 10);display:block}.ui05b-src span{left:calc(var(--k) * -18);top:calc(var(--k) * 1);width:calc(var(--k) * 12);height:calc(var(--k) * 12);background:color-mix(in srgb, var(--c) 30%, var(--v5-white));color:var(--v5-ink);font-size:calc(var(--k) * 7.5);border-radius:50%;place-items:center;font-weight:600;display:grid;position:absolute}.ui05b-compose{top:auto;bottom:calc(var(--k) * 40);height:calc(var(--k) * 32);padding:0 calc(var(--k) * 14);background:var(--v5-white);box-shadow:0 0 0 1px var(--v5-hair), 0 calc(var(--k) * 6) calc(var(--k) * 16) calc(var(--k) * -10) var(--hub-shade);font-size:calc(var(--k) * 10.5);line-height:calc(var(--k) * 32);border-radius:980px;right:0}.ui05b-compose span{left:calc(var(--k) * 14);white-space:nowrap;position:absolute}.ui05b-ph{color:var(--v5-ink-3)}.ui05b-typed{opacity:0}.ui05b-compose i{right:calc(var(--k) * 5);top:calc(var(--k) * 5);width:calc(var(--k) * 22);height:calc(var(--k) * 22);background:var(--v5-track);border-radius:50%;transition:background-color .3s;position:absolute}.ui05b-compose i:after{content:"";width:calc(var(--k) * 6);height:calc(var(--k) * 6);margin:calc(var(--k) * -1.5) 0 0 calc(var(--k) * -3);border:solid var(--v5-white);border-width:calc(var(--k) * 1.6) 0 0 calc(var(--k) * 1.6);position:absolute;top:50%;left:50%;transform:rotate(45deg)}.ui05b[data-step="3"] .ui05b-ph{opacity:0}.ui05b[data-step="3"] .ui05b-typed{opacity:1}.ui05b[data-step="3"] .ui05b-compose i{background:var(--v5-ink)}.ui05b-q,.ui05b-a :is(span,sup),.ui05b-src-h,.ui05b-src li{opacity:0}.ui05b-q{transform:translateY(calc(var(--k) * 6))}.ui05b-src li{transform:translateY(calc(var(--k) * 8))}.ui05b[data-past~="4"] :is(.ui05b-q,.ui05b-a span,.ui05b-a sup,.ui05b-src-h,.ui05b-src li){opacity:1;transition:opacity .35s var(--v5-ease), transform .6s var(--v5-out);transform:none}.ui05b[data-past~="4"] p.ui05b-q{transition-delay:.1s}.ui05b[data-past~="4"] .ui05b-a :is(span,sup){transition-delay:calc(1s + var(--i) * 45ms)}.ui05b[data-past~="4"] p.ui05b-src-h{transition-delay:2.9s}.ui05b[data-past~="4"] .ui05b-src li{transition-delay:calc(3s + var(--j) * .12s)}.ui05b[data-step="4"] .ui05b-src li:first-child{box-shadow:0 0 0 1px var(--hub-on-edge), 0 0 0 calc(var(--k) * 4) var(--hub-ring-2);transition:opacity .35s var(--v5-ease) 3s, transform .6s var(--v5-out) 3s, scale .3s var(--v5-out) 5s, box-shadow .3s 4.7s;scale:.97}.ui05b-cited{left:calc(var(--k) * 14);top:calc(var(--k) * 183);width:calc(var(--k) * 238);height:calc(var(--k) * 166);padding:calc(var(--k) * 4) calc(var(--k) * 7);border-radius:calc(var(--k) * 8);background:color-mix(in srgb, var(--v5-l1) 7%, transparent);box-shadow:0 0 0 1px var(--hub-on-edge), 0 0 0 calc(var(--k) * 4) var(--hub-ring-2);color:var(--v5-amber-ink);font-size:calc(var(--k) * 7.5);opacity:0;font-weight:600;transition:opacity .3s;position:absolute}.ui05b[data-step="5"] .ui05b-cited{opacity:1;transition:opacity .5s var(--v5-ease) .9s}.ui05b-back{left:calc(var(--k) * 28);top:calc(var(--k) * 40);padding:calc(var(--k) * 5) calc(var(--k) * 11);background:var(--v5-white);box-shadow:0 0 0 1px var(--v5-hair);font-size:calc(var(--k) * 9.5);opacity:0;pointer-events:none;border-radius:980px;transition:opacity .25s;position:absolute}.ui05b[data-step="5"] .ui05b-back{opacity:1;pointer-events:auto;transition:opacity .4s .6s}@media (prefers-reduced-motion:no-preference){.ui05b[data-step="3"] .ui05b-typed{animation:1.3s steps(46,end) .15s both ui05b-type}.ui05b[data-step="4"] .ui05b-think{animation:1s .2s ui05b-think}.ui05b[data-step="4"] .ui05b-think i{animation:.5s infinite alternate ui05b-pulse}.ui05b[data-step="4"] .ui05b-think i+i{animation-delay:.15s}.ui05b[data-step="4"] .ui05b-think i+i+i{animation-delay:.3s}}@media (prefers-reduced-motion:reduce){.ui05b *,.ui05b :before{transition:none!important}}@keyframes ui05b-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes ui05b-think{0%,to{opacity:0}15%,85%{opacity:1}}@keyframes ui05b-pulse{to{opacity:.3}}