:root{--overlay-bg-color: rgba(0, 0, 0, .7);--story-card-min: 120px;--story-card-max: 230px;--section-heading-font-size: clamp(1.25rem, 1.8vw, 2rem);--section-heading-color: #f9fafb}html,body{margin:0;padding:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,#1f2937,#020617,#000);background-attachment:fixed;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}#root{width:100%;height:100vh;height:100dvh}.chat-app{--chat-shell-padding: 40px;width:100%;height:100vh;height:100dvh;background:radial-gradient(circle at 30% 20%,#1f2937,#020617,#000);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;overflow:hidden}.chat-stage{position:relative}.connection-banner{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translate(-50%);z-index:1200;background:#111827eb;border:1px solid rgba(251,191,36,.8);color:#fde68a;border-radius:999px;padding:8px 14px;font-size:.8rem;font-weight:600;letter-spacing:.01em;box-shadow:0 4px 16px #00000059;backdrop-filter:blur(4px)}.ai-start-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:1200;background:#020617e6;border:1px solid rgba(148,163,184,.7);color:#f8fafc;border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:600;letter-spacing:.02em;box-shadow:0 4px 16px #00000059;backdrop-filter:blur(4px);pointer-events:none;animation:ai-start-badge-fade 3.5s ease-out forwards;white-space:nowrap}@keyframes ai-start-badge-fade{0%{opacity:0;transform:translate(-50%) translateY(6px)}12%{opacity:1;transform:translate(-50%) translateY(0)}72%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-6px)}}.chat-container{--content-base-width: 768;--content-base-height: 1280;--content-aspect-ratio: calc( var(--content-base-width) / var(--content-base-height) );position:relative;width:min(calc(100vw - var(--chat-shell-padding)),calc((100vh - var(--chat-shell-padding)) * var(--content-aspect-ratio)));width:min(calc(100vw - var(--chat-shell-padding)),calc((100dvh - var(--chat-shell-padding)) * var(--content-aspect-ratio)));height:min(calc(100vh - var(--chat-shell-padding)),calc((100vw - var(--chat-shell-padding)) / var(--content-aspect-ratio)));height:min(calc(100dvh - var(--chat-shell-padding)),calc((100vw - var(--chat-shell-padding)) / var(--content-aspect-ratio)));max-width:calc(100vw - var(--chat-shell-padding));max-height:calc(100vh - var(--chat-shell-padding));max-height:calc(100dvh - var(--chat-shell-padding));display:flex;flex-direction:column;justify-content:center;gap:0}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:#fff;font-size:18px;background:radial-gradient(circle at 30% 20%,#1f2937,#020617,#000)}.loading-spinner-container{display:flex;flex-direction:row;align-items:center;gap:.8rem}.loading-spinner{width:30px;height:30px;border:3px solid transparent;border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.loading span{line-height:30px;height:30px;display:flex;align-items:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-message{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;z-index:1000;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media(max-width:768px)and (orientation:portrait){.chat-app{--chat-shell-padding: 0px;padding:0;align-items:stretch}.chat-container{width:100vw;height:min(100vh,calc(100vw / var(--content-aspect-ratio)));height:min(100dvh,calc(100vw / var(--content-aspect-ratio)));justify-content:center}.loading{font-size:16px;height:100vh;height:100dvh}.toast-message{top:env(safe-area-inset-top,15px);font-size:12px;padding:8px 16px}.connection-banner{top:calc(env(safe-area-inset-top,0px) + 8px);font-size:.72rem;padding:7px 12px}.ai-start-badge{font-size:.7rem;padding:7px 12px}}@media(max-width:768px)and (orientation:landscape){.chat-app{--chat-shell-padding: 16px;padding:8px;align-items:center}}@media(max-width:480px)and (orientation:portrait){.chat-app{--chat-shell-padding: 0px;padding:0}}@media(max-width:360px){.chat-app{--chat-shell-padding: 0px;padding:0}}@media(max-height:600px)and (orientation:landscape){.chat-app{--chat-shell-padding: 8px;padding:4px}}.creator-page,.story-page,.episode-page{height:100vh;padding:24px 16px 32px;box-sizing:border-box;color:#fff;background:radial-gradient(circle at 30% 20%,#1f2937,#020617,#000);display:flex;flex-direction:column;align-items:stretch}.episode-page--preview{padding:0;background:transparent}.preview-legal-notice{margin:12px 16px 0;font-size:.75rem;line-height:1.4;color:#9ca3af;text-align:center}.preview-legal-notice a{color:#a78bfa;text-decoration:underline}.preview-legal-notice a:hover{text-decoration:underline;color:#c4b5fd}.creator-page,.story-page{padding:0;background:transparent;-ms-overflow-style:none;scrollbar-width:none}.creator-page::-webkit-scrollbar,.story-page::-webkit-scrollbar{display:none}.catalog-error{min-height:100vh;padding:24px 16px 32px;box-sizing:border-box;color:#f9fafb;background:radial-gradient(circle at 30% 20%,#1f2937,#020617,#000);display:flex;align-items:center;justify-content:center;text-align:center}.catalog-error-card{width:min(100%,560px)}.catalog-error h1{font-size:1.5rem;margin-bottom:12px}.catalog-error p{margin:0 0 12px}.catalog-error a{display:inline-block;margin-top:8px;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,#4100b1,#7600b5);color:#f9fafb;text-decoration:none;font-size:.9rem}.creator-page-card,.story-page-card,.episode-page-card{width:100%;max-width:1120px;background:#0f172af5;border-radius:16px;padding:24px 20px 28px;box-shadow:0 24px 60px #0009;position:relative}.story-page-card{padding-bottom:24px}.creator-page-card-header{position:relative}.episode-page-card{padding:0}.story-hero{display:flex;flex-direction:column;gap:10px;margin:0 0 8px}.story-hero-content{flex:1}.story-banner-wrapper{width:100%;max-width:var(--story-card-max);border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#0f172a,#020617);aspect-ratio:3 / 4;flex-shrink:0;margin:0 auto}.story-banner{width:100%;height:100%;object-fit:cover;display:block}.story-episodes-section{margin-top:12px}.story-episodes-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.story-episodes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.story-episode-list-item{list-style:none}.story-episode-list-item--active .episode-card .episode-item{border-color:#22c55ed9;box-shadow:0 0 0 1px #22c55e59}.episode-card{display:block;text-decoration:none;color:inherit}.episode-card .episode-item{display:flex;align-items:stretch;gap:0;padding:0;border-radius:16px;background:#0f172af5;border:1px solid rgba(55,65,81,.6);overflow:hidden}.episode-hero-shell{position:relative;border-radius:16px;overflow:hidden;min-height:260px}.episode-hero-bg{position:absolute;inset:0}.episode-hero-image{width:100%;height:100%;object-fit:cover;transform:scale(1.05)}.episode-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(15,23,42,.9) 0%,transparent 45%),linear-gradient(to bottom,#0f172ae6,#0f172a66,#0f172ae6);display:flex;align-items:flex-end;justify-content:center;padding:20px 18px 22px;pointer-events:none}.episode-hero-content{width:100%;max-width:640px;text-align:left;pointer-events:auto}.episode-hero-title{margin:0 0 4px;font-size:1.6rem}.episode-hero-story{margin:0 0 8px;font-size:1rem;font-weight:500;opacity:.85}.episode-hero-description{margin:0 0 14px;font-size:.95rem;line-height:1.5;opacity:.92}.episode-hero-play-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:999px;border:none;cursor:pointer;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#7c3aed,#ec4899,#f97316);color:#fff;box-shadow:0 14px 32px #0009;pointer-events:auto}@media(min-width:900px){.episode-hero-shell{min-height:420px}.episode-hero-overlay{padding:28px 32px 30px;justify-content:flex-start}.episode-hero-content{max-width:520px}}.creator-banner-wrapper{width:100%;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#0f172a,#020617);aspect-ratio:16 / 4;flex-shrink:0;margin-bottom:16px}.creator-banner{width:100%;height:100%;object-fit:cover;display:block}.story-page-close{position:absolute;top:12px;right:16px;width:32px;height:32px;border-radius:9999px;border:none;background:#0f172ae6;color:#e5e7eb;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.story-page-close:hover{background:#1f2937f2}.catalog-back-button{position:absolute;top:12px;left:12px;width:40px;height:40px;background:#00000080;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:24px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:all .2s ease;line-height:1;padding-bottom:2px;text-decoration:none}.catalog-back-button:hover{background:#fff3;transform:scale(1.1)}.legal-home-link{position:absolute;top:12px;left:60px;min-height:40px;padding:0 14px;background:#00000080;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:9999px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;z-index:20;transition:all .2s ease;text-decoration:none;line-height:1}.legal-home-link:hover{background:#fff3;transform:scale(1.03)}.catalog-top-right-bar{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px}.catalog-locale-select{padding:4px 8px;border-radius:9999px;border:1px solid rgba(148,163,184,.7);background:#0f172af5;color:#e5e7eb;font-size:.8rem}.catalog-signup-button{padding:6px 12px;border-radius:9999px;border:none;background:linear-gradient(135deg,#4100b1,#7600b5);color:#f9fafb;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}.catalog-signup-button:hover{filter:brightness(1.1)}@media(max-width:768px){.catalog-back-button{top:14px;left:14px;width:56px;height:56px;font-size:24px}.legal-home-link{top:14px;left:78px;min-height:56px;padding:0 18px;font-size:1rem}.catalog-top-right-bar{top:10px;right:10px;gap:6px}}@media(max-width:480px){.catalog-back-button{top:10px;left:10px;width:52px;height:52px;font-size:22px}.legal-home-link{top:10px;left:70px;min-height:52px;padding:0 16px;font-size:.95rem}.catalog-locale-select{display:none}}.creator-header{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;position:relative;padding-top:24px}.creator-header .catalog-back-button{top:52px;left:16px}.story-header{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}@media(min-width:900px){.story-hero{flex-direction:row;align-items:flex-start}.story-banner-wrapper{width:320px;max-width:var(--story-card-max);margin:-24px 0 -24px -20px;border-radius:16px 0 0 16px;height:auto;align-self:stretch}}@media(max-width:768px){.story-banner-wrapper{max-width:none;width:calc(100% + 40px);margin:-24px -20px 0;aspect-ratio:16 / 9;border-radius:16px 16px 0 0}}.creator-avatar{width:96px;height:96px;border-radius:9999px;object-fit:cover;flex-shrink:0}.story-creator-avatar{width:20px;height:20px;border-radius:9999px;object-fit:cover;flex-shrink:0}.creator-header-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.creator-description{margin:4px 0 0;font-size:.95rem;color:#d1d5db;position:relative}.creator-header-text .creator-description{text-align:left;align-self:stretch}.creator-description--collapsed{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.creator-description--collapsed{-webkit-line-clamp:3}}.creator-description--expanded{white-space:normal}.story-description-wrapper{position:relative}.creator-description-see-more{position:absolute;bottom:0;right:0;margin-top:0;align-self:auto;background:#0f172a;padding:0 0 0 8px;box-shadow:-8px 0 12px #0f172a;border:none;color:#9ca3af;font-size:.8rem;cursor:pointer;text-decoration:underline}.creator-description-see-more:hover{color:#e5e7eb}.creator-follow-row{margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.creator-follow-label{font-size:.85rem;color:#9ca3af}.creator-social-links{display:flex;flex-wrap:wrap;gap:8px}.creator-social-link,.creator-share-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9999px;background:#0f172ae6;border:1px solid rgba(55,65,81,.9);color:#e5e7eb;text-decoration:none;cursor:pointer}.creator-social-link:hover,.creator-share-button:hover{background:#1e40afe6}.creator-share-button{border-style:dashed}.creator-social-icon-svg{width:18px;height:18px}.story-creator-row{display:flex;align-items:center;gap:16px;margin-bottom:8px}.story-creator-avatar-link{display:inline-flex}.story-creator-text{display:flex;flex-direction:column}.story-creator-label{margin:0;font-size:.8rem;color:#9ca3af}.story-byline-row{display:flex;align-items:center;gap:8px;margin-top:4px}.story-byline{margin:0;font-size:.9rem;color:#9ca3af}.story-byline-link{color:#e5e7eb;text-decoration:none}.story-meta{flex:1}.story-description{margin:0;font-size:.95rem;color:#d1d5db}.story-play-row{margin-top:8px;display:flex;align-items:center;gap:8px}.story-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.story-price-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:9999px;background:#16a34a29;color:#bbf7d0;font-size:.8rem;font-weight:600}.creator-stories,.story-episodes{width:100%;max-width:1120px}.creator-stories h2{margin:20px 0 12px}.creator-stories-header h2{margin:0}.creator-stories ul{list-style:none;padding:0;margin:0}.story-episodes ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.episode-item{display:flex;align-items:stretch;gap:0;padding:0;border-radius:16px;border:1px solid rgba(55,65,81,.9);background:#0f172ad9;overflow:hidden}.episode-thumb{flex-shrink:0;width:120px;height:auto;margin:0;display:flex}.episode-thumb picture{display:block;width:100%;height:100%}.episode-banner{width:100%;height:100%;object-fit:cover;border-radius:0}.episode-meta{flex:1;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.episode-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.episode-label{font-size:.85rem;color:#9ca3af}.episode-play-pill{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;border-radius:9999px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:600;margin-right:12px;flex-shrink:0;align-self:center}.episode-title{margin:0;font-weight:600;color:#e5e7eb}.episode-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.episode-status-badge{display:inline-flex;align-items:center;border-radius:9999px;padding:2px 8px;font-size:.72rem;font-weight:600;letter-spacing:.01em}.episode-status-badge--completed{background:#16653438;color:#86efac;border:1px solid rgba(34,197,94,.45)}.episode-status-badge--active{background:#2563eb33;color:#93c5fd;border:1px solid rgba(59,130,246,.45)}.episode-read-more{color:#9ca3af;font-size:.8rem;margin-top:4px;background:transparent;border:none;padding:0;text-decoration:underline;cursor:pointer;align-self:flex-start}.episode-read-more:hover{color:#e5e7eb}.episode-description{margin:0;font-size:.9rem;color:#d1d5db;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.play-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:9999px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:600;text-decoration:none;border:none}.story-warning{margin-top:4px;color:#f97316;font-size:.9rem}.story-share-button{padding:8px 14px;border-radius:9999px;border:1px solid rgba(148,163,184,.6);background:#0f172ae6;color:#e5e7eb;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.story-share-button:hover{border-color:#f8fafce6;background:#1f2937f2}.creator-stories-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.catalog-footer{margin-top:24px;font-size:.8rem;color:#9ca3af;text-align:center}.catalog-footer a{color:#e5e7eb;text-decoration:none}.catalog-footer a:hover{text-decoration:underline}.catalog-footer-separator{margin:0 6px;opacity:.7}.section-heading-primary{font-size:var(--section-heading-font-size);font-weight:700;color:var(--section-heading-color)}.story-play-row{display:flex;gap:10px;margin-top:8px;margin-bottom:0}@media(max-width:768px){.story-play-row{margin-top:6px;margin-bottom:0}.story-play-row .play-button,.story-play-row .story-share-button{flex:1 1 0;width:50%}.story-header{margin-bottom:0}.story-episodes-section{margin-top:8px}.episode-thumb{width:96px;height:auto}.episode-banner{aspect-ratio:auto;height:100%;border-radius:0}}.story-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}.story-card-body p{margin:0;font-size:.9rem;color:#d1d5db}.breadcrumb{width:100%;max-width:1120px;margin:0 auto 12px;color:#9ca3af;font-size:.85rem}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center}.breadcrumb li{display:flex;align-items:center}.breadcrumb a{color:#e5e7eb;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-separator{margin:0 4px;opacity:.7}.story-episodes-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px}.season-selector{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#d1d5db}.season-selector select{background:#0f172af2;border-radius:9999px;border:1px solid rgba(55,65,81,.9);color:#e5e7eb;padding:4px 10px;font-size:.9rem}@media(max-width:768px){.story-episodes-header{align-items:center}.story-episodes-section .season-selector{margin-bottom:0}}.site-footer{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.8rem;color:#9ca3af;text-align:center}.site-footer-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.site-footer a{color:#9ca3af;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer-separator{opacity:.7}@media(max-width:768px){.site-footer{margin-top:16px;gap:2px}.site-footer-links{gap:6px;row-gap:2px}}