:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{margin:0;padding:0}body{min-height:100vh}*{box-sizing:border-box}body{color:#e2e8f0;background:linear-gradient(#0a0e1a 0%,#0f1729 100%);min-height:100vh;margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif}.container{text-align:center;max-width:640px;margin:0 auto;padding:80px 24px}h1{color:#f8fafc;letter-spacing:-.02em;margin-bottom:10px;font-size:2.25rem;font-weight:700}.subtitle{color:#94a3b8;margin-bottom:40px;font-size:1rem}.upload-box{background:#141b2e;border:1px solid #1e293b;border-radius:16px;flex-direction:column;align-items:center;gap:18px;padding:32px;display:flex}input[type=file]{color:#cbd5e1;width:100%;font-size:.9rem}input[type=file]::file-selector-button{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:8px;margin-right:12px;padding:8px 16px;font-size:.9rem}input[type=file]::file-selector-button:hover{background:#334155}button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;padding:12px 32px;font-size:1rem;font-weight:600;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}button:disabled{color:#64748b;cursor:not-allowed;background:#334155}.error{color:#f87171;margin-top:20px;font-size:.9rem}.results{flex-direction:column;gap:16px;margin-top:32px;display:flex}.model-card{text-align:left;background:#141b2e;border:1px solid #1e293b;border-left:4px solid #0000;border-radius:16px;padding:24px}.model-card.real{border-left-color:#22c55e}.model-card.fake{border-left-color:#ef4444}.model-card h3{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:10px;font-size:.85rem;font-weight:600}.prediction{letter-spacing:-.02em;margin:4px 0;font-size:1.6rem;font-weight:800}.model-card.real .prediction{color:#22c55e}.model-card.fake .prediction{color:#ef4444}.confidence{color:#94a3b8;font-size:.9rem}.explanation{text-align:left;background:#141b2e;border:1px solid #1e293b;border-radius:16px;padding:24px}.explanation h3{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:14px;font-size:.85rem;font-weight:600}.explanation ul{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.explanation li{color:#cbd5e1;background:#0f1729;border-radius:8px;justify-content:space-between;padding:8px 12px;font-size:.9rem;display:flex}.audio-preview{width:100%;height:40px}