*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans JP,sans-serif;background-color:#faf8f4;color:#333;line-height:1.6}.app{max-width:640px;margin:0 auto;min-height:100dvh}.top-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:40px 20px}.top-content{text-align:center;max-width:480px}.top-shindan-img{width:60%;max-width:300px;height:auto;display:block;margin:0 auto 24px}.top-badge{display:inline-block;background:#f0ebe3;color:#7a5c3a;font-size:12px;font-weight:500;padding:4px 12px;border-radius:20px;margin-bottom:16px}.top-title{font-size:36px;font-weight:700;color:#3a2c1e;margin-bottom:6px;letter-spacing:.05em}.top-subtitle{font-size:16px;color:#7a6a5a;margin-bottom:24px}.top-description{font-size:14px;color:#5a4a3a;line-height:1.8;margin-bottom:28px}.top-types{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.type-badge{font-size:13px;font-weight:500;padding:6px 14px;border-radius:20px;border:1.5px solid}@keyframes pulse-start{0%,to{transform:scale(1);box-shadow:0 4px 20px #f89d9d66}50%{transform:scale(1.04);box-shadow:0 6px 28px #f89d9d99}}.btn-start{display:block;width:100%;max-width:280px;margin:0 auto 12px;padding:16px 24px;background:linear-gradient(to bottom,#f89d9d,#f6d8af);color:#fff;font-size:17px;font-weight:700;font-family:inherit;border:none;border-radius:50px;cursor:pointer;letter-spacing:.08em;animation:pulse-start 2.4s ease-in-out infinite}.btn-start:hover{animation:none;transform:scale(1.06);box-shadow:0 6px 28px #f89d9d99}.btn-start:active{transform:scale(.98)}.top-note{font-size:12px;color:#9a8a7a}.question-screen{display:flex;flex-direction:column;min-height:100dvh;padding:0 0 80px}.question-header{padding:24px 24px 20px;text-align:center}.progress-info{margin-bottom:10px;font-size:14px;color:#7a6a5a}.progress-current{font-size:28px;font-weight:700;color:#3a2c1e}.progress-sep{font-size:16px;color:#c8beb4;margin:0 2px}.progress-total{font-size:16px;color:#9a8a7a}.progress-bar-wrap{height:6px;background:#ede8e0;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(to right,#f6d8af,#f89d9d);border-radius:3px;transition:width .4s ease}.question-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px 24px 16px;gap:32px}.question-text{font-size:22px;font-weight:700;color:#3a2c1e;line-height:1.5;text-align:center}.choice-list{display:flex;flex-direction:column;gap:12px}.choice-btn{width:100%;padding:18px 24px;font-size:16px;font-weight:500;font-family:inherit;border-radius:16px;cursor:pointer;transition:transform .1s,box-shadow .15s;border:2px solid;letter-spacing:.03em}.choice-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.choice-btn:active{transform:translateY(0)}.choice-yes{background:#faf8f4;color:#5a4a3a;border-color:#c8beb4}.choice-yes:hover{background:#f0ebe3;border-color:#9a8a7a}.choice-maybe{background:#faf8f4;color:#5a4a3a;border-color:#c8beb4}.choice-maybe:hover{background:#f0ebe3;border-color:#9a8a7a}.choice-no{background:#faf8f4;color:#5a4a3a;border-color:#c8beb4}.choice-no:hover{background:#f0ebe3;border-color:#9a8a7a}.question-footer{padding:0 24px 24px;text-align:center}.btn-back{background:none;border:none;font-size:14px;color:#9a8a7a;cursor:pointer;font-family:inherit;padding:8px 16px;border-radius:20px;transition:color .15s,background .15s}.btn-back:hover{color:#5a4a3a;background:#f0ebe3}.result-screen{padding-bottom:40px}.result-header{padding:40px 24px 32px;text-align:center;border-bottom:3px solid}.result-label{font-size:13px;color:#7a6a5a;margin-bottom:8px;letter-spacing:.05em}.result-type-name{font-size:32px;font-weight:700;margin-bottom:4px;letter-spacing:.05em}.result-chinese-name{font-size:14px;margin-bottom:12px;font-weight:500}.result-tagline{font-size:15px;color:#4a3a2a;max-width:320px;margin:0 auto;line-height:1.6}.result-tie{margin-top:12px;font-size:12px;color:#7a6a5a}.result-character{text-align:center;padding:24px 0 0}.result-character-img{width:60%;max-width:320px;height:auto;object-fit:contain}.result-section{padding:24px 20px;border-bottom:1px solid #EDE8E0}.section-title{font-size:16px;font-weight:700;color:#3a2c1e;margin-bottom:12px}.result-description{font-size:14px;line-height:1.8;color:#4a3a2a}.result-symptom-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-symptom-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#4a3a2a}.symptom-dot{width:8px;height:8px;min-width:8px;border-radius:50%}.accordion-section{margin-bottom:12px}.accordion-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:#faf8f4;font-size:15px;font-weight:700;font-family:inherit;border:2px solid;border-radius:12px;cursor:pointer;transition:background .15s;text-align:left}.accordion-btn:hover{background:#f0ebe3}.accordion-icon{font-size:11px;margin-left:8px;flex-shrink:0}.accordion-body{padding:16px 4px 4px;display:flex;flex-direction:column;gap:12px}.food-box{padding:16px;border-radius:12px}.good-food{background:#f0faf0;border:1.5px solid #A8D8A8}.ng-food{background:#fff5f5;border:1.5px solid #F0A8A8}.food-title{font-size:14px;font-weight:700;margin-bottom:8px}.food-title.good{color:#3a7a3a}.food-title.ng{color:#9a3a3a}.food-box p{font-size:14px;color:#4a3a2a;line-height:1.7}.advice-list{list-style:none;display:flex;flex-direction:column;gap:10px}.advice-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#4a3a2a;line-height:1.6}.advice-num{width:24px;height:24px;min-width:24px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.result-footer{padding:32px 20px;text-align:center}.btn-retry{display:inline-block;padding:14px 40px;background:transparent;color:#3a2c1e;font-size:15px;font-weight:700;font-family:inherit;border:2px solid #3A2C1E;border-radius:50px;cursor:pointer;letter-spacing:.05em;transition:background .2s,color .2s}.btn-retry:hover{background:#3a2c1e;color:#fff}.result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60dvh;gap:20px;padding:40px 20px;text-align:center;color:#7a6a5a}