*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--base:#0e0c0b;--cream:#e2d9cf;--cream-light:#f0e8e0;--crimson:#b82c1e;--crimson-dark:#9a2418;--warm-mid:#7a6a5e;--warm-dim:#8a7a6e;--warm-muted:#2e2318;--surface:#131110;--surface-sel:#150e0c}body,html{background:var(--base);color:var(--cream);font-family:Inter,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}#app,body,html{height:100%;overflow:hidden}#app{position:relative;width:100%}.screen{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(28px);transition:opacity .38s ease,transform .38s ease;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.screen.active{opacity:1;pointer-events:all;transform:translateX(0)}.screen.exit-left{opacity:0;transform:translateX(-28px)}.wordmark{font-family:Playfair Display,serif;font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-light)}.wordmark span{color:var(--crimson)}.back-btn{background:none;border:none;cursor:pointer;color:var(--warm-mid);font-family:Inter,sans-serif;font-size:12px;font-weight:300;letter-spacing:.08em;display:flex;align-items:center;gap:6px;padding:0}.back-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}.back-btn:hover{color:var(--cream)}.btn-crimson{background:var(--crimson);color:var(--cream-light);border:none;cursor:pointer;font-family:Playfair Display,serif;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:16px 52px;display:block;width:100%;transition:background .2s}.btn-crimson:active,.btn-crimson:hover{background:var(--crimson-dark)}.btn-crimson:active{transform:scale(.99)}.screen-inner{max-width:960px;margin:0 auto;padding:64px 72px 140px}.screen-narrow{max-width:680px}.screen-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:44px}.screen-headline{font-family:Playfair Display,serif;font-size:42px;font-weight:700;line-height:1.12;color:var(--cream-light);margin-bottom:10px}.screen-headline em{font-style:italic;font-weight:400;color:var(--warm-mid)}.screen-subtext{font-size:14px;font-weight:300;color:var(--warm-mid);margin-bottom:32px;line-height:1.65}.sticky-cta{position:-webkit-sticky;position:sticky;bottom:0;background:linear-gradient(to top,var(--base) 55%,transparent);padding:28px 0 0;margin-top:8px}.step-dots{display:flex;gap:7px;align-items:center}.dot{width:5px;height:5px;border-radius:50%;background:#2a1e18;transition:background .25s,transform .25s}.dot.active{background:var(--crimson);transform:scale(1.3)}#s0{display:flex;flex-direction:column;min-height:100%}.hero-bg{background-image:url(/images/bg.png);background-size:cover;background-position:top}.hero-bg,.hero-bg:after{position:absolute;inset:0}.hero-bg:after{content:"";background:linear-gradient(180deg,rgba(14,12,11,.35) 0,rgba(14,12,11,.15) 30%,rgba(14,12,11,.78) 72%,#0e0c0b)}.hero-content{position:relative;z-index:1;max-width:960px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:80px 72px 140px}.hero-top{position:absolute;top:52px;left:72px;right:72px;display:flex;justify-content:space-between;align-items:center}.hero-center{max-width:580px}.hero-eyebrow{font-size:9px;letter-spacing:.35em;text-transform:uppercase;color:var(--crimson);margin-bottom:24px;font-weight:400}.hero-title{font-family:Playfair Display,serif;font-size:70px;font-weight:700;line-height:1.08;color:var(--cream-light);margin-bottom:20px}.hero-title em{font-style:italic;font-weight:400;color:var(--warm-mid)}.hero-rule{width:32px;height:1px;background:var(--warm-muted);margin:22px 0}.hero-subtitle{font-size:15px;line-height:1.8;max-width:400px;margin-bottom:44px}.hero-footer,.hero-subtitle{font-weight:300;color:#8a7a6e}.hero-footer{position:absolute;bottom:40px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.06em}.name-wrap{display:flex;flex-direction:column;align-items:center;padding:32px 0 40px}.name-input{font-family:Playfair Display,serif;font-size:24px;font-style:italic;font-weight:400;text-align:center;background:transparent;border:none;border-bottom:1px solid var(--warm-muted);color:var(--cream);padding:14px 0;width:100%;max-width:320px;outline:none;transition:border-color .2s;letter-spacing:.02em;display:block}.name-input::placeholder{color:var(--warm-dim)}.name-input:focus{border-bottom-color:var(--warm-mid)}.arch-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:32px}.arch-card{position:relative;border-radius:4px;border:.5px solid #231c18;overflow:hidden;cursor:pointer;height:320px;transition:border-color .2s;background:var(--surface)}.arch-card:hover{border-color:rgba(184,44,30,.4)}.arch-card.selected{border-color:var(--crimson);background:var(--surface-sel)}.arch-card img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:brightness(.82) contrast(1.05) saturate(.9);transition:filter .3s}.arch-card:hover img{filter:brightness(.88) contrast(1.05) saturate(.9)}.arch-card.selected img{filter:brightness(.78) contrast(1.08) saturate(.85)}.arch-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#150e0c 0,transparent 55%);pointer-events:none}.arch-label{position:absolute;bottom:12px;left:12px;right:12px;font-family:Playfair Display,serif;font-size:13px;font-weight:600;font-style:italic;color:var(--cream);line-height:1.3}.arch-check{position:absolute;top:10px;right:10px;width:22px;height:22px;background:var(--crimson);border-radius:50%;display:none;align-items:center;justify-content:center}.arch-check svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2.5}.arch-card.selected .arch-check,.trope-list{display:flex}.trope-list{flex-direction:column;gap:8px;margin-bottom:28px}.trope-row{display:flex;align-items:center;gap:16px;padding:16px 18px;border:.5px solid #231c18;border-radius:6px;cursor:pointer;background:var(--surface);transition:border-color .2s,background .2s}.trope-row:hover{border-color:rgba(184,44,30,.35);background:#161210}.trope-row.selected{border-color:var(--crimson);background:var(--surface-sel)}.trope-icon{width:44px;height:44px;border-radius:8px;background:#1a1310;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;border:.5px solid #2a1e18}.trope-row.selected .trope-icon{background:#1f1109;border-color:rgba(184,44,30,.3)}.trope-icon .ti{font-size:20px;color:#4a3a30;line-height:1}.trope-row.selected .trope-icon .ti{color:#b82c1e}.trope-info{flex:1 1;min-width:0}.trope-name{font-family:Playfair Display,serif;font-size:14px;font-weight:600;font-style:italic;color:var(--cream);margin-bottom:4px}.trope-desc{font-size:12px;font-weight:300;color:var(--warm-dim);line-height:1.5}.trope-check{width:20px;height:20px;border-radius:50%;border:1.5px solid #3a2a20;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.trope-row.selected .trope-check{background:var(--crimson);border-color:var(--crimson)}.trope-check svg{width:10px;height:10px;stroke:#fff;fill:none;stroke-width:2.5;opacity:0;transition:opacity .15s}.trope-row.selected .trope-check svg{opacity:1}.summary-box{border:.5px solid var(--warm-muted);border-radius:6px;padding:16px 18px;margin-bottom:24px;min-height:60px}.summary-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--warm-dim);margin-bottom:10px;font-weight:400}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-family:Playfair Display,serif;color:var(--cream);background:#1c1410;border:.5px solid #3a2a20;border-radius:100px;padding:4px 12px;line-height:1.4}.chip,.chip-empty{font-size:11px;font-style:italic}.chip-empty{font-weight:300;color:var(--warm-dim)}.detail-textarea{width:100%;background:var(--surface);border:.5px solid #231c18;border-radius:6px;padding:16px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:300;color:var(--cream);line-height:1.75;resize:none;min-height:140px;margin-bottom:14px;outline:none;transition:border-color .2s}.detail-textarea::placeholder{color:#6a5a50}.detail-textarea:focus{border-color:#3a2818}.detail-hint{font-family:Playfair Display,serif;font-size:12px;font-style:italic;color:var(--warm-dim);margin-bottom:32px;line-height:1.5}.voice-list{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.voice-card{display:flex;align-items:center;gap:16px;padding:20px 18px;border:.5px solid #231c18;border-radius:6px;cursor:pointer;background:var(--surface);transition:border-color .2s,background .2s;position:relative;overflow:hidden}.voice-card:hover{border-color:rgba(184,44,30,.35);background:#161210}.voice-card.selected{border-color:var(--crimson);background:var(--surface-sel)}.voice-play-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid #3a2a20;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s;padding:0}.voice-play-btn:hover{border-color:var(--warm-mid)}.voice-card.previewing .voice-play-btn{border-color:var(--crimson)}.voice-play-btn svg{width:13px;height:13px;fill:var(--warm-dim);stroke:none;transition:fill .2s}.voice-play-btn:hover svg{fill:var(--warm-mid)}.voice-card.previewing .voice-play-btn svg{fill:var(--crimson)}.voice-info{flex:1 1;min-width:0}.voice-name{font-family:Playfair Display,serif;font-size:16px;font-weight:600;font-style:italic;color:var(--cream);margin-bottom:5px}.voice-desc{font-size:12px;font-weight:300;color:var(--warm-dim);line-height:1.5}.voice-radio{width:20px;height:20px;border-radius:50%;border:1.5px solid #3a2a20;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.voice-card.selected .voice-radio{background:var(--crimson);border-color:var(--crimson)}.voice-radio svg{width:10px;height:10px;stroke:#fff;fill:none;stroke-width:2.5;opacity:0;transition:opacity .15s}.voice-card.selected .voice-radio svg{opacity:1}.vp-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(58,42,32,.5);opacity:0;transition:opacity .2s}.voice-card.previewing .vp-progress{opacity:1}.vp-progress-fill{height:100%;width:0;background:var(--crimson);transition:width .1s linear}#s5{overflow:hidden}#s5,.loading-wrap{display:flex;align-items:center;justify-content:center}.loading-wrap{position:relative;flex-direction:column;gap:32px;width:100%;height:100%}.loading-headline{position:relative;z-index:2;font-family:Playfair Display,serif;font-size:28px;font-style:italic;font-weight:400;color:var(--cream);text-align:center;letter-spacing:.01em;margin:0}.loading-portrait-wrap{position:absolute;inset:0;width:100%;height:100%;opacity:.3;z-index:0}.loading-portrait-wrap:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,#0e0c0b 75%);pointer-events:none;z-index:1}@keyframes breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.loading-portrait{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:brightness(.7) saturate(.6) contrast(1.1);animation:breathe 3.6s ease-in-out infinite}.loading-msg{font-family:Playfair Display,serif;font-size:20px;color:var(--cream);transition:opacity .4s ease;letter-spacing:.01em}.loading-hint,.loading-msg{position:relative;z-index:2;font-style:italic;font-weight:400;text-align:center}.loading-hint{font-family:Inter,sans-serif;font-size:12px;color:#5a4a40;margin:0;letter-spacing:.02em}#s6,#s7{overflow:hidden;padding:0}.player-nav{display:flex;align-items:center;padding:16px 20px 0;flex-shrink:0}.player-nav-new{font-family:Inter,sans-serif;font-size:13px;font-style:normal;letter-spacing:.04em;color:var(--warm-muted);background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.player-nav-new:hover{color:var(--cream)}.player-layout{display:flex;height:100%;overflow:hidden}.player-left{position:relative;width:40%;min-width:300px;max-width:520px;flex-shrink:0;overflow:hidden;background:#0a0808}.player-left .cover-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:brightness(.55) saturate(.85)}.player-left .cover-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,#0e0c0b),linear-gradient(180deg,rgba(14,12,11,.4) 0,transparent 20%,rgba(14,12,11,.45) 78%,#0e0c0b);pointer-events:none}.cover-nav-row{position:absolute;top:0;left:0;right:0;padding:24px 24px 0;display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.cover-new-story{background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:300;letter-spacing:.1em;color:rgba(226,217,207,.6);padding:0}.cover-new-story:hover{color:var(--cream)}.cover-meta{position:absolute;bottom:36px;left:24px;right:36px;z-index:2}.cover-tag{font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--crimson);margin-bottom:10px;font-weight:400}.cover-title{font-family:Playfair Display,serif;font-size:26px;font-weight:700;color:var(--cream-light);line-height:1.2;margin-bottom:8px}.cover-title em{font-style:italic;font-weight:400}.cover-byline{font-size:11px;font-weight:300;color:var(--warm-dim);letter-spacing:.05em}.unlocked-badge{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:4px 10px;border:.5px solid rgba(184,44,30,.4);border-radius:100px;background:rgba(184,44,30,.12);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--crimson);font-weight:400}.unlocked-badge svg{width:10px;height:10px;stroke:var(--crimson);fill:none;stroke-width:2.5}.player-right{flex:1 1;overflow-y:auto;padding:28px 60px 100px;scrollbar-width:none}.player-right::-webkit-scrollbar{display:none}.player-meta{margin-bottom:32px}.player-meta .cover-title{font-size:28px;margin-bottom:0}.story-body{position:relative;margin-bottom:8px}.btn-new-story{display:block;width:-moz-fit-content;width:fit-content;margin:36px auto 24px;padding:0 0 3px;background:transparent;border:none;border-bottom:1px solid rgba(184,44,30,.4);color:rgba(184,44,30,.7);font-family:Playfair Display,serif;font-size:10px;font-weight:400;font-style:italic;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s;flex-shrink:0}.btn-new-story:hover{color:#b82c1e;border-bottom-color:#b82c1e}.download-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;flex-shrink:0}#s7-right{padding-bottom:200px}.btn-download{display:flex;align-items:center;gap:7px;padding:9px 18px;background:transparent;border:1px solid rgba(184,44,30,.45);border-radius:3px;color:rgba(184,44,30,.75);font-family:Inter,sans-serif;font-size:10px;font-weight:400;font-style:normal;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s,background .2s;white-space:nowrap}.btn-download:hover{color:#b82c1e;border-color:#b82c1e;background:rgba(184,44,30,.06)}@media(max-width:480px){.btn-download{flex:1 1 100%}}.story-p{font-size:16px;font-weight:300;color:var(--warm-mid);line-height:2;margin-bottom:22px}.story-p strong{color:#c8b8a8;font-weight:400}.story-loading{font-family:Playfair Display,serif;font-size:15px;font-style:italic;font-weight:400;color:var(--warm-muted);padding:4px 0 12px;letter-spacing:.02em}.story-dots span{display:inline-block;opacity:0;animation:story-dot-pulse 1.5s ease-in-out infinite}.story-dots span:first-child{animation-delay:0s}.story-dots span:nth-child(2){animation-delay:.25s}.story-dots span:nth-child(3){animation-delay:.5s}@keyframes story-dot-pulse{0%,65%,to{opacity:0}30%{opacity:1}}.story-fade{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--base));pointer-events:none}.paywall-card{padding:32px 28px;border:.5px solid #2a1c18;border-radius:8px;background:#120d0b;text-align:center;max-width:480px}.paywall-eyebrow{font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--crimson);margin-bottom:14px;font-weight:400}.paywall-title{font-family:Playfair Display,serif;font-size:26px;font-weight:700;font-style:italic;color:var(--cream-light);line-height:1.25;margin-bottom:12px}.paywall-subtitle{font-size:13px;font-weight:300;color:var(--warm-mid);line-height:1.7;margin-bottom:24px}.paywall-alt{font-size:12px;font-weight:300;color:var(--warm-dim);margin-top:14px}.paywall-alt span{color:var(--warm-mid)}#bottom-stack{position:fixed;bottom:0;left:0;right:0;z-index:200;pointer-events:none}#download-bar{display:none;background:rgba(14,12,11,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:13px 40px;align-items:center;justify-content:space-between;gap:20px;pointer-events:all}#download-bar.visible{display:flex}.download-hint{font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:400;color:#5a4a40;line-height:1.6;letter-spacing:.01em;text-align:left;flex:1 1}.audio-bar{background:#0f0d0c;border-top:.5px solid #231c18;padding:12px 0 20px;opacity:0;pointer-events:none;transition:opacity .3s ease}.audio-bar.visible{opacity:1;pointer-events:all}.audio-inner{max-width:720px;margin:0 auto;padding:0 40px}.audio-progress-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.audio-time{font-size:10px;font-weight:300;color:var(--warm-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0;width:30px}.audio-time.right{text-align:right}.audio-track{flex:1 1;height:3px;background:#2a1e18;cursor:pointer}.audio-fill,.audio-track{border-radius:2px;position:relative}.audio-fill{height:100%;width:28%;background:var(--crimson)}.audio-fill:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--crimson);border-radius:50%}.audio-controls{gap:28px}.audio-btn,.audio-controls{display:flex;align-items:center;justify-content:center}.audio-btn{background:none;border:none;cursor:pointer;color:var(--warm-dim);padding:0;transition:color .2s}.audio-btn:hover{color:var(--warm-mid)}.audio-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}.audio-btn.play-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid #3a2a20;color:var(--cream)}.audio-btn.play-btn:hover{border-color:var(--warm-mid);color:var(--cream-light)}.audio-btn.play-btn svg{width:16px;height:16px}.audio-skip-label{font-size:9px;text-align:center;color:var(--warm-dim);margin-top:2px;font-weight:300}.audio-skip-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}@media(max-width:639px){.screen-inner{padding:52px 20px 120px}.screen-inner,.screen-narrow{max-width:none}.screen-nav{margin-bottom:28px}.screen-headline{font-size:36px}.screen-subtext{font-size:13px;margin-bottom:22px}.sticky-cta{background:linear-gradient(to top,var(--base) 60%,transparent);padding:24px 0 0}.hero-content{justify-content:flex-start;padding:52px 32px 40px}.hero-top{position:static;margin-bottom:auto}.hero-center{max-width:none;padding:40px 0 32px}.hero-title{font-size:54px}.hero-subtitle{font-size:14px;max-width:none}.hero-footer{position:static;margin-top:16px;text-align:center}.arch-grid{grid-template-columns:1fr 1fr;gap:10px}.arch-card{height:auto;aspect-ratio:3/4}.arch-label{font-size:12px;bottom:10px;left:10px;right:10px}.loading-portrait-wrap{width:180px;height:240px}.loading-msg{font-size:17px}#s6,#s7{overflow-y:auto}.player-layout{display:block;height:auto;overflow:visible}.player-left{position:relative;width:100%;max-width:none;min-width:0;height:260px}.player-left .cover-overlay{background:linear-gradient(180deg,rgba(14,12,11,.3) 0,rgba(14,12,11,.1) 30%,rgba(14,12,11,.7) 80%,#0e0c0b)}.cover-meta{bottom:18px;left:20px;right:20px}.cover-title{font-size:24px}.player-right{overflow-y:visible;padding:28px 22px 100px}.story-p{font-size:15px;line-height:1.95}.paywall-card{max-width:none;margin:8px 0 0;padding:28px 22px}.paywall-title{font-size:24px}.audio-inner{max-width:none;padding:0 20px}#download-bar.visible{flex-direction:column;align-items:center;padding:12px 20px;gap:10px}.download-hint{text-align:center;flex:none}.download-row{justify-content:center}#s7-right{padding-bottom:280px}.btn-download{flex:1 1 auto}}