body{color:#2f2420;background:#fff8ec;margin:0;font-family:Arial,sans-serif}nav{background:#c7352e;gap:18px;padding:18px 28px;display:flex}nav a{color:#fff;font-weight:700;text-decoration:none}main{max-width:960px;margin:0 auto;padding:40px 20px}.hero{background:#fffdf8;border-radius:28px;padding:36px;box-shadow:0 12px 30px #5028141f}.button-row{flex-wrap:wrap;gap:12px;display:flex}.btn{color:#fff;background:#c7352e;border:none;border-radius:999px;padding:12px 18px;font-weight:800;text-decoration:none;display:inline-block}.app-page{place-items:center;min-height:calc(100dvh - 64px);padding:16px;display:grid}.page-card{background:#fffdf8;border-radius:28px;width:min(100%,720px);min-height:auto;padding:clamp(20px,5vw,36px);box-shadow:0 12px 30px #5028141f}.page-card h1{color:#c7352e;margin:0 0 10px;font-size:clamp(28px,7vw,48px)}.page-card p{color:#7a5b50;font-size:clamp(15px,4vw,18px);line-height:1.6}.practice-card{aspect-ratio:1;background:#fff8ec;border:2px solid #c7352e2e;border-radius:28px;place-items:center;width:min(100%,420px);margin:24px auto;display:grid}.big-kana{font-size:clamp(100px,28vw,170px);font-weight:900}.answer-text{color:#c7352e;font-size:clamp(34px,10vw,56px);font-weight:900}.card-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.btn{text-align:center;flex:1;min-width:130px}