@layer components{.dc-filters{flex-direction:column;gap:12px;display:flex}@media (min-width:1024px){.dc-filters{flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:32px}.dc-search{flex-shrink:0;width:320px}}.dc-card,.dc-feature{isolation:isolate;background:var(--app-surface);text-align:left;width:100%;color:var(--app-ink);box-shadow:inset 0 0 0 1px var(--app-line);border-radius:24px;display:block;position:relative;overflow:hidden}.dc-card{aspect-ratio:4/5}.dc-media{z-index:-1;position:absolute;inset:0}.dc-media img,.dc-media video{object-fit:cover;object-position:center 20%;width:100%;height:100%;position:absolute;inset:0}.dc-media img{transition:transform .7s var(--app-ease)}.dc-media video{opacity:0;transition:opacity .5s var(--app-ease)}.dc-media[data-playing=true] video,.cs-clip[data-playing=true] video{opacity:1}@media (hover:hover) and (pointer:fine){.dc-card:hover .dc-media img{transform:scale(1.03)}}.dc-media:after{content:"";background:linear-gradient(#0b090900 45%,#0b09098c 72%,#0b0909eb 100%);position:absolute;inset:0}.dc-top{pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.dc-body{flex-direction:column;gap:4px;padding:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.dc-line{text-overflow:ellipsis;white-space:nowrap;color:#f7f1eacc;overflow:hidden}.dc-tags{flex-wrap:wrap;gap:4px;padding-top:4px;display:flex}.dc-tags>span{color:var(--app-ink);text-transform:capitalize;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f1ea1f;border-radius:9999px;padding:2px 8px}.dc-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:480px){.dc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.dc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}@media (min-width:1280px){.dc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.dc-rail{margin-inline:calc(var(--app-gutter) * -1);padding:0 var(--app-gutter) 4px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--app-gutter);scrollbar-width:none;overscroll-behavior-x:contain;gap:12px;display:flex;overflow-x:auto}.dc-rail::-webkit-scrollbar{display:none}.dc-rail>li{scroll-snap-align:start;flex:0 0 86%;max-width:440px}@media (min-width:768px){.dc-rail{gap:16px;margin-inline:0;padding-inline:0}.dc-rail>li{flex-basis:440px}}@media (min-width:1024px){.dc-rail>li{flex-basis:calc(33.3333% - 10.6667px);max-width:none}}.dc-feature{aspect-ratio:4/3}.dc-feature .dc-media img,.dc-feature .dc-media video{object-position:center 18%}.dc-quiz{text-align:left;background:var(--app-surface);border:1px solid #e8c9a03d;border-radius:24px;align-items:center;gap:12px;width:100%;padding:12px 16px 12px 12px;display:flex}.dc-quiz:hover{background:var(--app-surface-2)}@media (min-width:768px){.dc-quiz{max-width:560px}}.app-sheet-panel:has(.cs-body) .app-sheet-grab{z-index:3;height:24px;position:absolute;top:0;left:0;right:0}.app-sheet-panel:has(.cs-body) .app-sheet-grab>span{background:#f7f1ea99}.app-sheet-panel:has(.cs-body) .app-sheet-head{z-index:2;position:absolute;top:12px;left:0;right:0}.app-sheet-panel:has(.cs-body) .app-sheet-head .app-icon-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b09098c}.app-sheet-body.cs-body{padding:0}.cs-layout{flex-direction:column;display:flex}.cs-media{isolation:isolate;aspect-ratio:4/5;background:var(--app-surface);width:100%;max-height:62dvh;position:relative;overflow:hidden}.cs-clip{position:absolute;inset:0}.cs-media img,.cs-media video{object-fit:cover;object-position:center 20%;width:100%;height:100%;position:absolute;inset:0}.cs-media video{opacity:0;transition:opacity .5s var(--app-ease)}.cs-media-shade{background:linear-gradient(to top, var(--app-sheet) 0%, #14101000 32%);position:absolute;inset:0}.cs-media .dc-top{inset:auto auto 16px 16px}.cs-info{padding:8px var(--app-gutter) 0;flex-direction:column;gap:24px;display:flex}.cs-tag{background:var(--app-fill);border:1px solid var(--app-line);color:var(--app-ink);text-transform:capitalize;border-radius:9999px;padding:4px 12px}.cs-bubble{background:var(--app-surface-2);border:1px solid var(--app-line);width:fit-content;max-width:92%;color:var(--app-ink);border-radius:20px 20px 20px 4px;padding:12px 16px}.cs-cta{margin-inline:calc(var(--app-gutter) * -1);padding:12px var(--app-gutter) calc(12px + var(--app-safe-bottom));background:var(--app-sheet);box-shadow:0 -16px 24px var(--app-sheet);flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}@media (min-width:768px){.app-sheet-panel:has(.cs-body) .app-sheet-head{top:8px}.cs-layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch;display:grid}.cs-media{height:100%;min-height:520px;max-height:none}.cs-media video{opacity:0;transition:opacity .5s var(--app-ease)}.cs-media-shade{display:none}.cs-info{padding:64px 32px 24px}.cs-cta{box-shadow:none;margin:0;padding:0;position:static}}@media (prefers-reduced-motion:reduce){.dc-card:hover .dc-media img{transform:none}}}