*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--clr-bg: #0f1117;--clr-surface: #1a1d27;--clr-surface-hover: #242836;--clr-border: #2e3347;--clr-text: #e4e6f0;--clr-text-muted: #8b8fa3;--clr-primary: #6c5ce7;--clr-primary-hover: #5a4bd1;--clr-success: #00b894;--clr-danger: #d63031;--clr-warning: #fdcb6e;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0, 0, 0, .25)}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--clr-bg);color:var(--clr-text);line-height:1.6;min-height:100vh;-webkit-text-size-adjust:100%}a{color:var(--clr-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{max-width:960px;margin:0 auto;padding:0 1.25rem;width:100%}.page{padding:2rem 0 4rem}.card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.4rem;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s,transform .1s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--clr-primary);color:#fff}.btn-primary:hover{background:var(--clr-primary-hover)}.btn-outline{background:transparent;border:1px solid var(--clr-border);color:var(--clr-text)}.btn-outline:hover{background:var(--clr-surface-hover)}.btn-danger{background:var(--clr-danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-group label{font-size:.85rem;color:var(--clr-text-muted);font-weight:500}.form-group input{padding:.65rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--clr-border);background:var(--clr-bg);color:var(--clr-text);font-size:1rem;outline:none;transition:border .2s;width:100%}.form-group input:focus{border-color:var(--clr-primary)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:480px}th,td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--clr-border);font-size:.9rem}th{color:var(--clr-text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-real{background:#00b89426;color:var(--clr-success)}.badge-fake{background:#d6303126;color:var(--clr-danger)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:1.25rem;text-align:center}.stat-card .value{font-size:2rem;font-weight:700;color:var(--clr-primary)}.stat-card .label{font-size:.82rem;color:var(--clr-text-muted);margin-top:.25rem}.upload-zone{border:2px dashed var(--clr-border);border-radius:var(--radius);padding:3rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.active{border-color:var(--clr-primary);background:#6c5ce70d}.upload-zone p{color:var(--clr-text-muted);margin-top:.5rem;font-size:.9rem}.result-card{text-align:center;padding:2rem}.result-card .label{font-size:2.5rem;font-weight:800}.result-card .confidence{font-size:1.1rem;color:var(--clr-text-muted);margin-top:.5rem}.error-msg{color:var(--clr-danger);font-size:.88rem;margin-bottom:1rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-2{margin-bottom:1rem}.text-center{text-align:center}.text-muted{color:var(--clr-text-muted)}.flex-between{display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.container{padding:0 1rem}.page{padding:1.5rem 0 3rem}.card{padding:1.25rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-card .value{font-size:1.6rem}h1{font-size:2rem!important}h2{font-size:1.4rem}.upload-zone{padding:2rem 1rem}th,td{padding:.6rem .75rem;font-size:.82rem}}@media(max-width:480px){.container{padding:0 .75rem}.page{padding:1rem 0 2rem}h1{font-size:1.6rem!important}h2{font-size:1.2rem}.stats-grid{grid-template-columns:1fr}.btn{padding:.6rem 1rem;font-size:.88rem}.card{padding:1rem;border-radius:10px}.upload-zone{padding:1.5rem .75rem}.form-group input{padding:.6rem .75rem}}