.header-bar[data-v-a51dd507]{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#fff}.header-left[data-v-a51dd507]{display:flex;align-items:center;gap:8px}.header-date[data-v-a51dd507]{font-size:16px;font-weight:600;color:#222}.header-settings-btn[data-v-a51dd507]{text-decoration:none;font-size:20px;color:var(--text-gray)}.header-settings-btn[data-v-a51dd507]:hover{color:var(--text-black)}.header-add-btn[data-v-a51dd507]{text-decoration:none;transition:background-color .2s ease;width:48px;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-gray);font-size:32px;color:var(--text-gray);padding-bottom:4px}.header-add-btn[data-v-a51dd507]:hover{background-color:var(--bg-gray-hover)}.footer-bar[data-v-90cd80d4]{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#fff}.footer-left[data-v-90cd80d4]{display:flex;align-items:center;gap:8px}.footer-points[data-v-90cd80d4]{font-size:16px;font-weight:600;color:#222}.footer-settings-btn[data-v-90cd80d4]{text-decoration:none;font-size:20px;color:var(--text-gray)}.footer-settings-btn[data-v-90cd80d4]:hover{color:var(--text-black)}.footer-reset-btn[data-v-90cd80d4]{padding:8px 16px;font-size:14px;color:var(--text-gray);background-color:var(--bg-gray);border-radius:3px;transition:background-color .2s ease}.footer-reset-btn[data-v-90cd80d4]:hover{background-color:var(--bg-gray-hover)}.habit-item[data-v-c5ff17cf]{background-color:#fff;border-radius:3px;padding:16px;display:grid;grid-template-columns:auto 35% 32px}.habit-name[data-v-c5ff17cf]{font-size:16px;font-weight:600;color:#222}.habit-edit-btn[data-v-c5ff17cf]{font-size:20px;color:var(--text-gray);text-decoration:none}.habit-edit-btn[data-v-c5ff17cf]:hover{color:var(--text-black)}.habit-levels[data-v-c5ff17cf]{display:flex;flex-wrap:wrap;gap:10px}.level-label[data-v-c5ff17cf]{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#444}.level-input[data-v-c5ff17cf]{width:18px;height:18px;accent-color:var(--bg-gray)}.level-text[data-v-c5ff17cf]{-webkit-user-select:none;user-select:none}.habit-list[data-v-ffbdf742]{list-style:none;display:flex;flex-direction:column;gap:12px;padding:16px;max-width:600px;width:100%;margin:0 auto}.app-layout[data-v-41374aa8]{display:flex;flex-direction:column;min-height:100vh}.app-main[data-v-41374aa8]{flex:1;overflow-y:auto;padding:8px 0}.header-bar[data-v-9f9dfdba]{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#fff}.header-left[data-v-9f9dfdba]{display:flex;align-items:center;gap:8px}.header-back-btn[data-v-9f9dfdba]{text-decoration:none;font-size:24px;color:var(--text-gray)}.header-back-btn[data-v-9f9dfdba]:hover{color:var(--text-black)}.header-settings-btn[data-v-9f9dfdba]{text-decoration:none;font-size:20px;color:var(--text-gray)}.header-settings-btn[data-v-9f9dfdba]:hover{color:var(--text-black)}.form-field[data-v-18362c13]{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field-label[data-v-18362c13]{font-size:14px;font-weight:600;color:#333}.field-required[data-v-18362c13]{color:#ef5350}.field-input[data-v-18362c13]{padding:10px 12px;font-size:14px;border:1px solid #ccc;border-radius:8px;outline:none;transition:border-color .2s ease}.field-input[data-v-18362c13]:focus{border-color:#4caf50}.field-error[data-v-18362c13]{font-size:12px;color:#ef5350}.form-button[data-v-392c270e]{padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.form-button--primary[data-v-392c270e]{color:#fff;background-color:#4caf50}.form-button--primary[data-v-392c270e]:hover{background-color:#43a047}.form-button--secondary[data-v-392c270e]{color:#333;background-color:#f0f0f0}.form-button--secondary[data-v-392c270e]:hover{background-color:#e0e0e0}.form-button--danger[data-v-392c270e]{color:#fff;background-color:#ef5350}.form-button--danger[data-v-392c270e]:hover{background-color:#e53935}.habit-form[data-v-4257c841]{max-width:600px;width:100%;margin:0 auto}.form-title[data-v-4257c841]{font-size:20px;font-weight:600;color:#222;margin-bottom:24px}.levels-section[data-v-4257c841]{margin-bottom:24px}.levels-label[data-v-4257c841]{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.level-row[data-v-4257c841]{margin-bottom:12px}.form-actions[data-v-4257c841]{display:flex;gap:12px;margin-top:24px}.app-layout[data-v-6d2fa43e]{display:flex;flex-direction:column;min-height:100vh}.app-main[data-v-6d2fa43e]{flex:1;overflow-y:auto;padding:16px}.app-layout[data-v-c11bcf18]{display:flex;flex-direction:column;min-height:100vh}.app-main[data-v-c11bcf18]{flex:1;overflow-y:auto;padding:16px}.habit-form[data-v-c11bcf18]{max-width:600px;width:100%;margin:0 auto}.form-title[data-v-c11bcf18]{font-size:20px;font-weight:600;color:#222;margin-bottom:24px}.form-actions[data-v-c11bcf18]{display:flex;gap:12px;margin-top:24px}.app-layout[data-v-0940f75b]{display:flex;flex-direction:column;min-height:100vh}.app-main[data-v-0940f75b]{flex:1;overflow-y:auto;padding:16px}.tracker-create[data-v-0940f75b]{max-width:600px;width:100%;margin:0 auto}.page-title[data-v-0940f75b]{font-size:20px;font-weight:600;color:#222;margin-bottom:24px}.instructions[data-v-0940f75b]{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:24px}.instructions h3[data-v-0940f75b]{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.steps-list[data-v-0940f75b]{margin:0;padding-left:20px;list-style-type:none}.steps-list>li[data-v-0940f75b]{margin-bottom:16px}.step-title[data-v-0940f75b]{font-weight:600;color:#333;margin-bottom:8px;margin-left:-20px}.sub-steps[data-v-0940f75b]{margin:0;padding-left:20px}.code-section[data-v-0940f75b]{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:24px}.code-header[data-v-0940f75b]{display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;padding:8px 12px;border-bottom:1px solid #e0e0e0}.code-label[data-v-0940f75b]{font-size:14px;font-weight:600;color:#555}.copy-btn[data-v-0940f75b]{background:#fff;border:1px solid #ccc;border-radius:4px;padding:4px 12px;font-size:12px;cursor:pointer;color:#333}.copy-btn[data-v-0940f75b]:hover{background:#f0f0f0}.code-block[data-v-0940f75b]{background:#1e1e1e;color:#d4d4d4;padding:16px;margin:0;overflow-x:auto;font-size:13px;line-height:1.5;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.tracker-form[data-v-0940f75b]{display:flex;flex-direction:column;gap:16px}.form-actions[data-v-0940f75b]{margin-top:8px}.example[data-v-0940f75b]{background:#f0f0f0;padding:8px 12px;border-radius:4px;font-family:monospace;font-size:13px;color:#333;word-break:break-all}.steps-list li[data-v-0940f75b]{margin-bottom:12px}.step-title[data-v-0940f75b]{font-weight:600;color:#333;margin-bottom:8px}.sub-steps[data-v-0940f75b]{margin:8px 0 0 20px;padding-left:0}.sub-steps li[data-v-0940f75b]{margin-bottom:4px;color:#555}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}:root{--bg-white: #fff;--bg-light: #eee;--bg-light-hover: #F5F5F5;--bg-dark: #17181F;--bg-gray: #D9D9D9;--bg-gray-hover: #eee;--bg-hover: #282A36;--btn: #4B4F67;--btn-hover: #666C8F;--text-white: #fff;--text-dark: var(--bg-dark);--text-gray: #4F4F4F;--regular-bg: var(--bg-dark);--regular-bg-gray: var(--bg-gray);--regular-bg-hover: var(--bg-hover);--regular-text: var(--text-white)}@media screen and (prefers-color-scheme: light){:root{--regular-bg: var(--bg-white);--regular-bg-gray: var(--bg-light);--regular-bg-hover: var(--bg-light-hover);--regular-text: var(--text-dark)}}