body{font-family:system-ui,sans-serif;}
.lc-input{width:100%;background:#0f172a;border:1px solid #1e293b;border-radius:12px;
color:#e2e8f0;padding:.6rem .9rem;}
.lc-btn{background:linear-gradient(90deg,#6366f1,#06b6d4);color:white;border-radius:999px;
font-weight:600;padding:.6rem 1rem;}
.lc-btn:hover{opacity:.9;}
.lc-btn-secondary{background:#0f172a;border:1px solid #1e293b;color:#e2e8f0;
border-radius:999px;padding:.5rem .9rem;}
.lc-btn-danger{background:#7f1d1d;color:#fee2e2;border-radius:999px;padding:.5rem .9rem;}
.lc-range{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#1e293b;border-radius:999px;}
.lc-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;
background:#6366f1;border:2px solid white;cursor:pointer;}




/* Monthly grid cell states */
.lc-cell{min-width:36px;height:34px}
.lc-check{background:#065f46;color:#d1fae5;font-weight:700}
.lc-num{background:#334155;color:#e2e8f0;font-weight:700}
.lc-has-note{background:#3b0764;color:#f5d0fe}
