:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button{font-family:inherit}*{box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e4e4e7}.header{padding:2rem;text-align:center;border-bottom:1px solid #334155}.header h1{margin:0;font-size:2.5rem;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#94a3b8;margin-top:.5rem}.main{flex:1;padding:2rem;max-width:1000px;margin:0 auto;width:100%}.search-form{display:flex;gap:1rem;margin-bottom:1rem}.search-input{flex:1;padding:1rem 1.5rem;font-size:1rem;border:2px solid #334155;border-radius:12px;background:#1e293b;color:#e4e4e7;outline:none;transition:border-color .2s}.search-input:focus{border-color:#3b82f6}.search-input::placeholder{color:#64748b}.search-button{padding:1rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s}.search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.search-button:disabled{opacity:.6;cursor:not-allowed}.examples{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}.examples p{margin:0;color:#64748b;font-size:.875rem}.examples button{padding:.5rem 1rem;font-size:.875rem;border:1px solid #334155;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .2s}.examples button:hover{border-color:#3b82f6;color:#3b82f6}.error{padding:1rem;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#ef4444;margin-bottom:1rem}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.spinner{width:40px;height:40px;border:3px solid #334155;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results{margin-top:1rem}.result-type{padding:.75rem 1rem;background:#1e293b;border-radius:8px;margin-bottom:1rem;color:#94a3b8}.result-type strong{color:#3b82f6;text-transform:uppercase}.result-section{margin-bottom:1.5rem;background:#1e293b;border-radius:12px;overflow:hidden}.result-section h3{margin:0;padding:1rem 1.5rem;background:#0f172a;color:#e4e4e7;font-size:1rem;border-bottom:1px solid #334155}.result-section pre{margin:0;padding:1.5rem;font-size:.875rem;overflow-x:auto;color:#94a3b8;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.6}.footer{padding:1.5rem;text-align:center;border-top:1px solid #334155;color:#64748b;font-size:.875rem}.footer p{margin:0}