:root{--bg-color: #0a0a0f;--surface-color: #12121a;--surface-hover: #1a1a25;--border-color: #2a2a35;--text-primary: #f0f0f5;--text-secondary: #8888a0;--accent-color: #00d4ff;--accent-hover: #00b8e0;--success-color: #00cc88;--warning-color: #ff6b6b;--error-color: #ff4444;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);line-height:1.5}#root{min-height:100vh}button{font-family:inherit}::selection{background:var(--accent-color);color:var(--bg-color)}.header{padding:2rem 1rem;text-align:center;border-bottom:1px solid var(--border-color)}.header-content{max-width:600px;margin:0 auto}.logo{font-family:var(--font-mono);font-size:1.5rem;font-weight:400;color:var(--text-primary);margin:0;letter-spacing:-.02em}.logo-bracket{color:var(--accent-color)}.tagline{font-size:.875rem;color:var(--text-secondary);margin:.5rem 0 0;letter-spacing:.05em;text-transform:uppercase}@media (min-width: 640px){.logo{font-size:2rem}}.upload-zone-container{width:100%;max-width:500px;margin:0 auto}.upload-zone{border:2px dashed var(--border-color);border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--surface-color)}.upload-zone:hover{border-color:var(--accent-color);background:var(--surface-hover)}.upload-zone.dragging{border-color:var(--accent-color);background:var(--surface-hover);border-style:solid}.upload-zone.has-file{border-style:solid;border-color:var(--border-color)}.upload-zone.analyzing{cursor:not-allowed;opacity:.7}.file-input{display:none}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:.75rem}.upload-icon{font-size:2.5rem;color:var(--text-secondary);width:64px;height:64px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.upload-zone:hover .upload-icon{border-color:var(--accent-color);color:var(--accent-color)}.upload-text{font-size:1rem;color:var(--text-primary);margin:0}.upload-hint{font-size:.875rem;color:var(--text-secondary);margin:0}.file-preview{display:flex;flex-direction:column;align-items:center;gap:1rem}.image-preview{max-width:200px;max-height:150px;border-radius:8px;object-fit:contain}.file-icon{width:80px;height:80px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:var(--surface-hover)}.file-icon-video{color:#ff6b6b}.file-icon-audio{color:#4ecdc4}.file-icon-text{color:#ffe66d}.file-info{display:flex;flex-direction:column;gap:.25rem}.file-name{font-family:var(--font-mono);font-size:.875rem;color:var(--text-primary);word-break:break-all}.file-size{font-size:.75rem;color:var(--text-secondary)}.upload-error{color:var(--error-color);font-size:.875rem;margin:1rem 0 0;text-align:center}.result-container{width:100%;max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.result-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center}.result-card.ai-generated{border-color:var(--warning-color)}.result-card.human-created{border-color:var(--success-color)}.result-header{margin-bottom:1.5rem}.result-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.result-verdict{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem}.verdict-icon{font-size:3rem;line-height:1}.ai-generated .verdict-icon{color:var(--warning-color)}.human-created .verdict-icon{color:var(--success-color)}.verdict-text{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;margin:0;letter-spacing:-.02em}.ai-generated .verdict-text{color:var(--warning-color)}.human-created .verdict-text{color:var(--success-color)}.confidence-section{margin-bottom:1.5rem}.confidence-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary)}.confidence-value{font-family:var(--font-mono);color:var(--text-primary)}.confidence-bar{height:8px;background:var(--surface-hover);border-radius:4px;overflow:hidden}.confidence-fill{height:100%;border-radius:4px;transition:width .5s ease}.ai-generated .confidence-fill{background:var(--warning-color)}.human-created .confidence-fill{background:var(--success-color)}.result-disclaimer{font-size:.75rem;color:var(--text-secondary);margin:0;font-style:italic}.reset-button{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:.875rem 1.5rem;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.reset-button:hover{border-color:var(--accent-color);color:var(--accent-color)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.upload-section{width:100%;max-width:500px;display:flex;flex-direction:column;gap:1.5rem}.analyze-button{background:var(--accent-color);border:none;color:var(--bg-color);padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.analyze-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.analyzing-state{display:flex;flex-direction:column;gap:1rem;text-align:center}.progress-bar{height:4px;background:var(--surface-hover);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-color);border-radius:2px;transition:width .2s ease}.analyzing-text{font-size:.875rem;color:var(--text-secondary);margin:0}.footer{padding:1.5rem 1rem;text-align:center;border-top:1px solid var(--border-color)}.footer p{font-size:.75rem;color:var(--text-secondary);margin:0}