:root{--color-primary:#06c;--color-primary-dark:#004c99;--color-success:#28a745;--color-warning:#ffc107;--color-danger:#dc3545;--color-text:#333;--color-text-light:#666;--color-background:#f8f9fa;--color-surface:#fff;--color-border:#dee2e6;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--radius-sm:4px;--radius-md:8px}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-background);overflow-x:hidden}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s,transform .1s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-border);color:var(--color-text)}.input{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,204,.1)}.label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text)}.text-light{color:var(--color-text-light)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm)}.badge-success{background-color:#d4edda;color:#155724}.badge-warning{background-color:#fff3cd;color:#856404}.badge-info{background-color:#d1ecf1;color:#0c5460}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;background:var(--color-background)}tr:hover{background-color:rgba(0,102,204,.02)}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.search-stations-row{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:.5rem;gap:.5rem;align-items:end}.search-swap-btn{background:none;border:1px solid var(--color-border);border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;flex-shrink:0}.detail-price-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;text-align:center}.detail-confidence-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;font-size:.875rem}@media (max-width:768px){.container{padding:0 .75rem}.card{padding:1rem}td,th{padding:.5rem .375rem;font-size:.8125rem}.btn{padding:.625rem 1rem}.search-stations-row{grid-template-columns:1fr;gap:.75rem}.search-swap-btn{justify-self:center;margin-bottom:0}.detail-price-grid{gap:.75rem}.detail-confidence-grid,.detail-price-grid{grid-template-columns:1fr}.table-wrapper{margin:0 -1rem;padding:0 1rem}}