.cx-step2{display:grid;gap:1.5rem;grid-template-areas:"preview" "chips" "opt"}.cx-step2__chips{grid-area:chips;min-width:0}.cx-step2__opt{grid-area:opt}.cx-step2__preview{grid-area:preview;min-width:0}@media (min-width:992px){.cx-step2{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"chips preview" "opt preview";grid-template-rows:auto 1fr;column-gap:2rem}}.cx-preview{display:flex;align-items:center;gap:1rem}.cx-preview[hidden]{display:none}.cx-preview__phone{flex:none;width:150px;margin:0}@media (min-width:992px){.cx-preview{flex-direction:column;gap:0}.cx-preview__phone{width:240px;margin:0 auto}}.cx-preview__screen{position:relative;aspect-ratio:9 / 19.5;border-radius:16px;overflow:hidden;background:var(--color-canvas);container-type:inline-size}.cx-preview__layer{position:absolute;inset:0;opacity:0;transition:opacity 0.28s ease}.cx-preview__layer.is-in{opacity:1}@media (prefers-reduced-motion:reduce){.cx-preview__layer{transition:none}}.cx-preview__caption{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--color-body)}@media (min-width:992px){.cx-preview__caption{max-width:22rem;min-height:4.5em;margin-top:0.75rem;text-align:center}}.cx-preview__label{font-weight:700;color:var(--color-heading)}.cx-app{--cx-c:var(--hb-reward);display:flex;flex-direction:column;height:100%;background:var(--color-surface);color:var(--color-heading);font-family:var(--font-body);font-size:clamp(4px,4.3cqi,10.5px);line-height:1.3}.cx-app--sport{--cx-c:var(--hb-live-green)}.cx-app--music{--cx-c:var(--hb-handshake-violet)}.cx-app--fashion{--cx-c:var(--hb-delight)}.cx-app--pop-culture{--cx-c:var(--hb-pink)}.cx-app--health-wellness{--cx-c:var(--hb-reward-lime)}.cx-app--education{--cx-c:var(--hb-signal-blue)}.cx-app--food{--cx-c:var(--hb-momentum)}.cx-app--celebrity{--cx-c:var(--hb-delight)}.cx-app--events-festivals{--cx-c:var(--hb-coral)}.cx-app--business{--cx-c:var(--hb-pulse-cyan)}.cx-app--comedy{--cx-c:var(--hb-reward)}.cx-app--motor{--cx-c:var(--hb-error)}.cx-app--news{--cx-c:var(--hb-slate)}.cx-app--none{--cx-c:var(--color-border-strong)}.cx-app__bar{display:flex;align-items:center;gap:0.6em;padding:1.9em 1em 0.8em;background:color-mix(in srgb,var(--cx-c) 22%,var(--color-surface));border-bottom:2px solid var(--cx-c)}.cx-app__mark{flex:none;width:1.6em;height:1.6em;border-radius:0.5em;background:var(--gradient-signature)}.cx-app__name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-display);font-size:1.2em}.cx-app__pts{flex:none;padding:0.2em 0.7em;border-radius:999px;background:var(--hb-reward);color:var(--hb-night);font-size:0.85em;font-weight:700}.cx-app__feed{flex:1;min-height:0;display:flex;flex-direction:column;gap:0.7em;padding:0.8em;overflow:hidden}.cx-card{display:flex;gap:0.7em;padding:0.6em;border:1px solid var(--color-border);border-radius:1em;background:var(--color-surface-raised)}.cx-card__art{flex:none;width:4.4em;height:4.4em;border-radius:0.7em;background:linear-gradient(135deg,var(--cx-c),color-mix(in srgb,var(--cx-c) 25%,var(--hb-night)))}.cx-card--empty .cx-card__art{background:var(--color-border)}.cx-card__body{display:flex;flex-direction:column;gap:0.2em;min-width:0}.cx-card__meta{display:flex;align-items:center;gap:0.4em;font-size:0.8em;color:var(--color-body)}.cx-card__new{padding:0 0.4em;border-radius:0.4em;background:var(--hb-live-green);color:var(--hb-night);font-weight:700}.cx-card__title{font-size:1.05em}.cx-card__text{font-size:0.9em;color:var(--color-body)}.cx-game{display:grid;grid-template-columns:6.8em minmax(0,1fr);gap:0.8em;padding:0.6em;border:1px solid color-mix(in srgb,var(--cx-c) 45%,transparent);border-radius:1em;background:color-mix(in srgb,var(--cx-c) 14%,var(--color-surface-raised))}.cx-game__art{display:block;width:6.8em;height:8.6em;overflow:hidden;border-radius:0.7em;background:radial-gradient(circle at 50% 40%,var(--cx-c),var(--hb-night) 75%)}.cx-game__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 70%}.cx-game__copy{display:flex;flex-direction:column;align-items:flex-start;gap:0.3em;min-width:0}.cx-game__copy>b{font-size:1.05em}.cx-game__copy>span:not(.cx-btn){font-size:0.9em;color:var(--color-body)}.cx-btn{margin-top:auto;padding:0.3em 0.9em;border-radius:999px;background:var(--cx-c);color:var(--hb-night);font-size:0.9em;font-weight:700}.cx-poll{display:flex;flex-direction:column;gap:0.4em;padding:0.7em;border:1px solid var(--color-border);border-radius:1em;background:var(--color-surface-raised)}.cx-poll__q{font-size:1em}.cx-opt{padding:0.3em 0.7em;border:1px solid var(--color-border-strong);border-radius:999px;font-size:0.9em}.cx-opt.is-on{border-color:var(--cx-c);background:color-mix(in srgb,var(--cx-c) 20%,transparent)}.cx-reward{display:flex;align-items:center;gap:0.7em;padding:0.7em;border:1px solid color-mix(in srgb,var(--hb-reward) 50%,transparent);border-radius:1em;background:color-mix(in srgb,var(--hb-reward) 14%,var(--color-surface-raised))}.cx-reward__icon{flex:none;width:2.2em;height:2.2em;border-radius:50%;background:var(--hb-reward);box-shadow:inset 0 0 0 0.4em color-mix(in srgb,var(--hb-night) 25%,var(--hb-reward))}.cx-reward__copy{display:flex;flex-direction:column;min-width:0}.cx-reward__copy>span{font-size:0.9em;color:var(--color-body)}.cx-banner{display:block;flex:none;overflow:hidden;border-radius:0.8em}.cx-banner img{display:block;width:100%;height:auto}.cx-app__feed{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.cx-sec{display:flex;align-items:center;gap:0.5em;margin-top:0.3em;font-size:0.95em;color:var(--color-heading)}.cx-sec:first-child{margin-top:0}.cx-sec__n{flex:none;display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:var(--cx-c);color:var(--hb-night);font-size:0.8em;font-weight:700}.cx-card--pod .cx-card__art{border-radius:50%}.cx-card--social .cx-card__art{border-radius:0.7em 0.7em 0.7em 0.1em}.cx-card--event .cx-card__art{border-radius:0.3em 0.7em}.cx-note{margin:0;padding:0.4em 0.7em;border-radius:0.8em;background:color-mix(in srgb,var(--hb-reward) 18%,var(--color-surface-raised));font-size:0.9em;font-weight:700}.cx-explore{margin-top:2rem;display:grid;gap:1.5rem;align-items:start}.cx-explore[hidden]{display:none}@media (min-width:992px){.cx-explore{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:2rem}}.cx-explore__title{margin:0 0 .25rem;font-size:var(--text-lg,1.125rem)}.cx-explore__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0;padding:0;border:0}.cx-chipbtn{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 1rem;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface);color:var(--color-heading);font:inherit;cursor:pointer}.cx-chipbtn:hover{border-color:var(--hb-pulse-cyan)}.cx-chipbtn[aria-pressed="true"]{border-color:var(--hb-pulse-cyan);box-shadow:inset 0 0 0 1px var(--hb-pulse-cyan)}.cx-chipbtn[aria-pressed="true"]::before{content:"\2713"}.cx-chipbtn:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.cx-stack{margin:1rem 0 0;padding-left:1.25rem;color:var(--color-body)}.cx-value{display:grid;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none}@media (min-width:768px){.cx-value{grid-template-columns:repeat(3,minmax(0,1fr))}}.cx-value li{padding:.9rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md,12px);background:var(--color-surface)}.cx-value b{display:block;color:var(--color-heading);font-family:var(--font-display);font-size:1.15rem}.cx-value span{color:var(--color-body)}.cx-free{margin:.75rem 0 0;font-weight:700;color:var(--color-heading)}.cx-jump{position:sticky;top:72px;z-index:19;background:color-mix(in srgb,var(--color-canvas) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.cx-jump ul{display:flex;flex-wrap:nowrap;gap:.5rem;margin:0;padding:.6rem 0;list-style:none;overflow-x:auto;scrollbar-width:none}.cx-jump a{display:inline-flex;align-items:center;min-height:44px;padding:.25rem 1rem;border:1px solid var(--color-border-strong);border-radius:999px;white-space:nowrap;color:var(--color-heading);text-decoration:none}.cx-jump a:hover{border-color:var(--hb-pulse-cyan)}.cx-jump a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}main [id]{scroll-margin-top:9rem}.cx-resp{margin:.75rem 0 0;font-size:var(--text-sm);color:var(--color-body)}.cx-resp strong{color:var(--color-heading)}