:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#242424;color:#ffffffde}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center}.card{background:#1a1a1a;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000004d;width:90%;max-width:400px}h1{font-size:2rem;margin-top:0;color:#4f46e5}.input-group{display:flex;gap:.5rem;margin-bottom:1.5rem}input{flex:1;padding:.75rem;border-radius:8px;border:1px solid #333;background:#2a2a2a;color:#fff}button{padding:.75rem 1.5rem;border-radius:8px;border:none;background:#4f46e5;color:#fff;cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.response-area{padding:1rem;border-radius:8px;background:#111;min-height:80px}.placeholder{color:#666;font-style:italic}.error{color:#ef4444}.success{color:#10b981}.loading{color:#3b82f6}