:root{--bg:#f4f5f7;--surface:#ffffff;--text:#1c1e21;--muted:#5b6270;--brand:#2f6df6;--brand-dark:#1f52c9;--danger:#d63a3a;--danger-bg:#fdECEC;--safe:#1a8a5a;--scammer-bubble:#ffffff;--user-bubble:#a3e07d;--border:#e2e5ea;--radius:14px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.7;-webkit-text-size-adjust:100%}a{color:var(--brand)}.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.edu-banner{background:#fff6e5;color:#7a5a00;font-size:13px;text-align:center;padding:8px 12px;border-bottom:1px solid #f0e2bf}.page{flex:1 1;padding:20px 16px 28px}h1{font-size:24px;line-height:1.4;margin:8px 0 4px}h2{font-size:19px;margin:24px 0 8px}p.lead{color:var(--muted);margin-top:0}.btn{display:block;width:100%;min-height:52px;padding:14px 18px;border:none;border-radius:var(--radius);background:var(--brand);color:#fff;font-size:16px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s}.btn:active{background:var(--brand-dark)}.btn.secondary{background:#eef1f6;color:var(--text)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--border);font-weight:600}.btn+.btn{margin-top:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px;text-decoration:none;color:inherit;display:block}.card h3{margin:0 0 6px;font-size:18px}.card .meta{color:var(--muted);font-size:13px;margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.tag{display:inline-block;background:#eef1f6;border-radius:999px;padding:2px 10px;font-size:12px}.card.disabled{opacity:.55;pointer-events:none}.chat{flex-direction:column;gap:10px;padding-bottom:12px}.bubble-row,.chat{display:flex}.bubble-row.user{justify-content:flex-end}.bubble{max-width:80%;padding:11px 14px;border-radius:16px;font-size:15px;white-space:pre-wrap;word-break:break-word}.bubble.scammer{background:var(--scammer-bubble);border:1px solid var(--border);border-top-left-radius:4px}.bubble.user{background:var(--user-bubble);border-top-right-radius:4px}.speaker{font-size:12px;color:var(--muted);margin:6px 2px 0}.choices{margin-top:14px}.narrator{background:#f0f4ff;border-left:3px solid var(--brand);color:#33415c;font-size:13px;padding:10px 12px;border-radius:8px;margin:6px 0}.score-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:26px 16px;margin:8px 0 18px}.score-num{font-size:56px;font-weight:800;line-height:1;color:var(--brand)}.badge{display:inline-block;margin-top:12px;padding:6px 16px;border-radius:999px;font-weight:700;background:#eef1f6}.danger-card{background:var(--danger-bg);border:1px solid #f3c9c9;border-radius:10px;padding:12px 14px;margin:8px 0}.danger-card h4{margin:0 0 4px;color:var(--danger);font-size:15px}.danger-card p{margin:4px 0;font-size:14px}.danger-card .src{font-size:12px;color:var(--muted)}.victim-note{background:#fff3f3;border:1px dashed var(--danger);color:var(--danger);font-size:13px;border-radius:8px;padding:8px 12px;margin:6px 0}.footer{background:#22262e;color:#d7dbe2;padding:18px 16px 26px;font-size:13px}.footer h4{margin:0 0 10px;font-size:14px;color:#fff}.footer a{color:#9ec2ff}.footer .hotline{margin:6px 0}.footer .links{margin-top:14px;display:flex;gap:14px;flex-wrap:wrap}.section-note{color:var(--muted);font-size:13px}