@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=DM+Mono:wght@400;500&display=swap";:root{color-scheme:light;--bg: #f6efe4;--bg-2: #efe4d3;--panel: rgba(255, 251, 245, .76);--panel-border: rgba(58, 44, 30, .08);--text: #1f1a15;--muted: #665b51;--accent: #ca6a2a;--accent-2: #2f6a58;--accent-soft: rgba(202, 106, 42, .12);--shadow: 0 22px 70px rgba(60, 43, 27, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:DM Sans,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(202,106,42,.16),transparent 30%),radial-gradient(circle at 84% 18%,rgba(47,106,88,.12),transparent 26%),radial-gradient(circle at bottom right,rgba(202,106,42,.08),transparent 34%),linear-gradient(180deg,var(--bg),var(--bg-2))}button,input{font:inherit}.app-shell{position:relative;overflow:hidden;min-height:100vh;padding:34px clamp(18px,4vw,42px) 28px}.orb{position:absolute;border-radius:999px;filter:blur(4px);pointer-events:none;opacity:.8}.orb-a{width:340px;height:340px;left:-120px;top:-120px;background:radial-gradient(circle,rgba(202,106,42,.22),transparent 68%)}.orb-b{width:380px;height:380px;right:-150px;bottom:-170px;background:radial-gradient(circle,rgba(47,106,88,.18),transparent 68%)}.hero{max-width:1160px;margin:0 auto 26px;text-align:center}.hero-topline{font-family:DM Mono,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:.72rem;margin-bottom:16px}.hero h1{margin:0;font-family:Syne,sans-serif;font-size:clamp(3.2rem,8vw,6.2rem);line-height:.92;letter-spacing:-.05em}.hero h1 span{color:var(--accent)}.hero-copy{max-width:760px;margin:18px auto 0;color:var(--muted);font-size:1.05rem;line-height:1.78}.highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1060px;margin:24px auto 0}.highlight-card{border-radius:20px;padding:18px 18px 17px;background:#ffffffad;border:1px solid rgba(58,44,30,.08);box-shadow:0 16px 40px #3c2b1b12;text-align:left}.highlight-card strong{display:block;font-family:Syne,sans-serif;font-size:1.2rem;margin-bottom:8px}.highlight-card span{display:block;color:var(--muted);line-height:1.55;font-size:.95rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.feature-card{border-radius:22px;padding:18px;background:#ffffffad;border:1px solid rgba(58,44,30,.08);box-shadow:0 18px 44px #3c2b1b14}.feature-kicker{font-family:DM Mono,monospace;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.feature-card h3{margin:0 0 10px;font-family:Syne,sans-serif;font-size:1.05rem}.feature-card p{margin:0;line-height:1.65;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr);gap:22px;align-items:start;max-width:1360px;margin:0 auto}.left-column,.right-column{min-width:0}.input-card,.panel,.step-card,.summary-strip,.footer-note{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.input-card{border-radius:26px;padding:26px;display:grid;gap:14px;margin-bottom:18px}.input-card label,.section-title,.panel-label,.mini-label,.step-num{font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.15em}.input-card label{color:var(--accent);font-size:.7rem}.input-card input{width:100%;border-radius:18px;border:1px solid rgba(36,30,22,.1);background:#ffffffd1;color:var(--text);padding:16px 18px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.input-card input:focus{border-color:#d9773180;box-shadow:0 0 0 4px #d977311f}.input-card button,.chip{border:none;cursor:pointer}.input-card>button{border-radius:18px;padding:15px 18px;font-weight:700;color:#fffaf3;background:linear-gradient(135deg,#d77a32,#b95f1d);box-shadow:0 16px 34px #ca6a2a3d;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.input-card>button:hover{transform:translateY(-1px);box-shadow:0 18px 38px #ca6a2a4d}.input-card>button:disabled{cursor:progress;opacity:.75}.hint-row{display:grid;gap:12px}.hint-label{font-family:DM Mono,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.7rem}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{background:#ffffffbd;border:1px solid rgba(36,30,22,.08);color:var(--muted);border-radius:999px;padding:9px 12px;transition:transform .18s ease,border-color .18s ease,color .18s ease}.chip:hover{transform:translateY(-1px);border-color:#d9773140;color:var(--text)}.summary-strip{border-radius:22px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.error-banner{border-radius:18px;padding:14px 16px;margin-bottom:18px;border:1px solid rgba(171,58,43,.22);background:#fff5f1e0;color:#8c2f24;box-shadow:0 16px 34px #ab3a2b14}.summary-strip strong{display:block;margin-top:4px;font-size:1rem}.section-title{margin:20px 0 12px;color:var(--muted);font-size:.72rem}.step-card{border-radius:22px;padding:18px 18px 18px 20px;margin-bottom:12px;position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#1f1b1714}.step-card.active:before{background:var(--accent)}.step-card.done:before{background:var(--accent-2)}.step-card.glow{box-shadow:0 22px 58px #d977312e}.step-header{display:flex;align-items:center;gap:10px}.step-num{color:var(--accent);font-size:.68rem}.step-title{font-family:Syne,sans-serif;font-weight:700;font-size:1rem}.step-status{margin-left:auto;font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.1em}.status-waiting{color:#9a9084}.status-running{color:var(--accent)}.status-done{color:var(--accent-2)}.step-desc{margin:10px 0 0;color:var(--muted);line-height:1.55;font-size:.95rem}.panel{border-radius:24px;padding:20px;margin-bottom:18px}.panel.orange{border-color:#d9773124}.panel.green{border-color:#2e6b5824}.panel-label{font-size:.7rem;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid rgba(36,30,22,.08)}.panel-label.orange{color:var(--accent)}.panel-label.green{color:var(--accent-2)}.panel-body{min-height:140px}.text-block{white-space:pre-wrap;margin:0;font-size:.95rem;line-height:1.8;color:#2a241e}.text-block.report{font-size:1rem}.text-block.critic{color:#214233}.empty-state{color:#7e7367;line-height:1.7;margin:0}.footer-note{max-width:1360px;margin:22px auto 0;border-radius:20px;padding:14px 16px;text-align:center;color:var(--muted);font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.08em}.story-band{max-width:1360px;margin:22px auto 0}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.story-step{border-radius:22px;padding:18px;background:#ffffffad;border:1px solid rgba(58,44,30,.08);box-shadow:0 18px 42px #3c2b1b12}.story-step span{display:inline-block;font-family:DM Mono,monospace;letter-spacing:.18em;font-size:.66rem;color:var(--accent);margin-bottom:14px}.story-step h4{margin:0 0 10px;font-family:Syne,sans-serif;font-size:1.02rem}.story-step p{margin:0;color:var(--muted);line-height:1.65}@media (max-width: 1040px){.layout{grid-template-columns:1fr}.right-column{order:-1}.feature-grid,.highlights,.story-grid{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.app-shell{padding:24px 16px 20px}.feature-grid,.highlights,.story-grid{grid-template-columns:1fr}.summary-strip{flex-direction:column;align-items:flex-start}.hero-copy{font-size:.98rem}.input-card,.panel,.step-card,.summary-strip{border-radius:18px}}