:root{--color-bg:#cde88c;--color-surface:#fff;--color-primary:#285430;--color-primary-light:#3a6b4a;--color-accent:#f9e18e;--color-mint:#d4f5cd;--color-mint-soft:#e8f5e0;--color-accent-soft:#fdf6d4;--color-text:#285430;--color-text-muted:#285430;--color-border:#d4d4d4;--color-input-placeholder:#b0b0b0;--color-sage:#b8d9a8;--color-sage-light:#d9edb8;--shadow-card:0 4px 24px #2854301a;--radius-card:30px;--radius-input:15px;--radius-pill:999px;--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--layout-max:min(94vw, 760px);--content-width:88%;--space-section:clamp(1.25rem, 3.5vh, 2.25rem);--icon-sm:1.75rem;--icon-md:2.25rem;--icon-lg:2.5rem}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-size:clamp(1.125rem,2.2vw,1.3125rem);line-height:1.55}.app-backdrop{pointer-events:none;z-index:0;background-color:var(--color-bg);position:fixed;inset:0}.layout{z-index:1;width:100%;min-height:100vh;max-width:var(--layout-max);flex-direction:column;margin:0 auto;padding:clamp(1.25rem,3vh,2rem) clamp(1rem,3vw,2rem) clamp(2rem,4vh,3rem);display:flex;position:relative;overflow:visible}.fruit-ambient{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.fruit-ambient__item{object-fit:contain;opacity:.92;height:auto;display:block;position:absolute}.fruit-ambient__item--melon{width:clamp(5rem,14vw,7rem);top:15%;left:-.5rem}.fruit-ambient__item--mint{width:clamp(5.25rem,15vw,7.25rem);bottom:8%;left:0}.fruit-ambient__item--orange{width:clamp(4.75rem,13vw,6.5rem);top:38%;left:auto;right:-.5rem}.layout__header{z-index:1;flex-shrink:0;justify-content:center;padding:.75rem 0 .5rem;display:flex;position:relative}.layout__body{z-index:2;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:visible}.layout__main{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;justify-content:center;min-height:0;padding:clamp(.5rem,2vh,1.25rem) 0;display:flex;overflow:visible auto}.layout__footer{text-align:center;flex-shrink:0;padding:1rem 0 .5rem}.logo{justify-content:center;align-items:center;display:flex}.logo__img{width:auto;height:clamp(4rem,9vw,5rem);display:block}.screen{width:var(--content-width);max-width:100%;padding:var(--space-section) 0;flex-direction:column;gap:.25rem;margin-left:auto;margin-right:auto;display:flex}.screen.welcome{width:100%}.screen.intro,.screen.question,.screen.result,.screen.transition{width:var(--content-width)}.screen__title{font-family:var(--font-serif);color:var(--color-primary);margin:0 0 1.15rem;font-size:clamp(2.5rem,6.5vw,3.5rem);font-weight:600;line-height:1.15}.screen__subtitle,.screen__description,.screen__meta{color:var(--color-text);margin:0 0 1.25rem;font-size:clamp(1.15rem,2.8vw,1.4rem)}.screen__subtitle{opacity:.92;font-weight:500}.welcome{text-align:center;padding-top:.5rem;overflow:visible}.welcome__intro{width:var(--content-width);max-width:100%;margin:0 auto 2rem}.welcome__intro .screen__title{margin-bottom:.85rem;font-size:clamp(2.65rem,7.5vw,3.75rem);line-height:1.12}.welcome__intro .screen__subtitle{margin-bottom:0;font-size:clamp(1.2rem,3.5vw,1.5rem)}.welcome__card-wrap{justify-content:center;width:100%;display:flex}.welcome__card-inner{text-align:left;isolation:isolate;width:80%;max-width:100%;position:relative}.welcome__card-inner--landing{justify-content:center;display:flex}.welcome__card-inner--landing .btn--primary{border-radius:var(--radius-input);width:100%}.welcome__decor{z-index:0;pointer-events:none;width:5.75rem;margin-right:-1.25rem;position:absolute;top:0;bottom:0;right:92%}.welcome__fruit{object-fit:contain;height:auto;display:block;position:absolute;right:0}.welcome__fruit--melon{width:6.25rem;top:2%}.welcome__fruit--orange{width:5.5rem;top:36%}.welcome__fruit--mint{width:6.75rem;bottom:4%}.welcome__card{z-index:1;background:var(--color-surface);border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow-card);margin:0 auto;padding:clamp(2rem,4vh,2.5rem) clamp(1.5rem,4vw,2rem);position:relative}.welcome .form{gap:clamp(1.25rem,3vh,1.65rem);margin-top:0}.welcome .form__field{gap:.6rem;font-size:clamp(1.05rem,2.5vw,1.2rem)}.welcome .form__field input{padding:clamp(1.1rem,2.5vh,1.35rem) clamp(1.15rem,3vw,1.4rem);font-size:clamp(1.1rem,2.5vw,1.25rem)}.welcome .btn--primary{border-radius:var(--radius-input);min-height:clamp(3.85rem,8vh,4.5rem);margin-top:.5rem;padding:1.25rem 1.5rem 1.25rem 1.75rem;font-size:clamp(1.15rem,2.8vw,1.35rem)}.welcome__lgpd{color:var(--color-text-muted);text-transform:none;margin:.5rem 0 0;font-size:clamp(.85rem,2vw,.98rem);line-height:1.45}.welcome__back-start{align-self:center;margin-top:.25rem}.screen__meta{font-size:clamp(1.05rem,2.5vw,1.2rem)}.intro .screen__nav,.question .screen__nav,.result .screen__nav{margin-top:clamp(2rem,5vh,3rem)}.screen__actions{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.screen__nav{align-items:center;gap:clamp(1rem,3vw,1.35rem);margin-top:clamp(2rem,5vh,3rem);display:flex}.form{flex-direction:column;gap:1rem;margin-top:1.25rem;display:flex}.form__field{color:var(--color-text-muted);text-transform:lowercase;flex-direction:column;gap:.55rem;font-size:clamp(1rem,2.5vw,1.15rem);font-weight:600;display:flex}.form__field input{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text);padding:clamp(1rem,2.5vh,1.25rem) clamp(1.05rem,3vw,1.3rem);font-family:inherit;font-size:clamp(1.05rem,2.5vw,1.2rem);transition:border-color .2s,box-shadow .2s}.form__field input::placeholder{color:var(--color-input-placeholder);font-weight:400}.form__field input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2854301f}.btn{border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.75rem;min-height:clamp(3.75rem,8vh,4.5rem);padding:clamp(1.1rem,2.5vh,1.35rem) clamp(1.5rem,4vw,2rem);font-family:inherit;font-size:clamp(1.125rem,2.8vw,1.3rem);font-weight:600;text-decoration:none;transition:background .2s,opacity .2s,transform .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn--primary{background:var(--color-primary);color:#fff;justify-content:space-between;width:100%;padding:1.15rem 1.5rem 1.15rem 1.75rem}.btn--primary svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.btn--primary:not(:disabled):hover{background:var(--color-primary-light);box-shadow:0 4px 20px #28543033}.btn--primary:not(:disabled):active{box-shadow:0 2px 10px #28543024}.btn--secondary{background:var(--color-primary);color:#fff;width:100%}.btn--ghost{color:var(--color-primary);text-underline-offset:3px;background:0 0;width:auto;min-height:auto;padding:.75rem;font-size:clamp(1.05rem,2.5vw,1.2rem);font-weight:500;text-decoration:underline}.btn--ghost:hover{opacity:.75;transform:none}.btn--back-circle{background:var(--color-surface);border:1px solid var(--color-border);width:clamp(3.75rem,9vw,4.5rem);height:clamp(3.75rem,9vw,4.5rem);min-height:clamp(3.75rem,9vw,4.5rem);color:var(--color-primary);border-radius:50%;flex-shrink:0;padding:0}.btn--back-circle svg{width:var(--icon-md);height:var(--icon-md)}.btn--back-circle:hover{border-color:var(--color-primary-light);background:var(--color-mint-soft)}.btn--next{flex:1}.progress{text-align:center;margin-bottom:clamp(1.75rem,4vh,2.5rem)}.progress__label{color:var(--color-text-muted);text-transform:lowercase;letter-spacing:.02em;margin-bottom:.85rem;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:500;display:block}.progress__track{background:var(--color-sage-light);border-radius:var(--radius-pill);height:clamp(8px,1.2vh,11px);overflow:hidden}.progress__fill{background:var(--color-primary);border-radius:var(--radius-pill);height:100%;transition:width .35s}.question__text{font-family:var(--font-serif);color:var(--color-primary);margin:0 0 clamp(1.5rem,4vh,2.25rem);font-size:clamp(2.25rem,6vw,3.25rem);font-weight:600;line-height:1.2}.options{flex-direction:column;align-items:center;gap:clamp(.9rem,2.5vh,1.2rem);margin:0;padding:0;list-style:none;display:flex}.options li{width:min(100%,46rem)}.option{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);width:100%;min-height:clamp(4.25rem,10vh,5.25rem);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-card);align-items:center;gap:clamp(1rem,3vw,1.35rem);padding:clamp(1.25rem,3vh,1.5rem) clamp(1.25rem,3.5vw,1.65rem);font-family:inherit;font-size:clamp(1.125rem,2.8vw,1.3rem);font-weight:500;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.option__icon{width:var(--icon-md);height:var(--icon-md);color:var(--color-primary);opacity:.85;flex-shrink:0}.option__label{flex:1;line-height:1.35}.option:hover{border-color:var(--color-primary-light)}.option--selected{border-color:var(--color-primary);background:var(--color-mint-soft);box-shadow:0 0 0 1px var(--color-primary)}.transition{text-align:center;padding:clamp(2rem,6vh,4rem) 0}.transition__spinner{border:3px solid var(--color-sage-light);border-top-color:var(--color-primary);border-radius:50%;width:clamp(4rem,10vw,5rem);height:clamp(4rem,10vw,5rem);margin:0 auto clamp(2rem,5vh,3rem);animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.transition__title{font-family:var(--font-serif);color:var(--color-primary);margin:0 0 1.15rem;font-size:clamp(2.25rem,6vw,3.25rem);font-weight:600}.transition__text{color:var(--color-text-muted);margin:0;max-width:min(100%,28rem);margin-inline:auto;font-size:clamp(1.1rem,2.8vw,1.35rem)}.result{text-align:center}.result__greeting{color:var(--color-text-muted);margin:0 0 .5rem;font-size:clamp(1.15rem,2.8vw,1.35rem)}.result__label{color:var(--color-text-muted);text-transform:lowercase;margin:0 0 .65rem;font-size:clamp(1.05rem,2.5vw,1.2rem);font-weight:500}.result__profile-title{font-family:var(--font-serif);color:var(--color-primary);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0 0 clamp(1.15rem,3vh,1.75rem);font-size:clamp(2.35rem,6.5vw,3.35rem);font-weight:600;line-height:1.25;display:flex}.result__badge{width:var(--icon-lg);height:var(--icon-lg);color:#c9a83a;display:inline-flex}.intestine-art{max-width:min(90%,22rem);margin:0 auto clamp(1.25rem,3vh,2rem)}.intestine-art svg{width:100%;height:auto}.result__traits{text-align:left;color:var(--color-text-muted);margin:0 0 clamp(1.25rem,3vh,2rem);padding:0;font-size:clamp(1.1rem,2.8vw,1.3rem);list-style:none}.result__traits li{border-bottom:1px solid var(--color-sage-light);align-items:flex-start;gap:.5rem;padding:clamp(.65rem,2vh,.9rem) 0;display:flex}.result__traits li:before{content:"•";color:var(--color-primary-light);font-weight:700}.result__reading{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);text-align:left;box-shadow:var(--shadow-card);margin:0 0 clamp(1.25rem,3vh,2rem);padding:clamp(1.35rem,3vh,1.75rem) clamp(1.35rem,3.5vw,1.75rem);font-size:clamp(1.1rem,2.8vw,1.3rem);line-height:1.55}.result__highlight{border-radius:var(--radius-card);background:var(--color-primary);color:#fff;text-align:center;box-shadow:var(--shadow-card);margin:0 0 clamp(1.25rem,3vh,2rem);padding:clamp(1rem,2.6vh,1.35rem) clamp(1.1rem,3vw,1.5rem);font-size:clamp(1.05rem,2.7vw,1.25rem);font-weight:700;line-height:1.4}.result__bonus{margin:0 0 1.5rem;font-size:1.15rem}.result__email-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);text-align:left;box-shadow:var(--shadow-card);margin-bottom:1.5rem;padding:1.25rem 1.35rem;font-size:1.05rem}.result__email-subject{color:var(--color-primary);margin:0 0 .5rem;font-weight:600}.result__email-text{color:var(--color-text-muted);margin:0}.result .btn--primary{margin-bottom:.75rem}.result--fit{gap:0;padding:clamp(.2rem,1.2vh,.6rem) 0}.result--fit .result__greeting{margin-bottom:.25rem}.result--fit .result__label{margin-bottom:.35rem}.result--fit .result__profile-title{margin-bottom:clamp(.45rem,1.4vh,.8rem);font-size:clamp(2rem,4.8vw,2.7rem)}.result--fit .intestine-art{max-width:min(86%,14rem);margin-bottom:clamp(.55rem,1.6vh,.95rem)}.result--fit .result__traits{margin-bottom:clamp(.5rem,1.6vh,.9rem);font-size:clamp(1rem,2.3vw,1.12rem)}.result--fit .result__traits li{padding:clamp(.35rem,1vh,.5rem) 0}.result--fit .result__reading,.result--fit .result__highlight{margin-bottom:clamp(.5rem,1.5vh,.9rem);padding:clamp(.65rem,1.8vh,1rem) clamp(.9rem,2.6vw,1.2rem);font-size:clamp(.95rem,2.1vw,1.05rem)}.result--fit .disclaimer--result{margin-bottom:clamp(.45rem,1.2vh,.75rem);padding:clamp(.5rem,1.4vh,.75rem) clamp(.75rem,2.2vw,1rem);font-size:clamp(.78rem,1.7vw,.88rem)}.result--fit .disclaimer--result strong{margin-bottom:.2rem;font-size:clamp(.78rem,1.7vw,.88rem)}.result--fit .btn--ghost{margin-top:.15rem;font-size:clamp(.95rem,2.2vw,1.05rem)}.disclaimer{color:var(--color-text-muted);margin:0;font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.5}.disclaimer--result{background:var(--color-accent-soft);border-radius:var(--radius-input);text-align:left;color:var(--color-text);border:none;margin-bottom:clamp(1rem,2.5vh,1.5rem);padding:clamp(.65rem,1.6vh,.9rem) clamp(.85rem,2.4vw,1.1rem);font-size:clamp(.82rem,1.9vw,.92rem);line-height:1.4}.disclaimer--result strong{color:var(--color-primary);text-transform:lowercase;margin-bottom:.25rem;font-size:clamp(.82rem,1.9vw,.92rem);display:block}@media (width>=768px){:root{--content-width:94%;--layout-max:min(96vw, 1080px)}.welcome__decor{width:7rem}.welcome__fruit--melon{width:7.5rem}.welcome__fruit--orange{width:6.5rem}.welcome__fruit--mint{width:7.75rem}}@media (width>=980px){:root{--layout-max:min(96vw, 1240px);--content-width:96%}.layout{padding-top:1rem;padding-bottom:1.5rem}.screen{padding:.75rem 0}.screen.intro,.screen.transition,.screen.result{max-width:1100px}.screen.question{grid-template:"progress progress""title options"minmax(28rem,auto)"nav nav"/minmax(360px,1fr) minmax(380px,1.1fr);align-items:start;gap:.75rem clamp(1.5rem,3vw,2.5rem);max-width:1120px;display:grid}.question .progress{grid-area:progress;margin-bottom:1rem}.question .question__text{grid-area:title;align-self:center;max-width:26ch;margin:0}.question .options{grid-area:options;justify-content:flex-start;align-self:center;width:min(100%,46rem);margin-top:0;margin-left:auto;margin-right:auto}.question .screen__nav{grid-area:nav;margin-top:.5rem}.result{max-width:1080px}.result__traits,.result__reading,.result__highlight,.disclaimer--result{max-width:860px;margin-left:auto;margin-right:auto}.result--fit{max-width:980px}}@media (width<=380px){:root{--content-width:92%}.layout{padding:1rem .85rem 1.75rem}.welcome__decor{width:4.75rem;margin-right:-1rem}.welcome__fruit--melon{width:5.25rem}.welcome__fruit--orange{width:4.75rem}.welcome__fruit--mint{width:5.75rem}}