:root{--sun: #f4c842;--forest: #1f6f50;--ink: #1b1f24;--danger: #b22329}*{box-sizing:border-box}body{margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,#ffe5a9 0%,transparent 30%),radial-gradient(circle at 90% 20%,#b7e8d5 0%,transparent 35%),linear-gradient(160deg,#fffef8,#fff5d9);min-height:100vh}.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;border-radius:999px;padding:.55rem 1rem;font-weight:700;cursor:pointer}button:hover{opacity:.86}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem}.story-card{border:1px solid #d8a732;background:var(--sun);border-radius:.8rem;min-height:120px;padding:.8rem;text-align:center}.story-card h3{margin:0 0 .8rem}.story-card p{margin:0;line-height:1.3}.error{color:var(--danger);font-weight:700}