:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--window-bg:#eee;--card-bg:#fafafa;--header-bg:#363636;--header-text:#fff;--text-primary:#424242;--text-secondary:#757575;--text-muted:#9e9e9e;--border-color:#e0e0e0;--accent-color:#1976d2;--accent-color-light:#64b5f6;--divider-color:#e0e0e0;--shadow-card:0px 1px 2px #0000001f, 0px 1px 1px #0000003d;--shadow-fab:0px 3px 10px #00000029, 0px 3px 10px #0000003b;--shadow-popup:0px 4px 5px #00000026;--radius-card:4px;--radius-btn:50%}[data-theme=dark]{--window-bg:#212121;--card-bg:#303030;--header-bg:#101010;--header-text:#e0e0e0;--text-primary:#e0e0e0;--text-secondary:#9e9e9e;--text-muted:#757575;--border-color:#424242;--accent-color:#81d4fa;--accent-color-light:#0288d1;--divider-color:#2d2d2d;--shadow-card:0px 1px 3px #0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--window-bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.action-bar{background-color:var(--header-bg);height:56px;color:var(--header-text);z-index:100;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0003}.action-bar-title{white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:20px;font-weight:500;overflow:hidden}.action-bar-left{align-items:center;display:flex}.action-bar-right{align-items:center;gap:12px;display:flex}.action-icon-btn{width:40px;height:40px;color:inherit;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.action-icon-btn:hover{background-color:#ffffff1a}.fab{color:#fff;width:56px;height:56px;box-shadow:var(--shadow-fab);z-index:100;background-color:#1976d2;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background-color .15s;display:flex;position:fixed;bottom:16px;right:16px}[data-theme=dark] .fab{color:#212121;background-color:#81d4fa}.fab:hover{transform:scale(1.05)}.app-content{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:0 0 80px}.list-header{background-color:var(--window-bg);border-bottom:1px solid var(--border-color);text-transform:uppercase;height:48px;color:var(--text-secondary);z-index:90;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:0 16px;font-size:11px;font-weight:700;display:flex;position:sticky;top:56px}.list-header-left{flex:1}.list-header-right{flex-shrink:0;justify-content:flex-end;gap:12px;display:flex}.list-header-day{text-align:center;flex-direction:column;width:44px;line-height:1.2;display:flex}.list-header-day .day-num{font-size:12px;font-weight:500}.habit-list{flex-direction:column;padding:0 0 80px;display:flex}.habit-row-card{background-color:var(--card-bg);box-sizing:border-box;border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;transition:background-color .15s;display:flex}.habit-row-card.touch-dragging{z-index:10;transform:scale(1.01);box-shadow:0 4px 16px #00000059;background-color:var(--border-color)!important}.habit-row-card:hover{background-color:#ffffff05}[data-theme=light] .habit-row-card:hover{background-color:#00000003}.habit-main-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.habit-score-circle{flex-shrink:0;width:28px;height:28px;position:relative}.habit-score-text{font-size:10px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.habit-text-block{min-width:0}.habit-row-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:16px;font-weight:500;overflow:hidden}.habit-row-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.checkmark-columns{flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;display:flex}.check-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s;display:flex;position:relative}.check-btn:hover{background-color:#ffffff0d}[data-theme=light] .check-btn:hover{background-color:#00000008}.settings-form{padding:16px}.form-row{margin-bottom:24px}.field-label{text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.field-input{background:var(--card-bg);border:none;border-bottom:2px solid var(--border-color);width:100%;color:var(--text-primary);outline:none;padding:8px 0;font-family:inherit;font-size:16px;transition:border-color .2s}.field-input:focus{border-color:var(--accent-color)}.dropdown-menu{background-color:var(--card-bg);box-shadow:var(--shadow-popup);z-index:1000;border-radius:4px;min-width:180px;padding:8px 0;animation:.15s ease-out fadeIn;position:absolute;top:50px;right:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{text-align:left;width:100%;color:var(--text-primary);justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;display:flex}.dropdown-item:hover{background-color:var(--border-color)}.dropdown-item.checked:after{content:"✓";color:var(--accent-color);font-weight:700}.detail-card{background-color:var(--card-bg);box-shadow:var(--shadow-card);border-radius:var(--radius-card);margin-bottom:8px;padding:16px}.detail-card-title{text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px;font-size:14px;font-weight:700}.grid-cell{background-color:#ffffff0d;border-radius:1px;width:11px;height:11px;margin:1.5px}.md-dialog-overlay{z-index:1100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.md-dialog{background-color:var(--card-bg);box-shadow:var(--shadow-popup);border-radius:4px;width:100%;max-width:320px;padding:24px;animation:.15s ease-out dialogScale}@keyframes dialogScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dialog-title{color:var(--text-primary);margin-bottom:16px;font-size:20px;font-weight:500}.dialog-buttons{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.btn-flat{text-transform:uppercase;color:var(--accent-color);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:8px 12px;font-size:14px;font-weight:700;transition:background-color .1s}.btn-flat:hover{background-color:#1976d214}.action-icon-btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.dropdown-item{cursor:pointer;background:0 0;border:none}.color-picker{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.color-option{cursor:pointer;border:3px solid #0000;border-radius:50%;outline:none;width:32px;height:32px;padding:0;transition:transform .1s}.color-option.selected{border-color:var(--text-primary);transform:scale(1.15)}.tab-group{background-color:var(--window-bg);border-radius:4px;gap:2px;padding:3px;display:flex}.tab-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:2px;outline:none;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s}.tab-btn.active{background-color:var(--card-bg);color:var(--text-primary);box-shadow:0 1px 3px #0000001f}.heatmap-scroll{padding-bottom:8px;overflow-x:auto}.heatmap-cell{cursor:pointer;border:none;border-radius:4px;transition:transform .1s,opacity .15s;position:relative}.heatmap-cell:active{transform:scale(.9)}.heatmap-cell[data-tooltip]:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;z-index:1000;background-color:#333;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0000004d}.calendar-picker{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:12px;display:grid}.cal-day-cell{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:34px;height:34px;margin:0 auto;transition:background-color .1s;display:flex}.cal-day-cell:not(.current-month){opacity:.3}.cal-day-cell.completed{color:#fff!important}.pref-category-title{text-transform:uppercase;color:var(--accent-color);letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding:24px 16px 8px;font-size:11px;font-weight:700}.pref-row{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:center;padding:16px;transition:background-color .15s;display:flex}.pref-row:hover{background-color:#ffffff05}[data-theme=light] .pref-row:hover{background-color:#00000005}.pref-info{flex-direction:column;flex:1;min-width:0;padding-right:16px;display:flex}.pref-title{color:var(--text-primary);font-size:15px;font-weight:500}.pref-desc{color:var(--text-muted);margin-top:3px;font-size:12px}.pref-control{flex-shrink:0;align-items:center;gap:8px;display:flex}.sort-select{color:var(--accent-color);cursor:pointer;background:0 0;border:none;outline:none;padding:4px 8px;font-family:inherit;font-size:14px;font-weight:700}.sort-select option{background-color:var(--card-bg);color:var(--text-primary)}@media (width<=600px){.col-day-0{display:none!important}.checkmark-columns,.list-header-right{gap:8px!important}.check-btn{width:40px!important;height:40px!important}.list-header-day{width:40px!important}}@media (width<=480px){.col-day-0,.col-day-1{display:none!important}.checkmark-columns,.list-header-right{gap:6px!important}.check-btn{width:36px!important;height:36px!important}.list-header-day{width:36px!important}}@media (width<=400px){.col-day-0,.col-day-1,.col-day-2{display:none!important}.checkmark-columns,.list-header-right{gap:6px!important}.check-btn{width:32px!important;height:32px!important}.list-header-day{width:32px!important}}@media (width<=350px){.col-day-0,.col-day-1,.col-day-2,.col-day-3{display:none!important}}