:root{color:#f8f4e8;background:radial-gradient(circle at top,#ffc1072e,#0000 34rem),linear-gradient(135deg,#17110f,#251914 55%,#100c0a);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app{width:min(920px,100% - 2rem);margin:0 auto;padding:4rem 0}.hero{text-align:center;margin-bottom:2rem}.eyebrow{color:#f7c76d;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-weight:700}h1{margin:0;font-size:clamp(3rem,8vw,6rem);line-height:.95}.subtitle{color:#d8c7a5;max-width:40rem;margin:1rem auto 0;font-size:1.2rem}.quest-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#17110fc2;border:1px solid #f7c76d40;border-radius:1.5rem;padding:2rem;box-shadow:0 1.5rem 4rem #00000059}.quest-card h2{color:#f7c76d;margin:0 0 1.5rem;font-size:clamp(1.8rem,4vw,2.8rem)}.quest-section{border-top:1px solid #f8f4e81f;padding:1rem 0}.quest-section h3{color:#f0b35b;margin:0 0 .35rem}.quest-section p{color:#f8f4e8;margin:0;font-size:1.05rem;line-height:1.65}.actions{justify-content:center;margin-top:2rem;display:flex}#generate-button{cursor:pointer;color:#24150d;background:#f7c76d;border:0;border-radius:999px;padding:.9rem 1.4rem;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;box-shadow:0 1rem 2rem #00000047}#generate-button:hover{background:#ffd98a;transform:translateY(-2px);box-shadow:0 1.25rem 2.4rem #00000059}#generate-button:active{transform:translateY(0)}
