*,*:before,*:after{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font-family:inherit}.hub-page{min-height:100dvh;display:flex;flex-direction:column}.hub-main{width:100%;max-width:1100px;margin:0 auto;padding:0 28px;flex:1;display:flex;flex-direction:column}.hub-chrome{position:sticky;top:0;z-index:10;height:64px;display:flex;align-items:center;padding:0 28px}.hub-chrome__inner{width:100%;max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.hub-chrome__actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto}.hub-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex:none}.hub-user-name{display:none}@media(min-width:560px){.hub-user-name{display:inline}}.hub-hero{max-width:720px;margin:0 auto;text-align:center;padding-top:clamp(2rem,6vh,4rem)}.hub-hero h1{margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:-.02em;color:var(--hub-text)}.hub-hero p{margin:.75rem auto 0;max-width:46ch;font-size:.95rem;line-height:1.5;color:var(--hub-subtext1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hub-cards{display:flex;flex-direction:column;gap:1.5rem;padding:clamp(2rem,5vh,3rem) 0 clamp(3rem,6vh,4rem);width:100%}.hub-grid,.hub-loading{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;width:100%}.hub-loading{padding:clamp(2rem,5vh,3rem) 0}@media(min-width:768px){.hub-grid,.hub-loading{grid-template-columns:repeat(2,minmax(0,1fr))}}.hub-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:80px;text-align:center}.hub-card{position:relative;display:flex;flex-direction:column;background:var(--hub-bg);border:1px solid var(--hub-border);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--hub-text);--hub-diag: clamp(36px, 7vw, 52px);transition:transform .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1)}.hub-card:focus-visible,.hub-cta:focus-visible,.hub-focus:focus-visible{outline:2px solid var(--hub-blue);outline-offset:4px}.hub-card--disabled{border-style:dashed;cursor:not-allowed;flex-direction:row;align-items:center;gap:12px;padding:clamp(1.25rem,2.5vw,1.5rem)}.hub-card--disabled .hub-card__label{font-size:18px}.hub-card__art{position:relative;aspect-ratio:16 / 10;width:100%;overflow:hidden;background:var(--hub-surface1);flex:none}.hub-card__art img{display:block;width:100%;height:100%;object-fit:cover}.hub-card__art-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hub-card__accent{position:relative;z-index:1;clip-path:polygon(0 var(--hub-diag),100% 0,100% 100%,0 100%);margin-top:calc(-1 * var(--hub-diag));display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:calc(var(--hub-diag) + 1.25rem) clamp(1.25rem,2.5vw,1.5rem) clamp(1.5rem,3vw,1.75rem);flex:1}.hub-card__label{font-size:22px;font-weight:600;letter-spacing:-.01em;color:inherit}.hub-card__tagline{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:500;color:inherit;margin-bottom:8px}.hub-card__desc{font-size:.875rem;color:inherit;opacity:.92;line-height:1.45;margin-bottom:8px}.hub-cta{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:currentColor;margin-top:auto;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1)}.hub-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1;min-width:0}.hub-card-enter{animation:hub-card-enter .24s cubic-bezier(.16,1,.3,1) both}.hub-enter-text{animation-delay:0ms}.hub-enter-card-1{animation-delay:80ms}.hub-enter-card-2{animation-delay:.14s}@media(prefers-reduced-motion:no-preference){.hub-card:hover:not(.hub-card--disabled){transform:translateY(-4px);border-color:var(--hub-accent);box-shadow:0 12px 32px -8px color-mix(in srgb,var(--hub-accent) 25%,transparent)}.hub-cta:hover{transform:scale(1.06)}.hub-card:active:not(.hub-card--disabled){transform:translateY(-1px) scale(.99)}.hub-shimmer:after{animation:hub-shimmer 1.6s ease-in-out infinite}}@media(prefers-reduced-motion:reduce){.hub-card,.hub-card__art,.hub-card__accent,.hub-cta,.hub-shimmer,.hub-card-enter{animation:none!important;transition:none!important}.hub-card-enter{opacity:1!important}}@keyframes hub-card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hub-shimmer{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.hub-shimmer{position:relative;overflow:hidden;display:block}.hub-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%)}.hub-footer{padding:1.5rem 0;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:var(--hub-subtext0)}