.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.story-new{position:absolute;top:13px;right:12px;padding:5px 9px;border-radius:6px;color:#2e2227;background:#ebc5a0;font-size:10px;font-weight:750;letter-spacing:.9px;z-index:1}
.discovery-tabs{min-width:0;overflow-x:auto;scrollbar-width:none}.discovery-tabs::-webkit-scrollbar{display:none}.discovery-tabs button{flex:none}
body:has(.phone.exploring){background:radial-gradient(ellipse at 50% 28%,#514039 0,#241d1c 46%,#100f10 90%)}
.phone.exploring{border-color:#60504a;background:#352b2c}
.home-view{display:flex;flex-direction:column;flex:1;min-height:0;background:linear-gradient(115deg,#342c35,#3b3026 54%,#3a2c2f);color:#f8f5f1}
.discovery-header{flex:none;padding:max(8px,env(safe-area-inset-top)) 12px 8px;background:#33292b45;z-index:2}
.discovery-search-row{display:flex;align-items:center;gap:10px}
.story-search{display:flex;align-items:center;gap:11px;flex:1;min-width:0;height:42px;padding:0 12px;border-radius:28px;background:#ffffff0a;color:#b4adaa}
.story-search svg{width:23px;height:23px;stroke-width:1.9}
.story-search input{font:inherit;font-size:16px;color:#fff9f4;width:100%;min-width:0;border:0;outline:none;background:none}
.story-search input::placeholder{color:#b2a9a4;font-size:15px}
.story-search:focus-within{box-shadow:0 0 0 1px #d8b99588}
.gender-filter{display:flex;position:relative;align-items:center;min-width:63px;color:#f3ede7}
.gender-filter select{appearance:none;padding:10px 22px 10px 2px;background:none;border:0;color:inherit;cursor:pointer;font:inherit;font-size:14px;width:100%}
.gender-filter svg{position:absolute;right:0;pointer-events:none;width:18px;height:18px}
.gender-filter option{background:#352c2c}
.discovery-tab-row{display:flex;align-items:center;gap:8px;margin-top:8px}
.discovery-tabs{display:flex;flex:1;min-width:0;gap:5px;justify-content:space-between}
.discovery-tabs button{min-height:37px;padding:8px 11px;background:#17130c22;border-radius:24px;color:#b7ada3;font-size:13px;white-space:nowrap}
.discovery-tabs button[aria-pressed=true]{background:#ffffff20;color:#fff9f5}
.discovery-filter-button{position:relative;display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #bbb0a44a;border-radius:50%;color:#b7afa6}
.discovery-filter-button svg{width:21px;height:21px;fill:currentColor;stroke-width:.8}
.filter-dot,.conversation-dot{position:absolute;width:7px;height:7px;right:0;top:0;background:#ef5b42;border-radius:50%;box-shadow:0 0 0 2px #3b302e}
.catalog-status{font-size:11px;line-height:1.5;margin:7px 2px 0;color:#d3c6b6}
.catalog-status:empty{display:none}
.catalog-retry{color:#e5c9a6;text-decoration:underline;margin-left:8px}
.home-scroll{flex:1;min-height:0;overflow:auto;padding:0 3px;overscroll-behavior:contain;scrollbar-width:none}
.home-scroll::-webkit-scrollbar{display:none}
.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
.story-card,.festival-card{position:relative;isolation:isolate;display:block;padding:0;overflow:hidden;border-radius:5px;aspect-ratio:3/5;min-width:0;text-align:left;background:#1f1b1a}
.story-card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#0b0b0b55 56%,#080808ed 100%);z-index:-1}
.story-art{position:absolute;inset:0;z-index:-2;background-image:url('assets/story-portraits.jpg');background-size:300% 200%;background-position:var(--portrait-position);background-repeat:no-repeat}
.story-card:hover .story-art{filter:brightness(1.06)}
.story-card:hover,.festival-card:hover{filter:none}
.story-badge{position:absolute;top:11px;left:11px;display:flex;align-items:center;gap:5px;color:#fffaf4;font-size:11px;text-shadow:0 1px 6px #000b}
.story-badge svg{width:13px;height:13px;stroke-width:1.8}
.story-card-copy{position:absolute;left:11px;right:10px;bottom:14px;display:grid;gap:7px}
.story-card-copy strong{font-size:14px;line-height:1.35;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story-description{font-size:11px;color:#b4aaa2;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.story-creator{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:12px;color:#ede7e0;min-height:16px}
.progress-label{font-size:10px;color:#e4c3a0;white-space:nowrap}
.festival-card{background:#07352b url('assets/story-festival.jpg') center/cover}
.festival-card:before{content:"";position:absolute;inset:0;background:linear-gradient(#03271e55,transparent 40%,#033327b0 72%,#073829d9);z-index:-1}
.festival-heading{display:block;text-align:center;font:italic 32px/.96 Georgia,'Times New Roman',serif;color:#ffe5a0;letter-spacing:-1px;position:absolute;top:28px;left:8px;right:8px;text-shadow:0 2px 16px #072818}
.festival-copy{position:absolute;left:12px;right:12px;bottom:17px;display:grid;text-align:center;gap:7px;color:#e6ecda}
.festival-copy>span{font-size:11px;line-height:1.7}
.festival-copy strong{font-size:13px;line-height:1.5;font-weight:500}
.festival-cta{margin:4px 1px 1px;padding:9px 8px;border-radius:24px;background:#e9f4dd20;font-size:12px;font-weight:400;color:#f1f5e9}
.festival-dots{display:flex;justify-content:center;gap:5px;margin-top:4px}
.festival-dots i{width:4px;height:4px;border-radius:3px;background:#dde6d65c}
.festival-dots i:first-child{width:16px;background:#f8fff5}
.home-note{text-align:center;font-size:10px;color:#a09287;margin:22px 8px}
.home-nav{display:flex;flex:none;justify-content:space-between;align-items:center;padding:10px 21px 4px;background:#38303499;border:0;gap:0}
.home-nav button{position:relative;display:grid;place-items:center;color:#c7bfba;width:45px;height:43px;border-radius:50%;font-size:0}
.home-nav button svg{width:27px;height:27px;stroke-width:1.4}
.home-nav button[aria-pressed=true]{color:#fffdf8}
.home-nav [data-action=discover][aria-pressed=true] svg{color:#3f3533;fill:#fffdf8;stroke-width:1.6}
.home-nav [data-action=discover][aria-pressed=true] svg path{fill:#3f3533;stroke:#3f3533}
.home-nav .conversation-dot{right:7px;top:8px;width:6px;height:6px}
.discovery-home-indicator{width:132px;height:4px;background:#b5aaa9;border-radius:4px;margin:8px auto max(8px,env(safe-area-inset-bottom));flex:none}
.stories-empty{grid-column:1/-1;padding:70px 30px;text-align:center;color:#d2c8ba;font-size:14px;line-height:1.8}
.stories-empty svg{display:block;margin:0 auto 18px;width:33px;height:33px;color:#bbab9b}
.stories-empty p{margin:0 0 18px}
.empty-reset{padding:10px 21px;border-radius:23px;border:1px solid #cbb89855;color:#e7d4bc}
.detail-cover{display:block;width:100%;height:230px;border-radius:14px;margin:17px 0;object-fit:cover;object-position:50% 27%}
.detail-cover.story-portrait{position:relative;height:230px;overflow:hidden;isolation:isolate}
.detail-cover.story-portrait .story-art{z-index:0;bottom:auto;top:-5%;width:100%;height:auto;aspect-ratio:3/5}
.detail-cover+small{color:#c9b39b;font-size:11px}
.phone.exploring dialog{background:#332b2cfb;border-color:#796357;color:#f1ece5}
.filter-options{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:20px 0}
.filter-options legend{margin-bottom:12px;color:#d2c4b5;font-size:13px}
.filter-options label{position:relative;cursor:pointer}
.filter-options input{position:absolute;opacity:0;width:1px;height:1px}
.filter-options span{display:block;padding:9px 16px;border:1px solid #ffffff17;border-radius:22px;font-size:13px;color:#cdbfb1}
.filter-options input:checked+span{background:#e4c19822;border-color:#dcb58988;color:#f5e7d4}
.filter-options input:focus-visible+span{outline:2px solid #e4b789;outline-offset:3px}
.started-filter{display:flex;align-items:center;gap:9px;font-size:13px;color:#d7cbbf;margin:22px 0}
.started-filter input{accent-color:#e4b789;width:16px;height:16px}
.story-picker-grid{display:grid;gap:8px;margin-top:20px}
.story-picker-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border-radius:12px;background:#ffffff05;text-align:left}
.picker-art{position:relative;isolation:isolate;display:block;width:44px;height:62px;flex:none;overflow:hidden;border-radius:8px}
.story-picker-item>span:last-child{display:grid;gap:6px;min-width:0}
.story-picker-item strong{font-size:14px;font-weight:500}
.story-picker-item small{color:#b9aa9b;font-size:11px}
.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:25px 0}
.account-stats span{display:grid;text-align:center;gap:9px;padding:18px 4px;background:#ffffff06;border-radius:12px;color:#b9ab9d;font-size:11px}
.account-stats strong{font-size:25px;font-weight:500;color:#eadbc7}
.phone:not([data-story=lucas]) .shade{background:linear-gradient(#13101b9c,transparent 25%,#14101c8f 53%,#14101cf5 82%)}
@media(max-width:360px){.discovery-header{padding-inline:9px}.discovery-tabs{gap:3px}.discovery-tabs button{padding-inline:8px;font-size:12px}.discovery-tab-row{gap:5px}.story-card-copy{left:9px;right:8px;bottom:12px}.story-card-copy strong{font-size:13px}.story-description{font-size:10px}.festival-heading{font-size:29px;top:22px}.festival-copy{bottom:14px;gap:5px}.festival-copy>span{font-size:10px}.home-nav{padding-inline:15px}}
.story-card .story-video{object-fit:cover;object-position:center top}.character-scene[hidden]{display:none!important}.scene-intro-play{position:absolute;z-index:8;top:155px;right:14px;background:#29202ac9;border:1px solid #dbc3a566;border-radius:20px;color:#f2e5d8;font-size:12px;padding:9px 14px;cursor:pointer}.scene-intro-play[hidden]{display:none}.scene-intro-play:focus-visible{outline:2px solid #e7c8a0;outline-offset:3px}