:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}:root{--black-a1: rgba(0, 0, 0, .05);--black-a2: rgba(0, 0, 0, .1);--black-a3: rgba(0, 0, 0, .15);--black-a4: rgba(0, 0, 0, .2);--black-a5: rgba(0, 0, 0, .3);--black-a6: rgba(0, 0, 0, .4);--black-a7: rgba(0, 0, 0, .5);--black-a8: rgba(0, 0, 0, .6);--black-a9: rgba(0, 0, 0, .7);--black-a10: rgba(0, 0, 0, .8);--black-a11: rgba(0, 0, 0, .9);--black-a12: rgba(0, 0, 0, .95)}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){:root{--black-a1: color(display-p3 0 0 0 / .05);--black-a2: color(display-p3 0 0 0 / .1);--black-a3: color(display-p3 0 0 0 / .15);--black-a4: color(display-p3 0 0 0 / .2);--black-a5: color(display-p3 0 0 0 / .3);--black-a6: color(display-p3 0 0 0 / .4);--black-a7: color(display-p3 0 0 0 / .5);--black-a8: color(display-p3 0 0 0 / .6);--black-a9: color(display-p3 0 0 0 / .7);--black-a10: color(display-p3 0 0 0 / .8);--black-a11: color(display-p3 0 0 0 / .9);--black-a12: color(display-p3 0 0 0 / .95)}}}:root,.light,.light-theme{--mauve-1: #fdfcfd;--mauve-2: #faf9fb;--mauve-3: #f2eff3;--mauve-4: #eae7ec;--mauve-5: #e3dfe6;--mauve-6: #dbd8e0;--mauve-7: #d0cdd7;--mauve-8: #bcbac7;--mauve-9: #8e8c99;--mauve-10: #84828e;--mauve-11: #65636d;--mauve-12: #211f26}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){:root,.light,.light-theme{--mauve-1: color(display-p3 .991 .988 .992);--mauve-2: color(display-p3 .98 .976 .984);--mauve-3: color(display-p3 .946 .938 .952);--mauve-4: color(display-p3 .915 .906 .925);--mauve-5: color(display-p3 .886 .876 .901);--mauve-6: color(display-p3 .856 .846 .875);--mauve-7: color(display-p3 .814 .804 .84);--mauve-8: color(display-p3 .735 .728 .777);--mauve-9: color(display-p3 .555 .549 .596);--mauve-10: color(display-p3 .514 .508 .552);--mauve-11: color(display-p3 .395 .388 .424);--mauve-12: color(display-p3 .128 .122 .147)}}}:root,.light,.light-theme{--grass-1: #fbfefb;--grass-2: #f5fbf5;--grass-3: #e9f6e9;--grass-4: #daf1db;--grass-5: #c9e8ca;--grass-6: #b2ddb5;--grass-7: #94ce9a;--grass-8: #65ba74;--grass-9: #46a758;--grass-10: #3e9b4f;--grass-11: #2a7e3b;--grass-12: #203c25}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){:root,.light,.light-theme{--grass-1: color(display-p3 .986 .996 .985);--grass-2: color(display-p3 .966 .983 .964);--grass-3: color(display-p3 .923 .965 .917);--grass-4: color(display-p3 .872 .94 .865);--grass-5: color(display-p3 .811 .908 .802);--grass-6: color(display-p3 .733 .864 .724);--grass-7: color(display-p3 .628 .803 .622);--grass-8: color(display-p3 .477 .72 .482);--grass-9: color(display-p3 .38 .647 .378);--grass-10: color(display-p3 .344 .598 .342);--grass-11: color(display-p3 .263 .488 .261);--grass-12: color(display-p3 .151 .233 .153)}}}button,h3{all:unset}.AccordionRoot{border-radius:6px;width:300px;background-color:var(--mauve-6);box-shadow:0 2px 10px var(--black-a4)}.AccordionItem{overflow:hidden;margin-top:1px}.AccordionItem:first-child{margin-top:0;border-top-left-radius:4px;border-top-right-radius:4px}.AccordionItem:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.AccordionItem:focus-within{position:relative;z-index:1;box-shadow:0 0 0 2px var(--mauve-12)}.AccordionHeader{display:flex}.AccordionTrigger{font-family:inherit;background-color:transparent;padding:0 20px;height:45px;flex:1;display:flex;align-items:center;justify-content:space-between;font-size:15px;line-height:1;color:var(--grass-11);box-shadow:0 1px 0 var(--mauve-6);background-color:#fff}.AccordionTrigger:hover{background-color:var(--mauve-2)}.AccordionContent{overflow:hidden;font-size:15px;color:var(--mauve-11);background-color:var(--mauve-2)}.AccordionContent[data-state=open]{animation:slideDown .3s cubic-bezier(.87,0,.13,1)}.AccordionContent[data-state=closed]{animation:slideUp .3s cubic-bezier(.87,0,.13,1)}.AccordionContentText{padding:15px 20px}.AccordionChevron{color:var(--grass-10);transition:transform .3s cubic-bezier(.87,0,.13,1)}.AccordionTrigger[data-state=open]>.AccordionChevron{transform:rotate(180deg)}@keyframes slideDown{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height)}to{height:0}}.modal-overlay[data-v-a29884bd]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-a29884bd]{background:#fff;padding:2rem;border-radius:8px;max-width:400px;width:90%}.modal-buttons[data-v-a29884bd]{display:flex;gap:1rem;margin-top:1.5rem}.auth-button[data-v-a29884bd]{background-color:#00b0b9;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.cancel-button[data-v-a29884bd]{background-color:#gray;border:1px solid #ccc;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.modal-overlay[data-v-8bb68127]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-8bb68127]{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:400px;width:90%}.api-key-input[data-v-8bb68127]{width:100%;padding:.5rem;margin:1rem 0;border:1px solid #ddd;border-radius:4px}.modal-buttons[data-v-8bb68127]{display:flex;gap:1rem;justify-content:flex-end}.settings-button[data-v-8bb68127]{padding:.5rem 1rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.save-button[data-v-8bb68127]{background-color:#4caf50;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.cancel-button[data-v-8bb68127]{background-color:#f44336;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}button[data-v-8bb68127]:hover{opacity:.9}.modal-overlay[data-v-1d1c1322]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-1d1c1322]{background:#000c;padding:2rem;border-radius:8px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:90%;width:500px;position:relative}h2[data-v-1d1c1322]{margin-top:0;margin-bottom:1.5rem}h3[data-v-1d1c1322]{margin-bottom:.5rem}.help-sections[data-v-1d1c1322]{display:flex;flex-direction:column;gap:1.5rem}ol[data-v-1d1c1322]{margin:0;padding-left:1.2rem}li[data-v-1d1c1322]{margin-bottom:.5rem}.feedback-form[data-v-1d1c1322]{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}textarea[data-v-1d1c1322]{width:100%;padding:.5rem;border-radius:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;resize:vertical}button[data-v-1d1c1322]{padding:.5rem 1rem;border-radius:4px;border:none;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s ease}button[data-v-1d1c1322]:hover{background:#fff3}.close-button[data-v-1d1c1322]{position:absolute;bottom:1rem;left:1rem;margin:0;padding:.5rem 1.5rem}.app-container[data-v-04980250],.camera-container[data-v-04980250]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000}.camera-feed[data-v-04980250]{width:100%;height:100%;object-fit:cover}.overlay-controls[data-v-04980250]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.top-controls[data-v-04980250]{display:flex;justify-content:space-between;width:100%}.bottom-controls[data-v-04980250]{display:flex;justify-content:center;margin-bottom:2rem}.camera-button[data-v-04980250],.fitbit-button[data-v-04980250],.ai-button[data-v-04980250],.clear-button[data-v-04980250]{padding:.8rem 1.5rem;border-radius:8px;border:none;font-size:1rem;cursor:pointer;background:#0009;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.camera-button[data-v-04980250]:hover,.fitbit-button[data-v-04980250]:hover,.ai-button[data-v-04980250]:hover,.clear-button[data-v-04980250]:hover{background:#000c}.ai-button[data-v-04980250]{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;background:#0009;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ai-button[data-v-04980250]:hover{transform:scale(1.1)}.ai-button[data-v-04980250]:disabled{opacity:.5;cursor:not-allowed;transform:none}.hidden-canvas[data-v-04980250]{display:none}.output[data-v-04980250]{position:fixed;bottom:1rem;right:1rem;background:#0009;padding:.5rem;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.captured-image[data-v-04980250]{max-width:150px;border-radius:4px;display:block;margin-bottom:.5rem}.ai-response[data-v-04980250]{position:fixed;top:5rem;right:1rem;max-width:300px;background:#0009;color:#fff;padding:1rem;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ai-response h3[data-v-04980250]{margin-top:0;margin-bottom:.5rem}.openai-button[data-v-04980250]{padding:.8rem;border-radius:8px;border:none;cursor:pointer;background:#0009;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.openai-button[data-v-04980250]:hover{background:#000c;transform:scale(1.05)}.modal-overlay[data-v-04980250]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-04980250]{background:#000c;padding:2rem;border-radius:8px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center}.modal-buttons[data-v-04980250]{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.modal-buttons button[data-v-04980250]{padding:.5rem 1.5rem;border-radius:4px;border:none;cursor:pointer;background:#ffffff1a;color:#fff;transition:all .2s ease}.modal-buttons button[data-v-04980250]:hover{background:#fff3}.right-controls[data-v-04980250]{display:flex;gap:.5rem}.help-button[data-v-04980250]{padding:.8rem;border-radius:8px;border:none;cursor:pointer;background:#0009;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.help-button[data-v-04980250]:hover{background:#000c;transform:scale(1.05)}.left-controls[data-v-04980250]{display:flex;gap:.5rem}.camera-flip-button[data-v-04980250]{padding:.8rem;border-radius:8px;border:none;cursor:pointer;background:#0009;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.camera-flip-button[data-v-04980250]:hover{background:#000c;transform:scale(1.05)}