: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: #333333;--color-text: #333333;--section-gap: 160px}@media (prefers-color-scheme: dark){: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: #333333;--color-text: #333333}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:500}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}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;background-color:#f7f8fa;max-width:1280px;margin:0 auto;padding:2rem;font-weight:500}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}}.page-container{min-height:100vh;padding:16px;background-color:#fff}:root,html{color-scheme:only light!important}html,body,#app{background:#fff!important;color:#333!important;font-weight:500;forced-color-adjust:none}strong,b,h1,h2,h3,h4,h5,h6{font-weight:600}*,*:before,*:after{animation:none!important;transition:none!important}.navigation-container,.navigation-content,.back-row,.page-container,.page-content,.title,.subtitle,.bmi-box{background:#fff!important;color:#333!important}a{color:#2563eb}input,textarea,select{color:#333!important;background-color:#fff!important;border-color:#d1d5db}input::placeholder,textarea::placeholder{color:#6b7280!important}button{color:#fff}@media (prefers-color-scheme: dark){:root{color-scheme:only light!important}html{color-scheme:only light!important}html,body,#app,.page-container,.page-content,.title,.subtitle,.navigation-container,.navigation-content,.back-row,.bmi-box{background:#fff!important;color:#333!important}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.page-container{min-height:100vh;background-color:#fff;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;padding-top:60px;padding-bottom:calc(140px + env(safe-area-inset-bottom));animation:slideInFromRight .5s ease-out;overflow-x:hidden}.page-content{width:303px;padding:0;display:flex;flex-direction:column;box-sizing:border-box}.title{font-size:24px;color:#333;text-align:center;margin-top:30px;margin-bottom:24px;width:303px;padding:0;box-sizing:border-box;font-weight:600}.subtitle{font-size:20px;color:#333;text-align:center;margin-bottom:20px;width:303px;padding:0;box-sizing:border-box}.options-list{display:flex;flex-direction:column;gap:16px;width:303px;padding:0;box-sizing:border-box}.option-card{display:flex;align-items:center;gap:20px;padding:20px;background-color:#f5f6f7;border-radius:8px;cursor:pointer;transition:all .3s ease;width:303px;box-sizing:border-box}.option-card.active{background-color:#fff;border:2px solid #05B100;color:#05b100}.next-button,.continue-button{width:100%;max-width:330px;padding:8px;background-color:#253241;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease;position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:10;box-shadow:0 2px 10px #0000001a}.next-button:hover,.continue-button:hover{background-color:#253241}.next-button:disabled,.continue-button:disabled{background-color:#ccc;cursor:not-allowed}.page1{min-height:100vh;background:#fff;display:flex;flex-direction:column}.page1 .hero{width:100%;aspect-ratio:775 / 345;overflow:hidden;background:#fff}.page1 .hero-media,.page1 .hero-image{display:block;width:100%;height:100%}.page1 .hero-image{object-fit:cover;object-position:center}.page1 .content{width:min(680px,calc(100% - 32px));margin:44px auto 0}.page1 .title{width:100%;margin:0;font-size:24px;line-height:1.12;font-weight:600;text-align:center;letter-spacing:0;color:#333}.page1 .subtitle{width:100%;margin:8px 0 26px;font-size:16px;text-align:center;color:#333;opacity:.67}.page1 .goal-list{display:grid;gap:14px;padding:0 16px}.page1 .goal-item{width:100%;min-height:60px;border:1px solid #eceeef;border-radius:20px;background:#f6f7f8;color:#333;font-size:16px;font-weight:500;text-align:left;padding:10px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.page1 .goal-item.active{border-color:#05b100;background:#eefbef;color:#0e7f11}.page1 .goal-icon{width:40px;height:40px;flex:0 0 40px;object-fit:contain}.page1 .goal-text{flex:1;min-width:0;line-height:1.2}.page1 .goal-check{width:24px;height:24px;flex:0 0 24px;object-fit:contain}.page1 .terms-text{margin:auto 0 30px;padding:12px 16px 0;font-size:14px;color:#333;text-align:center}.page1 .terms-link{color:#333;font-weight:600;text-decoration:underline}@media (max-width: 600px){.page1 .hero{aspect-ratio:775 / 345}.page1 .content{width:calc(100% - 20px);margin-top:44px}.page1 .goal-item{min-height:60px;padding:12px 18px;border-radius:20px}.page1 .goal-icon{width:40px;height:40px;flex-basis:40px}.page1 .terms-text{font-size:12px;margin-bottom:24px}}.logo{display:flex;align-items:center;justify-content:center;margin-bottom:30px;margin-top:10px}.logo-img{width:32px;height:32px;margin-right:8px}.logo-text{font-size:20px;font-weight:600;color:#333}@media (max-width: 600px){.page-content{padding:0;width:303px}.title{font-size:24px;padding:0;width:350px}.subtitle{font-size:18px;padding:0;width:303px}.options-list{padding:0;width:303px}.option-card{padding:16px;gap:16px;width:303px}}.page-container .title,.page-container h1{font-size:24px!important;font-weight:600!important}.page-container .title,.page-container .subtitle,.page-container h1,.page-container h2,.page-container p.subtitle,.page-container .options-list,.page-container .struggles-options,.page-container .habits-options,.page-container .reasons-options,.page-container .build-options{padding:0!important;width:min(330px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}.page-container .option-card,.page-container .struggle-option,.page-container .habit-option,.page-container .reason-option,.page-container .build-option{width:min(330px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;box-sizing:border-box!important}@media (max-width: 480px){.page-container .title,.page-container h1{white-space:normal!important;word-break:break-word;line-height:1.3}}@media (max-width: 600px){html body #app .page-container .title,html body #app .page-container h1.title{width:min(330px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;white-space:normal!important;word-break:break-word;line-height:1.3}}.experience-option,.struggle-option,.page5 .habit-option,.meal-option,.gender-option,.page13 .frequency-option,.record-option,.nutrient-option,.equipment-option,.schedule-option,.page22 .frequency-option,.sleep-option,.habits-options>.habit-option,.reason-option,.options-container>.option-card,.preference-card,.habit-card,.lifestyle-card{width:100%!important;height:68px!important;min-height:68px!important;padding:0 14px!important;border:1px solid rgba(0,0,0,.04)!important;border-radius:16px!important;background:#f6f7f8!important;color:#333!important;display:flex!important;align-items:center!important;gap:12px!important;box-sizing:border-box!important}.experience-option.selected,.struggle-option.selected,.page5 .habit-option.selected,.meal-option.selected,.gender-option.selected,.page13 .frequency-option.selected,.record-option.selected,.nutrient-option.selected,.equipment-option.active,.schedule-option.active,.page22 .frequency-option.active,.sleep-option.active,.habits-options>.habit-option.active,.reason-option.active,.options-container>.option-card.active,.preference-card.active,.habit-card.active,.lifestyle-card.active{border:2px solid #05a800!important;background:#ebfde6!important;color:#333!important}.option-icon,.equipment-icon,.schedule-icon,.frequency-icon,.sleep-icon,.habit-icon,.reason-icon,.option-icon-img,.preference-icon,.lifestyle-icon{width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;object-fit:contain!important;padding:0!important;box-sizing:border-box!important}.selection-icon{width:24px!important;height:24px!important;min-width:24px!important;flex:0 0 24px!important;margin-left:auto!important;object-fit:contain!important;display:block!important;padding:0!important;box-sizing:border-box!important}.experience-option .option-text,.struggle-option .option-text,.page5 .habit-option .option-text,.meal-option .option-text,.gender-option .option-text,.record-option .option-text,.nutrient-option .option-text,.equipment-name,.schedule-name,.page22 .frequency-name,.sleep-name,.habit-name,.reason-name,.options-container>.option-card .option-title,.preference-title,.habit-title,.lifestyle-title{color:#333!important;font-size:16px!important;font-weight:500!important;line-height:1.25!important}.experience-option.selected .option-text,.struggle-option.selected .option-text,.page5 .habit-option.selected .option-text,.meal-option.selected .option-text,.gender-option.selected .option-text,.record-option.selected .option-text,.nutrient-option.selected .option-text,.equipment-option.active .equipment-name,.schedule-option.active .schedule-name,.page22 .frequency-option.active .frequency-name,.sleep-option.active .sleep-name,.habits-options>.habit-option.active .habit-name,.reason-option.active .reason-name,.options-container>.option-card.active .option-title,.preference-card.active .preference-title,.habit-card.active .habit-title,.lifestyle-card.active .lifestyle-title{color:#333!important;font-weight:600!important}.page13 .frequency-option .option-copy{flex:1!important;min-width:0!important;gap:0!important}.page13 .frequency-option .option-main,.page13 .frequency-option .option-description,.page13 .frequency-option .option-main strong{color:#333!important;font-size:16px!important;font-weight:500!important;line-height:1.2!important}.page13 .frequency-option.selected .option-main,.page13 .frequency-option.selected .option-description,.page13 .frequency-option.selected .option-main strong{color:#333!important;font-weight:600!important}.options-container>.option-card .option-description,.preference-description,.habit-description,.lifestyle-description{color:#333!important}.meal-option .icon-row{order:0!important;width:40px!important;height:40px!important;flex:0 0 40px!important;margin:0!important;gap:0!important;overflow:hidden!important}.meal-option .option-text{order:1!important;margin:0!important}.meal-option .checkmark{right:14px!important}html body #app .page6 .meal-option{height:88px!important;min-height:88px!important;display:block!important;position:relative!important;padding:0!important;align-items:stretch!important;gap:0!important}html body #app .page6 .meal-option .option-text{display:block!important;order:initial!important;margin:12px 56px 0 18px!important;color:#333!important;font-size:16px!important;line-height:1.3!important;font-weight:500!important}html body #app .page6 .meal-option.selected .option-text{font-weight:600!important}html body #app .page6 .meal-option .icon-row{display:flex!important;order:initial!important;align-items:center!important;width:auto!important;height:33px!important;flex:none!important;gap:2px!important;margin:12px 56px 0 14px!important;overflow:visible!important}html body #app .page6 .meal-option .option-icon{width:33px!important;height:33px!important;min-width:33px!important;flex:0 0 33px!important;object-fit:contain!important}html body #app .page6 .meal-option .option-icon:first-child{padding:4px 8px 4px 0!important}html body #app .page6 .meal-option .checkmark{width:24px!important;height:24px!important;position:absolute!important;right:22px!important;top:50%!important;transform:translateY(-50%)!important;object-fit:contain!important}html body #app .title,html body #app .offer-title,html body #app .benefits-title,html body #app .section-title,html body #app .section-subtitle,html body #app .payment-title,html body #app .page-container h1{width:calc(100vw - 50px)!important;max-width:680px!important;font-weight:600!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}html body #app .back-button .back-icon{width:22px!important;height:22px!important;opacity:.4!important;display:block!important;object-fit:contain!important}html body #app .navigation-container .back-button .back-icon{width:22px!important;height:22px!important}html body #app input:focus,html body #app textarea:focus,html body #app select:focus{box-shadow:none!important}#app{max-width:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:#f7f8fa}
