*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background-color:#12141a;color:#e6e8ee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}#root{min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.card{width:100%;max-width:640px;background-color:#1b1e27;border:1px solid #2b2f3b;border-radius:16px;padding:32px;box-shadow:0 12px 32px #00000059}.progress-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem;color:#9aa1b2}.title{font-size:1.4rem;margin:0 0 8px;color:#f2f4fa}.instruction{margin:0 0 20px;color:#b6bcca;font-size:.95rem}.url-box{background-color:#0f1116;border:1px solid #333849;border-radius:10px;padding:18px;margin-bottom:24px;overflow-x:auto}.url-text{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1.05rem;color:#ffd479;word-break:break-all;white-space:pre-wrap}.answer-buttons{display:flex;gap:16px}.btn{flex:1;border:none;border-radius:10px;padding:16px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s ease,filter .15s ease;color:#fff}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.98)}.btn-phishing{background-color:#d64545}.btn-legitimate{background-color:#2f9e6e}.btn-primary{width:100%;background-color:#3d6bd8;margin-top:24px}.feedback{display:flex;flex-direction:column}.feedback-badge{font-size:1.3rem;font-weight:700;margin:0 0 8px}.feedback-badge.correct{color:#4ade80}.feedback-badge.incorrect{color:#f87171}.feedback-answer{color:#d3d7e2;margin:0 0 16px}.explanation{background-color:#12141c;border:1px solid #2b2f3b;border-radius:10px;padding:18px}.technique-name{font-weight:700;color:#ffd479;margin:0 0 10px}.explanation-text{color:#c7cbda;line-height:1.6;margin:0 0 14px}.key-point{color:#d3d7e2;line-height:1.6;margin:0;border-top:1px dashed #333849;padding-top:12px}.key-point-label{font-weight:700;color:#7cc4ff}.result-card{text-align:center}.score{font-size:3rem;font-weight:800;color:#f2f4fa;margin:8px 0 24px}.score-max{font-size:1.5rem;color:#9aa1b2;font-weight:500}.all-correct{color:#4ade80;font-size:1.1rem;margin-bottom:8px}.mistake-list{text-align:left;background-color:#12141c;border:1px solid #2b2f3b;border-radius:10px;padding:18px 20px;margin-bottom:8px}.mistake-heading{font-size:1rem;color:#f2f4fa;margin:0 0 12px}.mistake-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.mistake-list li{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid #22252f;padding-bottom:8px}.mistake-list li:last-child{border-bottom:none;padding-bottom:0}.mistake-technique{font-weight:700;color:#ffd479;font-size:.9rem}.mistake-url{font-family:Consolas,Menlo,monospace;font-size:.8rem;color:#9aa1b2;word-break:break-all}@media (max-width: 480px){.card{padding:22px 18px}.title{font-size:1.2rem}.answer-buttons{flex-direction:column}.score{font-size:2.4rem}}