:root{color:#f4f1e8;background:#101211;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#111312f2,#1e2523e6),url(https://images.unsplash.com/photo-1516414447565-b14be0adf13e?auto=format&fit=crop&w=1800&q=80);background-attachment:fixed;background-position:center;background-size:cover}button,input,select,textarea{font:inherit}button{border:0;border-radius:8px;color:#111312;background:#e0c56e;cursor:pointer;font-weight:700;padding:.9rem 1rem;transition:transform .12s ease,background .12s ease}button:hover:not(:disabled){background:#f1d77d;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{min-height:100vh;padding:2.25rem 1rem 4rem}.story-pane{width:min(1360px,100%);margin:0 auto;position:relative}.brand-mark{align-items:center;background:#e0c56e;border-radius:8px;color:#111312;display:inline-flex;font-size:1.8rem;font-weight:900;height:3.5rem;justify-content:center;width:3.5rem}.eyebrow{color:#d9cfae;font-size:.85rem;font-weight:800;margin:0 0 .35rem;text-transform:uppercase}h1{font-size:3.55rem;line-height:1;margin:0;max-width:690px}h2{margin:0}.top-bar{display:flex;justify-content:flex-end;margin-bottom:0;position:absolute;right:0;top:0;z-index:2}.menu-toggle{display:none}.top-controls{align-items:flex-end;display:grid;gap:.75rem;justify-items:end}.control-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.lang-switch{background:#101211d1;border:1px solid rgba(244,241,232,.14);border-radius:8px;display:inline-flex;overflow:hidden}.lang-switch button{background:transparent;border-radius:0;color:#f4f1e8;min-width:4.5rem;padding:.75rem .95rem;transform:none}.lang-switch button:hover:not(:disabled){background:#f4f1e824}.lang-switch .lang-active{background:#e0c56e;color:#111312}.ghost-button{background:#f4f1e8f2}.hero-stage{display:grid;gap:1.5rem;justify-items:stretch;margin:0 auto;max-width:900px;padding-top:.2rem}.hero-heading{align-items:flex-start;display:flex;gap:1rem}.hero-brand-stack{display:grid;gap:.35rem;justify-items:center;padding-top:.15rem}.hero-eyebrow{font-size:.62rem;margin:0;padding-left:0}.hero-mark{flex:0 0 auto;font-size:2rem;height:4rem;width:4rem}.demo-chat,.workspace-panel,.recent-stories,.message,.auth-modal,.account-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101211d1;border:1px solid rgba(244,241,232,.14);border-radius:8px}.demo-chat{overflow:hidden;padding:1rem}.demo-chat-inner{display:flex;flex-direction:column;gap:.7rem;height:33.5rem;justify-content:flex-end;overflow:hidden}.message{line-height:1.65;padding:1rem}.message span{color:#e0c56e;display:block;font-size:.8rem;font-weight:800;margin-bottom:.35rem;text-transform:uppercase}.message p{margin:0;white-space:pre-wrap}.demo-message{animation:message-rise .52s cubic-bezier(.2,.75,.25,1) both;max-width:76%;padding:.9rem 1rem}.demo-message.message-narrator{align-self:flex-start}.message-user{background:#27312ed6}.demo-message.message-user{align-self:flex-end;background:#f4f1e8f2;color:#111312}.demo-message.message-user span{color:#42504b}.typing-message{min-height:4.5rem}.typing-dots{align-items:center;display:inline-flex;gap:.35rem;min-height:1.3rem}.typing-dot{animation:typing-bounce 1s ease-in-out infinite;background:currentColor;border-radius:999px;display:inline-block;height:.42rem;opacity:.4;width:.42rem}.typing-dot:nth-child(2){animation-delay:.18s}.typing-dot:nth-child(3){animation-delay:.36s}.hero-cta{justify-self:center;min-width:13rem}.workspace-layout{display:grid;gap:1rem;grid-template-columns:9.5rem minmax(0,1fr);align-items:start}.workspace-sidebar{display:grid;gap:.75rem;position:sticky;top:1rem}.account-card{color:#f4f1e8;display:grid;gap:.2rem;padding:.9rem .95rem;text-align:left}.account-card strong{color:#f4f1e8}.account-card small{color:#d9cfae;overflow-wrap:anywhere}.account-card:hover:not(:disabled){background:#161b1ae6}.sidebar-button{width:100%}.sidebar-lang-switch{width:fit-content}.workspace-content{display:grid;gap:1rem;min-width:0}.workspace-panel,.setup-form,.action-form{display:grid;gap:1rem;padding:1rem}.recent-stories{padding:1rem}.recent-stories h2{font-size:1.1rem;margin:0 0 .8rem}.recent-list{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.story-card{display:grid;gap:.5rem}.story-link{align-items:flex-start;background:#f4f1e8f2;color:#111312;display:grid;gap:.25rem;text-align:left;width:100%}.story-link small{color:#42504b}.delete-button{background:#f2b8b5f2;color:#2b1110;padding:.75rem .9rem}.delete-button:hover:not(:disabled){background:#f5c2bf}label{color:#d9cfae;display:grid;font-size:.9rem;font-weight:700;gap:.45rem}input,select,textarea{background:#f4f1e8f2;border:1px solid transparent;border-radius:8px;color:#111312;min-width:0;padding:.85rem}textarea{resize:vertical}.genre-note{color:#f4f1e8;line-height:1.6;margin:0}.timeline{display:grid;gap:.8rem}.action-form{bottom:1rem;position:sticky}.account-content{grid-template-columns:repeat(2,minmax(0,1fr))}.account-content>:first-child{grid-column:1 / -1}.account-summary-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1rem}.summary-item{display:grid;gap:.25rem}.summary-item span{color:#d9cfae;font-size:.85rem}.summary-item strong{color:#f4f1e8}.muted-text{color:#d9cfae;margin:0}.notice-text,.error-text{border-radius:8px;font-weight:700;margin:1rem auto 0;max-width:1020px;padding:.85rem 1rem}.notice-text{background:#e0c56eeb;color:#111312}.error-text{background:#f2b8b5;color:#2b1110}.modal-feedback{margin:0;max-width:100%}.modal-backdrop{align-items:center;background:#0b0c0cb3;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:1rem;position:fixed;z-index:40}.auth-modal{display:grid;gap:1rem;max-width:420px;padding:1rem;width:min(100%,420px)}.gate-modal{gap:1.25rem}.gate-copy{color:#f4f1e8;font-size:1.1rem;line-height:1.55;margin:0}.gate-actions{display:flex;flex-wrap:wrap;gap:.75rem}.gate-actions button{min-width:10rem}.mobile-menu-backdrop{animation:backdrop-fade .18s ease both;background:#0b0c0c70;top:0;right:0;bottom:0;left:0;position:fixed;z-index:30}.mobile-menu{animation:mobile-menu-in .22s ease both;align-content:start;align-items:normal;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101211c2;border-left:1px solid rgba(244,241,232,.14);display:grid;gap:1rem;justify-content:normal;justify-items:normal;min-height:100vh;padding:4.5rem 1rem 1rem;position:absolute;right:0;top:0;width:min(18rem,86vw)}.mobile-menu-section{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.75rem;justify-content:flex-start}.mobile-lang-switch button{flex:1 1 0}@keyframes message-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes typing-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes mobile-menu-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1180px){.top-bar{margin-bottom:1.25rem;position:static}.menu-toggle{align-items:center;background:#101211eb;border:1px solid rgba(244,241,232,.14);display:inline-flex;flex-direction:column;gap:.3rem;height:2.85rem;justify-content:center;padding:0;width:2.85rem}.menu-toggle:hover:not(:disabled){background:#1e2523f5}.menu-bar{background:#f4f1e8;border-radius:999px;display:block;height:.13rem;transition:transform .16s ease,opacity .16s ease;width:1.15rem}.menu-toggle-open .menu-bar:nth-child(1){transform:translateY(.43rem) rotate(45deg)}.menu-toggle-open .menu-bar:nth-child(2){opacity:0}.menu-toggle-open .menu-bar:nth-child(3){transform:translateY(-.43rem) rotate(-45deg)}.top-controls{display:none}.hero-heading{gap:.85rem}h1{font-size:3rem;max-width:100%}.demo-message{max-width:88%}.workspace-layout{grid-template-columns:1fr}.workspace-sidebar{grid-template-columns:repeat(3,auto);position:static}.sidebar-button,.sidebar-lang-switch{width:auto}}@media (max-width: 860px){.account-content{grid-template-columns:1fr}}@media (max-width: 680px){.app-shell{padding:2rem .85rem}.top-bar{margin-bottom:2rem;position:static}h1{font-size:2.35rem}.hero-heading{align-items:flex-start;gap:.8rem}.demo-chat-inner{gap:.6rem;height:21rem}.demo-message{max-width:92%;padding:.8rem .9rem}.workspace-sidebar{grid-template-columns:1fr}.gate-actions button{width:100%}}