:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{max-width:960px;margin:0 auto;padding:1.5rem}.app-header{margin-bottom:2rem}.app-header h1{margin:0 0 .5rem;font-size:2rem}.subtitle{margin:0;color:var(--subtitle-color, #888);font-size:1rem}.app-main{display:flex;flex-direction:column;gap:1.5rem}.panel{border:1px solid #444;border-radius:8px;padding:1.25rem;background:#ffffff08}.panel h2{margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.panel-hint{margin:0 0 .5rem;color:#888;font-size:.85rem}.placeholder{margin:0;color:#888;font-size:.9rem}.items-load-error{margin:0 0 .5rem;padding:.5rem .75rem;background:#c8505026;border:1px solid #c44;border-radius:6px;color:#f88;font-size:.9rem}.ask-row{display:flex;gap:.75rem;align-items:flex-start}.ask-input{flex:1;min-width:0;padding:.6rem .75rem;font-size:1rem;font-family:inherit;border:1px solid #555;border-radius:6px;background:#0003;color:inherit;resize:vertical}.ask-input::placeholder{color:#888}.ask-input:focus{outline:none;border-color:#646cff}.ask-button{padding:.6rem 1.2rem;font-size:1rem;font-weight:500;border-radius:6px;border:1px solid #555;background:#333;color:inherit;cursor:pointer;white-space:nowrap}.ask-button:hover{border-color:#646cff;background:#3a3a3a}.results-list{display:flex;flex-direction:column;gap:1.5rem}.build-card{border:1px solid #555;border-radius:8px;padding:1rem;background:#00000026}.build-card-title{margin:0 0 .75rem;font-size:1rem;font-weight:600}.build-card-items{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.item-thumb{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:64px;text-align:center}.item-thumb-img{width:48px;height:48px;object-fit:contain;border-radius:4px;background:#0000004d}.item-thumb-placeholder{width:48px;height:48px;border-radius:4px;background:#555;color:#bbb;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.item-thumb-name{font-size:.7rem;line-height:1.2;color:#aaa;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.build-card-why{margin:0 0 .5rem;padding-left:1.25rem;font-size:.9rem;color:#ccc}.build-card-why li{margin-bottom:.25rem}.build-card-implication{margin:0;font-size:.85rem;color:#888;font-style:italic}@media(prefers-color-scheme:light){.panel{border-color:#ddd;background:#00000005}.placeholder,.panel-hint{color:#666}.ask-input{border-color:#ccc;background:#fff}.ask-input:focus{border-color:#535bf2}.ask-button{border-color:#ccc;background:#f0f0f0}.ask-button:hover{border-color:#535bf2;background:#e8e8e8}.build-card{border-color:#ddd;background:#00000008}.item-thumb-placeholder{background:#ddd;color:#555}.item-thumb-name{color:#555}.build-card-why{color:#444}.build-card-implication{color:#666}}