:root{--accent:#111827}*{box-sizing:border-box}body{background:#f7fafc;color:#0f1724;font-family:Inter,Roboto,Arial,sans-serif;margin:0}.wrap{background:#fff;border-radius:12px;box-shadow:0 8px 28px #0206170f;margin:18px auto;max-width:1200px;padding:18px}header{align-items:center;display:flex;gap:12px;justify-content:space-between}header h1{font-size:20px;margin:0}.controls{align-items:center;display:flex;gap:8px}.controls button{background:#fff;border:1px solid #e6e9ef;border-radius:8px;cursor:pointer;padding:6px 10px}.month-label{font-weight:600;min-width:160px;text-align:center}main{display:flex;gap:18px;margin-top:12px}.left{width:300px}.right{flex:1 1;overflow:auto}.panel{border:1px solid #f1f5f9;border-radius:8px;padding:12px}.habit-list{list-style:none;margin:0;padding:0}.habit-list li{align-items:center;display:flex;gap:10px;padding:8px 0}.dot{border-radius:50%;display:inline-block;height:12px;width:12px}.smallbtn{background:#fff;border:1px solid #eee;border-radius:8px;cursor:pointer;padding:6px 8px}.add-row{display:flex;gap:8px;margin-top:10px}.add-row input{border:1px solid #e6e9ef;border-radius:8px;flex:1 1;padding:8px}.grid-wrap{margin-top:12px;overflow:auto}table.grid{border-collapse:collapse;font-size:13px;width:100%}table.grid td,table.grid th{border:1px solid #f1f5f9;min-width:30px;padding:6px;text-align:center}.day-header{background:#fbfbfb}.habit-name{padding-left:12px;text-align:left}.cell{cursor:pointer;transition:all .12s}.cell.done{color:#fff;font-weight:700}.summary-row{align-items:flex-start;display:flex;gap:14px;margin-top:16px}.summary{flex:1 1}.summary ul{list-style:none;margin:0;padding:0}.summary li{align-items:center;display:flex;gap:8px;padding:8px 0}.bar-wrap{background:#f1f5f9;border-radius:8px;flex:1 1;height:12px;margin:0 8px;overflow:hidden}.bar{background:#60a5fa;height:100%}.chart-wrap{flex:1 1;min-width:360px}footer{color:#9ca3af;margin-top:18px;text-align:center}.legend-row{display:flex;flex-wrap:wrap;gap:8px}.legend-item{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:8px;display:flex;gap:6px;padding:6px 8px}.help{color:#374151;font-size:13px}@media (max-width:768px){.wrap{padding:10px}header h1{font-size:22px}.controls{flex-direction:column;gap:8px}.month-label{font-size:18px}main{flex-direction:column}.left,.right{width:100%}.habit-list li{font-size:15px;padding:10px}.grid{display:block;font-size:10px;overflow-x:auto;white-space:nowrap}.grid td,.grid th{min-width:28px;padding:4px}.grid .habit-name{min-width:110px;white-space:normal}.summary-row{flex-direction:column}.chart-wrap,.summary{margin-top:10px;width:100%}.bar{height:10px}.smallbtn,button{font-size:14px;padding:8px 12px}input{font-size:14px;padding:8px}}
/*# sourceMappingURL=main.4408b5fd.css.map*/