.hub{--hub-cyan: #00AEEF;--hub-yellow: #FFD400;--hub-ink: #2A0F1C}.hub-rise{animation:hub-rise .7s cubic-bezier(.2,.8,.2,1) both}.hub-rise-2{animation-delay:.1s}.hub-rise-3{animation-delay:.2s}.hub-rise-4{animation-delay:.3s}@keyframes hub-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hub-photo-in{animation:hub-photo-in 1s cubic-bezier(.2,.8,.2,1) both}@keyframes hub-photo-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.hub-breathe{animation:hub-breathe 9s ease-in-out 1s infinite alternate;transform-origin:50% 40%}@keyframes hub-breathe{0%{transform:scale(1) scaleX(-1)}to{transform:scale(1.035) scaleX(-1)}}.hub-bob{animation:hub-bob 4.5s ease-in-out 1s infinite alternate}@keyframes hub-bob{0%{transform:translateY(0)}to{transform:translateY(-7px)}}.hub-glow{animation:hub-glow 7s ease-in-out infinite alternate}@keyframes hub-glow{0%{transform:translate(0) scale(1);opacity:.85}to{transform:translate(-24px,18px) scale(1.12);opacity:1}}.hub-badge{animation:hub-badge .6s cubic-bezier(.3,1.6,.5,1) .7s both}@keyframes hub-badge{0%{opacity:0;transform:rotate(-10deg) scale(.6)}to{opacity:1}}.hub-allan{position:relative}.hub-glint{position:absolute;overflow:hidden;pointer-events:none;left:59.6%;top:20.6%;width:16.8%;height:7.6%;border-radius:4px}.hub-glint:after{content:"";position:absolute;top:-40%;bottom:-40%;width:26%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skew(-18deg);animation:hub-glint 6s ease-in-out 1.4s infinite}@keyframes hub-glint{0%{left:-40%}14%,to{left:130%}}.hub-palm{position:absolute;pointer-events:none;left:63.8%;top:71%;width:0;height:0}.hub-float{position:absolute;left:-17px;top:-17px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:hsl(var(--primary));box-shadow:0 6px 16px -6px #00000073;opacity:0;animation:hub-float 6s ease-in-out infinite}.hub-float svg{width:18px;height:18px}@media(max-width:639px){.hub-float{width:24px;height:24px;left:-12px;top:-12px}.hub-float svg{width:13px;height:13px}}.hub-float:nth-child(1){animation-delay:1.2s;--dx: -38px}.hub-float:nth-child(2){animation-delay:2.7s;--dx: 6px}.hub-float:nth-child(3){animation-delay:4.2s;--dx: 42px}.hub-float:nth-child(4){animation-delay:5.7s;--dx: -10px}@keyframes hub-float{0%{opacity:0;transform:translateY(6px) scale(.5)}12%{opacity:1;transform:translate(calc(var(--dx) * .2),-14px) scale(1)}55%{opacity:1;transform:translate(var(--dx),-78px) scale(1) rotate(6deg)}70%,to{opacity:0;transform:translate(var(--dx),-104px) scale(.85) rotate(-4deg)}}.hub-reveal>*{animation:hub-rise .55s cubic-bezier(.2,.8,.2,1) both}.hub-reveal>:nth-child(2){animation-delay:.05s}.hub-reveal>:nth-child(3){animation-delay:.1s}.hub-reveal>:nth-child(4){animation-delay:.15s}.hub-reveal>:nth-child(5){animation-delay:.2s}.hub-reveal>:nth-child(6){animation-delay:.25s}.hub-reveal>:nth-child(n+7){animation-delay:.3s}.hub-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:999px;font-weight:600;font-size:.9rem;border:1.5px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));transition:background .2s,color .2s,border-color .2s,transform .2s}.hub-chip:hover{border-color:hsl(var(--primary) / .5)}.hub-chip[aria-pressed=true]{background:hsl(var(--primary));border-color:hsl(var(--primary));color:#fff}.hub-chip:focus-visible{outline:3px solid hsl(var(--primary) / .45);outline-offset:2px}.hub-chip .n{font-size:.75rem;opacity:.7;font-weight:500}.hub-guide{position:relative;display:flex;flex-direction:column;border-radius:18px;background:hsl(var(--card));border:1px solid hsl(var(--border));padding:1.4rem 1.4rem 1.2rem 1.6rem;overflow:hidden;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}.hub-guide:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--topic)}.hub-guide:after{content:"";position:absolute;top:0;right:0;width:0;height:0;background:linear-gradient(225deg,hsl(var(--background)) 50%,var(--topic-soft) 50%);border-bottom-left-radius:6px;box-shadow:-3px 3px 6px -3px #0000002e;transition:width .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1)}.hub-guide:hover,.hub-guide:focus-visible{transform:translateY(-3px);box-shadow:0 16px 34px -18px #3c0a1e59;border-color:transparent}.hub-guide:hover:after,.hub-guide:focus-visible:after{width:34px;height:34px}.hub-guide:focus-visible{outline:3px solid hsl(var(--primary) / .45);outline-offset:3px}.hub-go{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.875rem;color:hsl(var(--primary))}.hub-go svg{width:15px;height:15px;transition:transform .3s}.hub-guide:hover .hub-go svg,.hub-q:hover .hub-go svg,.hub-tool:hover .hub-go svg{transform:translate(4px)}.hub-q{display:block;text-decoration:none;border-radius:22px;padding:1.1rem 1.1rem 1rem;transition:background .25s,transform .3s}.hub-q:hover,.hub-q:focus-visible{background:hsl(var(--primary) / .05);transform:translateY(-2px)}.hub-q:focus-visible{outline:3px solid hsl(var(--primary) / .45);outline-offset:2px}.hub-ask{margin-left:auto;width:-moz-fit-content;width:fit-content;max-width:88%;background:hsl(var(--primary));color:#fff;font-weight:600;padding:.65rem 1rem;border-radius:20px 20px 6px;font-size:.98rem;line-height:1.3}.hub-reply{display:flex;gap:.6rem;align-items:flex-end;margin-top:.6rem;max-width:92%}.hub-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#000}.hub-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 43%;object-position:50% 43%}.hub-said{background:hsl(var(--card));border:1px solid hsl(var(--border));padding:.65rem .9rem;border-radius:18px 18px 18px 6px;font-size:.9rem;line-height:1.45;color:hsl(var(--muted-foreground))}.hub-tool{display:flex;gap:1rem;align-items:flex-start;text-decoration:none;border-radius:18px;padding:1.15rem 1.15rem 1.05rem;background:hsl(var(--card));border:1px solid hsl(var(--border));transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}.hub-tool:hover,.hub-tool:focus-visible{transform:translateY(-3px);box-shadow:0 16px 34px -18px #3c0a1e59;border-color:var(--grp)}.hub-tool:focus-visible{outline:3px solid hsl(var(--primary) / .45);outline-offset:3px}.hub-tool-icon{width:52px;height:52px;border-radius:16px;flex-shrink:0;display:grid;place-items:center;background:var(--grp-soft);color:var(--grp-ink);transition:transform .45s cubic-bezier(.3,1.6,.5,1),background .3s,color .3s}.hub-tool-icon svg{width:24px;height:24px}.hub-tool:hover .hub-tool-icon,.hub-tool:focus-visible .hub-tool-icon{transform:rotate(-8deg) scale(1.08);background:var(--grp);color:#fff}.hub-band{background:var(--hub-ink)}@media(prefers-reduced-motion:reduce){.hub *,.hub *:before,.hub *:after{animation:none!important;transition:none!important}.hub-float{display:none}.hub-breathe{transform:scaleX(-1)}.hub-guide:hover,.hub-tool:hover,.hub-q:hover{transform:none}}
