:root{--color-bg: #0B0F19;--color-surface: #141929;--color-border: #1E2640;--color-text: #E2E8F0;--color-muted: #64748B;--color-emerald: #34D399;--color-emerald-dim:#1A7A56;--color-warn: #FBBF24;--color-danger: #F87171;--color-low: #34D399;--color-medium: #FBBF24;--color-high: #F97316;--color-critical: #EF4444;--radius: 8px;--font: "Pretendard", "Noto Sans KR", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-size:14px;line-height:1.6;min-height:100dvh}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-nav{display:flex;align-items:center;gap:8px;padding:0 16px;height:48px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.app-nav__logo{font-weight:700;color:var(--color-emerald);margin-right:auto}.app-nav button{background:none;border:none;color:var(--color-muted);cursor:pointer;padding:4px 10px;border-radius:var(--radius);font-size:13px}.app-nav button.active{color:var(--color-emerald);background:var(--color-emerald-dim)}.app-main{flex:1;padding:16px;max-width:600px;margin:0 auto;width:100%}.page{padding:16px 0}.page__title{font-size:16px;font-weight:600;margin-bottom:12px}.shadow-run-banner{background:#1a1a2e;border:1px solid var(--color-warn);color:var(--color-warn);font-size:12px;padding:8px 12px;text-align:center}.policy-gate{display:flex;align-items:center;justify-content:center;min-height:40px}.policy-gate--loading{color:var(--color-muted)}.policy-gate--error{color:var(--color-danger)}.policy-gate--reload{flex-direction:column;gap:8px;padding:24px}.snapshot-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.snapshot-card--risk-low{border-left:3px solid var(--color-low)}.snapshot-card--risk-medium{border-left:3px solid var(--color-medium)}.snapshot-card--risk-high{border-left:3px solid var(--color-high)}.snapshot-card--risk-critical{border-left:3px solid var(--color-critical)}.snapshot-card__detection-status{font-weight:600;font-size:15px}.snapshot-card__db{font-size:24px;font-weight:700;color:var(--color-emerald)}.snapshot-card__zone{font-size:13px;color:var(--color-muted)}.snapshot-card__risk{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.snapshot-card__risk--low{color:var(--color-low)}.snapshot-card__risk--medium{color:var(--color-medium)}.snapshot-card__risk--high{color:var(--color-high)}.snapshot-card__risk--critical{color:var(--color-critical)}.snapshot-card__angle,.snapshot-card__confidence{font-size:13px;color:var(--color-muted)}.snapshot-card__warning{font-size:12px;color:var(--color-warn);padding:6px 8px;background:#fbbf2414;border-radius:4px}.snapshot-card__error{font-size:12px;color:var(--color-danger)}button,.login-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s}button:disabled{opacity:.4;cursor:not-allowed}.snapshot-card__confirm-btn{background:var(--color-emerald-dim);color:var(--color-emerald);align-self:flex-start}.snapshot-card__report-btn{background:var(--color-emerald);color:#0b0f19;font-weight:700;align-self:flex-start}.snapshot-card__report-btn:disabled{background:var(--color-border);color:var(--color-muted)}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:16px;padding:24px}.login-page h1{font-size:28px;color:var(--color-emerald)}.login-buttons{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.login-btn{text-decoration:none;font-weight:600;padding:12px;border-radius:var(--radius);text-align:center}.login-btn--google{background:#fff;color:#1a1a1a}.login-btn--naver{background:#03c75a;color:#fff}.login-btn--kakao{background:#fee500;color:#1a1a1a}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:12px;color:var(--color-muted)}.field input,.field select,.field textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:8px 10px;font-size:14px;width:100%}.field input:focus,.field select:focus{outline:none;border-color:var(--color-emerald)}.empty{text-align:center;color:var(--color-muted);padding:40px 0;font-size:13px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px;margin-bottom:10px}.card__title{font-weight:600;margin-bottom:4px}.card__meta{font-size:12px;color:var(--color-muted)}.card__status{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:var(--color-emerald-dim);color:var(--color-emerald)}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-emerald);border-radius:50%;animation:spin .6s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}