.hub{display:grid;grid-template-columns:220px 1fr;gap:var(--space-6);align-items:start}.hubJoin{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--c-pri) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--c-pri) 30%,var(--line));border-radius:var(--radius-2)}.hubJoin-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.hubJoin-copy strong{font-size:var(--font-size-3);font-weight:800}.hubJoin-copy span{font-size:var(--font-size-2);color:var(--ink-2)}.hubJoin-doors{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.hubJoin-cta{flex:0 0 auto}.hubJoin-free{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2);font-weight:600;text-decoration:none}.hubJoin-free:hover{color:var(--c-pri);text-decoration:underline;text-underline-offset:4px}.hub-skip{position:absolute;left:-9999px;padding:var(--space-2) var(--space-3);background:var(--c-pri);color:#fff;font-weight:700;border-radius:var(--radius-2);text-decoration:none;z-index:10}.hub-skip:focus-visible{position:static;display:inline-block;margin-bottom:var(--space-2)}#hub-main:focus{outline:none}.hub-nav{min-width:0}.hub-nav ul{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.hub-nav-link{display:flex;align-items:center;gap:var(--space-2)}.hub-nav-link svg{flex:none;width:18px;height:18px}.hub-nav-sep{margin:var(--space-3);border-top:5px double var(--ink-3)}.hub-main{min-width:0}.hub-welcome h1{margin:0 0 var(--space-5);font-size:var(--font-size-5);font-weight:900}.hub-empty{margin-top:var(--space-5);padding:var(--space-6);text-align:center;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-2)}.hub-empty h2{margin:0 0 var(--space-3);font-size:var(--font-size-4);font-weight:800}.hub-profile{margin:var(--space-6) 0}.hub-browse{margin-top:var(--space-6)}.hub-card{padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2)}.hub-card+.hub-card{margin-top:var(--space-5)}.hub-browse-title{margin:var(--space-6) 0 var(--space-4);font-size:var(--font-size-4);font-weight:800}.pCard{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2);box-shadow:var(--shadow-1);transition:transform var(--transition),box-shadow var(--transition)}.pCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.pCard--owned{border-color:color-mix(in srgb,var(--c-acc-d) 45%,var(--line))}.pCard-thumb{position:relative;display:block;aspect-ratio:1/1;background:var(--surface-2)}.pCard-thumb img{display:block;width:100%;height:100%;object-fit:cover}.pCard-thumb .aCard-ph{aspect-ratio:1/1}.pCard-body{display:flex;flex:1;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.pCard-name{font-size:var(--font-size-2);font-weight:700;line-height:1.3;color:var(--ink);text-decoration:none}.pCard-name:hover{color:var(--c-pri)}.pCard-price{font-size:var(--font-size-2);font-weight:800;color:var(--c-pri)}.pCard-price del,.pCard-price del .amount{color:var(--ink-2);font-weight:400;font-size:.85em}.pCard-cta{margin-top:auto;padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);background:var(--c-pri);color:#fff;font-size:var(--font-size-1);font-weight:700;text-align:center;text-decoration:none;transition:background var(--transition)}.pCard-cta:hover{background:var(--c-pri-d)}.pCard-cta--owned{background:var(--c-acc-d)}.pCard-body .added_to_cart{margin-top:var(--space-1);font-size:var(--font-size-1);font-weight:700;text-align:center;color:var(--c-pri)}.hubAcct-id{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-5);padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2)}.hubAcct-name{font-size:var(--font-size-3);font-weight:800}.hubAcct-mail{font-size:var(--font-size-2);color:var(--ink-2)}.hubAcct-tier{align-self:flex-start;margin-top:var(--space-2);padding:2px var(--space-2);background:var(--c-pri);color:#fff;border-radius:var(--radius-1);font-size:var(--font-size-1);font-weight:700}.hubAcct{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2);overflow:hidden}.hubAcct-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);color:var(--ink);font-weight:700;text-decoration:none;transition:background var(--transition)}.hubAcct-row+.hubAcct-row{border-top:1px solid var(--line)}.hubAcct-row:hover{background:var(--surface-2);color:var(--c-pri)}.hubAcct-go{flex:none;color:var(--ink-2)}@media (max-width:800px){.hub{grid-template-columns:1fr;gap:var(--space-4)}.hub-nav ul{flex-direction:row;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);padding-right:32px}.hub-nav ul>li{flex:none}.hub-nav{position:sticky;top:0;z-index:5;padding-top:var(--space-1);background:var(--paper,#fff)}.hub-nav:after{content:"";position:absolute;top:0;right:0;bottom:0;width:32px;background:linear-gradient(to right,transparent,var(--paper,#fff));pointer-events:none}.hub-nav.is-scrolled:before{content:"";position:absolute;top:0;left:0;bottom:0;width:32px;background:linear-gradient(to left,transparent,var(--paper,#fff));pointer-events:none;z-index:1}.hub-nav-link{white-space:nowrap}.hub-nav-sep{flex:none;align-self:stretch;margin:0 var(--space-2);border-top:0;border-left:1px solid var(--ink-3)}}