:root{
 --bg:#030711;--panel:#081321d9;--panel2:#0b1b2bd9;--line:#1b5270;--cyan:#5fe8ff;--blue:#2389ff;--purple:#9c6cff;--mag:#ff45d4;--text:#edf8ff;--muted:#86a4b6;--green:#62f5b7;--warn:#ffbe55;--danger:#ff596f;
 font-family:Inter,Segoe UI,Arial,sans-serif;color-scheme:dark
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:
 radial-gradient(circle at 72% 0%,#18396b55,transparent 34%),
 radial-gradient(circle at 20% 20%,#4e1b7b33,transparent 32%),
 linear-gradient(180deg,#040812,#02050b 70%);color:var(--text);overflow-x:hidden}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}
.shell{position:relative;max-width:1500px;margin:auto;padding:28px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid #2c84a4;border-radius:17px;background:linear-gradient(145deg,#0c2237,#060d18);box-shadow:0 0 35px #1ecbff35,inset 0 0 18px #704dff25}
.mark svg{width:43px;height:43px;fill:none;stroke:var(--cyan);stroke-width:3}
.brand strong{font-size:1.45rem;letter-spacing:-.03em}.brand em{font-style:normal;color:var(--mag);font-weight:900;margin-left:5px}.brand small{display:block;color:#628297;letter-spacing:.19em;font-size:.58rem;margin-top:2px}
.topstats{display:flex;gap:12px;align-items:center;color:#7e9bad;font-size:.75rem}
.topstats span{border:1px solid #183d53;background:#07121d;padding:9px 12px;border-radius:999px}.topstats b{color:var(--cyan)}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:7px}
.hero{min-height:470px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;padding:45px 0 25px}
.eyebrow,.cardhead,label{letter-spacing:.16em;font-size:.69rem;color:var(--cyan);font-weight:700}
h1{font-size:clamp(3rem,7vw,7rem);line-height:.88;margin:.2em 0 .25em;letter-spacing:-.055em;max-width:930px}h1 span{background:linear-gradient(90deg,var(--cyan),#a98dff,var(--mag));-webkit-background-clip:text;color:transparent}
.hero p{max-width:760px;color:#97b0bf;line-height:1.75;font-size:1.04rem}
.hero-orb{position:relative;height:380px;display:grid;place-items:center;perspective:800px}.lens{width:260px;height:260px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 35% 28%,#0e4d75,#071425 58%,#02050a);border:3px solid #4ce9ff;box-shadow:0 0 70px #1ecbff55,inset 0 0 55px #a446ff35;transform:rotate(-5deg);position:relative;z-index:2}.lens:before,.lens:after{content:"";position:absolute;border-radius:50%;inset:-22px;border:1px solid #6eefff77}.lens:after{inset:-50px;border-color:#9c6cff55;animation:spin 16s linear infinite}.lens span{font-size:5rem;font-weight:950;letter-spacing:-.06em;color:#dffcff;text-shadow:0 0 25px #48dfff}.lens small{color:var(--mag);letter-spacing:.16em}.scan{position:absolute;width:320px;height:3px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 15px var(--cyan);animation:scan 3.2s ease-in-out infinite;z-index:3}
.glass{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:24px;box-shadow:0 25px 75px #0009,inset 0 1px #ffffff0e;backdrop-filter:blur(14px)}
.search-panel{padding:22px}.tabs{display:flex;gap:8px;margin-bottom:18px}.tab{border:1px solid #1f526b;background:#06101b;color:#7898aa;border-radius:10px;padding:10px 14px;font-size:.68rem;letter-spacing:.12em;font-weight:800;cursor:pointer}.tab.active{color:#041018;background:linear-gradient(135deg,var(--cyan),#8580ff);border-color:transparent}.mode{display:none}.mode.active{display:block}.searchbox{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:8px}textarea,select{width:100%;background:#020812;border:1px solid #24536c;color:#eefbff;border-radius:13px;padding:14px;font:inherit;outline:none}textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #5fe8ff18}.primary{border:0;border-radius:13px;padding:0 24px;background:linear-gradient(135deg,var(--cyan),#7c63ff);color:#04101a;font-weight:900;letter-spacing:.05em;cursor:pointer;min-height:50px}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.examples button{background:#071827;border:1px solid #1a4c66;color:#86b8ca;border-radius:999px;padding:7px 10px;font-size:.72rem;cursor:pointer}.examples button:hover{border-color:var(--cyan);color:white}
.dropzone{min-height:220px;border:1px dashed #2a7590;border-radius:18px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;background:#04101a;cursor:pointer}.dropzone.drag{border-color:var(--mag);background:#190c25}.drop-icon{font-size:3rem;color:var(--cyan)}.dropzone span,.dropzone small{color:#7898aa}.dropzone small{font-size:.72rem;max-width:600px}.ocr-preview{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:18px;margin-top:18px}.ocr-preview img{width:100%;max-height:340px;object-fit:contain;border-radius:15px;border:1px solid #21475d;background:#02060c}.ocr-preview .primary{margin-top:10px}.ocr-progress{margin-top:14px;padding:12px;border-radius:12px;background:#081b2a;border:1px solid #22546d;display:flex;gap:10px;align-items:center}.ocr-progress span{width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);animation:pulse 1s infinite}.hidden{display:none!important}
.workarea{display:grid;grid-template-columns:310px 1fr;gap:18px;margin-top:18px}.filters,.results{padding:20px}.cardhead{display:flex;align-items:center;justify-content:space-between;gap:15px}.cardhead button{border:0;background:none;color:#66889a;font-size:.68rem;cursor:pointer}.filters>label{display:block;margin-top:20px;margin-bottom:7px}.coverage{margin-top:25px;border-top:1px solid #153d51;padding-top:17px}.coverage h3{font-size:.72rem;letter-spacing:.13em;color:#7cb4ca}.covrow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:7px 0;color:#86a8b9;font-size:.78rem;border-bottom:1px solid #102d3c}.covrow b{color:#dff8ff}.guardrail{margin-top:20px;padding:14px;border:1px solid #694b29;border-radius:14px;background:#1d1408}.guardrail b{color:var(--warn);font-size:.72rem;letter-spacing:.12em}.guardrail p{font-size:.78rem;color:#c8aa7e;line-height:1.5;margin-bottom:0}.results{min-height:650px}.results .cardhead strong{display:block;color:#e9fbff;font-size:1.1rem;margin-top:5px;letter-spacing:0}.results .cardhead em{font-style:normal;color:#6c8ca0;font-size:.74rem}.result-list{display:grid;gap:13px;margin-top:20px}.result-card{border:1px solid #17455d;border-radius:17px;background:#06111d;padding:18px;transition:.2s}.result-card:hover{border-color:#3bbde4;box-shadow:0 14px 30px #0007;transform:translateY(-2px)}.result-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.code{font-family:Consolas,monospace;color:var(--cyan);font-weight:900;font-size:1.02rem}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{padding:4px 7px;border-radius:999px;font-size:.62rem;letter-spacing:.08em;border:1px solid #28536b;color:#89bed2}.severity-high{border-color:#8b3d4e;color:#ff8da0}.severity-medium{border-color:#73582f;color:#ffc871}.result-card h3{margin:9px 0 6px;font-size:1.25rem}.meaning{color:#9db6c4;line-height:1.55}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.detail{padding:13px;border-radius:12px;background:#091827;border:1px solid #14384c}.detail b{display:block;font-size:.68rem;letter-spacing:.1em;color:#6edcf4;margin-bottom:6px}.detail p,.detail ol{color:#aac0cd;font-size:.82rem;line-height:1.55;margin:0;padding-left:18px}.source{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid #12364a;color:#698899;font-size:.7rem}.source a{color:var(--cyan);text-decoration:none}.confidence{color:var(--green)}.empty-state{text-align:center;padding:100px 20px;color:#7693a4}.empty-state div{font-size:4rem;color:#2ba9ce}.empty-state h2{color:#d8f6ff}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.mini{padding:20px}.mini>b{color:var(--mag);font-family:Consolas,monospace}.mini h3{margin:.55rem 0}.mini p{color:#859fab;line-height:1.5;font-size:.86rem}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 4px;color:#527286;font-size:.72rem}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%,100%{transform:translateY(-100px);opacity:.2}50%{transform:translateY(100px);opacity:1}}@keyframes pulse{50%{opacity:.35}}
@media(max-width:900px){.shell{padding:17px}.topstats{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:55px 0}.hero-orb{height:260px}.lens{width:180px;height:180px}.lens span{font-size:3.5rem}.workarea{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.filters{order:2}.ocr-preview{grid-template-columns:1fr}.searchbox{grid-template-columns:1fr}.primary{min-height:48px}.detail-grid{grid-template-columns:1fr}footer{display:block}.topbar{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}