.story-rating{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;max-width:100%;color:var(--ludio-muted);font-size:11px;line-height:1.6;text-align:start}.story-rating strong{color:var(--ludio-text);font-weight:600;font-variant-numeric:tabular-nums}.story-rating>.ui-icon:first-child{width:12px;height:12px;color:var(--ludio-rating);fill:currentColor}.story-rating--prominent{font-size:13px}.story-rating--prominent>.ui-icon:first-child{width:16px;height:16px}button.story-rating{min-height:44px;padding:4px 0;border:0;background:transparent;cursor:pointer}.card-copy>.story-rating{margin-top:7px}.story-rating-panel{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 0;border-bottom:1px solid var(--ludio-line-strong)}.story-rating-panel p{margin:0;color:var(--ludio-muted);font-size:12px}.personal-story-rating{display:flex;align-items:center;gap:8px;min-height:40px;max-width:100%;padding:0;border:0;background:transparent;color:var(--ludio-muted);font-size:11px;cursor:pointer}.personal-rating-stars{display:flex;gap:2px;color:var(--ludio-line-strong)}.personal-rating-stars .filled{color:var(--ludio-rating)}.personal-rating-stars .ui-icon,.personal-story-rating>.ui-icon{width:13px;height:13px}.personal-rating-stars .ui-icon{fill:none}.personal-rating-stars .filled .ui-icon{fill:currentColor}.library-rated-card{min-width:0}.library-rated-card>.library-card{min-height:142px}.library-rated-card>.personal-story-rating{margin-inline-start:116px}.studio-rating-feedback{position:relative;z-index:2;margin-top:8px;pointer-events:auto}.studio-rating-feedback summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;color:var(--ludio-muted);font-size:11px}.studio-rating-feedback summary>.ui-icon{width:12px;height:12px}.studio-rating-distribution{display:grid;gap:5px;padding:4px 0 8px}.studio-rating-distribution>div{display:grid;grid-template-columns:18px minmax(40px,1fr) 32px;align-items:center;gap:8px;color:var(--ludio-muted);font-size:11px}.studio-rating-distribution meter{width:100%;height:8px;accent-color:var(--ludio-accent)}.studio-rating-distribution span:last-child{text-align:end;font-variant-numeric:tabular-nums}:where([data-keyboard]) :is(button.story-rating,.personal-story-rating,.studio-rating-feedback summary):focus-visible{outline:2px solid var(--ludio-accent-text);outline-offset:3px;border-radius:4px}.story-avatar-lightbox-backdrop{position:fixed;z-index:80;inset:var(--detail-overlay-top, 0px) 0 auto;display:grid;place-items:center;box-sizing:border-box;width:100%;height:var(--detail-overlay-height, 100dvh);padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));overscroll-behavior:none;background:color-mix(in srgb,var(--ludio-bg) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-avatar-lightbox{--dialog-header-inset: 12px;position:relative;display:flex;flex-direction:column;align-items:center;gap:0;box-sizing:border-box;width:min(100%,520px,var(--ludio-consumer-frame-width));max-height:100%;padding:12px;overflow:auto;overscroll-behavior:none;border:1px solid var(--ludio-line-strong);border-radius:var(--ludio-radius-lg);background:var(--ludio-surface);color:var(--ludio-text);box-shadow:var(--ludio-shadow-soft)}.story-avatar-lightbox img{display:block;flex:0 1 auto;width:100%;height:auto;min-height:0;max-height:calc(var(--detail-overlay-height, 100dvh) - max(16px,env(safe-area-inset-top,0px)) - max(16px,env(safe-area-inset-bottom,0px)) - 94px);object-fit:contain;border-radius:var(--ludio-radius-md)}.story-page:is(.detail,.theatre){--story-entry-gutter: clamp(20px, 5vw, 24px);--story-entry-bottom: max(12px, env(safe-area-inset-bottom, 0px));--story-entry-height: 52px;--story-entry-font: var(--ludio-control-font)}@media(max-width:360px){.story-page:is(.detail,.theatre){--story-entry-font: 13px}}@media(min-width:600px){:root[data-native-platform] .story-page:is(.detail,.theatre){--story-entry-gutter: max(24px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px))}}.immersive-shell .story-page.detail{--story-detail-header-height: calc(56px + env(safe-area-inset-top)) ;--story-detail-gutter: var(--story-entry-gutter);max-width:var(--ludio-consumer-canvas-width);padding:0;background:var(--ludio-bg)}.immersive-shell .story-page.detail.story-detail-empty{padding-top:calc(var(--story-detail-header-height) + 24px)}.story-page.detail>.story-detail-navigation{position:fixed;top:0;left:50%;z-index:20;width:var(--ludio-consumer-frame-width, 100%);transform:translate(-50%);border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.story-page.detail>.story-detail-navigation.is-scrolled{background:var(--ludio-bg);box-shadow:inset 0 -1px 0 var(--ludio-line)}.story-page.detail>.story-detail-navigation>.page-navigation-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.story-detail-toolbar{display:flex;align-items:center;gap:4px}.story-detail-like{position:relative;flex:none}.story-detail-navigation :is(.page-navigation-back,.story-menu-trigger,.story-detail-like-button){color:var(--ludio-text);filter:drop-shadow(0 1px 3px rgb(0 0 0 / .55))}.story-page.detail .detail-transcript{min-height:0;padding:0}.story-page.detail .story-inline-notice{top:calc(var(--story-detail-header-height) + 10px);padding:10px 12px;border-color:var(--ludio-line-strong);border-radius:var(--ludio-radius-md);background:var(--ludio-surface-raised);color:var(--ludio-text);box-shadow:var(--ludio-shadow-soft)}.story-page.detail .story-inline-notice>button{flex:0 0 44px;width:44px;min-height:44px;color:var(--ludio-muted)}.story-page.detail .story-detail-shell{display:block;width:100%;max-width:none;margin:0;padding-bottom:calc(96px + env(safe-area-inset-bottom));text-align:start}.story-page.detail .story-detail-lead{position:relative;display:flex;align-items:flex-end;min-height:clamp(400px,110vw,520px);height:auto;margin-bottom:-30px;padding:calc(var(--story-detail-header-height) + clamp(176px,50vw,224px)) 0 0;isolation:isolate}.story-page.detail .story-detail-hero{position:absolute;inset:0;z-index:0;width:100%;height:auto;min-height:0;transform:none;border-radius:0;background:var(--ludio-surface)}.story-page.detail .story-detail-hero:after{display:none}.story-page.detail .story-intro-cover{width:100%;height:100%}.story-page.detail .story-intro-cover img{object-position:center top}.story-page.detail .story-intro-cover .cover-scrim{background:linear-gradient(180deg,color-mix(in srgb,var(--ludio-bg) 48%,transparent),transparent 28%,color-mix(in srgb,var(--ludio-bg) 74%,transparent) 67%,var(--ludio-bg) 100%)}.story-page.detail .story-detail-copy{position:relative;top:-30px;z-index:1;width:100%;gap:8px;padding:20px var(--story-detail-gutter) 8px;background:transparent}.story-detail-heading{display:grid;gap:6px}.story-page.detail .story-detail-title{margin:0;color:var(--ludio-text);font-size:clamp(24px,6.2vw,28px);font-weight:700;line-height:1.35;letter-spacing:-.035em;text-wrap:pretty;overflow-wrap:anywhere}.story-page.detail .story-detail-subtitle{margin:0;color:color-mix(in srgb,var(--ludio-text) 78%,transparent);font-size:13px;line-height:1.7}.story-page.detail .story-taxonomy-tags{gap:7px;margin:0}.story-page.detail .story-tag-chip{padding:4px 8px;font-size:11px}.story-page.detail .story-detail-meta-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;width:100%;min-height:40px}.story-page.detail .story-detail-author{display:inline-flex;flex:0 1 auto;align-items:center;min-width:0;min-height:44px;gap:10px;color:var(--ludio-text);font-size:13px;font-weight:500;text-decoration:none;overflow-wrap:anywhere}.story-page.detail .story-detail-author .character-avatar{flex:none;width:36px;height:36px;overflow:hidden;border:1px solid var(--ludio-line-strong);border-radius:50%;font-size:14px}.story-page.detail .story-detail-author .character-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.story-page.detail .story-detail-author>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){.story-page.detail .story-detail-author:hover{text-decoration:underline}}.story-page.detail .story-detail-comments-button{flex:none;margin-inline-start:auto}.story-page.detail .story-detail-social-button:where(:not(.navigation-icon)){display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:50px;padding:4px;cursor:pointer;border:0;border-radius:var(--ludio-radius-md);background:transparent;color:var(--ludio-text);font-size:11px;line-height:1}.story-page.detail .story-detail-social-button .ui-icon{width:var(--navigation-icon-size, 23px);height:var(--navigation-icon-size, 23px)}:where([data-keyboard]) .story-page.detail .story-detail-social-button:focus-visible{background:color-mix(in srgb,var(--ludio-text) 8%,transparent)}@media(hover:hover){.story-page.detail .story-detail-social-button:hover{background:color-mix(in srgb,var(--ludio-text) 8%,transparent)}}.story-page.detail .story-detail-social-button.selected .ui-icon{color:var(--ludio-like);fill:currentColor}.story-page.detail .story-detail-social-error,.story-page.detail .story-author-follow-error{position:absolute;inset-inline-end:0;top:100%;z-index:8;width:min(240px,70vw);margin:0 0 4px;padding:8px 10px;border:1px solid var(--ludio-line);border-radius:var(--ludio-radius-md);background:var(--ludio-surface);color:var(--ludio-text);font-size:12px;line-height:1.5}.story-page.detail .story-detail-anchor-nav{--section-nav-top: var(--story-detail-header-height);--section-nav-gutter: var(--story-detail-gutter);background:var(--ludio-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.story-page.detail .story-detail-panel{position:relative;z-index:2;padding:0 var(--story-detail-gutter);background:var(--ludio-bg)}.story-page.detail .story-detail-flow{display:grid;gap:0}.story-page.detail .story-detail-section{display:grid;gap:12px;padding:20px 0;border-bottom:1px solid var(--ludio-line);scroll-margin-top:calc(var(--story-detail-header-height) + 60px)}.story-page.detail .story-detail-section:last-child{border-bottom:0}.story-page.detail .story-detail-section h2{margin:0;color:var(--ludio-text);font-size:18px;font-weight:650;letter-spacing:.01em;line-height:1.4}.story-page.detail .story-detail-section h2:focus{outline:none}.story-detail-section-heading{display:flex;align-items:center;gap:9px}.story-detail-section-heading>.ui-icon{flex:none;width:19px;height:19px;color:var(--ludio-brand-strong)}.story-page.detail .story-profile{margin:0;color:var(--ludio-muted);font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.story-page.detail .story-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.story-page.detail .story-description.is-expanded{display:block}.story-page.detail .story-detail-expand{display:inline-flex;align-items:center;justify-self:start;gap:6px;min-height:44px;margin:-8px 0 -6px;padding:0;border:0;background:transparent;color:var(--ludio-brand-strong);font-size:13px;font-weight:600}.story-page.detail .story-detail-expand .ui-icon{width:15px;height:15px;transform:none}.story-page.detail .story-detail-expand[aria-expanded=true] .ui-icon{transform:rotate(180deg)}.story-page.detail .story-character-list{display:grid}.story-page.detail .story-character-feature{display:grid;gap:14px;padding:24px 0;border:0;border-bottom:1px solid var(--ludio-line);border-radius:0;background:transparent}.story-page.detail .story-character-feature:first-child{padding-top:4px}.story-page.detail .story-character-feature:last-child{padding-bottom:0;border-bottom:0}.story-page.detail .story-character-feature-avatar{flex:none;width:56px;height:56px;overflow:hidden;padding:0;border:0;border-radius:50%;background:transparent;cursor:zoom-in}.story-page.detail .story-character-feature-avatar img{width:100%;height:100%;object-fit:cover}.story-page.detail .story-character-feature-copy{flex:1;min-width:0}.story-page.detail .story-character-feature-heading{display:flex;align-items:center;gap:14px;min-width:0}.story-page.detail .story-character-feature-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.story-page.detail .story-character-you-badge{flex:none;min-height:22px;padding:3px 8px;border:0;background:color-mix(in srgb,var(--ludio-brand-strong) 10%,transparent);color:var(--ludio-brand-strong);font-size:11px;font-weight:500;letter-spacing:0;line-height:1.4;text-transform:none}.story-page.detail .story-character-feature-heading h3{margin:0;color:var(--ludio-text);font-size:18px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.story-page.detail .story-character-feature-role{margin:5px 0 0;color:var(--ludio-muted);font-size:13px;font-weight:400;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.story-page.detail .story-character-feature .story-character-profile{margin:0;color:var(--ludio-muted);font-size:14px;font-weight:400;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.story-page.detail .story-opening-text{padding:14px;border:0;border-radius:var(--ludio-radius-md);background:var(--ludio-surface);color:var(--ludio-text);font-size:14px;line-height:1.85}.story-page.detail .story-detail-section--creator{gap:8px}.story-page.detail .story-detail-section--creator h2{color:var(--ludio-muted);font-size:14px;font-weight:500}.story-page.detail .story-detail-section--creator .story-profile{font-size:13px}.story-page.detail .story-entry-bar{width:var(--ludio-consumer-frame-width, 100%);margin-inline:auto;padding:12px var(--story-entry-gutter) var(--story-entry-bottom);border-color:var(--ludio-line);background:color-mix(in srgb,var(--ludio-bg) 96%,transparent)}.story-page.detail .story-entry-context{display:none}.story-page.detail .story-entry-actions{display:flex;flex:1;flex-wrap:wrap;width:100%;gap:10px}.story-page.detail .story-entry-actions>.story-start-button{flex:1;width:auto;min-width:0;min-height:var(--story-entry-height);margin:0;padding-inline:12px;border-radius:var(--ludio-control-radius);font-size:var(--story-entry-font);font-weight:var(--ludio-control-weight)}.story-page.detail .story-entry-actions>.story-entry-unavailable{flex-basis:100%}.story-page.detail .story-entry-actions>.story-entry-mode{display:inline-flex;align-items:center;justify-content:center;gap:var(--home-space-8);padding-block:var(--home-space-12);border:1px solid var(--ludio-line-strong);background:var(--home-color-card);color:var(--home-color-primary);line-height:var(--home-line-title);text-align:center;white-space:normal;cursor:pointer}.story-page.detail .story-entry-mode>.ui-icon{flex:none;width:22px;height:22px;color:var(--ludio-accent-text)}.story-page.detail .story-entry-mode:disabled{opacity:.45;cursor:default}.story-page.detail .story-entry-mode:not(:disabled):active{background:color-mix(in srgb,var(--ludio-accent-text) 12%,var(--home-color-card))}@media(hover:hover){.story-page.detail .story-entry-mode:not(:disabled):hover{border-color:var(--ludio-text);background:color-mix(in srgb,var(--ludio-accent-text) 6%,var(--home-color-card))}}@media(prefers-reduced-motion:reduce){.story-page.detail *,.story-page.detail *:before,.story-page.detail *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.trial-saves{margin-block:12px}.trial-saves p{margin-block:8px;font-size:13px}.trial-saves ul{list-style:none;padding:0;display:grid;gap:8px}.trial-saves a{min-height:44px;white-space:normal;text-align:start}@media(min-width:600px){:root[data-native-platform] .story-page.detail{--story-detail-reading-width: 960px}:root[data-native-platform] .story-page.detail :is(.story-detail-copy,.story-detail-panel){width:100%;max-width:var(--story-detail-reading-width);margin-inline:auto}:root[data-native-platform] .story-page.detail .story-detail-lead:not(.story-detail-lead--text-only){min-height:clamp(480px,56vw,620px)}:root[data-native-platform] .story-page.detail .story-detail-anchor-nav{padding-inline:max(var(--story-detail-gutter),calc((100% - var(--story-detail-reading-width)) / 2 + var(--story-detail-gutter)))}:root[data-native-platform] .story-page.detail .story-entry-actions{max-width:calc(var(--story-detail-reading-width) - 2 * var(--story-detail-gutter));margin-inline:auto}}.story-page.detail .story-detail-lead.story-detail-lead--text-only{min-height:0;margin-bottom:0;padding-top:calc(var(--story-detail-header-height) + 20px);background:radial-gradient(ellipse at 75% 0,color-mix(in srgb,var(--ludio-brand) 7%,transparent),transparent 72%)}.story-page.detail .story-detail-lead--text-only .story-detail-copy{top:0;padding-top:0;padding-bottom:20px}.story-page.detail .story-detail-lead--text-only .story-detail-hero{display:none}