:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--font-editorial:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--color-background:#171416;--color-background-deep:#100e10;--color-surface:#211c20;--color-surface-raised:#272126;--color-border:#f7f3ef21;--color-border-strong:#f7f3ef38;--color-text:#f7f3ef;--color-text-muted:#bcb3b8;--color-text-subtle:#81777d;--color-accent:#a63e5b;--color-accent-strong:#c74b6e;--color-accent-light:#f16f94;--color-gold:#d7b879;--color-error:#ff8790;--shadow-soft:0 28px 80px #00000047;background:var(--color-background);font-family:Inter,Geist,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-background);scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 88% -12%, #a63e5b17, transparent 31rem), linear-gradient(180deg, var(--color-background-deep) 0, var(--color-background) 26rem);min-width:320px;min-height:100%;margin:0}button,input,textarea,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--color-accent-light);outline-offset:3px}::selection{color:var(--color-text);background:#a63e5b8c}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.stories-app{min-height:100svh;color:var(--color-text)}.app-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;width:min(100% - 64px,1440px);min-height:72px;margin:0 auto;display:flex}.app-wordmark{color:var(--color-text);font-family:var(--font-editorial);font-size:1.42rem;line-height:1;text-decoration:none}.desktop-navigation{align-self:stretch;gap:44px;display:flex}.navigation-item{min-width:44px;color:var(--color-text-muted);cursor:default;background:0 0;border:0;padding:0;font-size:.82rem;position:relative}.desktop-navigation .navigation-item--selected{color:var(--color-text)}.desktop-navigation .navigation-item--selected:after{content:"";background:var(--color-accent-light);height:2px;position:absolute;bottom:-1px;left:0;right:0}.stories-page{width:min(100% - 64px,1440px);margin:0 auto;padding:64px 0 80px}.catalog-heading{grid-template-columns:minmax(280px,.75fr) minmax(680px,1.4fr);align-items:end;gap:64px;margin-bottom:42px;display:grid}.catalog-heading h1{font-family:var(--font-editorial);letter-spacing:-.045em;margin:0;font-size:clamp(3.5rem,6vw,5.6rem);font-weight:400;line-height:.95}.catalog-heading>div:first-child>p{max-width:440px;color:var(--color-text-muted);margin:24px 0 0;font-size:.98rem;line-height:1.65}.catalog-controls{justify-items:end;display:grid}.catalog-filter-trigger{display:none}.filter-panel{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:12px;display:flex}.filter-select{min-width:168px;color:var(--color-text-subtle);gap:7px;font-size:.7rem;display:grid}.filter-select__control{display:block;position:relative}.filter-select select{border:1px solid var(--color-border);width:100%;min-height:44px;color:var(--color-text-muted);background:var(--color-background-deep);appearance:none;cursor:pointer;border-radius:10px;padding:0 44px 0 14px;font-size:.78rem}.filter-select select:focus-visible,.clear-filters:focus-visible,.catalog-filter-trigger:focus-visible{outline:2px solid var(--color-accent-light);outline-offset:2px}.filter-select select:disabled{cursor:wait;opacity:.55}.filter-select svg{width:17px;color:var(--color-text-muted);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.clear-filters{min-height:44px;color:var(--color-accent-light);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:.76rem}.clear-filters:disabled{color:var(--color-text-subtle);cursor:default;opacity:.52}.featured-anchor{scroll-margin-top:24px}.featured-story{border:1px solid var(--color-border-strong);min-height:390px;box-shadow:var(--shadow-soft);background:linear-gradient(110deg,#292126f2,#161215db);border-radius:12px;grid-template-columns:minmax(360px,.84fr) minmax(520px,1.16fr);display:grid;overflow:hidden}.featured-story__media{min-height:390px;position:relative;overflow:hidden}.featured-story__media:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 52%,#1c171bf2 100%);position:absolute;inset:0}.featured-story__media img{object-fit:cover;object-position:center 34%;width:100%;height:100%;display:block;position:absolute;inset:0}.featured-story__content{flex-direction:column;justify-content:space-between;gap:44px;padding:clamp(40px,5vw,72px);display:flex}.featured-story h2{max-width:680px;font-family:var(--font-editorial);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.5rem,4vw,4.45rem);font-weight:400;line-height:1.02}.featured-story__hook{max-width:600px;color:var(--color-text-muted);margin:22px 0 0;font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.6}.story-taxonomy{color:var(--color-text-muted);flex-wrap:wrap;gap:8px 10px;margin-top:24px;font-size:.76rem;display:flex}.story-taxonomy span{align-items:center;display:inline-flex}.story-taxonomy .story-genre{color:var(--color-accent-light);letter-spacing:.075em;text-transform:uppercase;font-size:.69rem;font-weight:680}.story-taxonomy span+span:before{content:"·";color:var(--color-text-subtle);margin-right:10px}.next-release{color:var(--color-gold);margin:18px 0 0;font-size:.76rem}.featured-story__footer{justify-content:space-between;align-items:end;gap:24px;display:flex}.story-meta,.story-card__meta{align-items:center;gap:14px;display:flex}.story-status,.chapter-meta{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:7px;font-size:.76rem;display:inline-flex}.story-status--ongoing,.story-status--completed{color:var(--color-gold)}.story-status svg,.chapter-meta svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;width:18px;height:18px}.story-meta__divider{background:var(--color-border-strong);width:1px;height:22px}.primary-action{border:1px solid var(--color-accent-strong);min-width:205px;min-height:48px;color:var(--color-text);cursor:pointer;background:linear-gradient(105deg,#842340db,#a63e5bab);border-radius:9px;justify-content:center;align-items:center;gap:20px;padding:0 20px;font-size:.82rem;transition:border-color .16s,transform .16s;display:inline-flex}.primary-action:hover{border-color:var(--color-accent-light);transform:translateY(-1px)}.primary-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:18px}.story-preview{border:1px solid var(--color-border);background:#ffffff05;border-radius:12px;grid-template-columns:.72fr 1.25fr 1.45fr;gap:36px;margin-top:16px;padding:28px;animation:.22s both reveal-preview;display:grid}.story-preview__intro p{color:var(--color-text);margin:0 0 8px;font-size:.84rem;font-weight:650}.story-preview__intro span,.story-preview__description{color:var(--color-text-subtle);font-size:.78rem;line-height:1.65}.story-preview__description{margin:0}.preview-chapters{margin:0;padding:0;list-style:none}.preview-chapters li{border-bottom:1px solid var(--color-border);min-height:40px;color:var(--color-text-muted);grid-template-columns:28px 1fr auto;align-items:center;gap:10px;font-size:.76rem;display:grid}.preview-chapters li:last-child{border-bottom:0}.preview-chapters li>span,.preview-chapters small{color:var(--color-text-subtle);font-size:.68rem;font-weight:400}.preview-chapters strong{font-weight:560}.stories-collection{margin-top:46px}.stories-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}.story-card{border:1px solid var(--color-border);min-width:0;color:inherit;cursor:pointer;text-align:left;background:#ffffff05;border-radius:11px;padding:0;transition:border-color .18s,transform .18s,background-color .18s;display:block;overflow:hidden}.story-card:hover{border-color:var(--color-border-strong);background:#ffffff09;transform:translateY(-3px)}.story-card__media{aspect-ratio:2/3;background:var(--color-surface);display:block;overflow:hidden}.story-card__media img{object-fit:cover;object-position:center 28%;width:100%;height:100%;transition:transform .36s;display:block}.story-card:hover .story-card__media img{transform:scale(1.025)}.story-card__body{flex-direction:column;min-height:178px;padding:18px;display:flex}.story-card__body>strong{min-height:2.25em;font-family:var(--font-editorial);letter-spacing:-.02em;font-size:clamp(1.15rem,1.65vw,1.46rem);font-weight:400;line-height:1.12}.story-card__genre{color:var(--color-accent-light);margin-top:10px;font-size:.7rem}.story-card__tropes{color:var(--color-text-subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:.69rem;line-height:1.4;overflow:hidden}.story-card__meta{justify-content:space-between;margin-top:auto;padding-top:18px}.story-card__meta .story-status,.story-card__meta .chapter-meta{gap:5px;font-size:.66rem}.story-card__meta svg{width:15px;height:15px}.catalog-state{text-align:center;place-content:center;justify-items:center;min-height:420px;display:grid}.catalog-state h2{max-width:520px;font-family:var(--font-editorial);margin:0;font-size:2.25rem;font-weight:400}.catalog-state p{color:var(--color-text-muted);margin:14px 0 24px}.catalog-state button{border:1px solid var(--color-accent-strong);min-height:44px;color:var(--color-text);cursor:pointer;background:#a63e5b29;border-radius:9px;padding:0 18px}.demo-note{text-align:center;max-width:540px;margin:72px auto 0}.demo-note span{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:650}.demo-note p{color:var(--color-text-subtle);margin:9px 0 0;font-size:.76rem;line-height:1.6}.mobile-navigation{display:none}.navigation-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55px}@keyframes reveal-preview{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.catalog-heading{grid-template-columns:1fr;gap:32px}.catalog-controls{justify-items:start}.filter-select{min-width:150px}.featured-story{grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr)}.stories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=840px){.app-header,.stories-page{width:min(100% - 32px,720px)}.app-header{min-height:64px}.desktop-navigation{display:none}.stories-page{padding:44px 0 128px}.catalog-heading{margin-bottom:28px}.catalog-heading h1{font-size:clamp(3.25rem,15vw,5rem)}.catalog-heading>div:first-child>p{margin-top:18px}.catalog-controls{justify-items:stretch;width:100%}.catalog-filter-trigger{border:1px solid var(--color-border-strong);width:100%;min-height:48px;color:var(--color-text);cursor:pointer;text-align:left;background:#ffffff06;border-radius:10px;align-items:center;gap:10px;padding:0 15px;font-size:.82rem;display:flex}.catalog-filter-trigger>span:first-child{flex:1}.catalog-filter-trigger__count{min-width:24px;height:24px;color:var(--color-text);background:var(--color-accent-strong);border-radius:999px;place-items:center;padding:0 7px;font-size:.7rem;display:grid}.catalog-filter-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:18px;transition:transform .16s}.catalog-filter-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.filter-panel{border:1px solid var(--color-border);background:#ffffff05;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;align-items:end;gap:14px 12px;margin-top:10px;padding:16px;display:none}.filter-panel--open{display:grid}.filter-select{flex:1;min-width:0}.featured-story{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:430px}.featured-story__media{min-height:430px}.featured-story__media:after{background:linear-gradient(90deg,#0000 58%,#1c171bf7 100%)}.featured-story__content{padding:30px 24px}.featured-story h2{font-size:clamp(2rem,6.3vw,3rem)}.featured-story__footer{flex-direction:column;align-items:stretch}.primary-action{width:100%}.story-preview{grid-template-columns:1fr 1.6fr}.preview-chapters{grid-column:1/-1}.mobile-navigation{z-index:20;min-height:76px;padding:9px max(12px, env(safe-area-inset-right)) max(9px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#100e10f0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-navigation .navigation-item{flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:56px;font-size:.67rem;display:flex}.mobile-navigation .navigation-item--selected{color:var(--color-accent-light)}.navigation-icon{width:24px;height:24px}}@media (width<=600px){.stories-page{padding-top:36px}.catalog-heading>div:first-child>p{max-width:340px;font-size:.92rem}.filter-panel{grid-template-columns:1fr}.featured-story{grid-template-columns:1fr;height:auto;min-height:0}.featured-story__media{aspect-ratio:16/11;height:auto;min-height:0}.featured-story__media:after{background:linear-gradient(#0000 58%,#1c171bf5 100%)}.featured-story__media img{object-position:center 27%}.featured-story__content{gap:34px;padding:28px 22px 22px}.featured-story h2{font-size:clamp(2.2rem,10.5vw,3.1rem)}.featured-story__hook{font-size:.94rem}.story-meta{justify-content:space-between}.story-preview{grid-template-columns:1fr;gap:20px;padding:22px}.preview-chapters{grid-column:auto}.stories-collection{margin-top:38px}.stories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.story-card__body{min-height:172px;padding:15px}.story-card__body>strong{font-size:clamp(1.06rem,5vw,1.32rem)}.story-card__tropes{white-space:normal}.story-card__meta{gap:5px}.story-card__meta .story-status span{display:none}.story-card__meta .chapter-meta span{font-size:.64rem}.demo-note{margin-top:56px}}@media (width<=390px){.app-header,.stories-page{width:min(100% - 24px,720px)}.filter-select select{padding-left:11px;font-size:.72rem}.story-card__body{min-height:184px}}#root{min-height:100svh}