.hub .xu-fit{container-type:inline-size}.hub .xu-fit>.xu-in{font-size:calc(100cqw / 27)}.hub .xu{position:relative;display:grid;align-content:start;gap:.8em;padding:1.4em;font-size:1em;line-height:1.4;color:var(--ink)}.hub .xu svg{width:1.1em;height:1.1em;flex:none}.hub .xu-mark{display:inline-grid;flex:none;overflow:hidden;border-radius:26%}.hub .xu-mark svg{width:100%;height:100%}.hub .xu-glyph{place-items:center;color:#07070a;background:linear-gradient(145deg,color-mix(in srgb,var(--a) 70%,#fff),var(--a))}.hub .xu-glyph svg{width:58%;height:58%}.hub .xu-kick{font:600 .9em var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.hub .xu-lock{display:grid;place-items:center;width:2.4em;height:2.4em;flex:none;border-radius:.7em;color:var(--at);background:color-mix(in srgb,var(--a) 14%,var(--card));border:1px solid color-mix(in srgb,var(--a) 30%,var(--rule))}.hub .xu-popup{padding:0;gap:0}.hub .xu-bar{gap:.7em;padding:.8em 1em;border-bottom:1px solid var(--rule);background:var(--card-2,var(--bg-2))}.hub .xu-bar,.hub .xu-url{display:flex;align-items:center}.hub .xu-url{flex:1;min-width:0;gap:.5em;height:2.2em;padding:0 .9em;border-radius:99px;background:var(--bg-2);font-size:.95em;color:var(--ink-3);white-space:nowrap;overflow:hidden}.hub .xu-url svg{width:.9em;height:.9em}.hub .xu-tbtn{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:.7em;border:1px solid color-mix(in srgb,var(--a) 60%,var(--rule));background:color-mix(in srgb,var(--a) 16%,var(--card));animation:xu-press 4s ease infinite}@keyframes xu-press{0%,6%{transform:none}9%{transform:scale(.84)}14%,to{transform:none}}.hub .xu-stage{position:relative;min-height:13.5em}.hub .xu-page{display:grid;gap:.9em;padding:1.6em 1.4em}.hub .xu-page i{height:.8em;border-radius:99px;background:color-mix(in srgb,var(--ink) 9%,var(--bg-2))}.hub .xu-page i:first-child{height:1.6em;width:70%}.hub .xu-page i:nth-child(3){width:80%}.hub .xu-page i:last-child{width:46%}.hub .xu-panel{position:absolute;top:.6em;right:1em;width:64%;display:grid;gap:.65em;padding:1.1em 1.2em;border-radius:1em;background:color-mix(in srgb,var(--card) 96%,transparent);border:1px solid color-mix(in srgb,var(--a) 40%,var(--edge));box-shadow:0 1.6em 3em -1.4em color-mix(in srgb,var(--a) 70%,transparent);transform-origin:85% 0;animation:xu-open 4s var(--ease) infinite}.hub .xu-panel:before{content:"";position:absolute;inset:0 1em auto;height:2px;border-radius:2px;background:var(--rainbow)}@keyframes xu-open{0%,10%{opacity:0;transform:translateY(-.6em) scale(.94)}18%,92%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.6em) scale(.94)}}.hub .xu-h{display:flex;align-items:center;gap:.6em;min-width:0}.hub .xu-h b{font-size:1.2em;font-weight:750;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub .xu-row{display:flex;align-items:center;gap:.5em;min-width:0;font-size:.95em;color:var(--ink-2)}.hub .xu-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub .xu-row svg{color:#20c997;animation:xu-tick 4s ease infinite;animation-delay:calc(var(--k) * .25s)}@keyframes xu-tick{0%,20%{opacity:0;transform:scale(.4)}26%,to{opacity:1;transform:none}}.hub .xu-go{justify-self:start;padding:.45em 1.1em;border-radius:99px;font-size:.95em;font-weight:650;border:1px solid color-mix(in srgb,var(--a) 55%,var(--rule));background:color-mix(in srgb,var(--a) 16%,var(--card))}.hub .xu-sh{display:flex;align-items:center;gap:.9em;min-width:0}.hub .xu-sh>span{display:grid;min-width:0}.hub .xu-sh b{font-size:1.5em;font-weight:750;letter-spacing:-.03em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub .xu-sh small{font-size:.95em;color:var(--ink-3)}.hub .xu-store p{margin:0;font-size:1.05em;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hub .xu-add{justify-self:start;padding:.7em 1.4em;border-radius:.8em;font-size:1.05em;font-weight:700;color:var(--bink);background:var(--btn);box-shadow:0 .8em 1.8em -1em var(--a);background-image:linear-gradient(110deg,transparent 40%,rgb(255 255 255/.35) 50%,transparent 60%);background-size:250% 100%;animation:xu-shine 4.5s ease infinite}@keyframes xu-shine{0%,60%{background-position:120% 0}to{background-position:-40% 0}}.hub .xu-meta{display:flex;gap:1.2em;font:.9em var(--font-mono);color:var(--ink-3)}.hub .xu-perm{display:flex;align-items:center;gap:.8em;min-width:0}.hub .xu-perm>span:last-child{display:grid;min-width:0}.hub .xu-perm b{font-size:1.05em;font-weight:650}.hub .xu-perm code{justify-self:start;margin-top:.2em;padding:0 .5em;border-radius:.4em;font:.85em var(--font-mono);color:var(--ink-3);background:var(--bg-2);border:1px solid var(--rule)}.hub .xu-ok{display:flex;align-items:center;gap:.5em;margin-top:.2em;padding-top:.8em;border-top:1px dashed var(--rule);font-size:.95em;color:#20c997}@media (prefers-reduced-motion:reduce){.hub .xu *{animation:none!important}}