:root{--hub-bg-top: #0e1618;--hub-bg-bottom: #111d20;--hub-accent: #f2bc63;--hub-accent-soft: rgba(242, 188, 99, .18);--hub-text: #f6f4ea;--hub-text-muted: rgba(246, 244, 234, .72);--hub-card: rgba(248, 244, 232, .08);--hub-border: rgba(248, 244, 232, .12);font-family:Segoe UI,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;min-width:320px;overflow-x:hidden;max-width:100vw}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.hub-shell{position:relative;min-height:100vh;overflow:hidden;color:var(--hub-text);background:radial-gradient(circle at top left,color-mix(in srgb,var(--hub-accent) 24%,transparent),transparent 28%),radial-gradient(circle at top right,rgba(128,197,255,.14),transparent 30%),linear-gradient(180deg,var(--hub-bg-top) 0%,var(--hub-bg-bottom) 100%);transition:background .22s ease,color .22s ease}.hub-backdrop{position:absolute;width:24rem;height:24rem;border-radius:999px;filter:blur(70px);opacity:.22;pointer-events:none}.hub-backdrop--left{top:-7rem;left:-8rem;background:var(--hub-accent)}.hub-backdrop--right{right:-8rem;bottom:8rem;background:#72b4ff}.hub-layout{position:relative;z-index:1;width:min(1400px,calc(100% - 32px));margin:0 auto;padding:32px 0 40px}.hub-hero,.hub-selector,.hub-content,.sidebar-card,.playground-frame{background:var(--hub-card);border:1px solid var(--hub-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 70px #0000002e;transition:background .22s ease,border-color .22s ease,color .22s ease}.hub-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;padding:28px;border-radius:28px}.hub-eyebrow,.sidebar-kicker,.selector-tag{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;color:var(--hub-accent)}.hub-hero h1{margin:12px 0 16px;max-width:11ch;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95;letter-spacing:-.05em}.hub-hero p{margin:0;max-width:64ch;color:var(--hub-text-muted)}.hub-metrics{display:grid;gap:14px}.hub-metrics article,.sidebar-card,.selector-card{border-radius:24px}.hub-metrics article{padding:18px 20px;background:#ffffff0a;border:1px solid var(--hub-border)}.hub-metrics span{display:block;margin-bottom:8px;color:var(--hub-text-muted);font-size:.92rem}.hub-metrics strong{font-size:1.12rem;color:var(--hub-text)}.hub-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;padding:18px;border-radius:28px}.selector-card{padding:20px;text-align:left;color:var(--card-text);border:1px solid var(--card-border);background:linear-gradient(180deg,color-mix(in srgb,var(--card-accent) 9%,rgba(255,255,255,.02)),#ffffff05),linear-gradient(180deg,var(--card-bg-top),var(--card-bg-bottom));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.selector-card:hover,.selector-card.is-active{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-accent) 48%,var(--card-border));box-shadow:0 24px 60px #0003}.selector-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:3px}.selector-card h2{margin:12px 0 10px;font-size:1.35rem;color:var(--card-text)}.selector-card p{margin:0;color:var(--card-muted)}.selector-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.selector-highlights span{padding:7px 10px;border-radius:999px;font-size:.82rem;color:var(--card-text);background:color-mix(in srgb,var(--card-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--card-accent) 28%,var(--card-border))}.hub-content{display:grid;gap:18px;margin-top:22px;padding:18px;border-radius:28px}.hub-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sidebar-card{padding:20px}.sidebar-card h2{margin:10px 0 8px;font-size:1.45rem;color:var(--hub-text)}.sidebar-card p,.sidebar-card li{color:var(--hub-text-muted)}.sidebar-card ul{margin:14px 0 0;padding-left:20px}.playground-frame{padding:14px;border-radius:24px;min-height:70vh}.playground-frame__header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 14px}.playground-frame__header h2{margin:0;font-size:1rem;color:var(--hub-accent);letter-spacing:.08em;text-transform:uppercase}.playground-shadow-host{display:block;min-height:calc(70vh - 48px);border-radius:18px;overflow:hidden;background:#ffffff0a;border:1px solid var(--hub-border)}@media (max-width: 1100px){.hub-hero,.hub-selector{grid-template-columns:1fr}.hub-hero h1{max-width:none}.hub-support{grid-template-columns:1fr}}@media (max-width: 720px){.hub-layout{width:calc(100% - 20px);padding-top:20px}.hub-hero,.hub-selector,.hub-content{padding:14px;border-radius:22px}.hub-hero h1{font-size:clamp(1.8rem,7vw,3rem)}.playground-frame{padding:10px}}@media (max-width: 480px){.hub-hero,.hub-selector,.hub-support{grid-template-columns:1fr}.hub-layout{width:calc(100% - 16px)}.selector-card,.sidebar-card{padding:14px}.selector-highlights span{font-size:.76rem;padding:5px 8px}.sidebar-card li,.sidebar-card p{word-break:break-word;overflow-wrap:break-word}}