.ch-hero{isolation:isolate;position:relative}.ch-backdrop{z-index:-1;pointer-events:none;background:radial-gradient(50% 70% at 82% 20%,#c9826b59,#0000 70%),radial-gradient(55% 80% at 12% 10%,#5c1a2ee6,#0000 70%),#0b0909;position:absolute;inset:-96px 0 0;overflow:hidden}.ch-backdrop canvas{opacity:0;transition:opacity 1.4s var(--lp-ease)}.ch-backdrop[data-ready=true] canvas{opacity:.85}.ch-backdrop:after{content:"";background:linear-gradient(#0b09091a 0%,#0b090959 55%,#0b0909 100%),radial-gradient(60% 80% at 18% 60%,#0b09098c,#0000 70%);position:absolute;inset:0}.ch-chips{scrollbar-width:none;gap:8px;margin-inline:-16px;padding:4px 16px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 32px),#0000)}.ch-chips::-webkit-scrollbar{display:none}@media (min-width:768px){.ch-chips{flex-wrap:wrap;margin-inline:0;padding:0;overflow:visible;-webkit-mask-image:none;mask-image:none}}.ch-chip{isolation:isolate;border:1px solid var(--lp-line);min-height:40px;color:var(--lp-muted);text-transform:capitalize;white-space:nowrap;transition:color .3s var(--lp-ease), transform .3s var(--lp-ease);background:#f7f1ea0a;border-radius:9999px;flex-shrink:0;padding:8px 16px;position:relative;overflow:hidden}.ch-chip:before{content:"";z-index:-1;opacity:0;transition:opacity .3s var(--lp-ease);background-image:linear-gradient(110deg,#f8e8cf 0%,#e8c9a0 50%,#dba493 100%);position:absolute;inset:0}.ch-chip:hover{color:var(--lp-ivory)}.ch-chip:active{transform:scale(.97)}.ch-chip[aria-pressed=true]{color:#160d0a;border-color:#0000}.ch-chip[aria-pressed=true]:before{opacity:1}@media (pointer:coarse){.ch-chip{min-height:44px}}.ch-search{flex-shrink:0;align-items:center;width:100%;display:flex;position:relative}@media (min-width:1024px){.ch-search{width:320px}}.ch-search input{border:1px solid var(--lp-line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;min-height:44px;color:var(--lp-ivory);background:#140f0e99;border-radius:9999px;padding:8px 40px}.ch-search input::placeholder{color:#8f847d}.ch-search input::-webkit-search-cancel-button{appearance:none}.ch-search-icon{z-index:1;color:var(--lp-muted);pointer-events:none;position:absolute;left:16px}.ch-search-clear{width:36px;height:36px;color:var(--lp-muted);transition:color .3s var(--lp-ease);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:4px}.ch-search-clear:hover{color:var(--lp-ivory)}.ch-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:640px){.ch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.ch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}@media (min-width:1280px){.ch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ch-grid[data-feature=true]>li:first-child{grid-area:span 2/span 2}}.ch-card{isolation:isolate;aspect-ratio:3/4;border:1px solid var(--lp-faint);height:100%;transition:transform .5s var(--lp-ease), box-shadow .5s var(--lp-ease);background:#181818;border-radius:24px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.ch-card:hover{transform:translateY(-4px);box-shadow:0 32px 80px #00000080}.ch-card:has(.ch-cta:focus-visible){outline:2px solid var(--lp-champagne);outline-offset:4px}.ch-media{z-index:-1;position:absolute;inset:0}.ch-media img,.ch-media video{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform 1.2s var(--lp-ease), opacity .6s var(--lp-ease);position:absolute;inset:0}.ch-media video{opacity:0}.ch-card[data-playing=true] .ch-media video{opacity:1}.ch-card:hover .ch-media img,.ch-card:hover .ch-media video{transform:scale(1.04)}.ch-media:after{content:"";background:linear-gradient(#0b090959 0%,#0b090900 22% 45%,#0b0909b3 72%,#0b0909f0 100%);position:absolute;inset:0}.ch-ai,.ch-plus{pointer-events:none;position:absolute;top:16px}.ch-ai{left:16px}.ch-plus{color:var(--lp-champagne);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b090973;border:1px solid #e8c9a066;border-radius:9999px;padding:2px 8px;right:16px}.ch-body{flex-direction:column;align-items:flex-start;gap:8px;padding:24px;display:flex}.ch-card[data-featured=true] .ch-body{gap:12px;padding:32px}.ch-tagline{color:#f7f1eac7;text-wrap:pretty}.ch-tags{flex-wrap:wrap;gap:8px;display:flex}.ch-tags li{text-transform:capitalize;color:var(--lp-ivory);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f1ea1a;border:1px solid #f7f1ea1a;border-radius:9999px;padding:2px 8px}.ch-cta{color:var(--lp-ivory);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f1ea14;border:1px solid #f7f1ea33;border-radius:9999px;outline:none;align-items:center;gap:8px;margin-top:8px;padding:8px 16px;display:inline-flex;position:static}.ch-cta:after{content:"";z-index:1;border-radius:24px;position:absolute;inset:0}.ch-cta-arrow{transition:transform .3s var(--lp-ease)}.ch-card:hover .ch-cta,.ch-cta:focus-visible{color:#160d0a;background-image:linear-gradient(110deg,#f8e8cf 0%,#e8c9a0 50%,#dba493 100%);border-color:#0000}.ch-card:hover .ch-cta-arrow,.ch-cta:focus-visible .ch-cta-arrow{transform:translate(4px)}.ch-empty{text-align:center;border:1px solid var(--lp-line);background:#140f0e99;border-radius:24px;flex-direction:column;align-items:center;gap:24px;padding:64px 24px;display:flex}.ch-empty-faces{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ch-quiz{isolation:isolate;position:relative}@media (prefers-reduced-motion:reduce){.ch-card,.ch-card:hover,.ch-card:hover .ch-media img,.ch-card:hover .ch-media video,.ch-chip:active,.ch-card:hover .ch-cta-arrow{transform:none}}
