:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#373737de;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;place-items:center;min-width:100vw;min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:20px}.search-container{display:flex;gap:10px;width:100%;max-width:600px}.search-input{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.search-button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.search-button:hover{background-color:#45a049}.results-container{width:100%;max-width:600px;border:1px solid #ddd;border-radius:4px;padding:20px;background-color:#f9f9f9}.results-container h3{margin-top:0;margin-bottom:15px;color:#333}.results-list{display:flex;flex-direction:column;gap:10px}.result-item{padding:15px;background-color:#fff;border:1px solid #eee;border-radius:4px;margin-bottom:10px}.result-item h4{margin-top:0;margin-bottom:10px;color:#333;font-size:16px}.columns-list{display:flex;flex-direction:column;gap:5px}.column-item{display:flex;gap:10px;padding:5px 0;border-bottom:1px solid #f0f0f0}.column-item:last-child{border-bottom:none}.column-key{font-weight:700;color:#666;min-width:80px}.column-label{color:#333}.no-results{text-align:center;color:#999;padding:20px}