:root { --bg: #030712; --card: #0f172a; --primary: var(--brand-accent); --accent: var(--brand-accent-secondary); --border: #334155; --danger: #ef4444; }
body { background-color: var(--bg); color: #f8fafc; font-family: var(--font-sans); line-height: 1.8; margin: 0; padding: 0; }
.v12-container { max-width: 900px; margin: 0 auto; padding: 120px 24px 100px; }
.scanner-card { background: var(--card); border: 1px solid var(--border); border-radius: 24px; padding: 40px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px); }
h1 { font-weight: 900; letter-spacing: -0.02em; }
.input-group { background: #020617; border: 1px solid var(--border); border-radius: 16px; overflow: hidden; display: flex; }
.form-control { background: transparent; border: none; color: white; padding: 16px 24px; font-size: 1.1rem; flex: 1; outline: none; }
/* [2026-07-19] <select>는 background:transparent를 무시하고 브라우저 기본 흰색 박스로
   렌더링하는 경우가 있어(예: 크롬/윈도우) color:white와 만나면 흰 배경에 흰 글씨로
   안 보이게 된다 — appearance:none + 명시적 배경색으로 강제. 옵션 목록도 같은 이유로 명시 지정. */
select.form-control { appearance: none; -webkit-appearance: none; background: #020617; color: #f8fafc; }
select.form-control option { background: #020617; color: #f8fafc; }
select.form-control:disabled { color: #64748b; }
/* [2026-07-19] 보유 티커가 여러 개면 셀렉트 우측에 이전/다음 화살표로 빠르게 넘겨볼 수 있게 */
.btn-arrow { background: transparent; border: none; border-left: 1px solid var(--border); color: #94a3b8; width: 44px; font-size: 1rem; cursor: pointer; transition: all 0.15s; flex-shrink: 0; }
.btn-arrow:hover:not(:disabled) { background: rgba(255,255,255,0.05); color: white; }
.btn-arrow:disabled { opacity: 0.3; cursor: default; }
.risk-item { background: rgba(255,255,255,0.03); border-radius: 16px; padding: 20px; margin-bottom: 15px; border-left: 5px solid #475569; border-top: 1px solid rgba(255,255,255,0.05); }
.risk-item.sev-7 { border-left-color: var(--danger); background: rgba(239, 68, 68, 0.05); }
.risk-item.sev-5 { border-left-color: #f59e0b; }
.guide-text { margin-top: 80px; border-top: 1px solid var(--border); padding-top: 40px; }
.guide-text h2 { color: #f8fafc; font-size: 1.6rem; margin-bottom: 25px; font-weight: 800; }
.bot-evidence { background: rgba(255,255,255,0.02); border: 1px dashed var(--border); border-radius: 12px; padding: 15px; margin-top: 25px; }