:root{--text:#94a3b8;--text-h:#e2e8f0;--text-dim:#64748b;--bg:#0c0e14;--bg-raised:#10131a;--surface:#151820;--surface-hover:#1c1f2a;--border:#1e2230;--border-strong:#2a2e3e;--accent:#818cf8;--accent-dim:#818cf81f;--accent-strong:#6366f1;--status-open:#34d399;--status-suspicious:#f87171;--mono:ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--radius:10px;--radius-sm:6px;font:14px/1.5 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{margin:0}#app{justify-content:center;align-items:center;height:100svh;padding:24px;display:flex}.container{border:1px solid var(--border);background:var(--bg-raised);border-radius:12px;flex-direction:column;width:560px;max-width:100%;height:420px;max-height:100%;transition:border-color .5s,box-shadow .5s;display:flex;overflow:hidden}.container.state-scanning{border-color:var(--border-strong);box-shadow:0 0 30px #64748b26,inset 0 0 30px #64748b08}.container.state-suspicious{border-color:#f8717166;box-shadow:0 0 30px #f871711f,inset 0 0 30px #f8717108}.container.state-clean{border-color:#34d3994d;box-shadow:0 0 30px #34d3991a,inset 0 0 30px #34d39908}.header{border-bottom:1px solid var(--border);background:var(--bg-raised);flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;transition:border-color .5s;display:flex}.container.state-suspicious .header{border-bottom-color:#f8717126}.container.state-clean .header{border-bottom-color:#34d3991a}.header-title{font-family:var(--sans);color:var(--text-h);letter-spacing:-.2px;white-space:nowrap;font-size:14px;font-weight:600}.header-title svg{vertical-align:-2px;opacity:.5;margin-right:6px;display:inline-block}.header-sep{background:var(--border);flex-shrink:0;width:1px;height:16px}.header-status{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;font-size:12px;transition:color .3s}.container.state-scanning .header-status{color:var(--text)}.container.state-suspicious .header-status{color:var(--status-suspicious)}.container.state-clean .header-status{color:var(--status-open)}.header-spacer{flex:1}.btn{font-family:var(--sans);border-radius:var(--radius-sm);border:1px solid var(--accent-strong);background:var(--accent-dim);color:var(--accent);cursor:pointer;white-space:nowrap;padding:6px 18px;font-size:13px;font-weight:600;transition:all .15s}.btn:hover{background:#818cf833}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border);background:var(--surface);color:var(--text-dim)}.content{background:var(--bg);flex:1;justify-content:center;align-items:center;transition:background .5s;display:flex;position:relative;overflow:auto}.container.state-suspicious .content{background:#f8717105}.container.state-clean .content{background:#34d39905}.content:before{content:"";background-image:radial-gradient(circle, var(--border) 1px, transparent 1px);pointer-events:none;background-size:24px 24px;transition:opacity .5s;position:absolute;inset:0}.container.state-suspicious .content:before,.container.state-clean .content:before{opacity:.4}.empty-state{z-index:1;text-align:center;color:var(--text-dim);font-size:13px;position:relative}.empty-state svg{opacity:.3;margin:0 auto 12px;display:block}.empty-state p{margin-bottom:16px}.btn-center{border-radius:var(--radius);background:var(--accent-strong);color:#fff;border-color:#0000;padding:10px 32px;font-size:14px}.btn-center:hover{background:var(--accent)}.result{z-index:1;text-align:center;padding:24px;animation:.3s ease-out fade-in;position:relative}.result-icon{margin:0 auto 12px;display:block}.result-icon.suspicious{color:var(--status-suspicious)}.result-icon.clean{color:var(--status-open)}.result-icon.scanning{color:var(--text-dim)}.result h2{font-family:var(--sans);margin-bottom:4px;font-size:15px;font-weight:600;line-height:1.3}.result-suspicious h2{color:var(--status-suspicious)}.result-clean h2{color:var(--status-open)}.result-scanning h2{color:var(--text)}.result-detail{color:var(--text-dim);margin-top:4px;font-size:13px}.detected-list{text-align:left;flex-direction:column;gap:6px;margin-top:16px;list-style:none;display:flex}.detected-list li{color:var(--text-h);align-items:center;gap:10px;font-size:14px;font-weight:500;animation:.4s ease-out both item-in;display:flex}.detected-list li svg{color:var(--status-suspicious);flex-shrink:0}.skeleton{align-items:center;gap:10px;max-height:22px;transition:max-height .3s,opacity .3s,margin .3s;display:flex;overflow:hidden}.skeleton.removing{opacity:0;max-height:0;margin-top:-6px}.skeleton-dot{background:var(--border-strong);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.skeleton-bar{background:var(--border);border-radius:4px;height:14px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes item-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.result,.detected-list li{animation:none}.btn:active{transform:none}.container{transition:none}}@media (width<=600px){.container{border:none;border-radius:0;width:100%;height:100%}#app{padding:0}.header{flex-wrap:wrap;gap:8px}.header-title{font-size:13px}}
