:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333;display:flex;align-items:center;justify-content:center}.app{max-width:600px;width:100%;padding:2rem}.banner-container{display:flex;gap:1.25rem;margin-bottom:2.5rem;flex-wrap:wrap;justify-content:center}.banner-link{text-decoration:none;flex:1;min-width:240px;max-width:280px}.banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.75rem;border-radius:16px;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;box-shadow:0 8px 24px #0003,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.banner:hover:before{left:100%}.banner:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #0000004d,0 0 0 1px #fff3}.banner:active{transform:translateY(-2px) scale(1.01)}.dashboard-banner{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid rgba(255,255,255,.2)}.dashboard-banner:hover{background:linear-gradient(135deg,#7c8ef5,#8a5fb8)}.github-banner{background:linear-gradient(135deg,#24292e,#2f363d);border:1px solid rgba(255,255,255,.1)}.github-banner:hover{background:linear-gradient(135deg,#2d3339,#3a4149)}.banner-content{display:flex;align-items:center;gap:.875rem;flex:1}.banner-icon{font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.banner:hover .banner-icon{transform:scale(1.1) rotate(5deg)}.banner span{letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.external-icon{font-size:1rem;opacity:.9;flex-shrink:0;transition:all .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.banner:hover .external-icon{opacity:1;transform:translate(2px,-2px)}.header{text-align:center;margin-bottom:3rem;color:#fff}.header-icon{font-size:3rem;margin-bottom:1rem;opacity:.9}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header p{font-size:1.1rem;opacity:.9}.upload-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.file-input-wrapper{text-align:center;margin-bottom:2rem}.file-input{display:none}.file-label{display:inline-flex;align-items:center;gap:.5rem;background:#667eea;color:#fff;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;border:none;font-size:1rem}.file-label:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.image-preview{display:flex;flex-direction:column;align-items:center;text-align:center}.preview-img{max-width:100%;max-height:300px;border-radius:10px;box-shadow:0 10px 30px #0000001a;margin-bottom:1.5rem;display:block}.upload-btn{display:inline-flex;align-items:center;gap:.5rem;background:#48bb78;color:#fff;padding:1rem 2rem;border:none;border-radius:50px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease}.upload-btn:hover:not(:disabled){background:#38a169;transform:translateY(-2px);box-shadow:0 10px 20px #48bb784d}.upload-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:10px;margin-top:1.5rem;font-weight:500}.alert.success{background:#f0fff4;color:#22543d;border:1px solid #9ae6b4}.alert.error{background:#fed7d7;color:#742a2a;border:1px solid #feb2b2}.alert svg{font-size:1.2rem;flex-shrink:0}.results-section{background:#fff;border-radius:20px;padding:2rem;margin-top:2rem;box-shadow:0 20px 40px #0000001a}.results-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem;color:#333}.results-icon{font-size:1.5rem;color:#667eea}.results-header h3{margin:0;font-size:1.5rem;font-weight:600}.result-card{border-radius:15px;padding:1.5rem;margin-bottom:1.5rem;border:2px solid;transition:transform .2s ease}.result-card:hover{transform:translateY(-2px)}.result-card.fake{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#7f1d1d}.result-card.real{border-color:#22c55e;background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#14532d}.result-main{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.result-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;flex-shrink:0}.result-card.fake .result-icon{background:#ef444433;color:#dc2626}.result-card.real .result-icon{background:#22c55e33;color:#16a34a}.result-content{flex:1}.status-badge{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.confidence-score{font-size:1rem;margin-bottom:.25rem}.detection-score{font-size:.9rem;opacity:.8}.confidence-bar{height:8px;background:#0000001a;border-radius:4px;overflow:hidden}.confidence-fill{height:100%;border-radius:4px;transition:width .5s ease}.fake-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.real-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}@media(max-width:768px){.app{padding:1rem}.header h1{font-size:2rem}.upload-section{padding:1.5rem}.banner-container{flex-direction:column;gap:1rem}.banner-link{width:100%;max-width:100%}.banner{padding:1rem 1.5rem}.banner-icon{font-size:1.25rem}}