:root{--bg1:#fff7ec;--bg2:#f6e8ff;--main:#5a3a2b;--accent:#f17f95;--card:rgba(255,255,255,.94);--text:#3d2b1f}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:"Hiragino Sans","Yu Gothic","Meiryo",sans-serif;color:var(--text);background:radial-gradient(circle at top left,#ffdce4,transparent 34%),radial-gradient(circle at bottom right,#fff0b9,transparent 36%),linear-gradient(135deg,var(--bg1),var(--bg2));display:flex;justify-content:center;padding:14px}.app{width:min(100%,980px);text-align:center}.hidden{display:none}.home{min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center}.cover{width:min(100%,960px);border-radius:26px;box-shadow:0 16px 45px rgba(70,50,40,.18);background:white}.home-buttons{width:min(100%,760px);display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:-92px;padding:0 28px;position:relative;z-index:2}button{width:100%;border:0;border-radius:999px;padding:16px 20px;font-size:18px;font-weight:800;color:white;cursor:pointer;background:linear-gradient(135deg,#ff8fa2,#ee7189);box-shadow:0 10px 22px rgba(201,100,120,.25)}button.secondary{background:linear-gradient(135deg,#c9a3df,#a87ac8)}button.back{width:auto;padding:10px 18px;font-size:14px;margin:12px 0 4px;background:rgba(255,255,255,.8);color:var(--main);box-shadow:none;border:1px solid rgba(90,58,43,.18)}.badge{display:inline-block;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.72);color:var(--accent);font-weight:700}h1{font-size:clamp(28px,7vw,40px);margin:16px 0 10px;color:var(--main)}.lead{line-height:1.8;font-size:16px}.panel,.card-area{background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.85);border-radius:28px;padding:18px;box-shadow:0 18px 45px rgba(116,83,50,.14);margin-bottom:16px}.select-row{display:grid;gap:8px;text-align:left;padding:14px 4px 0}label{font-size:14px;font-weight:700;color:var(--main)}select{width:100%;padding:13px 14px;border-radius:16px;border:1px solid rgba(140,90,43,.2);background:rgba(255,255,255,.9);font-size:16px}.card{min-height:430px;border-radius:24px;padding:28px 22px;background:var(--card);box-shadow:inset 0 0 0 1px rgba(140,90,43,.12);display:flex;flex-direction:column;justify-content:center}.card.drawn{animation:pop .45s ease}@keyframes pop{0%{transform:scale(.96);opacity:.5}100%{transform:scale(1);opacity:1}}.small{color:var(--accent);font-weight:700;letter-spacing:.08em;margin:0 0 8px}.card h2{margin:6px 0 8px;color:var(--main);font-size:clamp(25px,6vw,34px);line-height:1.35}.subtitle{color:#9a673d;font-weight:700;line-height:1.5;margin:0 0 12px}.theme{display:inline-block;margin:4px auto 16px;padding:7px 14px;border-radius:999px;background:#fff3df;color:#a45f28;font-weight:700}.message{white-space:pre-line;text-align:left;font-size:15.5px;line-height:1.75;margin:0 0 16px;max-height:210px;overflow:auto;padding-right:4px}.english{font-weight:800;color:#b36b34;margin:6px 0 14px}.breath{background:#fff8ef;border-radius:18px;padding:15px;line-height:1.8;font-size:15px;text-align:left}.breath strong{color:var(--main)}footer{margin:12px 0;font-size:12px;opacity:.65}@media(max-width:700px){body{padding:8px}.home{min-height:auto;justify-content:flex-start;padding-top:8px}.cover{border-radius:18px}.home-buttons{grid-template-columns:1fr;margin-top:14px;padding:0 8px;gap:10px}button{font-size:16px;padding:15px 18px}}