.profile-space-shell:has(.profile-center){--ludio-bg: var(--home-color-page);--ludio-surface: var(--home-color-card);--ludio-text: var(--home-color-primary);--ludio-muted: var(--home-color-tertiary);--ludio-line: var(--home-color-divider);color:var(--home-color-primary)}.story-hub-shell--home{--ludio-bg: var(--home-gallery-color-canvas);--ludio-surface: var(--home-gallery-color-surface);--ludio-text: var(--home-gallery-color-title);--ludio-muted: var(--home-gallery-color-meta);--ludio-line: var(--home-gallery-color-border);color:var(--home-gallery-color-title)}:is(.story-hub-shell--home,.profile-space-shell:has(.profile-center)),.story-hub-shell--home .home-header-backdrop{--page-backlight-paint: none}.profile-space-shell:has(.profile-center) ::selection{color:var(--home-color-page);background:var(--ludio-accent-text)}.story-hub-shell--home ::selection{color:var(--home-gallery-color-canvas);background:var(--home-gallery-color-indicatorMiddle)}.topbar-primary .primary-content-tabs.browse-content-tabs{--ludio-text: var(--home-gallery-color-title);--ludio-muted: var(--home-gallery-color-meta);gap:var(--home-space-24);justify-content:safe center}.topbar-primary .primary-content-tabs.browse-content-tabs>button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--home-size-tap);padding-block:var(--home-space-4) 0;font-size:var(--home-font-tab);line-height:var(--home-line-tab);font-weight:var(--home-weight-regular)}.topbar-primary .browse-content-tabs .native-tab-label:before,.topbar-primary .browse-content-tabs .native-tab-label-bold{font-weight:var(--home-weight-semibold)}.topbar-primary .browse-header-actions .search-link{color:var(--home-color-search)}.topbar-primary .browse-header-actions .search-link .ui-icon{width:var(--home-size-search);height:var(--home-size-search);fill:none}.story-card--catalog .cover-scrim{background:none}.story-card--catalog .card-copy:before{content:"";position:absolute;inset:-28px 0 0;z-index:-1;pointer-events:none;opacity:.96;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--home-gallery-color-scrim) 92%,transparent) 48px,var(--home-gallery-color-scrim) 80px)}.story-card--catalog .card-copy{bottom:-2px;gap:4px}.story-card--catalog .card-copy h3{color:var(--home-gallery-color-title);font-size:.9375rem;font-weight:var(--home-gallery-weight-title)}.story-card--catalog .card-copy p{min-height:0;color:var(--home-gallery-color-body);font-size:.71875rem;font-weight:var(--home-gallery-weight-body)}.story-card--catalog .story-taxonomy-tags{min-height:0;margin-block-start:0;gap:4px}.story-card--catalog .story-tag-chip{padding:1px 4px;font-size:.59375rem;font-weight:var(--home-gallery-weight-meta)}.story-card--catalog .story-tag-overflow{font-size:.59375rem}.story-card--catalog .card-copy>.story-rating{margin-top:0;color:var(--home-gallery-color-meta)}.story-card--catalog .story-rating strong{color:inherit;font-weight:var(--home-gallery-weight-meta)}.story-card--catalog .story-rating>.ui-icon:first-child{color:var(--home-color-gold)}@media(max-width:374px){.story-card--catalog .card-copy h3{font-size:.875rem}.story-card--catalog .card-copy p{font-size:.6875rem}}.story-card.story-card--gallery{position:relative;display:block;min-width:0;align-self:start;overflow:hidden;isolation:isolate;border:1px solid var(--ludio-line);border-radius:12px;background:var(--home-gallery-color-scrim);text-decoration:none}.story-card--gallery .story-card-art{display:grid;align-items:end;min-width:0}.story-card--gallery .cover{grid-area:1 / 1;align-self:start;width:100%;border-radius:0;box-shadow:none}.story-card--gallery .cover :is(img,video),.story-card--gallery .cover>.progressive-image{object-fit:contain;object-position:center top}.story-card--gallery .card-copy{position:relative;inset:auto;width:100%;grid-area:1 / 1;z-index:1;isolation:isolate;display:flex;flex-direction:column;gap:3px;min-width:0;padding:8px 10px}:is(.story-card--gallery,.story-gallery-caption) .card-copy :is(h3,p){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;margin:0}:is(.story-card--gallery,.story-gallery-caption) .card-copy h3{color:var(--home-gallery-color-title);font-size:.875rem;line-height:1.3;font-weight:var(--home-gallery-weight-title);text-wrap:wrap}:is(.story-card--gallery,.story-gallery-caption) .card-copy p{min-height:0;color:var(--home-gallery-color-title);font-size:.625rem;line-height:1.4;font-weight:var(--home-gallery-weight-body)}.story-card--gallery .story-card-status{position:absolute;inset-block-start:8px;inset-inline-end:8px;z-index:2;width:max-content;max-width:calc(100% - 76px)}.home-page{--ludio-content-gutter: var(--home-space-16);padding:0 max(var(--home-space-16),env(safe-area-inset-right,0px)) var(--home-space-24) max(var(--home-space-16),env(safe-area-inset-left,0px));background:var(--home-color-page)}.home-hero{position:relative;min-width:0;max-width:100%;margin:0;padding:0}.home-hero-viewport{position:relative;display:grid;width:100%;min-width:0;min-height:var(--home-size-banner);overflow:hidden;border-radius:var(--home-radius-banner);touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;cursor:grab}.home-hero.is-dragging .home-hero-viewport{cursor:grabbing}.home-hero-slide{position:relative;grid-area:1 / 1;min-width:0;width:100%}.home-hero.is-settling .home-hero-slide{transition:transform var(--hero-duration) ease-out}.home-hero-link{position:relative;display:flex;align-items:flex-end;min-height:var(--home-size-banner);height:100%;overflow:hidden;border:0;border-radius:var(--home-radius-banner);background:var(--home-color-card);color:var(--home-gallery-color-title);text-decoration:none;-webkit-user-drag:none}.home-hero-copy{position:relative;z-index:1;min-width:0;width:100%;padding:var(--home-space-12);pointer-events:none}.home-hero-eyebrow{display:block;overflow:hidden;border-inline-start:var(--home-size-marker) solid var(--home-gallery-color-indicatorMiddle);padding-inline-start:var(--home-space-4);margin-bottom:var(--home-space-4);color:var(--home-color-primary);font-size:var(--home-font-nav);font-weight:var(--home-weight-medium);line-height:var(--home-line-nav);white-space:nowrap;text-overflow:ellipsis}.home-hero-copy h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 var(--home-space-4);color:var(--home-color-primary);font-family:var(--ludio-ui-font-family);font-size:var(--home-font-bannerTitle);font-weight:var(--home-gallery-weight-bannerTitle);line-height:var(--home-line-bannerTitle);letter-spacing:normal;overflow-wrap:anywhere}.home-hero-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:var(--home-color-primary);font-size:var(--home-font-sm);font-weight:var(--home-weight-semibold);line-height:var(--home-line-caption);overflow-wrap:anywhere}.home-hero-copy :is(.home-hero-eyebrow,h2,p){-webkit-text-stroke:var(--home-gallery-text-outlineWidth) var(--home-gallery-text-outlineColor);paint-order:stroke fill;text-shadow:var(--home-gallery-text-shadow)}.home-hero-cta{display:inline-flex;align-items:center;gap:var(--home-space-8);max-width:100%;min-height:var(--home-size-tap);margin-top:var(--home-space-8);padding:var(--home-space-6) var(--home-space-12);border:0;border-radius:var(--home-radius-control);color:var(--home-gallery-color-onAccent);background:var(--home-gallery-gradient-action);font-size:var(--home-font-sm);font-weight:var(--home-weight-semibold);line-height:var(--home-line-caption)}.home-hero-cta-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-width:0;overflow:hidden;overflow-wrap:anywhere}.home-hero-cta-arrow{flex:0 0 auto}.home-hero:dir(rtl) .home-hero-cta-arrow{transform:rotate(180deg)}.home-hero-slide.is-spotlight .home-hero-link{align-items:center}.home-hero-slide.is-spotlight .home-hero-copy{width:min(68%,300px)}.home-hero-slide.is-spotlight .home-hero-copy h2{font-size:var(--home-font-bannerTitle)}.home-hero-slide.is-spotlight .home-hero-copy p{max-width:26em;font-size:var(--home-font-sm)}.home-hero-slide.is-spotlight .home-hero-cta{min-height:calc(var(--home-size-tap) - var(--home-space-12));gap:var(--home-space-6);padding:var(--home-space-4) var(--home-space-12);font-size:var(--home-font-xs)}.home-hero-slide.is-spotlight .home-hero-cover>:is(img,video,.progressive-image){object-position:center}.home-hero .home-hero-cover{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;pointer-events:none}.home-hero-cover>:is(img,video,.progressive-image){object-position:center 14%}.home-hero-cover .cover-fallback-label{position:absolute;inset:0;display:grid;place-items:center}.home-hero-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;min-height:var(--home-size-tap);margin:0}.home-hero-pagination button{display:grid;place-items:center;width:var(--home-size-tap);min-height:var(--home-size-tap);padding:0;border:0;background:none;cursor:pointer}.home-hero-pagination button>span{width:var(--home-size-dot);height:var(--home-size-dot);border-radius:var(--home-radius-dot);background:var(--home-color-dot)}.home-hero-pagination button[aria-current=true]>span{width:var(--home-size-capsule);background:var(--home-gallery-gradient-indicator)}.home-hero:focus-visible,.home-hero button:focus-visible,.home-hero-link:focus-visible{outline-offset:-3px}.home-browse-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--home-space-8);min-width:0;margin-block:var(--home-space-4)}.home-browse-toolbar .home-category-strip{display:flex;align-items:center;gap:var(--home-space-8);min-width:0;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;border:0;border-radius:0;background:none}.home-browse-toolbar .home-category-strip::-webkit-scrollbar{display:none}.home-browse-toolbar .category{position:relative;isolation:isolate;flex:0 0 auto;min-width:0;min-height:var(--home-size-tap);padding:var(--home-space-6) var(--home-space-14);border:0;border-radius:9999px;background:none;color:var(--home-color-tertiary);font-size:var(--home-font-control);font-weight:var(--home-weight-regular);line-height:var(--home-line-title);white-space:nowrap;text-align:center;box-shadow:none;cursor:pointer}.home-browse-toolbar .category:before{content:"";position:absolute;inset:var(--home-space-6) 0;z-index:-1;border:1px solid var(--ludio-line);border-radius:inherit;background:transparent;pointer-events:none}.home-browse-toolbar .category.selected{color:var(--home-color-primary);font-weight:var(--home-weight-medium)}.home-browse-toolbar .category.selected:before{border-color:var(--ludio-line-strong);background:var(--ludio-surface-soft)}@media(hover:hover){.home-browse-toolbar .category:not(.selected):hover:before{border-color:var(--ludio-line-strong)}}.home-browse-toolbar .story-topic-filter{flex:0 0 auto;max-width:42%;min-width:0;padding:0;border:0;border-radius:0}.home-browse-toolbar .story-topic-trigger{min-width:var(--home-size-tap);min-height:var(--home-size-tap);padding:var(--home-space-6) 0;color:var(--home-gallery-color-meta);font-size:var(--home-font-control);font-weight:var(--home-weight-regular);line-height:var(--home-line-title);gap:var(--home-space-4)}.home-browse-toolbar .story-topic-trigger>.ui-icon:first-child{display:none}.home-browse-toolbar .story-topic-trigger>.ui-icon:last-child{width:var(--home-space-12);height:var(--home-space-12)}.home-browse-toolbar .has-topic .story-topic-trigger>.ui-icon:last-child{display:none}.home-browse-toolbar .story-topic-clear{padding-block:var(--home-space-6);color:var(--home-gallery-color-meta)}.home-page .home-story-waterfall{--home-story-gap: 12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--home-story-gap)}.home-story-waterfall[data-waterfall=ready]{position:relative;height:var(--waterfall-height)}.home-story-waterfall[data-waterfall=ready]>.story-card{position:absolute;inset-block-start:var(--waterfall-top);inset-inline-start:var(--waterfall-start);width:calc((100% - var(--home-story-gap)) / 2)}@media(max-width:699px){.home-page .home-story-waterfall{--home-story-gap: 10px;margin-inline:calc(12px - var(--ludio-content-gutter))}}@media(prefers-reduced-motion:reduce){.home-hero.is-settling .home-hero-slide{transition:none}}.story-topic-filter{display:flex;flex:0 0 auto;align-items:center;min-width:0;max-width:42%;padding-inline-start:8px;border-inline-start:1px solid var(--ludio-line-strong)}.story-topic-trigger,.story-topic-clear{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;border:0;background:none;color:var(--ludio-muted);cursor:pointer}.story-topic-trigger{flex:1 1 auto;padding:0 4px;font-size:.8rem}.story-topic-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-topic-trigger .ui-icon,.story-topic-clear .ui-icon{flex:0 0 auto;width:18px;height:18px}.story-topic-trigger .ui-icon:last-child{width:16px;height:16px}.story-topic-clear{flex:0 0 44px;padding:0}.story-topic-filter.has-topic :is(.story-topic-trigger,.story-topic-clear){color:var(--ludio-brand-strong)}.story-topic-dialog{--topic-panel: #1d1d1d;--topic-tile: #292929;--topic-muted: #a3a3a3;--topic-selected: var(--ludio-control-selectionFill);--topic-ink: var(--ludio-brand-strong);position:fixed;inset:0;width:min(100%,var(--ludio-consumer-canvas-width, 480px));max-width:100%;height:var(--app-viewport-height, 100dvh);max-height:100dvh;padding:0;margin:0 auto;border:0;border-radius:0;background:var(--ludio-bg);color:var(--ludio-text);overflow:hidden}.story-topic-dialog[open]{display:flex;flex-direction:column}.story-topic-dialog::backdrop{background:var(--ludio-overlay)}.story-topic-header{display:flex;flex:0 0 auto;align-items:center;gap:4px;padding:max(8px,env(safe-area-inset-top)) 8px 8px}.story-topic-header button,.story-topic-search button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:0;background:none;color:var(--ludio-text);cursor:pointer}.story-topic-header .ui-icon{width:24px;height:24px}.story-topic-title{flex:1;min-width:0;margin:0;font-size:16px;font-weight:650;line-height:1.4;text-align:center;overflow-wrap:anywhere}.story-audience-fieldset{min-width:0;margin:8px 0 0;padding:0;border:0}.story-audience-fieldset legend{margin-bottom:4px;padding:0;color:var(--topic-muted);font-size:12px;line-height:1.5}.story-audience-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.story-audience-choice{position:relative;isolation:isolate;display:grid;place-items:center;min-width:0;min-height:44px;padding:6px;color:var(--ludio-text);font-size:12px;line-height:1.4;text-align:center;cursor:pointer;overflow-wrap:anywhere}.story-audience-choice:before{content:"";position:absolute;z-index:-1;inset:6px 0;border-radius:var(--ludio-control-radius);background:var(--topic-tile);pointer-events:none}.story-audience-choice:has(input:checked){color:var(--ludio-accent-text)}.story-audience-choice:has(input:checked):before{background:var(--topic-selected)}:where([data-keyboard]) .story-topic-dialog :is(button,input):focus-visible,:where([data-keyboard]) .story-audience-choice:has(input:focus-visible){outline:2px solid var(--topic-ink);outline-offset:-2px}.story-topic-search{display:flex;flex:0 0 auto;align-items:center;gap:8px;margin:0 10px 8px;padding-inline-start:12px;border-radius:8px;background:var(--topic-tile)}.story-topic-search[hidden]{display:none}.story-topic-search>.ui-icon{flex:0 0 18px;width:18px;height:18px;color:var(--topic-muted)}.story-topic-search input{min-width:0;width:100%;height:44px;padding:8px 0;border:0;background:none;color:inherit;caret-color:var(--topic-ink);font-size:16px}.story-topic-search input::placeholder{color:var(--topic-muted)}.story-topic-search input::-webkit-search-cancel-button{display:none}.story-topic-options{flex:1;min-width:0;min-height:0;padding:8px 12px 18px;background:var(--topic-panel);overflow-y:auto;overscroll-behavior:none;touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:var(--topic-tile) transparent}.story-topic-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px}.story-topic-heading [role=status],.story-topic-hint{color:var(--topic-muted);font-size:12px;line-height:1.6}.story-topic-hint{margin:0}.story-topic-facet{margin-top:12px}.story-topic-facet h3{margin:0 0 4px;color:var(--topic-muted);font-size:12px;font-weight:400;line-height:1.5}.story-topic-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:0 6px}.story-topic-option{position:relative;isolation:isolate;display:grid;place-items:center;min-width:0;min-height:44px;padding:6px 4px;border:0;border-radius:0;background:none;color:var(--ludio-text);font-size:12px;line-height:1.4;text-align:center;overflow-wrap:anywhere;cursor:pointer}.story-topic-option:not(.story-topic-all):before{content:"";position:absolute;z-index:-1;inset:6px 0;border-radius:var(--ludio-control-radius);background:var(--topic-tile);pointer-events:none}.story-topic-option.selected{color:var(--ludio-accent-text)}.story-topic-option.selected:before{background:var(--topic-selected)}.story-topic-option.story-topic-all{min-height:32px;padding:2px 0;background:none;color:var(--topic-muted)}.story-topic-option.story-topic-all.selected{color:var(--topic-ink)}.story-topic-empty{margin-block:40px;color:var(--topic-muted);font-size:14px;line-height:1.6}.story-topic-footer{display:grid;grid-template-columns:1fr 2fr;gap:8px;flex:0 0 auto;padding:8px 12px max(12px,env(safe-area-inset-bottom));background:var(--topic-panel)}.story-topic-footer button{min-height:44px;min-width:0;padding:8px 12px;border:0;border-radius:var(--ludio-control-radius);font-size:14px;cursor:pointer;overflow-wrap:anywhere}.story-topic-dialog .story-topic-footer .secondary{background:var(--topic-tile);color:var(--ludio-text)}.story-topic-dialog .story-topic-footer .primary{background:var(--topic-ink);color:var(--ludio-bg);box-shadow:none}.story-topic-apply-count{white-space:nowrap}.story-topic-dialog[dir=rtl] .story-topic-back .ui-icon{transform:scaleX(-1)}@media(hover:hover){.story-topic-option:not(.selected):hover,.story-audience-choice:not(:has(input:checked)):hover{color:var(--topic-ink)}}@media(max-width:359px){.story-topic-filter{max-width:44%}.story-topic-options{padding-inline:10px}}
