.habit-item[data-v-df13a132]{display:flex;align-items:center;gap:12px;padding:16px;background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;transition:all .2s ease}.habit-item.checked[data-v-df13a132]{opacity:.7}.habit-check[data-v-df13a132]{flex-shrink:0;cursor:pointer}.checkbox[data-v-df13a132]{width:28px;height:28px;border:2px solid var(--tg-theme-hint-color, #999);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox.active[data-v-df13a132]{background:var(--tg-theme-button-color, #3390ec);border-color:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #fff)}.checkbox svg[data-v-df13a132]{width:18px;height:18px}.habit-content[data-v-df13a132]{flex:1;min-width:0;cursor:pointer}.habit-name[data-v-df13a132]{margin:0;font-size:16px;font-weight:500;color:var(--tg-theme-text-color, #000)}.habit-item.checked .habit-name[data-v-df13a132]{text-decoration:line-through}.habit-description[data-v-df13a132]{margin:4px 0 0;font-size:14px;color:var(--tg-theme-hint-color, #999);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-btn[data-v-df13a132]{flex-shrink:0;width:36px;height:36px;border:none;background:transparent;color:var(--tg-theme-hint-color, #999);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.delete-btn[data-v-df13a132]:hover{background:#ff3b301a;color:#ff3b30}.delete-btn svg[data-v-df13a132]{width:20px;height:20px}.habit-form[data-v-a020a7dd]{padding:20px}.form-title[data-v-a020a7dd]{margin:0 0 24px;font-size:24px;font-weight:600;color:var(--tg-theme-text-color, #000)}.form-group[data-v-a020a7dd]{margin-bottom:20px}.form-group label[data-v-a020a7dd]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--tg-theme-hint-color, #999)}.form-group input[data-v-a020a7dd],.form-group textarea[data-v-a020a7dd]{width:100%;padding:14px 16px;font-size:16px;border:1px solid var(--tg-theme-hint-color, #ddd);border-radius:12px;background:var(--tg-theme-secondary-bg-color, #f5f5f5);color:var(--tg-theme-text-color, #000);transition:border-color .2s ease;box-sizing:border-box}.form-group input[data-v-a020a7dd]:focus,.form-group textarea[data-v-a020a7dd]:focus{outline:none;border-color:var(--tg-theme-button-color, #3390ec)}.form-group textarea[data-v-a020a7dd]{resize:vertical;min-height:100px}.form-actions[data-v-a020a7dd]{display:flex;gap:12px;margin-top:32px}.btn[data-v-a020a7dd]{flex:1;padding:14px 24px;font-size:16px;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn[data-v-a020a7dd]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-a020a7dd]{background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #fff)}.btn-primary[data-v-a020a7dd]:not(:disabled):hover{opacity:.9}.btn-secondary[data-v-a020a7dd]{background:var(--tg-theme-secondary-bg-color, #f5f5f5);color:var(--tg-theme-text-color, #000)}.btn-secondary[data-v-a020a7dd]:hover{opacity:.8}:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-link-color: #3390ec;--tg-theme-button-color: #3390ec;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #f5f5f5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);min-height:100vh}.app{max-width:500px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.header{padding:24px 20px;text-align:center}.header h1{font-size:28px;font-weight:700;margin-bottom:8px}.subtitle{font-size:16px;color:var(--tg-theme-hint-color)}.main{flex:1;padding:0 20px 100px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.spinner{width:40px;height:40px;border:3px solid var(--tg-theme-secondary-bg-color);border-top-color:var(--tg-theme-button-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{margin-top:16px;color:var(--tg-theme-hint-color)}.error{text-align:center;padding:60px 20px}.error p{color:#ff3b30;margin-bottom:16px}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h2{font-size:20px;margin-bottom:8px}.empty-state p{color:var(--tg-theme-hint-color)}.habits-list{display:flex;flex-direction:column;gap:12px}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:16px;border:none;background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:transform .2s ease,box-shadow .2s ease}.fab:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.fab svg{width:24px;height:24px}.btn{padding:14px 24px;font-size:16px;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}
