:root{--bg:#f4efe5;--panel:#fffaf3db;--ink:#251813;--muted:#6c5a53;--line:#37241b1f;--accent:#cf6a3f;--accent-deep:#9b4223;--accent-soft:#cf6a3f1f;--shadow:0 28px 90px #46271a1f;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--font-sans:"Trebuchet MS", "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 10% 10%,#cf6a3f2e,#0000 24%),radial-gradient(circle at 90% 0,#327a5f29,#0000 26%),linear-gradient(#f4eee3 0%,#fcf8f0 100%);min-height:100%}body{min-height:100vh;color:var(--ink);font-family:var(--font-sans);margin:0}button,input,textarea{font:inherit}.page-shell{width:min(1200px,100vw - 24px);margin:0 auto;padding:18px 0 40px}.hero,.panel,.story-card,.preview-card,.stepper{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.hero{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:18px;margin-bottom:18px;padding:20px;display:grid}.gentle-hero{background:radial-gradient(circle at 0 0,#ffffff8c,#0000 28%),linear-gradient(#fff8f1f2,#fcf7efeb)}.eyebrow{background:var(--accent-soft);width:fit-content;color:var(--accent-deep);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{max-width:11ch;margin:12px 0 10px;font-size:clamp(34px,5vw,66px);line-height:.94}.hero p,.panel-head p,.muted,.choice-card small,.alt-card p,.preview-list li,.rich-text{color:var(--muted)}.hero-pills,.pill-grid,.inline-row,.ring-row,.hero-copy,.preview-card,.wizard-shell,.result-shell,.result-grid,.alt-grid,.choice-grid,.check-grid,.content-grid,.panel,.field{gap:12px;display:grid}.hero-pills,.pill-grid,.inline-row,.wizard-actions{flex-wrap:wrap;display:flex}.hero-pills span,.toggle-pill,.step-chip,.check-card,.alt-card,.choice-card{border:1px solid var(--line);background:#ffffffbd}.hero-pills span{border-radius:999px;padding:10px 14px}.preview-card,.panel,.story-card,.stepper{padding:18px}.cozy-card{background:linear-gradient(#fffcf7e0,#fff6eccc)}.preview-head{gap:6px;display:grid}.preview-head span{color:var(--muted);font-size:13px}.progress-bar{background:#25181314;border-radius:999px;height:10px;margin-bottom:12px;overflow:hidden}.progress-bar span{background:linear-gradient(90deg, var(--accent) 0%, #f0a24d 100%);height:100%;display:block}.stepper-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.step-chip{border-radius:18px;gap:8px;padding:12px;display:grid}.step-chip.active{background:linear-gradient(135deg,#cf6a3f2e,#f0a24d1f);border-color:#cf6a3f61}.step-chip.done{background:#327a5f1a}.step-chip b{background:#25181314;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.content-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.7fr);align-items:start;margin-top:16px}.choice-grid,.check-grid,.result-grid,.alt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card,.toggle-pill,.button,.ghost-button{cursor:pointer;border-radius:18px;transition:transform .18s,border-color .18s,background .18s}.choice-card{text-align:left;gap:6px;padding:16px;display:grid}.choice-card.active,.toggle-pill.active{background:linear-gradient(135deg,#cf6a3f2e,#f0a24d1f);border-color:#cf6a3f61}.toggle-pill{padding:12px 14px}textarea,input[type=text]{border-radius:var(--radius-md);border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffd1;outline:none;padding:14px 16px}textarea{resize:vertical;min-height:100px}input[type=range]{width:100%}.check-card{border-radius:18px;align-items:center;gap:10px;padding:14px;display:flex}.warning-card{background:#b680221a;border-color:#b6802247}.button,.ghost-button{border:0;padding:14px 18px}.button{color:#fffaf4;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);font-weight:700}.ghost-button{border:1px solid var(--line);color:var(--ink);background:#ffffffbd}.button:hover,.ghost-button:hover,.toggle-pill:hover,.choice-card:hover{transform:translateY(-1px)}.wizard-actions{gap:10px;margin-top:8px}.status{border:1px solid #0000;border-radius:14px;padding:12px 14px}.status.error{color:#8f1e18;background:#8f1e1814;border-color:#8f1e182e}.status.success{color:#295d49;background:#295d4914;border-color:#295d492e}.quota-card{background:linear-gradient(#fffcf7f0,#fff5eadb);border:1px solid #37241b1f;border-radius:20px;gap:10px;padding:16px;display:grid}.quota-card__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.quota-card__head span{color:var(--muted);font-size:13px}.quota-card__head strong{font-size:18px}.quota-bar{background:#25181314;border-radius:999px;height:10px;overflow:hidden}.quota-bar__fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent) 0%, #78b86c 100%);height:100%;transition:width .3s;display:block}.quota-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quota-grid div{gap:4px;display:grid}.quota-grid span{color:var(--muted);font-size:12px}.quota-grid strong{font-size:14px}.stat-ring{aspect-ratio:1;text-align:center;background:#ffffffb3;border:10px solid #327a5f29;border-radius:50%;place-items:center;width:110px;display:grid}.stat-ring.amber{border-color:#b680222e}.stat-ring.sand{border-color:#8f76562e}.stat-ring strong{font-size:22px}.stat-ring span{max-width:64px;color:var(--muted);font-size:12px}.preview-list{margin:0;padding-left:18px}.preview-list li{margin-bottom:8px}.risk-box{border:1px solid var(--line);background:#ffffffb3;border-radius:20px;padding:16px}.rich-text{white-space:pre-wrap;line-height:1.7}.alt-card{border-radius:20px;padding:16px}.names-card{background:linear-gradient(#fffaf4eb,#fff3e9e0)}.names-grid{flex-wrap:wrap;gap:10px;display:flex}.name-pill{border:1px solid var(--line);color:var(--ink);background:#ffffffd1;border-radius:999px;padding:10px 14px;font-weight:600;display:inline-flex}.story-placeholder{text-align:center;min-height:220px;color:var(--muted);background:#fff6;border:1px dashed #37241b2e;border-radius:20px;place-items:center;display:grid}@media (max-width:980px){.hero,.content-grid,.result-grid,.alt-grid,.check-grid,.choice-grid,.stepper-row{grid-template-columns:1fr}}