: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:4rem 1rem}.story-pane{width:min(980px,100%);margin:0 auto}.brand-row{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.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:4.5rem;line-height:1;margin:0;max-width:820px}.setup-form,.action-form,.message{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101211d1;border:1px solid rgba(244,241,232,.14);border-radius:8px}.setup-form{display:grid;gap:1rem;padding:1rem}.start-layout{display:grid;gap:1rem}.recent-stories{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101211d1;border:1px solid rgba(244,241,232,.14);border-radius:8px;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-link{align-items:flex-start;background:#f4f1e8f2;color:#111312;display:grid;gap:.25rem;text-align:left}.story-link small{color:#42504b}.secondary-button{background:#f4f1e8f2;justify-self:start}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}.play-layout{display:grid;gap:1rem}.timeline{display:grid;gap:.8rem}.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}.message-user{background:#27312ed6}.action-form{bottom:1rem;display:grid;gap:.8rem;padding:1rem;position:sticky}.error-text{background:#f2b8b5;border-radius:8px;color:#2b1110;font-weight:700;margin:1rem 0 0;padding:.85rem 1rem}@media (max-width: 680px){.app-shell{padding:2rem .85rem}.brand-row{align-items:flex-start}.brand-mark{flex:0 0 auto}h1{font-size:2.2rem}}