:root{color-scheme:light;font-family:Zen Maru Gothic,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#f9d8a8,#f4efe7 45%,#d2e9f7);color:#1f2430}.page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto auto;gap:1rem;max-width:48rem;margin:0 auto;padding:2rem 1.25rem 2.5rem}.page-header h1{margin:.2rem 0 0;font-size:clamp(1.8rem,4vw,3rem)}.eyebrow{margin:0;font-size:.75rem;letter-spacing:.18em;font-weight:700}.topic-card{align-self:center;background:#fffc;border:2px solid rgba(40,54,85,.18);border-radius:1.25rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1.6rem;transform-origin:center}.topic-card.is-switching{animation:topic-in .26s ease-out}.topic-label{margin:0;font-size:.84rem;letter-spacing:.08em;color:#4f5b73}.topic-text{margin:.8rem 0 0;font-size:clamp(1.35rem,3.5vw,2.15rem);line-height:1.45;font-weight:700}.topic-error{margin:0;color:#8c2f39;font-weight:700}.reroll-button{justify-self:start;border:none;border-radius:999px;background:#ed6a47;color:#fff;font-weight:700;padding:.75rem 1.2rem;font-size:1rem;cursor:pointer;transition:transform .14s ease,box-shadow .18s ease,filter .18s ease;box-shadow:0 6px 16px #ed6a4747}.reroll-button:hover{transform:translateY(-1px);filter:brightness(1.03)}.reroll-button:active{transform:translateY(1px) scale(.99);box-shadow:0 3px 9px #ed6a473d}.reroll-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.page{padding-top:1.3rem}.topic-card{padding:1.2rem}}@media(prefers-reduced-motion:reduce){.topic-card.is-switching{animation:none}.reroll-button{transition:none}}@keyframes topic-in{0%{opacity:.45;transform:scale(.985) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}