@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Syncopate:wght@400;700&display=swap";
:root{--ink:#fff;--muted:#8b8b9b;--bg-primary:#030304;--bg-secondary:#0a0a0e;--grid-color:#ffffff08;--line:#ffffff1a;--accent:#8ff;--accent-2:#6100ff;--alert:#f05;--good:#0f8;--warn:orange;--surface:#0e0e14b3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--ink);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:50px 50px;font-family:Manrope,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,.brand{text-transform:uppercase;letter-spacing:.05em;font-family:Syncopate,sans-serif;font-weight:700}h1{background:linear-gradient(to right, #fff, var(--muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,5rem);line-height:1.1}h2{color:#fff;margin-bottom:1.5rem;font-size:clamp(1.25rem,2vw,2rem)}h3{color:#fff;margin-bottom:.75rem;font-size:1.1rem}p{color:var(--muted);margin-bottom:1.25rem;font-size:1rem;font-weight:300}a{color:inherit;text-decoration:none}main{min-height:calc(100vh - 72px)}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#030304e6;justify-content:space-between;align-items:center;height:72px;padding:0 5%;display:flex;position:sticky;top:0}.brand{color:var(--ink);font-size:1.1rem;position:relative}.brand:after{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%;position:absolute;top:-4px;right:-14px}.auth-btn{border:1px solid var(--line);color:#fff;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:#ffffff0d;padding:.5rem 1.25rem;font-family:Syncopate,sans-serif;font-size:.7rem;font-weight:700;transition:all .2s}.auth-btn:hover{border-color:var(--accent);color:var(--accent);background:#ffffff1a}.page{max-width:1400px;margin:0 auto;padding:3rem 5%}.hero{flex-direction:column;justify-content:center;min-height:80vh;display:flex;position:relative}.hero-bg-glow{pointer-events:none;z-index:-1;filter:blur(60px);background:radial-gradient(circle,#88ffff1a 0%,#0000 70%);width:500px;height:500px;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.panel,.card{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2rem;transition:all .3s cubic-bezier(.25,1,.5,1);position:relative}.panel:before,.card:before{content:"";border-top:2px solid var(--accent);border-left:2px solid var(--accent);opacity:0;width:24px;height:24px;transition:opacity .3s;position:absolute;top:-1px;left:-1px}.panel:hover:before,.card:hover:before{opacity:1}.panel:hover,.card:hover{border-color:#ffffff26;box-shadow:0 15px 40px #0009,0 0 20px #88ffff0a}.list{flex-direction:column;gap:1rem;display:flex}.card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.grid{gap:1.5rem;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.four{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex-direction:column;gap:.5rem;margin-bottom:1.25rem;font-size:.75rem;display:flex}input{border:1px solid var(--line);color:var(--ink);background:#ffffff08;outline:none;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;transition:all .25s}input:focus{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent);background:#88ffff08}input[type=file]{cursor:pointer;padding:.5rem;font-size:.8rem}.button,button{background:var(--ink);color:var(--bg-primary);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.6rem;padding:.875rem 1.75rem;font-family:Syncopate,sans-serif;font-size:.75rem;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.button:hover,button:hover{background:var(--accent);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 0 20px #8ff6}.button.secondary,button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.button.secondary:hover,button.secondary:hover{border-color:var(--accent);color:var(--accent);box-shadow:none;background:#ffffff0d;transform:translateY(-1px)}.button.danger,button.danger{background:var(--alert);color:#fff;box-shadow:0 0 15px #ff00554d}.button.danger:hover,button.danger:hover{background:#f37;box-shadow:0 0 25px #ff005580}.button.good,button.good{color:var(--good);background:0 0;border:1px solid #0f86}.button.good:hover,button.good:hover{background:#00ff881a;transform:translateY(-1px);box-shadow:0 0 15px #0f83}button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.pill{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#ffffff0d;border-radius:2rem;padding:.25rem .75rem;font-size:.7rem;display:inline-block}.pill.warn{color:var(--warn);background:#ffa50012;border-color:#ffa5004d}.pill.bad{color:var(--alert);background:#ff005512;border-color:#ff00554d}.pill.good{color:var(--good);background:#00ff8812;border-color:#00ff884d}.meta-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.metric{border-left:3px solid var(--accent);background:#ffffff05;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.metric span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.7rem}.metric strong{color:var(--ink);font-family:Syncopate,sans-serif;font-size:2.25rem;line-height:1}.bars{flex-direction:column;gap:.875rem;margin-top:1rem;display:flex}.bar-line{flex-direction:column;gap:.35rem;display:flex}.bar-label{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.bar-label strong{color:var(--ink)}.bar-track{background:#ffffff0f;height:6px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .6s}.bar-fill.match{background:linear-gradient(90deg, var(--alert), #f69)}.timeline{flex-direction:column;gap:.875rem;margin-top:1.25rem;display:flex}.timeline-item{border:1px solid #ffffff14;border-left:3px solid var(--muted);background:#ffffff05;padding:1rem 1.25rem}.timeline-item.confirmed{border-left-color:var(--alert)}.timeline-item.probable{border-left-color:var(--warn)}.timeline-item.no_match{border-left-color:#ffffff26}.timeline-item strong{color:var(--ink);margin-bottom:.35rem;font-size:.875rem;display:block}.timeline-item p{color:var(--muted);margin:0;font-size:.8rem}.stage-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;background:#88ffff1a;border:1px solid #88ffff40;margin-right:.5rem;padding:.15rem .5rem;font-size:.65rem;display:inline-block}.clip-card{background:#ffffff05;border:1px solid #ffffff14;flex-direction:column;gap:.875rem;padding:1.25rem;transition:all .3s;display:flex;position:relative}.clip-card:hover{border-color:#ffffff2e;transform:translateY(-3px)}.clip-card:before{content:"";border-top:2px solid #8ff6;border-left:2px solid #8ff6;width:20px;height:20px;position:absolute;top:-1px;left:-1px}.mutation-badge{text-transform:uppercase;letter-spacing:.08em;border:1px solid;border-radius:2px;padding:.3rem .75rem;font-size:.65rem;font-weight:700;display:inline-block}.mutation-badge.exact_repost{color:var(--alert);background:#ff00551a;border-color:#f056}.mutation-badge.cropped_or_reencoded{color:var(--warn);background:#ffa50014;border-color:#ffa50066}.mutation-badge.overlay_or_meme_edit{color:#a8f;background:#aa88ff14;border-color:#a8f6}.mutation-badge.screen_recorded_recapture{color:#8af;background:#88aaff14;border-color:#8af6}.mutation-badge.audio_or_semantic_reuse{color:var(--good);background:#00ff8814;border-color:#0f86}.distance-ring{width:52px;height:52px;color:var(--accent);background:#88ffff0d;border:2px solid #88ffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Syncopate,sans-serif;font-size:.75rem;font-weight:700;display:flex}.passport-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:.75rem;display:grid}.passport-shot{background:#ffffff05;border:1px solid #ffffff12;flex-direction:column;gap:.4rem;padding:1rem;display:flex}.passport-shot strong{color:var(--ink);font-size:.875rem}.passport-shot span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.passport-shot p{color:var(--muted);margin:0;font-size:.8rem}.graph{width:100%;min-height:360px}.pipeline{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin:3rem 0;display:grid;position:relative}.pipeline-step{border:1px solid #ffffff12;border-right:none;padding:1.5rem;position:relative}.pipeline-step:last-child{border-right:1px solid #ffffff12}.pipeline-step:after{content:"→";color:var(--accent);z-index:1;font-size:1.25rem;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.pipeline-step:last-child:after{display:none}.pipeline-num{color:var(--accent);letter-spacing:.15em;margin-bottom:.5rem;font-family:Syncopate,sans-serif;font-size:.65rem}.pipeline-step h4{color:var(--ink);font-size:.875rem}.pipeline-step p{margin:0;font-size:.8rem}.section-label{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);border-bottom:1px solid #ffffff0f;margin-bottom:1.5rem;padding-bottom:.75rem;font-family:Syncopate,sans-serif;font-size:.65rem}.action-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.empty{color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.12em;border:1px dashed #ffffff1a;padding:2rem;font-family:Syncopate,sans-serif;font-size:.65rem}@keyframes scanline{0%{top:-2px}to{top:100vh}}.scanline{pointer-events:none;z-index:9999;background:#88ffff1f;width:100%;height:2px;animation:10s linear infinite scanline;position:fixed;left:0;box-shadow:0 0 10px #88ffff80}.status-confirmed{color:var(--alert)}.status-probable{color:var(--warn)}.status-no_match{color:var(--muted)}.auth-container{justify-content:center;align-items:center;min-height:80vh;display:flex}.auth-box{background:var(--surface);border:1px solid var(--line);text-align:center;width:100%;max-width:480px;padding:3.5rem;position:relative}.auth-box:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));width:100%;height:2px;position:absolute;top:0;left:0}@media (max-width:768px){h1{font-size:2rem}.page{padding:2rem 5%}.pipeline{grid-template-columns:1fr}.pipeline-step{border-bottom:none;border-right:1px solid #ffffff12}.pipeline-step:last-child{border-bottom:1px solid #ffffff12}.pipeline-step:after{content:"↓";inset:auto auto -16px 50%;transform:translate(-50%)}.pipeline-step:last-child:after{display:none}}