:root{color-scheme:dark;--bg: #120f13;--panel: rgba(29, 22, 31, .9);--panel-strong: rgba(40, 29, 43, .96);--line: rgba(255, 216, 214, .14);--text: #f8efe9;--muted: #c8b7b1;--accent: #ff8b5c;--accent-soft: #ffd0a8;--secondary: #ff5f87;--shadow: 0 30px 70px rgba(0, 0, 0, .45);font-family:IBM Plex Sans,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(255,116,73,.18),transparent 30%),radial-gradient(circle at top right,rgba(255,95,135,.2),transparent 26%),linear-gradient(180deg,#191218,#0f0b10);color:var(--text)}button,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 360px;gap:20px;min-height:100vh;padding:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.story-sidebar,.prompt-sidebar,.main-column{display:flex;flex-direction:column;gap:20px}.story-sidebar__head h1,.hero h2,.reader h3,.prompt-panel h3{font-family:Fraunces,serif;margin:0}.story-sidebar__head h1{font-size:2rem}.eyebrow{color:var(--accent-soft);font-size:.76rem;font-weight:700;letter-spacing:.18em;margin:0 0 8px;text-transform:uppercase}.muted{color:var(--muted)}.story-list{display:flex;flex-direction:column;gap:12px}.story-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;color:inherit;display:flex;flex-direction:column;gap:8px;padding:16px;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.story-card:hover,.choice-card:hover,.crumb:hover,.toggle:hover,.primary-action:hover{transform:translateY(-1px)}.story-card--active{background:linear-gradient(135deg,#ff5f8738,#ff8b5c33);border-color:#ffd0a873}.story-card__badge{align-self:flex-start;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:6px 10px;text-transform:uppercase}.story-card__badge--authored,.story-card__badge--template{background:#ff5f872e;color:#ffc7d8}.story-card__badge--scraped,.story-card__badge--openai{background:#ff8b5c2e;color:#ffd7b8}.hero{background:linear-gradient(130deg,#ff5f872e,#ff8b5c1f),var(--panel-strong)}.hero__meta,.status-row,.mode-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.hero__subtitle,.reader__summary{color:var(--accent-soft);font-size:1.05rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px}.crumb,.toggle{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:inherit;padding:10px 14px}.crumb--active,.toggle--active{background:#ff8b5c29;border-color:#ffd0a861}.reader__head{display:flex;flex-direction:column;gap:8px}.reader__body{display:flex;flex-direction:column;gap:16px;margin-top:20px}.reader__body p{line-height:1.7;margin:0}.question-pill{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;display:inline-flex;flex-direction:column;gap:4px;margin-top:6px;padding:14px 16px}.question-pill span{color:var(--muted);font-size:.75rem;text-transform:uppercase}.reader__choices{display:flex;flex-direction:column;gap:24px;margin-top:26px}.choice-group h4{font-family:Fraunces,serif;margin:0 0 12px}.choice-grid{display:grid;gap:12px}.choice-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px;color:inherit;display:flex;flex-direction:column;gap:8px;padding:16px;text-align:left}.choice-card strong{color:var(--accent-soft)}.choice-card p,.choice-card span{color:var(--muted);margin:0}.field{display:flex;flex-direction:column;gap:8px}.field span{color:var(--accent-soft);font-size:.84rem;font-weight:600}textarea{background:#0b090cb3;border:1px solid rgba(255,255,255,.12);border-radius:18px;color:inherit;min-width:0;padding:14px 16px;resize:vertical}.primary-action{background:linear-gradient(135deg,var(--secondary),var(--accent));border:0;border-radius:18px;color:#fff8f4;font-weight:700;padding:14px 16px}.output-panel{display:flex;flex-direction:column;gap:16px}.output-meta{display:flex;justify-content:flex-start}.error-box{background:#ff50501f;border:1px solid rgba(255,120,120,.25);border-radius:18px;color:#ffd8d8;padding:14px 16px}.status-dot{background:#fff3;border-radius:999px;height:10px;width:10px}.status-dot--live{background:#7bf7aa;box-shadow:0 0 18px #7bf7aa99}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}}