:root{--sun:#f4c842;--forest:#1f6f50;--ink:#1b1f24;--danger:#b22329}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 10% 10%,#ffe5a9 0%,#0000 30%),radial-gradient(circle at 90% 20%,#b7e8d5 0%,#0000 35%),linear-gradient(160deg,#fffef8 0%,#fff5d9 100%);min-height:100vh;margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif}.page{width:min(1200px,94vw);margin:0 auto;padding:1.5rem 0 2rem}.hero{text-align:center;margin-bottom:1.25rem}.hero h1{margin:0 0 1rem;font-size:clamp(1.6rem,2.6vw,2.5rem)}button{border:2px solid var(--forest);background:var(--forest);color:#fff;cursor:pointer;border-radius:999px;padding:.55rem 1rem;font-weight:700}button:hover{opacity:.86}.story-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;display:grid}.story-card{background:var(--sun);text-align:center;border:1px solid #d8a732;border-radius:.8rem;min-height:120px;padding:.8rem}.story-card h3{margin:0 0 .8rem}.story-card p{margin:0;line-height:1.3}.error{color:var(--danger);font-weight:700}