:root{--paper: oklch(97.5% .006 85);--ink: oklch(24% .015 260);--ink-soft: oklch(42% .012 260);--accent: oklch(48% .13 250);--accent-soft: oklch(48% .13 250 / .09);--danger: oklch(52% .17 25);--danger-soft: oklch(52% .17 25 / .1);--ok: oklch(55% .12 155);--ok-soft: oklch(55% .12 155 / .12);--card: oklch(99.2% .003 85);--rule: oklch(24% .015 260 / .14);--bubble: oklch(93% .01 250);--text-base: clamp(1rem, .94rem + .3vw, 1.0625rem);--radius: .75rem;--duration-fast: .15s;--ease-out: cubic-bezier(.16, 1, .3, 1);--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:100%}html[data-large=true]{font-size:118%}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.65;word-break:keep-all}#root{max-width:28rem;margin:0 auto;padding:1.25rem 1.25rem 4rem}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--rule);background:var(--card);border-radius:var(--radius);padding:.85rem 1.2rem;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast),background var(--duration-fast)}button:hover{border-color:var(--accent);background:var(--accent-soft)}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#f8f8f8;border-color:var(--accent);font-weight:700;width:100%}.btn-primary:hover{background:#004f8a;background:oklch(42% .13 250);color:#f8f8f8}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.kicker{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:700;border-top:3px solid var(--ink);padding-top:.6rem;margin-bottom:.75rem}h1{font-size:1.6rem;letter-spacing:-.02em;line-height:1.25}h2{font-size:1.25rem;letter-spacing:-.01em;margin-bottom:.75rem}.muted{color:var(--ink-soft);font-size:.9rem}.stack{display:grid;gap:.75rem}.mt{margin-top:1.5rem}.option-list{display:grid;gap:.6rem;margin-top:1rem}.option-list button{text-align:left;font-size:1.05rem}.progress-dots{display:flex;gap:.4rem;margin:1rem 0}.progress-dots span{width:.5rem;height:.5rem;border-radius:50%;background:var(--rule)}.progress-dots span.on{background:var(--accent)}.phone{background:var(--card);border:1px solid var(--rule);border-radius:1.25rem;padding:1rem;display:grid;gap:.75rem}.msg{text-align:left;background:var(--bubble);border:2px solid transparent;border-radius:.25rem 1rem 1rem;padding:.8rem 1rem;font-size:.95rem;line-height:1.55;white-space:pre-line}.msg:hover{border-color:var(--accent);background:var(--bubble)}.msg[aria-pressed=true]{border-color:var(--danger);background:var(--danger-soft)}.msg[aria-pressed=true]:after{content:"🚨 사기로 지목함";display:block;margin-top:.5rem;font-size:.78rem;font-weight:700;color:var(--danger)}.msg.reveal-scam{border-color:var(--danger);background:var(--danger-soft)}.msg.reveal-legit{border-color:var(--ok);background:var(--ok-soft)}.explain-card{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:1.1rem 1.25rem;display:grid;gap:.8rem}.explain-card .verdict{font-weight:800;font-size:1.1rem}.explain-card .verdict.bad{color:var(--danger)}.explain-card .verdict.good{color:var(--ok)}.clue-list{list-style:none;display:grid;gap:.45rem}.clue-list li{padding-left:1.3rem;position:relative;font-size:.92rem}.clue-list li:before{content:"—";position:absolute;left:0;color:var(--accent);font-weight:700}.step-panel{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);padding:1.5rem 1.35rem;display:grid;gap:1rem;min-height:14rem;align-content:start}.step-panel .step-meta{font-size:.8rem;color:var(--ink-soft);letter-spacing:.06em}.step-panel h3{font-size:1.3rem;line-height:1.35}.step-panel p{font-size:1.1rem;line-height:1.8}.action-line{background:var(--accent-soft);border-radius:var(--radius);padding:.9rem 1rem;font-weight:600}.score{font-size:3rem;font-weight:800;letter-spacing:-.03em;color:var(--accent);line-height:1.1}.rule-list{list-style:none;display:grid;gap:.9rem}.rule-list li{display:grid;gap:.2rem}.rule-list strong{font-size:1rem}.rule-list span{color:var(--ink-soft);font-size:.92rem}.panel{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);padding:1.1rem 1.15rem;display:grid;gap:.7rem}.panel h3{font-size:1.05rem;letter-spacing:-.01em}.lure-list{list-style:none;display:grid;gap:.85rem}.lure-row{display:grid;gap:.3rem}.lure-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.lure-score{font-weight:800;font-size:1.1rem;color:var(--danger);font-variant-numeric:tabular-nums}.lure-pending{font-size:.8rem;color:var(--ink-soft)}.bar{height:.6rem;background:var(--rule);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--danger);border-radius:999px}.bar-fill.pending{background:transparent}.delta{justify-self:start;font-size:.78rem;font-weight:700;color:var(--ink-soft);background:var(--accent-soft);border-radius:999px;padding:.1rem .55rem}.delta.good{color:var(--ok);background:var(--ok-soft)}.delta.flat{background:var(--rule)}.formula{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.6;background:var(--bubble);border-radius:.5rem;padding:.6rem .7rem;word-break:break-word}.share-preview{font-family:inherit;font-size:.85rem;line-height:1.65;white-space:pre-wrap;background:var(--bubble);border-radius:.5rem;padding:.8rem .9rem}.share-status.ok{color:var(--ok)}.share-status.bad{color:var(--danger)}.synthetic-badge{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.02em;color:var(--danger);background:var(--danger-soft);border:1px dashed var(--danger);border-radius:999px;padding:.25rem .7rem;margin-bottom:.75rem}.report-table{width:100%;border-collapse:collapse;font-size:.88rem}.report-table caption{text-align:left;margin-bottom:.6rem;caption-side:top}.report-table th,.report-table td{padding:.5rem .35rem;text-align:right}.report-table thead th{font-size:.78rem;color:var(--ink-soft);border-bottom:2px solid var(--ink)}.report-table tbody th{text-align:left;font-weight:700}.report-table tbody tr{border-bottom:1px solid var(--rule)}.report-table .row-muted{color:var(--ink-soft)}@media (prefers-reduced-motion: no-preference){.fade-in{animation:rise .35s var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
