.d3app{max-width:900px;margin:24px auto;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;color:#18202a}.d3app *{box-sizing:border-box}.d3app header{background:#123d67;color:#fff;padding:24px;border-radius:18px}.d3app header small{opacity:.8}.d3app header h2{margin:4px 0;font-size:30px}.d3app header p{margin:0}.d3stats{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:14px 4px}.d3stats .d3pos{margin-right:auto}.d3nav{display:grid;grid-template-columns:auto 1fr auto;gap:8px}.d3nav button,.d3nav select,.d3choices button,.d3retry,.d3reset{padding:12px;border:1px solid #ccd5df;border-radius:10px;background:#fff;font-weight:700}.d3q{margin-top:12px;border:1px solid #dce3ea;border-radius:18px;padding:18px;background:#fff}.d3badge{display:inline-block;background:#e7f1fb;color:#123d67;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:800}.d3title{font-size:25px;margin:10px 0 3px}.d3source{font-size:12px;color:#687582}.d3imgwrap{background:#f1f3f5;border-radius:12px;padding:8px;text-align:center}.d3img{max-width:100%;height:auto;max-height:900px}.d3hint{font-size:13px;color:#687582}.d3choices{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.d3choices button{font-size:18px;cursor:pointer}.d3choices .chosen{outline:3px solid #6a829a}.d3choices .correct{background:#e7f7ec;border-color:#69ad7b}.d3choices .wrong{background:#fdeaea;border-color:#d98585}.d3feedback{padding:15px;border-radius:12px;margin-top:12px}.d3feedback.yes{background:#e7f7ec}.d3feedback.no{background:#fdeaea}.d3retry{margin-top:9px}.d3summary{margin-top:15px;text-align:center;background:#f4f7fa;padding:20px;border-radius:16px}.d3big{font-size:30px;font-weight:900;margin:10px}.d3note{font-size:11px;color:#71808d;line-height:1.7}@media(max-width:600px){.d3app header{border-radius:0}.d3q{border-radius:12px}.d3choices{grid-template-columns:repeat(5,1fr)}.d3choices button{padding:11px 4px}.d3nav{grid-template-columns:1fr 1fr}.d3nav select{grid-column:1/3;grid-row:1}.d3img{max-height:none}}
.d3ai-area{margin-top:24px;padding-top:18px;border-top:2px solid #e7edf3}
.d3ai-btn{width:100%;padding:14px 16px;border:0;border-radius:12px;background:#5945a8;color:#fff;font-weight:900;font-size:16px;cursor:pointer}
.d3ai-btn:disabled{opacity:.55;cursor:wait}
.d3ai-help{margin:7px 2px 0;color:#6d7580;font-size:12px}
.d3ai-loading{margin-top:12px;padding:13px;background:#f4f1ff;border-radius:10px;color:#4c3b94;font-weight:700;text-align:center}
.d3ai-card{margin-top:16px;border:2px solid #b8a9ee;border-radius:16px;padding:18px;background:#fbf9ff}
.d3ai-warning{display:inline-block;background:#7d1f2d;color:#fff;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:900;letter-spacing:.02em}
.d3ai-origin{margin-top:9px;font-size:12px;color:#6c657a}
.d3ai-title{font-size:23px;margin:12px 0 8px}
.d3ai-question{font-size:16px;line-height:1.8;font-weight:700;white-space:pre-wrap}
.d3ai-choices{display:grid;gap:7px;margin-top:13px}
.d3ai-choice{padding:11px 13px;background:#fff;border:1px solid #d8d1ec;border-radius:10px;line-height:1.55}
.d3ai-answer-btn{margin-top:14px;padding:11px 14px;border:1px solid #806cc7;background:#fff;color:#4c3b94;border-radius:10px;font-weight:800;cursor:pointer}
.d3ai-answer{margin-top:10px;padding:13px;background:#eee9ff;border-radius:10px;line-height:1.7}
.d3ai-caution{font-size:11px;line-height:1.6;color:#7b7187;margin:14px 0 0}