:root{--color-bg:#070709;--color-panel:#0d0e12d9;--color-border:#ffffff0d;--color-accent:#007aff;--color-accent-alt:#00d4ff;--color-text-main:#fff;--color-text-dim:#8e9196;--color-success:#34c759;--color-error:#ff3b30;--color-warning:#fc0;--shadow-lg:0 40px 100px -20px #000c;--glass-bg:#ffffff05;--glass-blur:blur(20px);--radius:28px;--nav-height:80px;--lp-max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}body{background:var(--color-bg);color:var(--color-text-main);background-image:radial-gradient(at 0 0,#6272a414 0,#0000 50%),radial-gradient(at 100% 100%,#282a361a 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;font-family:Poppins,system-ui,-apple-system,sans-serif;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;padding:0;display:flex}.main-content{padding:2rem;padding-top:calc(var(--nav-height) + 2rem);flex:1;justify-content:center;align-items:center;width:100%;display:flex}.card{background:var(--color-panel);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius);border:1px solid #ffffff14;width:95%;max-width:1040px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 24px 48px -12px #00000080,0 0 0 1px #ffffff0d}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);opacity:.3;height:2px;position:absolute;top:0;left:0;right:0}.header{text-align:center;margin-bottom:2.5rem}.title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.subtitle{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:500}.upload-area{border:2px dashed var(--color-border);background:var(--glass-bg);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:1.25rem;padding:3rem 1.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.upload-area:hover,.upload-area.active{border-color:var(--color-accent);background:#00f2ff0d;transform:translateY(-2px)}.icon-glow{filter:drop-shadow(0 0 12px #00f2ff4d);color:var(--color-accent)}.preview-wrapper{margin-top:1.5rem}.analysis-container{grid-template-columns:1fr;gap:2.5rem;width:100%;display:grid}@media (width>=968px){.analysis-container{grid-template-columns:1.1fr 1fr;align-items:flex-start}}.media-column{flex-direction:column;display:flex}.media-info-bar{border:1px solid var(--color-border);background:#ffffff08;border-radius:20px;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem 1.5rem;display:flex}.file-name{color:var(--color-text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.75rem;overflow:hidden}.btn-text-only{color:var(--color-accent);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:background .2s}.btn-text-only:hover{background:#007aff1a}.data-column{flex-direction:column;justify-content:center;min-height:100%;display:flex}.loading-data-box,.result-data-box,.waiting-box{background:#ffffff04;border:1px solid #ffffff0d;border-radius:32px;padding:3rem;box-shadow:inset 0 0 40px #0003}.waiting-box{text-align:center;color:var(--color-text-dim);border:1px dashed #ffffff1a;flex-direction:column;justify-content:center;align-items:center;display:flex}.waiting-box svg{animation:3s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}.loading-status-wrap{align-items:center;gap:12px;margin-top:2rem;display:flex}.loading-status-wrap p{color:#fff;font-size:.95rem;font-weight:600}.loading-status-wrap span{color:var(--color-accent);opacity:.8}.result-header-row{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.result-header-row h3{letter-spacing:-.03em;background:linear-gradient(#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.scores-list{flex-direction:column;gap:1.75rem;display:flex}.score-row{flex-direction:column;gap:10px;display:flex}.score-info{letter-spacing:.02em;justify-content:space-between;font-size:.85rem;font-weight:700;display:flex}.score-label{text-transform:uppercase;color:#888;font-size:.75rem}.score-track{background:#0000004d;border:1px solid #ffffff08;border-radius:99px;height:8px;overflow:hidden}.score-fill{background:linear-gradient(90deg,#007aff,#00c6ff);border-radius:99px;height:100%;transition:width 1.5s cubic-bezier(.23,1,.32,1);box-shadow:0 0 10px #007aff80}.score-fill.mid{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 10px #f59e0b66}.score-fill.high{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 10px #ef444466}.analysis-footer{border-top:1px solid #ffffff0d;margin-top:2.5rem;padding-top:2rem}.analysis-footer p{color:#666;font-size:.8rem;line-height:1.6}.analysis-footer strong{color:#aaa}.preview-media{object-fit:contain;width:100%;max-height:400px;display:block}.remove-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff1a;border-radius:10px;padding:8px;transition:all .3s;position:absolute;top:12px;right:12px}.btn-action{background:linear-gradient(135deg, var(--color-accent) 0%, #0072ff 100%);color:#000;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:2rem;padding:1.25rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 10px 20px -10px #00f2ff66}.btn-action:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 15px 30px -10px #00f2ff80}.btn-secondary{color:var(--color-text-dim);border:1px solid var(--color-border);box-shadow:none;background:0 0}.btn-secondary:hover{border-color:var(--color-text-dim);color:#fff}.result-box{flex-direction:column;gap:2rem;margin-top:2.5rem;display:flex}.status-header{justify-content:space-between;align-items:flex-start;display:flex}.status-indicator{align-items:center;gap:.75rem;font-size:1.25rem;font-weight:800;display:flex}.safe{color:var(--color-success);text-shadow:0 0 20px #10b9814d}.unsafe{color:var(--color-error);text-shadow:0 0 20px #ef44444d}.data-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.metric-card{border:1px solid var(--color-border);background:#ffffff05;border-radius:16px;padding:1.25rem}.metric-label{color:var(--color-text-dim);text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;display:block}.metric-value{justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.progress-bar{background:#ffffff0d;border-radius:10px;height:6px;margin-top:.75rem;overflow:hidden}.progress-fill{border-radius:10px;height:100%;transition:width 1s cubic-bezier(.65,0,.35,1)}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.data-grid{grid-template-columns:1fr}.card{padding:1.5rem}}.video-container{cursor:pointer;border-radius:16px;width:100%;position:relative;overflow:hidden}.video-container video{width:100%;max-height:440px;display:block}.video-controls-overlay{-webkit-backdrop-filter:blur(15px);opacity:.9;z-index:100;background:#0f111acc;border:1px solid #ffffff26;border-radius:99px;gap:16px;padding:12px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.video-container:hover .video-controls-overlay{opacity:1;bottom:24px}.video-ctrl-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.video-ctrl-btn:hover{color:var(--color-accent-alt);background:#ffffff26;transform:scale(1.15)}.video-ctrl-btn svg{filter:drop-shadow(0 0 8px #fff3)}.scan-line{background:linear-gradient(to right, transparent, var(--color-accent), transparent);width:100%;height:4px;box-shadow:0 0 15px var(--color-accent);z-index:10;animation:2s linear infinite scan;display:none;position:absolute;top:0;left:0}@keyframes scan{0%{top:0}to{top:100%}}.progress-container{border:1px solid var(--color-border);background:#ffffff0d;border-radius:99px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-accent), var(--color-accent-alt));height:100%;box-shadow:0 0 10px var(--color-accent);border-radius:99px;transition:width .4s ease-out}.navbar{width:95%;max-width:var(--lp-max-width);-webkit-backdrop-filter:blur(20px);z-index:1000;background:#0d0f14b3;border:1px solid #ffffff0d;border-radius:99px;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.nav-item{color:var(--color-text-dim);border-radius:99px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item.spotlight{color:#000;background:#fff;margin-left:.5rem;position:relative;overflow:hidden;box-shadow:0 4px 15px #fff3}.nav-item.spotlight:hover{background:var(--color-accent);color:#fff;transform:translateY(-2px)}.spotlight:before{content:"";pointer-events:none;background:conic-gradient(#0000,#ffffff4d,#0000 30%);width:200%;height:200%;animation:4s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.navbar{height:56px;padding:0 .75rem;top:.5rem}.nav-item span{display:none}.nav-item{padding:.5rem}}.skeleton{pointer-events:none;position:relative;overflow:hidden;background:#ffffff08!important;border-color:#ffffff0d!important}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0a,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dashboard-view{padding:2rem 0;animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.db-header{margin-bottom:3rem}.db-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--color-panel);border:1px solid var(--color-border);border-radius:20px;min-height:140px;padding:2rem;transition:all .3s}.stat-card:hover{border-color:var(--color-accent);transform:translateY(-4px)}.stat-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;display:block}.stat-value{margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.badge{letter-spacing:.05em;border:1px solid #0000;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:.7rem;font-weight:800;display:flex}.badge.safe{color:#10b981;background:#10b9811a;border-color:#10b98133;box-shadow:0 0 15px #10b9811a}.badge.nsfw{color:#ef4444;background:#ef44441a;border-color:#ef444433;box-shadow:0 0 15px #ef44441a}.stat-change{font-size:.75rem;font-weight:600}.stat-change.pos{color:var(--color-success)}.stat-change.neg{color:var(--color-error)}.db-content-grid{grid-template-columns:1.5fr 1fr;gap:1.5rem;display:grid}.db-panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:24px;min-height:400px;padding:2rem}.panel-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.panel-header h3{font-size:1.1rem;font-weight:700}.filter-pills{background:#ffffff08;border-radius:99px;gap:10px;padding:4px;display:flex}.filter-pills span{cursor:pointer;color:var(--color-text-dim);border-radius:99px;padding:6px 16px;font-size:.75rem}.filter-pills span:first-child{background:var(--color-accent);color:#000;font-weight:700}.chart-mockup{justify-content:space-between;align-items:flex-end;gap:15px;height:240px;padding:0 1rem;display:flex}.chart-bar{background:linear-gradient(to top, var(--color-accent), var(--color-accent-alt));opacity:.8;border-radius:8px 8px 4px 4px;flex:1;position:relative}.chart-bar:hover{opacity:1;filter:brightness(1.2)}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{background:#ffffff05;border:1px solid #0000;border-radius:16px;align-items:center;gap:1.25rem;padding:1rem;transition:all .3s;display:flex}.activity-item:hover{border-color:var(--color-border);background:#ffffff0d}.activity-status{border-radius:50%;width:10px;height:10px}.activity-status.safe{background:var(--color-success);box-shadow:0 0 10px var(--color-success)}.activity-status.unsafe{background:var(--color-error);box-shadow:0 0 10px var(--color-error)}.activity-info{flex-direction:column;flex:1;display:flex}.activity-id{font-size:.85rem;font-weight:700}.activity-time{color:var(--color-text-dim);font-size:.7rem}.activity-result{background:#ffffff0d;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:600}@media (width<=1024px){.db-stats-grid{grid-template-columns:repeat(2,1fr)}.db-content-grid{grid-template-columns:1fr}}@media (width<=640px){.db-stats-grid{grid-template-columns:1fr}}.landing-page{width:100%;max-width:var(--lp-max-width);margin:0 auto;padding:4rem 2rem}.lp-hero{text-align:center;margin-bottom:8rem;padding-top:4rem}.hero-badge{color:var(--color-accent);background:#007aff1a;border:1px solid #007aff33;border-radius:99px;align-items:center;gap:8px;margin-bottom:2rem;padding:8px 16px;font-size:.75rem;font-weight:700;display:inline-flex}.hero-title{letter-spacing:-.04em;background:#e5e5e5;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;line-height:1.1}.hero-title span{color:var(--color-accent);-webkit-text-fill-color:var(--color-accent)}.hero-subtitle{max-width:600px;color:var(--color-text-dim);margin:0 auto 3rem;font-size:1.125rem;line-height:1.6}.hero-actions{justify-content:center;gap:1.5rem;display:flex}.hero-actions .btn-action{width:auto;margin-top:0;padding:1rem 2.5rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:8rem;display:grid}.feature-card{background:var(--color-panel);border:1px solid var(--color-border);border-radius:32px;padding:3rem;transition:all .4s cubic-bezier(.23,1,.32,1)}.feature-card:hover{border-color:var(--color-accent);transform:translateY(-8px);box-shadow:0 20px 40px #0006}.feature-icon{width:56px;height:56px;color:var(--color-accent);background:#007aff1a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.feature-card h3{margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:var(--color-text-dim);line-height:1.6}.lp-benefits{margin-bottom:8rem}.benefit-row{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.benefit-text h2{margin:1.5rem 0;font-size:2.5rem;line-height:1.2}.benefit-text p{color:var(--color-text-dim);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.benefit-list{gap:1rem;list-style:none;display:grid}.benefit-list li{color:var(--color-text-main);align-items:center;gap:12px;font-weight:500;display:flex}.benefit-list li svg{color:var(--color-success)}.accent-tag{color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800}.benefit-visual{perspective:1000px}.visual-mockup{border:1px solid var(--color-border);background:#111;border-radius:20px;overflow:hidden;transform:rotateY(-10deg)rotateX(5deg);box-shadow:0 50px 100px -20px #00000080}.mockup-header{background:#1a1a1a;gap:8px;padding:12px 20px;display:flex}.mockup-header .dot{background:#333;border-radius:50%;width:10px;height:10px}.mockup-body{padding:2.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:2}.mock-code{color:#fff}.mock-code .c-1{color:var(--color-accent)}.mock-code .c-2{color:#888}.mock-code .c-3{color:var(--color-success)}.mock-code .c-4{color:var(--color-warning)}.lp-cta{text-align:center;background:linear-gradient(135deg,#007aff26 0%,#0000 100%);border:1px solid #007aff1a;border-radius:48px;margin-bottom:4rem;padding:6rem}.lp-cta h2{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:3rem}.lp-cta p{color:var(--color-text-dim);margin-bottom:3rem;font-size:1.25rem}@media (width<=968px){.benefit-row{text-align:center;grid-template-columns:1fr;gap:3rem}.benefit-list{justify-content:center}.visual-mockup{transform:none}.lp-cta{padding:3rem 1.5rem}.lp-cta h2{font-size:2rem}}@media (width<=640px){.features-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-item{color:var(--color-text-dim);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.nav-item:hover{color:var(--color-text-main);background:#ffffff0d}.nav-item.active{color:var(--color-accent);background:#007aff1a}.badge-soon{color:var(--color-text-dim);background:#ffffff1a;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:.65rem;font-weight:800}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000c;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-panel);border:1px solid var(--color-border);width:100%;max-width:480px;box-shadow:var(--shadow-lg);border-radius:24px;padding:3rem;position:relative}.form-group{margin-bottom:1.5rem}.form-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.form-input{border:1px solid var(--color-border);color:#fff;background:#ffffff08;border-radius:12px;width:100%;padding:12px 16px;font-size:.95rem;transition:all .3s}.form-input:focus{border-color:var(--color-accent);background:#ffffff0f;outline:none}@media (width<=768px){.navbar{padding:0 1.5rem}.nav-links{gap:1rem}.nav-item span{display:none}}