:root{--color-primary:#667eea;--color-secondary:#764ba2;--font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);min-height:100vh}#app{width:100%;min-height:100vh}.app-container[data-v-a2545f60]{flex-direction:column;width:100%;min-height:100vh;display:flex}.header[data-v-a2545f60]{flex-shrink:0;width:100%;max-width:1400px;margin:0 auto;padding:.75rem 1rem}.header-card[data-v-a2545f60]{text-align:center;background:#fff;border-radius:12px;width:100%;padding:.625rem 1rem;box-shadow:0 10px 40px #0000001a}.button-container[data-v-a2545f60]{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.query-btn[data-v-a2545f60]{cursor:pointer;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:90px;padding:.5rem 1rem;transition:all .3s;display:flex}.query-btn[data-v-a2545f60]:hover{background:linear-gradient(135deg,#fff,#f0f7ff);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 15px #0000001f}.query-btn.active[data-v-a2545f60]{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 4px 15px #3b82f666}.btn-icon[data-v-a2545f60]{font-size:1.4rem;transition:transform .2s}.query-btn:hover .btn-icon[data-v-a2545f60]{transform:scale(1.08)}.btn-text[data-v-a2545f60]{letter-spacing:.025em;font-size:.75rem;font-weight:600}.main-content[data-v-a2545f60]{flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:0 1rem 1.25rem;display:flex}.feature-component[data-v-a2545f60]{flex-direction:column;flex:1;width:100%;display:flex}.footer[data-v-a2545f60]{text-align:center;color:#fff;opacity:.9;flex-shrink:0;padding:1rem;font-size:.8rem}.footer-content[data-v-a2545f60]{flex-direction:column;gap:.25rem;display:flex}.footer .author[data-v-a2545f60]{opacity:.95;font-size:.75rem}.footer .license[data-v-a2545f60]{opacity:.85;font-size:.7rem}.footer a[data-v-a2545f60]{color:#fff;text-decoration:underline;transition:opacity .2s}.footer a[data-v-a2545f60]:hover{opacity:.7}@media (max-width:1024px){.header[data-v-a2545f60]{padding:.625rem .875rem}.button-container[data-v-a2545f60]{gap:.625rem}.query-btn[data-v-a2545f60]{min-width:85px;padding:.4375rem .875rem}.btn-icon[data-v-a2545f60]{font-size:1.3rem}.main-content[data-v-a2545f60]{padding:0 .875rem 1rem}}@media (max-width:768px){.header[data-v-a2545f60]{padding:.5rem .625rem}.main-content[data-v-a2545f60]{padding:0 .625rem .875rem}.button-container[data-v-a2545f60]{gap:.5rem}.query-btn[data-v-a2545f60]{min-width:78px;padding:.375rem .75rem}.btn-icon[data-v-a2545f60]{font-size:1.2rem}.btn-text[data-v-a2545f60]{font-size:.7rem}.footer[data-v-a2545f60]{padding:.75rem .625rem;font-size:.75rem}}@media (max-width:540px){.header[data-v-a2545f60]{padding:.375rem .5rem}.main-content[data-v-a2545f60]{padding:0 .5rem .75rem}.button-container[data-v-a2545f60]{gap:.4375rem}.query-btn[data-v-a2545f60]{min-width:70px;padding:.3125rem .5625rem}.btn-icon[data-v-a2545f60]{font-size:1.1rem}.btn-text[data-v-a2545f60]{font-size:.65rem}.footer[data-v-a2545f60]{padding:.625rem .5rem;font-size:.7rem}}@media (max-width:400px){.button-container[data-v-a2545f60]{gap:.375rem}.query-btn[data-v-a2545f60]{border-radius:8px;min-width:65px;padding:.25rem .5rem}.btn-icon[data-v-a2545f60]{font-size:1rem}.btn-text[data-v-a2545f60]{font-size:.6rem}}