:root{ --bwlc-blue:#0b5fff; --bwlc-muted:#6b7280; --bwlc-bg:#f8fafc; --bwlc-card:#ffffff; }
.bwlc-root{ padding:20px; font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color:#0f172a; }
.bwlc-card{ max-width:1000px; margin:0 auto; background:var(--bwlc-card); padding:18px; border-radius:12px; box-shadow:0 8px 24px rgba(2,6,23,0.06); }
.bwlc-title{ font-size:1.5rem; margin:0; }
.bwlc-sub{ color:var(--bwlc-muted); margin-top:6px; }
.bwlc-grid{ display:block; }
@media(min-width:768px){ .bwlc-grid{ display:grid; grid-template-columns: 1fr 420px; gap:20px; } }
.bwlc-input{ width:100%; padding:10px 12px; margin:8px 0 12px 0; border:1px solid #e6eef8; border-radius:8px; background:#fff; color:#0f172a; }
.bwlc-small{ font-size:0.9rem; color:var(--bwlc-muted); }
.bwlc-row{ display:flex; gap:12px; align-items:center; margin-top:8px; }
.bwlc-actions{ margin-top:12px; display:flex; gap:10px; align-items:center; }
.bwlc-btn{ padding:8px 12px; border-radius:8px; background:#e6eef8; color:#0f172a; border:none; cursor:pointer; }
.bwlc-primary{ background:var(--bwlc-blue); color:#fff; box-shadow:0 3px 8px rgba(11,95,255,0.14); }
.bwlc-secondary{ background:#0ea5a4; color:#fff; box-shadow:0 3px 8px rgba(14,165,164,0.12); }
.bwlc-active{ background:var(--bwlc-blue); color:#fff !important; }
.bwlc-results{ margin-top:14px; background:var(--bwlc-bg); padding:14px; border-radius:8px; }
.bwlc-chart-wrap{ background:#fff; padding:10px; border-radius:8px; box-shadow:0 1px 6px rgba(2,6,23,0.04); }
.bwlc-list{ list-style:none; padding:0; margin:0; }
.bwlc-list li{ margin-bottom:8px; }
.bwlc-inline input{ width:80px; display:inline-block; }