@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap);:root{--cream:#faf8f4;--off-white:#f3f1ea;--sand:#ede7de;--warm-mid:#c9bfae;--sage:#7faf9b;--sage-dark:#426b5a;--sage-light:#a8c9bc;--peach:#e8a58c;--success:#6fa77a;--warning:#d9a441;--error:#d87878;--ink:#26332e;--ink-mid:#3d4a44;--ink-light:#718078;--white:#fff;--terracotta:#e8a58c;--brick:#c97456;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:36px;--shadow-sm:0 2px 8px #26332e0f;--shadow-md:0 6px 24px #26332e14;--shadow-lg:0 16px 48px #26332e1f;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--transition:0.25s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#faf8f4;background:var(--cream);color:#26332e;color:var(--ink);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);line-height:1.6;min-height:100vh}h1,h2,h3{font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);line-height:1.2}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);outline:none}img{display:block;max-width:100%}.btn-primary{background:#426b5a;background:var(--sage-dark);border-radius:50px;box-shadow:0 4px 16px #426b5a47;color:#fff;color:var(--white);font-size:.95rem;font-weight:600;letter-spacing:.02em;padding:14px 32px;transition:background .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.btn-primary:hover{background:#345548;box-shadow:0 8px 24px #426b5a5c;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#ede7de;background:var(--sand);box-shadow:none;color:#718078;color:var(--ink-light);transform:none}.btn-secondary{background:#0000;border:1.5px solid #ede7de;border:1.5px solid var(--sand);border-radius:50px;color:#3d4a44;color:var(--ink-mid);font-size:.95rem;font-weight:500;padding:13px 32px;transition:border-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),background var(--transition),transform var(--transition)}.btn-secondary:hover{background:#f3f1ea;background:var(--off-white);border-color:#a8c9bc;border-color:var(--sage-light);transform:translateY(-1px)}.btn-ghost{background:#0000;border-radius:8px;border-radius:var(--radius-sm);color:#718078;color:var(--ink-light);font-size:.9rem;font-weight:500;padding:10px 20px;transition:color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1);transition:color var(--transition),background var(--transition)}.btn-ghost:hover{background:#f3f1ea;background:var(--off-white);color:#26332e;color:var(--ink)}.card{background:#fff;background:var(--white);border:1px solid #ede7de;border:1px solid var(--sand);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #26332e0f;box-shadow:var(--shadow-sm)}.page-container{margin:0 auto;max-width:1100px;padding:0 24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-up{animation:fadeUp .6s ease forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f3f1ea;background:var(--off-white)}::-webkit-scrollbar-thumb{background:#ede7de;background:var(--sand);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8c9bc;background:var(--sage-light)}@media (max-width:720px){body{padding-bottom:76px}}body{padding-top:90px}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.section-tag{color:var(--terracotta);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase}.section-header{margin-bottom:56px;text-align:center}.section-header h2{color:var(--ink);font-size:clamp(1.8rem,4vw,2.6rem)}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:100px 0 60px;position:relative}.hero__bg{inset:0;pointer-events:none;position:absolute}.hero__blob{border-radius:50%;filter:blur(80px);opacity:.5;position:absolute}.hero__blob--1{background:radial-gradient(circle,#e8c5a8 0,#0000 70%);height:500px;right:-100px;top:-100px;width:500px}.hero__blob--2{background:radial-gradient(circle,#b5cdb7 0,#0000 70%);bottom:-80px;height:400px;left:-60px;width:400px}.hero__dots{background-image:radial-gradient(circle,#c4704f14 1px,#0000 0);background-size:32px 32px;inset:0;position:absolute}.hero__content{animation:fadeUp .8s ease forwards;display:flex;flex-direction:column;gap:24px;max-width:580px;position:relative;z-index:2}.hero__badge{background:#c4704f1f;border:1px solid #c4704f40;border-radius:50px;color:var(--terracotta);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.06em;padding:6px 16px;width:-webkit-fit-content;width:fit-content}.hero__title{color:var(--ink);font-size:clamp(2.8rem,7vw,4.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.hero__title em{color:var(--terracotta);font-style:italic}.hero__sub{color:var(--ink-light);font-size:1.1rem;line-height:1.7;max-width:460px}.hero__actions{display:flex;flex-wrap:wrap;gap:16px}.hero__cta{font-size:1rem;padding:16px 36px}.hero__trust{display:flex;flex-wrap:wrap;gap:20px}.hero__trust span{align-items:center;color:var(--ink-light);display:flex;font-size:.82rem;gap:4px}.hero__visual{animation:fadeUp 1s ease .3s both;position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:1}.hero__phone{background:var(--white);border:1.5px solid #c4a8824d;border-radius:32px;box-shadow:var(--shadow-lg),0 0 0 8px #c4a88233;height:460px;overflow:hidden;width:240px}.hero__phone-screen{display:flex;flex-direction:column;gap:20px;height:100%;padding:24px 16px}.hero__phone-top{padding:16px 0}.hero__face-scan,.hero__phone-top{display:flex;justify-content:center}.hero__face-scan{align-items:center;height:120px;position:relative;width:120px}.scan-ring{border:1.5px solid;border-radius:50%;position:absolute}.scan-ring--1{animation:spin 6s linear infinite;border-color:#c4704f66;height:120px;width:120px}.scan-ring--2{animation:spin 4s linear infinite reverse;border-color:#c4704f40;height:90px;width:90px}.scan-ring--3{animation:spin 8s linear infinite;border-color:#c4704f80;border-style:dashed;height:60px;width:60px}.face-icon{animation:pulse 2s ease infinite;color:var(--terracotta);font-size:2rem}.hero__phone-results{display:flex;flex-direction:column;gap:10px}.mini-score{align-items:center;animation:fadeUp .5s ease both;display:flex;gap:8px}.mini-score__label{color:var(--ink-mid);flex-shrink:0;font-size:.72rem;font-weight:600;width:54px}.mini-score__bar{background:var(--off-white);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.mini-score__fill{background:linear-gradient(90deg,var(--warm-mid),var(--terracotta));border-radius:3px;height:100%;transition:width 1.5s ease}.mini-score__val{color:var(--terracotta);font-size:.72rem;font-weight:700;text-align:right;width:20px}.problem{background:var(--off-white);padding:100px 0}.problem__inner{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr}.problem__text{display:flex;flex-direction:column;gap:16px}.problem__text h2{font-size:clamp(1.8rem,3.5vw,2.4rem)}.problem__text p{color:var(--ink-light);line-height:1.7}.problem__stats{gap:16px}.problem__stats,.stat-card{display:flex;flex-direction:column}.stat-card{gap:6px;padding:24px 28px}.stat-card strong{color:var(--terracotta);font-family:var(--font-display);font-size:2rem;font-weight:700}.stat-card p{color:var(--ink-light);font-size:.9rem}.how-it-works{padding:100px 0}.steps{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);position:relative}.step-card{background:var(--white);border:1px solid #c4a88233;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px 24px;position:relative;transition:transform var(--transition),box-shadow var(--transition)}.step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.step-card__num{color:#c4704f33;display:block;font-family:var(--font-display);font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:16px}.step-card h3{font-size:1.15rem;margin-bottom:8px}.step-card p{color:var(--ink-light);font-size:.88rem;line-height:1.6}.step-card__arrow{color:var(--warm-mid);font-size:1.4rem;position:absolute;right:-18px;top:50%;transform:translateY(-50%);z-index:1}.concerns{background:var(--off-white);padding:100px 0}.concerns__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.concern-card{display:flex;flex-direction:column;gap:10px;padding:28px;transition:transform var(--transition),box-shadow var(--transition)}.concern-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.concern-card__icon{color:var(--terracotta);font-size:1.8rem}.concern-card h3{font-size:1.05rem}.concern-card p{color:var(--ink-light);font-size:.86rem;line-height:1.6}.cta-banner{padding:80px 0}.cta-banner__inner{align-items:center;background:linear-gradient(135deg,var(--ink) 0,#2d2520 100%);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:64px 48px;position:relative;text-align:center}.cta-banner__inner:before{background:radial-gradient(circle,#c4704f33 0,#0000 70%);content:"";height:400px;pointer-events:none;position:absolute;right:-100px;top:-100px;width:400px}.cta-banner__inner h2{color:var(--white);font-size:clamp(1.8rem,4vw,2.4rem)}.cta-banner__inner p{color:#faf7f2a6;font-size:1rem}.footer{border-top:1px solid var(--sand);padding:40px 0}.footer__inner{flex-wrap:wrap;gap:24px;justify-content:space-between}.footer__brand,.footer__inner{align-items:center;display:flex}.footer__brand{font-size:1.1rem;gap:8px}.footer__note{color:var(--ink-light);font-size:.8rem;line-height:1.5;max-width:460px}@media (max-width:1000px){.hero__visual{display:none}.steps{grid-template-columns:repeat(2,1fr)}.step-card__arrow{display:none}}@media (max-width:768px){.problem__inner{gap:40px;grid-template-columns:1fr}.concerns__grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.cta-banner__inner{padding:40px 24px}}@media (max-width:480px){.concerns__grid{grid-template-columns:1fr}}.scan-page{min-height:100vh;padding:100px 0 80px}.scan-steps{gap:0;justify-content:center;margin-bottom:48px}.scan-step,.scan-steps{align-items:center;display:flex}.scan-step{color:var(--ink-light);font-size:.85rem;font-weight:500;gap:8px;transition:color var(--transition)}.scan-step.active{color:var(--ink)}.scan-step__dot{align-items:center;background:var(--sand);border-radius:50%;display:flex;font-size:.78rem;font-weight:700;height:28px;justify-content:center;transition:background var(--transition),color var(--transition);width:28px}.scan-step.active .scan-step__dot{background:var(--terracotta);color:var(--white)}.scan-step__line{background:var(--sand);height:1.5px;margin:0 8px;width:60px}.scan-panel{background:var(--white);border:1px solid #c4a88226;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:0 auto;max-width:680px;padding:48px}.scan-panel__header{margin-bottom:32px;text-align:center}.scan-panel__header h2{font-size:1.9rem;margin-bottom:8px}.scan-panel__header p{color:var(--ink-light);font-size:.95rem}.tips-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.tips-bar span{background:#7a9e7e1f;border:1px solid #7a9e7e33;border-radius:var(--radius-sm);color:var(--sage);font-size:.78rem;font-weight:500;padding:6px 12px}.upload-zone{border-radius:var(--radius-lg);padding:64px 32px;text-align:center;transition:border-color var(--transition),background var(--transition)}.upload-zone:hover{background:var(--off-white);border-color:var(--warm-mid)}.upload-zone__icon{color:var(--warm-mid);display:block;font-size:3rem;margin-bottom:16px}.upload-zone__main{color:var(--ink-mid);font-weight:600;margin-bottom:6px}.upload-zone__sub{color:var(--ink-light);font-size:.85rem}.camera-view{background:var(--ink);overflow:hidden;position:relative}.camera-video,.camera-view{border-radius:var(--radius-lg)}.camera-video{display:block;width:100%}.camera-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.camera-face-guide{border:2.5px solid #faf7f2b3;border-radius:50%;box-shadow:0 0 0 2000px #00000059;height:240px;width:200px}.camera-controls{background:#1e1a16d9;display:flex;gap:12px;justify-content:center;padding:16px}.preview-zone{margin-bottom:8px;position:relative;text-align:center}.preview-img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-height:320px;object-fit:cover}.preview-clear{background:#1e1a16bf;border:none;border-radius:50px;color:var(--white);cursor:pointer;font-size:.8rem;padding:6px 14px;position:absolute;right:10px;top:10px;transition:background var(--transition)}.preview-clear:hover{background:var(--ink)}.scan-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}.questions{display:flex;flex-direction:column;gap:28px}.question-block{animation:fadeUp .5s ease both}.question-label{align-items:center;color:var(--ink);display:flex;font-size:.95rem;font-weight:600;gap:10px;margin-bottom:12px}.question-num{align-items:center;background:var(--terracotta);border-radius:50%;color:var(--white);display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:22px;justify-content:center;width:22px}.question-options{display:flex;flex-wrap:wrap;gap:8px}.option-btn{background:#0000;border:1.5px solid var(--sand);border-radius:50px;color:var(--ink-mid);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 18px;text-transform:capitalize;transition:all var(--transition)}.option-btn:hover{background:var(--off-white);border-color:var(--warm-mid)}.option-btn.selected{background:var(--terracotta);border-color:var(--terracotta);color:var(--white)}.btn-primary:disabled{cursor:not-allowed;opacity:.4;transform:none!important}.analyzing-panel{align-items:center;display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:520px;padding:60px 0;text-align:center}.analyzing-panel h2{font-size:1.8rem}.analyzing-visual{align-items:center;display:flex;height:160px;justify-content:center;position:relative;width:160px}.analyzing-ring{border:2px solid;border-radius:50%;position:absolute}.analyzing-ring--outer{animation:spin 5s linear infinite;border-color:#c4704f4d;height:160px;width:160px}.analyzing-ring--mid{animation:spin 3.5s linear infinite reverse;border-color:#c4704f80;height:120px;width:120px}.analyzing-ring--inner{animation:spin 7s linear infinite;border-color:var(--terracotta);border-style:dashed;height:80px;width:80px}.analyzing-icon{animation:pulse 1.5s ease infinite;color:var(--terracotta);font-size:2.2rem}.analyzing-steps{display:flex;flex-direction:column;gap:12px;max-width:320px;width:100%}.analysis-step-item{align-items:center;background:#0000;border-radius:var(--radius-sm);color:var(--ink-light);display:flex;font-size:.9rem;gap:12px;padding:10px 16px;transition:color var(--transition);transition:all var(--transition)}.analysis-step-item.active{background:#c4704f14;color:var(--ink)}.analysis-step-item.done{color:var(--sage)}.analysis-step-item__dot{flex-shrink:0;font-size:1.1rem;text-align:center;width:20px}.analysis-step-item.active .analysis-step-item__dot{animation:pulse 1s ease infinite;color:var(--terracotta)}.analysis-step-item.done .analysis-step-item__dot{color:var(--sage)}@media (max-width:600px){.scan-panel{padding:28px 20px}.upload-zone{padding:40px 16px}}.climate-widget{margin-bottom:1.25rem;padding:1rem 1.25rem}.climate-widget--loading,.climate-widget--muted{color:#888;font-size:.9rem;text-align:center}.climate-widget__header{align-items:baseline;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:space-between;margin-bottom:.5rem}.climate-widget__city{font-size:.95rem;font-weight:700}.climate-widget__meta{color:#888;font-size:.8rem}.climate-widget__tips{display:flex;flex-direction:column;gap:.4rem}.climate-widget__tip{align-items:flex-start;color:#555;display:flex;font-size:.85rem;gap:.5rem}.results-page{min-height:100vh;padding:100px 0 80px}.results-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding-top:100px;text-align:center}.results-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:32px}.results-header,.results-header__left{align-items:center;display:flex;gap:20px}.results-thumbnail{border:2px solid var(--sand);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:72px;object-fit:cover;width:72px}.results-header__tag{color:var(--terracotta);font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.results-header__title{font-size:2rem;line-height:1.1}.results-header__date{color:var(--ink-light);font-size:.85rem;margin-top:4px}.section-title{color:var(--ink);font-family:var(--font-display);font-size:1.3rem;margin-bottom:20px}.summary-card{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px;padding:28px 32px}.summary-card__icon{color:var(--terracotta);flex-shrink:0;font-size:2rem;margin-top:2px}.summary-card>div:nth-child(2){flex:1 1}.summary-card h3{font-size:1rem;font-weight:600;margin-bottom:8px}.summary-card p{color:var(--ink-light);font-size:.95rem;line-height:1.7}.summary-card__highlight{background:#c4704f14;border:1px solid #c4704f33;border-radius:var(--radius-md);display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:12px 20px}.summary-card__highlight-label{color:var(--ink-light);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.summary-card__highlight-val{color:var(--terracotta);font-size:1rem;font-weight:700}.results-grid{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:1fr 320px;margin-bottom:40px}.concern-list{display:flex;flex-direction:column;gap:12px}.concern-row{align-items:center;display:flex;gap:14px;padding:18px 20px;transition:transform var(--transition),box-shadow var(--transition)}.concern-row:hover{box-shadow:var(--shadow-md);transform:translateX(3px)}.concern-row__icon{flex-shrink:0;font-size:1.4rem}.concern-row__info{display:flex;flex:1 1;flex-direction:column;gap:6px}.concern-row__top{align-items:center;display:flex;gap:10px;justify-content:space-between}.concern-row__name{font-size:.92rem;font-weight:600}.score-bar-track{background:var(--off-white);border-radius:3px;height:6px;overflow:hidden}.score-bar-fill{border-radius:3px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.severity-badge{border:1px solid;border-radius:50px;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:3px 10px;text-transform:capitalize}.concern-row__score{flex-shrink:0;font-family:var(--font-display);font-size:1.4rem;font-weight:700;text-align:right;width:40px}.face-map-section .face-map{background:var(--white);border:1px solid #c4a88226;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.face-map__silhouette{margin:0 auto;max-width:240px;position:relative;width:100%}.face-svg{display:block;width:100%}.face-zone{border-radius:var(--radius-md);cursor:pointer;position:absolute;transition:background var(--transition)}.face-zone.active,.face-zone:hover{background:#c4704f26;outline:2px solid #c4704f66}.face-zone__tooltip{background:var(--ink);border-radius:var(--radius-sm);bottom:calc(100% + 8px);box-shadow:var(--shadow-md);color:var(--white);display:flex;flex-direction:column;font-size:.75rem;gap:4px;left:50%;min-width:140px;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10}.face-zone__tooltip strong{border-bottom:1px solid #ffffff26;font-size:.8rem;margin-bottom:2px;padding-bottom:4px}.face-map__legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.face-legend-item{align-items:center;border-radius:50px;color:var(--ink-light);cursor:pointer;display:flex;font-size:.78rem;gap:6px;padding:4px 10px;transition:all var(--transition)}.face-legend-item.active,.face-legend-item:hover{background:#c4704f1a;color:var(--terracotta)}.face-legend-item__dot{background:var(--warm-mid);border-radius:50%;flex-shrink:0;height:8px;width:8px}.recs-section{margin-bottom:40px}.routine-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:28px}.routine-card{padding:24px;transition:transform var(--transition),box-shadow var(--transition)}.routine-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.routine-card__label{color:var(--terracotta);font-size:.72rem;font-weight:700;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.routine-card p{color:var(--ink-mid);font-size:.88rem;line-height:1.6}.guidance-section{margin-bottom:24px}.guidance-section h3{font-size:1rem;font-weight:700;margin-bottom:14px}.guidance-list{display:flex;flex-direction:column;gap:10px;list-style:none}.guidance-item{color:var(--ink-mid);display:flex;font-size:.9rem;gap:10px;line-height:1.6}.guidance-item__dot{color:var(--warm-mid);flex-shrink:0;font-weight:700;margin-top:1px}.escalation-card{align-items:flex-start;background:#c04a3a0f;border:1.5px solid #c04a3a33;border-radius:var(--radius-lg);display:flex;gap:16px;padding:24px 28px}.escalation-card__icon{flex-shrink:0;font-size:1.8rem}.escalation-card strong{color:#c04a3a;display:block;font-weight:700;margin-bottom:8px}.escalation-card p{color:var(--ink-mid);font-size:.88rem;line-height:1.6}.results-footer{align-items:flex-start;border-top:1px solid var(--sand);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding-top:32px}.disclaimer{color:var(--ink-light);font-size:.8rem;line-height:1.6;max-width:580px}.results-actions{display:flex;gap:12px}@media (max-width:900px){.results-grid{grid-template-columns:1fr}}@media (max-width:600px){.routine-grid{grid-template-columns:1fr}.summary-card{flex-direction:column}.results-header__left{align-items:flex-start;flex-direction:column}}.history-page{min-height:100vh;padding:100px 0 80px}.history-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:40px}.history-header h1{font-size:2.2rem}.history-header p{color:var(--ink-light);font-size:.9rem;margin-top:4px}.history-loading{align-items:center;color:var(--ink-light);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:50vh}.history-spinner{animation:spin .8s linear infinite;border:3px solid var(--sand);border-radius:50%;border-top-color:var(--terracotta);height:40px;width:40px}.history-empty{align-items:center;display:flex;flex-direction:column;gap:12px;padding:80px 20px;text-align:center}.history-empty__icon{color:var(--sand);display:block;font-size:3.5rem;margin-bottom:8px}.history-empty h2{font-size:1.6rem}.history-empty p{color:var(--ink-light);max-width:380px}.comparison-panel{margin-bottom:32px;padding:28px 32px}.comparison-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.comparison-header h3{font-size:1.1rem}.comparison-dates{align-items:center;color:var(--ink-light);display:flex;font-size:.85rem;gap:12px;margin-bottom:20px}.vs{background:var(--off-white);border-radius:50px;color:var(--warm-mid);font-size:.75rem;font-weight:700;padding:2px 10px}.comparison-rows{display:flex;flex-direction:column;gap:8px}.comparison-row{grid-gap:12px;align-items:center;border-radius:var(--radius-sm);display:grid;font-size:.88rem;gap:12px;grid-template-columns:130px 40px 1fr 40px;padding:8px 12px}.comparison-row:hover{background:var(--off-white)}.comparison-row__name{font-weight:600}.comparison-row__score{color:var(--ink-mid);font-weight:700;text-align:center}.comparison-row__trend{font-size:.82rem;font-weight:600;text-align:center}.comparison-hint{background:#c4a8821f;border:1px dashed var(--warm-mid);border-radius:var(--radius-md);color:var(--ink-light);font-size:.88rem;margin-bottom:24px;padding:14px 20px;text-align:center}.scan-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.scan-card{animation:fadeUp .5s ease both;cursor:pointer;outline:2px solid #0000;padding:20px;transition:transform var(--transition),box-shadow var(--transition),outline var(--transition)}.scan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.scan-card.selected{background:#c4704f08;outline:2px solid var(--terracotta)}.scan-card__top{align-items:flex-start;display:flex;gap:14px;margin-bottom:16px;position:relative}.scan-card__thumb{border:1.5px solid var(--sand);border-radius:var(--radius-md);flex-shrink:0;height:60px;object-fit:cover;width:60px}.scan-card__thumb--placeholder{align-items:center;background:var(--off-white);color:var(--warm-mid);display:flex;font-size:1.5rem;justify-content:center}.scan-card__meta{display:flex;flex:1 1;flex-direction:column;gap:3px}.scan-card__date{color:var(--ink);font-size:.9rem;font-weight:700}.scan-card__time{color:var(--ink-light);font-size:.8rem}.scan-card__top-concern{font-size:.78rem;font-weight:600;margin-top:2px}.scan-card__delete{align-items:center;background:#1e1a161a;border:none;border-radius:50%;color:var(--ink-light);cursor:pointer;display:flex;font-size:.7rem;height:24px;justify-content:center;opacity:0;position:absolute;right:-4px;top:-4px;transition:background var(--transition),color var(--transition);width:24px}.scan-card:hover .scan-card__delete{opacity:1}.scan-card__delete:hover{background:#c04a3a;color:var(--white)}.scan-card__bars{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.mini-bar-row{align-items:center;display:flex;gap:8px}.mini-bar-label{flex-shrink:0;font-size:.85rem;width:18px}.mini-bar-track{background:var(--off-white);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.mini-bar-fill{border-radius:2px;height:100%;opacity:.85;transition:width 1s ease}.mini-bar-val{color:var(--ink-light);flex-shrink:0;font-size:.72rem;font-weight:700;text-align:right;width:22px}.scan-card__summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;border-top:1px solid var(--off-white);color:var(--ink-light);display:-webkit-box;font-size:.8rem;line-height:1.5;overflow:hidden;padding-top:12px}.scan-card__selected-badge{color:var(--terracotta);font-size:.75rem;font-weight:600;margin-top:10px;text-align:center}@media (max-width:600px){.comparison-row{font-size:.8rem;grid-template-columns:110px 32px 1fr 32px}.scan-grid{grid-template-columns:1fr}}.scan-card__health{color:var(--ink-light);font-size:.78rem;margin-top:1px}.scan-card__health strong{color:var(--terracotta);font-weight:700}.scan-card__skin-type{border-top:1px solid var(--off-white);color:var(--ink-light);font-size:.75rem;margin-top:4px;padding-top:8px;text-transform:capitalize}.history-error{background:#c04a3a14;border:1px solid #c04a3a4d;border-radius:var(--radius-md);color:#c04a3a;font-size:.88rem;margin-bottom:24px;padding:14px 20px;text-align:center}.auth-page{align-items:center;background:#faf7f4;background:var(--color-bg,#faf7f4);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.auth-card{background:#fff;border-radius:20px;box-shadow:0 4px 32px #0000000f;max-width:420px;padding:2.5rem 2rem;width:100%}.auth-logo{align-items:center;display:flex;gap:8px;margin-bottom:1.5rem}.auth-logo__icon{color:#c4704f;font-size:22px}.auth-logo__name{color:#2c2c2c;font-size:18px;font-weight:600;letter-spacing:-.3px}.auth-title{color:#1a1a1a;font-size:22px;font-weight:700;margin-bottom:6px}.auth-sub{color:#888;font-size:14px;line-height:1.5;margin-bottom:1.5rem}.auth-error{background:#c04a3a14;border:1px solid #c04a3a33;border-radius:10px;color:#c04a3a}.auth-error,.auth-success{font-size:13px;margin-bottom:1rem;padding:10px 14px}.auth-success{background:#4a8a5014;border:1px solid #4a8a5033;border-radius:10px;color:#3a8a42}.auth-form{gap:14px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-field label{color:#555;font-size:13px;font-weight:500}.auth-field input{background:#fafafa;border:1.5px solid #e8e0d8;border-radius:10px;color:#1a1a1a;font-size:14px;outline:none;padding:12px 14px;transition:border-color .2s}.auth-field input:focus{background:#fff;border-color:#c4704f}.auth-submit{border-radius:12px;font-size:15px;margin-top:4px;padding:13px;width:100%}.auth-submit:disabled{cursor:not-allowed;opacity:.5}.auth-switch{color:#888;font-size:13px;margin-top:1.25rem;text-align:center}.auth-switch button{background:none;border:none;color:#c4704f;cursor:pointer;font-size:13px;font-weight:500;padding:0}.pricing-page{background:#faf7f4;background:var(--color-bg,#faf7f4);min-height:100vh;padding:4rem 0}.pricing-header{margin-bottom:3rem;text-align:center}.pricing-header h1{color:#1a1a1a;font-size:32px;font-weight:700;margin-bottom:8px}.pricing-header p{color:#888;font-size:16px}.pricing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto 4rem;max-width:720px}.pricing-card{background:#fff;border:1.5px solid #e8e0d8;border-radius:20px;padding:2rem;position:relative}.pricing-card--pro{border-color:#c4704f;box-shadow:0 8px 40px #c4704f1f}.pricing-card__badge{background:#c4704f;border-radius:99px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.pricing-card__header{margin-bottom:1.5rem}.pricing-plan{color:#888;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.pricing-price{color:#1a1a1a;font-size:36px;font-weight:700;margin-bottom:6px}.pricing-price span{color:#888;font-size:16px;font-weight:400}.pricing-card__header p{color:#888;font-size:14px}.pricing-features{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 1.5rem;padding:0}.pricing-features li{align-items:center;display:flex;font-size:14px;gap:8px}.pricing-features li.included{color:#1a1a1a}.pricing-features li.excluded{color:#c0b8b0}.pricing-btn{border-radius:12px;font-size:15px;padding:13px;width:100%}.pricing-note{color:#aaa;font-size:12px;margin-top:10px;text-align:center}.pricing-error{background:#c04a3a14;border-radius:10px;color:#c04a3a;font-size:13px;margin-bottom:1rem;padding:10px 14px}.pricing-faq{margin:0 auto;max-width:720px}.pricing-faq h2{color:#1a1a1a;font-size:22px;font-weight:700;margin-bottom:1.5rem;text-align:center}.faq-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-item{background:#fff;border:1px solid #e8e0d8;border-radius:14px;padding:1.25rem}.faq-item strong{color:#1a1a1a;display:block;font-size:14px;margin-bottom:6px}.faq-item p{color:#888;font-size:13px;line-height:1.6;margin:0}.progress-page{min-height:100vh;padding:100px 0 80px}.progress-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:40px}.progress-header h1{font-size:2.2rem}.progress-header p{color:var(--ink-light);font-size:.9rem;margin-top:4px}.progress-empty,.progress-loading{align-items:center;color:var(--ink-light);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:50vh;text-align:center}.progress-spinner{animation:spin .8s linear infinite;border:3px solid var(--sand);border-radius:50%;border-top-color:var(--terracotta);height:40px;width:40px}.progress-empty__icon{font-size:3.5rem;margin-bottom:8px}.progress-empty h2{color:var(--ink);font-size:1.6rem}.progress-error{background:#c04a3a14;border:1px solid #c04a3a4d;border-radius:12px;color:#c04a3a;margin-top:40px;padding:16px 20px;text-align:center}.progress-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:32px}.summary-card{background:var(--white);border:1px solid var(--sand);border-radius:16px;padding:20px;text-align:center}.summary-card.highlight{background:#c4704f0d;border-color:var(--terracotta)}.summary-card__label{color:var(--ink-light);font-size:.78rem;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.summary-card__value{color:var(--ink);font-family:var(--font-serif);font-size:2rem;font-weight:800;line-height:1}.summary-card__value span{color:var(--ink-light);font-size:1rem;font-weight:400}.summary-card__delta{font-size:.8rem;font-weight:600;margin-top:6px}.summary-card__delta.positive{color:#4a8a50}.summary-card__delta.negative{color:#c04a3a}.summary-card__date{color:var(--ink-light);font-size:.78rem;margin-top:6px}.improvements-section{margin-bottom:32px}.improvements-section h3{font-size:1.1rem;margin-bottom:14px}.improvements-grid{display:flex;flex-wrap:wrap;gap:10px}.improvement-badge{align-items:center;border:1.5px solid;border-radius:100px;display:flex;font-size:.82rem;font-weight:600;gap:6px;padding:8px 14px}.improvement-badge.improved{background:#4a8a5014;border-color:#4a8a504d;color:#4a8a50}.improvement-badge.worsened{background:#c04a3a14;border-color:#c04a3a4d;color:#c04a3a}.improvement-badge__value{font-weight:700}.chart-section{margin-bottom:40px}.chart-tabs{display:flex;gap:8px;margin-bottom:20px}.chart-tab{background:#0000;border:1.5px solid var(--sand);border-radius:100px;color:var(--ink-light);cursor:pointer;font-size:.88rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.chart-tab.active{background:var(--ink);border-color:var(--ink);color:var(--white)}.chart-card{background:var(--white);border:1px solid var(--sand);border-radius:20px;padding:28px}.chart-card h3{font-size:1.1rem;margin-bottom:4px}.chart-subtitle{color:var(--ink-light);font-size:.82rem;margin-bottom:24px}.chart-tooltip{background:var(--white);border:1px solid var(--sand);border-radius:10px;box-shadow:0 4px 16px #0000001a;font-size:.82rem;padding:10px 14px}.chart-tooltip__date{color:var(--ink);font-weight:700;margin-bottom:6px}.concern-toggles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.concern-toggle{background:#0000;border:1.5px solid var(--sand);border-radius:100px;color:var(--ink-light);cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 14px;transition:all .2s ease}@media (max-width:600px){.progress-summary{grid-template-columns:repeat(2,1fr)}.chart-card{padding:16px}}.routine-page{min-height:100vh;padding:100px 0 80px}.routine-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:40px}.routine-header h1{font-size:2.2rem}.routine-header p{color:var(--ink-light);font-size:.9rem;margin-top:4px}.routine-empty,.routine-loading{align-items:center;color:var(--ink-light);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:50vh;text-align:center}.routine-spinner{animation:spin .8s linear infinite;border:3px solid var(--sand);border-radius:50%;border-top-color:var(--terracotta);height:40px;width:40px}.routine-empty__icon{font-size:3.5rem;margin-bottom:8px}.routine-empty h2{color:var(--ink);font-size:1.6rem}.routine-error{background:#c04a3a14;border:1px solid #c04a3a4d;border-radius:12px;color:#c04a3a;margin-top:40px;padding:16px 20px;text-align:center}.routine-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.routine-tab{align-items:center;background:var(--white);border:1.5px solid var(--sand);border-radius:16px;color:var(--ink-light);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;gap:10px;justify-content:center;padding:14px 24px;transition:all .2s ease}.routine-tab.active{background:var(--ink);border-color:var(--ink);color:var(--white)}.routine-tab__count{font-size:.75rem;font-weight:400;opacity:.7}.routine-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.routine-step{align-items:flex-start;animation:fadeUp .5s ease both;background:var(--white);border:1px solid var(--sand);border-radius:16px;display:flex;gap:16px;padding:20px;transition:box-shadow .2s ease,transform .2s ease}.routine-step:hover{box-shadow:0 4px 20px #00000014;transform:translateX(4px)}.routine-step__number{align-items:center;background:var(--off-white);border-radius:50%;color:var(--ink-light);display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:32px;justify-content:center;width:32px}.routine-step__icon{flex-shrink:0;font-size:1.6rem;margin-top:2px}.routine-step__content{flex:1 1}.routine-step__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.routine-step__name{color:var(--ink);font-size:.95rem;font-weight:700}.routine-step__time{background:var(--off-white);border-radius:100px;color:var(--ink-light);font-size:.75rem;padding:3px 10px}.routine-step__product{color:var(--terracotta);font-size:.9rem;font-weight:600;margin-bottom:6px}.routine-step__ingredient{color:var(--ink-light);font-size:.8rem;margin-bottom:4px}.routine-step__ingredient strong{color:var(--ink)}.routine-step__why{border-left:2px solid var(--sand);color:var(--ink-light);font-size:.8rem;line-height:1.5;margin-top:6px;padding-left:10px}.routine-tips{background:#c4704f0d;border:1px solid #c4704f33;border-radius:20px;padding:28px}.routine-tips h3{font-size:1.1rem;margin-bottom:16px}.routine-tips__grid{display:flex;flex-direction:column;gap:12px}.routine-tip{align-items:flex-start;color:var(--ink-light);display:flex;font-size:.88rem;gap:12px;line-height:1.5}.routine-tip__num{align-items:center;background:var(--terracotta);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:22px;justify-content:center;margin-top:1px;width:22px}@media (max-width:600px){.routine-tab{font-size:.85rem;padding:12px 16px}.routine-step{padding:16px}}.ingredient-page{min-height:100vh;padding:100px 0 80px}.ingredient-header{margin-bottom:40px}.ingredient-header h1{font-size:2.2rem}.ingredient-header p{color:var(--ink-light);font-size:.9rem;margin-top:4px}.ingredient-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:380px 1fr}.upload-zone{align-items:center;aspect-ratio:4/3;background:var(--white);border:2px dashed var(--sand);border-radius:20px;cursor:pointer;display:flex;justify-content:center;margin-bottom:12px;overflow:hidden;transition:border-color .2s ease}.upload-zone:hover{border-color:var(--terracotta)}.upload-zone.has-image{border-style:solid;cursor:default}.upload-zone__preview{height:100%;object-fit:contain;padding:8px;width:100%}.upload-zone__placeholder{align-items:center;color:var(--ink-light);display:flex;flex-direction:column;gap:8px;text-align:center}.upload-zone__icon{font-size:2.5rem}.upload-zone__placeholder p{color:var(--ink);font-size:.95rem;font-weight:600}.upload-zone__placeholder span{font-size:.8rem}.upload-actions{display:flex;gap:8px}.ingredient-section,.upload-actions{margin-bottom:20px}.ingredient-label{color:var(--ink-light);display:block;font-size:.82rem;font-weight:600;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.skin-type-pills{display:flex;flex-wrap:wrap;gap:8px}.pill{background:#0000;border:1.5px solid var(--sand);border-radius:100px;color:var(--ink-light);cursor:pointer;font-size:.82rem;font-weight:500;padding:7px 16px;text-transform:capitalize;transition:all .2s ease}.pill.active{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.scan-btn{border-radius:14px;font-size:1rem;margin-top:8px;padding:16px;width:100%}.scan-btn:disabled{cursor:not-allowed;opacity:.5}.ingredient-error{background:#c04a3a14;border:1px solid #c04a3a4d;border-radius:10px;color:#c04a3a;font-size:.85rem;margin-top:12px;padding:12px 16px}.ingredient-placeholder{align-items:center;background:var(--white);border:1px solid var(--sand);border-radius:20px;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;padding:48px 32px;text-align:center}.ingredient-placeholder__icon{font-size:3rem}.ingredient-placeholder h3{font-size:1.2rem}.ingredient-placeholder p{color:var(--ink-light);font-size:.9rem;max-width:280px}.ingredient-placeholder__features{display:flex;flex-direction:column;gap:8px;margin-top:16px;text-align:left}.placeholder-feature{font-size:.85rem;gap:8px}.ingredient-loading,.placeholder-feature{align-items:center;color:var(--ink-light);display:flex}.ingredient-loading{flex-direction:column;gap:12px;justify-content:center;padding:80px 32px;text-align:center}.ingredient-spinner{animation:spin .8s linear infinite;border:3px solid var(--sand);border-radius:50%;border-top-color:var(--terracotta);height:40px;width:40px}.ingredient-results{display:flex;flex-direction:column;gap:20px}.result-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.result-header h2{font-size:1.4rem}.result-header p{color:var(--ink-light);font-size:.82rem;margin-top:4px}.result-score{border:2px solid;border-radius:16px;flex-shrink:0;padding:12px 16px;text-align:center}.result-score__num{font-family:var(--font-serif);font-size:2rem;font-weight:800}.result-score__label{color:var(--ink-light);font-size:.8rem}.result-rating{align-items:center;border:1px solid;border-radius:12px;display:flex;font-size:.88rem;justify-content:space-between;padding:12px 16px}.result-suitable{color:var(--ink-light);font-size:.82rem}.result-warning{background:#c4a35a1f;border:1px solid #c4a35a66;border-radius:10px;color:#8b6b2a;font-size:.85rem;padding:12px 16px}.result-summary{border-left:3px solid var(--sand);color:var(--ink-light);font-size:.88rem;line-height:1.7;padding-left:14px}.ingredient-group{display:flex;flex-direction:column;gap:10px}.ingredient-group__title{font-size:.9rem;font-weight:700;margin-bottom:4px}.ingredient-group__title.bad{color:#c04a3a}.ingredient-group__title.good{color:#4a8a50}.ingredient-item{border:1px solid;border-radius:12px;padding:14px 16px}.ingredient-item.bad{background:#c04a3a0a;border-color:#c04a3a33}.ingredient-item.good{background:#4a8a500a;border-color:#4a8a5033}.ingredient-item__top{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.ingredient-item__name{font-size:.9rem;font-weight:600}.ingredient-item__badge{border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.ingredient-item__badge.avoid{background:#c04a3a20;color:#c04a3a}.ingredient-item__badge.caution{background:#c4a35a20;color:#8b6b2a}.ingredient-item__badge.excellent{background:#4a8a5020;color:#4a8a50}.ingredient-item__badge.good{background:#7a9e7e20;color:#4a7050}.ingredient-item__desc{color:var(--ink-light);font-size:.8rem;line-height:1.5}@media (max-width:900px){.ingredient-layout{grid-template-columns:1fr}.upload-zone{aspect-ratio:16/9}}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#faf8f4b3;left:0;padding:18px 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar--scrolled{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#faf8f4f0;border-bottom:1px solid var(--sand);box-shadow:0 2px 20px #26332e0f;padding:13px 0}.navbar__inner{justify-content:space-between;margin:0 auto;max-width:1100px;padding:0 24px}.navbar__inner,.navbar__logo{align-items:center;display:flex}.navbar__logo{gap:9px;text-decoration:none}.navbar__logo-mark{align-items:center;background:var(--sage-dark);border-radius:9px;color:var(--white);display:flex;flex-shrink:0;font-size:.9rem;height:30px;justify-content:center;width:30px}.navbar__logo-mark,.navbar__logo-text{font-family:var(--font-display);font-weight:700}.navbar__logo-text{color:var(--sage-dark);font-size:1.3rem;letter-spacing:-.01em}.navbar__links{align-items:center;display:flex;gap:26px}.navbar__link{color:var(--ink-light);font-size:.9rem;font-weight:500;text-decoration:none;transition:color var(--transition)}.navbar__link.active,.navbar__link:hover{color:var(--sage-dark)}.navbar__more{position:relative}.navbar__more-trigger{align-items:center;background:none;color:var(--ink-light);display:flex;font-size:.9rem;font-weight:500;gap:4px;padding:0}.navbar__more-trigger.active,.navbar__more-trigger:hover{color:var(--sage-dark)}.navbar__more-chevron{font-size:.75rem;transition:transform var(--transition)}.navbar__more-chevron.open{transform:rotate(180deg)}.navbar__dropdown{background:var(--white);border:1px solid var(--sand);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:2px;left:50%;min-width:190px;padding:8px;position:absolute;top:calc(100% + 14px);transform:translateX(-50%)}.navbar__dropdown-item{border-radius:var(--radius-sm);color:var(--ink-mid);font-size:.88rem;font-weight:500;padding:10px 12px;transition:background var(--transition),color var(--transition)}.navbar__dropdown-item.active,.navbar__dropdown-item:hover{background:var(--off-white);color:var(--sage-dark)}.navbar__right{align-items:center;display:flex;gap:18px}.navbar__cta{font-size:.85rem;padding:10px 22px}.navbar__login{color:var(--ink-mid);font-size:.9rem;font-weight:500}.navbar__avatar,.navbar__login:hover{color:var(--sage-dark)}.navbar__avatar{align-items:center;background:var(--sand);border-radius:50%;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:34px;justify-content:center;width:34px}.tabbar{display:none}@media (max-width:720px){.navbar__cta,.navbar__links{display:none}.tabbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff2;border-top:1px solid var(--sand);bottom:0;justify-content:space-around;left:0;padding:10px 8px calc(10px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}.tabbar,.tabbar__tab{align-items:center;display:flex}.tabbar__tab{background:none;color:var(--ink-light);flex-direction:column;font-size:.65rem;font-weight:600;gap:3px}.tabbar__tab.active{color:var(--sage-dark)}.tabbar__tab--btn{border:none}.tabbar__icon{font-size:1.15rem}.tabbar__fab{align-items:center;background:var(--sage-dark);border-radius:50%;box-shadow:0 8px 20px #426b5a59;color:var(--white);display:flex;font-size:1.3rem;height:50px;justify-content:center;margin-top:-24px;width:50px}.mobile-sheet-backdrop{align-items:flex-end;background:#26332e59;display:flex;inset:0;position:fixed;z-index:1100}.mobile-sheet{background:var(--white);border-radius:20px 20px 0 0;display:flex;flex-direction:column;padding:10px 20px calc(24px + env(safe-area-inset-bottom));width:100%}.mobile-sheet__handle{background:var(--sand);border-radius:2px;height:4px;margin:8px auto 16px;width:36px}.mobile-sheet__item{border-bottom:1px solid var(--off-white);color:var(--ink-mid);font-size:.95rem;font-weight:500;padding:14px 4px}.mobile-sheet__item:last-child{border-bottom:none}}@media (min-width:721px){.mobile-sheet-backdrop{display:none}}.prakriti-page{min-height:80vh}.prakriti-loading{color:#888;padding:4rem 0;text-align:center}.prakriti-progress{margin:1rem 0 2rem}.prakriti-progress__bar{background:#f0ebe3;border-radius:999px;height:6px;overflow:hidden}.prakriti-progress__fill{background:linear-gradient(90deg,#c4704f,#7a9e7e);height:100%;transition:width .3s ease}.prakriti-progress__label{color:#888;display:block;font-size:.8rem;margin-top:.5rem}.prakriti-options{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.prakriti-option{padding:1rem 1.25rem;text-align:left;width:100%}.prakriti-submitting{padding:3rem 1rem;text-align:center}.prakriti-badge{color:#7a9e7e;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-bottom:.5rem;text-transform:uppercase}.prakriti-type{font-size:2.2rem;margin:.25rem 0}.prakriti-element{color:#888;font-size:.95rem}.prakriti-bars{margin:1.5rem 0;padding:1.25rem}.prakriti-bar-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.prakriti-bar-row:last-child{margin-bottom:0}.prakriti-bar-label{font-size:.85rem;font-weight:600;width:60px}.prakriti-bar-track{background:#f0ebe3;border-radius:999px;flex:1 1;height:10px;overflow:hidden}.prakriti-bar-fill{border-radius:999px;height:100%;transition:width .4s ease}.prakriti-bar-pct{color:#555;font-size:.85rem;text-align:right;width:40px}.prakriti-avoid,.prakriti-ingredients,.prakriti-tips,.prakriti-traits{margin-bottom:1rem;padding:1.25rem}.prakriti-avoid h3,.prakriti-ingredients h3,.prakriti-tips h3,.prakriti-traits h3{font-size:1.05rem;margin:0 0 .75rem}.prakriti-ingredient-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.prakriti-ingredient-item{background:#7a9e7e0f;border-radius:10px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.prakriti-ingredient-item strong{font-size:.9rem}.prakriti-ingredient-item span{color:#666;font-size:.8rem}.prakriti-avoid ul{color:#555;margin:0;padding-left:1.25rem}.prakriti-avoid li{margin-bottom:.35rem}.prakriti-tips p{color:#555;margin:.5rem 0}.challenge-page{min-height:80vh}.challenge-loading{color:#888;padding:4rem 0;text-align:center}.challenge-badge{color:#c4704f;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-bottom:.5rem;text-transform:uppercase}.challenge-streak-number{color:#8b6b4a;font-size:3rem;line-height:1;margin:.1rem 0 0}.challenge-streak-label{color:#888;font-size:.95rem;margin:.25rem 0 0}.challenge-progress{margin:1.5rem 0}.challenge-progress__bar{background:#f0ebe3;border-radius:999px;height:6px;overflow:hidden}.challenge-progress__fill{background:linear-gradient(90deg,#c4704f,#7a9e7e);height:100%;transition:width .4s ease}.challenge-progress__label{color:#888;display:block;font-size:.8rem;margin-top:.5rem}.challenge-error{color:#c04a3a;margin:.5rem 0 1rem}.challenge-nudge,.challenge-tip{margin-bottom:1rem;padding:1.25rem}.challenge-nudge h3,.challenge-tip h3{font-size:1.05rem;margin:0 0 .5rem}.challenge-tip p{color:#555;margin:0}.challenge-nudge{background:#7a9e7e0f;border-left:3px solid #7a9e7e}.challenge-nudge p{color:#555;margin:0 0 .75rem}.challenge-intro p{color:#555;max-width:460px}.challenge-complete-copy{color:#555;margin:1rem 0 1.5rem}.dashboard{min-height:100vh;padding:0 0 60px}.dashboard__loading{color:var(--ink-light);padding:6rem 0;text-align:center}.dashboard__hero{align-items:center;display:flex;gap:48px;margin-bottom:36px;padding:40px 44px}.dashboard__hero-left{flex:1 1}.dashboard__greet{color:var(--ink-light);font-size:.85rem;font-weight:500}.dashboard__title{color:var(--ink);font-size:2rem;font-weight:700;line-height:1.25;margin-top:6px}.dashboard__title em{color:var(--sage-dark);font-style:italic}.dashboard__sub{color:var(--ink-light);font-size:.92rem;line-height:1.6;margin:14px 0 22px;max-width:420px}.dashboard__actions{display:flex;gap:12px}.dashboard__hero-right{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:14px}.dashboard__empty-ring{align-items:center;border:2px dashed var(--sand);border-radius:50%;color:var(--sand);display:flex;font-size:2.5rem;height:150px;justify-content:center;width:150px}.ring-wrap{height:150px;position:relative;width:150px}.ring-wrap svg{height:100%;transform:rotate(-90deg);width:100%}.ring-bg{fill:none;stroke:var(--sand);stroke-width:10}.ring-fill{fill:none;stroke:var(--sage);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1)}.ring-center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.ring-score{color:var(--sage-dark);font-family:var(--font-display);font-size:2.1rem;font-weight:700;line-height:1}.ring-label{color:var(--ink-light);font-size:.68rem;letter-spacing:.03em;margin-top:3px}.streak-pill{align-items:center;background:#fbf0ea;border-radius:999px;color:#b25a3b;display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;padding:6px 13px}.streak-pill--muted{background:var(--off-white);color:var(--ink-light)}.section-label{color:var(--ink-light);font-size:.8rem;font-weight:700;letter-spacing:.06em;margin:0 0 16px;text-transform:uppercase}.score-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-bottom:36px}.score-card{background:var(--white);border:1px solid var(--sand);border-radius:var(--radius-md);padding:18px 14px;text-align:center}.score-dot{border-radius:50%;height:30px;margin:0 auto 10px;width:30px}.score-val{color:var(--ink);font-family:var(--font-display);font-size:1.25rem;font-weight:700}.score-name{color:var(--ink-light);font-size:.72rem;margin-top:3px}.quick-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:36px}.quick-card{background:var(--white);border:1px solid var(--sand);border-radius:var(--radius-md);padding:22px 18px;transition:transform var(--transition),border-color var(--transition)}.quick-card:hover{border-color:var(--sage-light);transform:translateY(-2px)}.quick-icon{align-items:center;border-radius:11px;display:flex;font-size:1.1rem;height:38px;justify-content:center;margin-bottom:14px;width:38px}.quick-title{color:var(--ink);font-size:.88rem;font-weight:600}.quick-sub{color:var(--ink-light);font-size:.74rem;margin-top:4px}.routine-card{margin-bottom:36px;padding:8px 26px 18px}.routine-item{align-items:center;border-top:1px solid var(--off-white);display:flex;gap:14px;padding:14px 0}.routine-item:first-child{border-top:none;padding-top:18px}.routine-icon{font-size:1.1rem}.routine-name{color:var(--ink);flex:1 1;font-size:.88rem;font-weight:500}.routine-time{color:var(--ink-light);font-size:.75rem}.routine-more{color:var(--sage-dark);display:inline-block;font-size:.82rem;font-weight:600;margin-top:10px}@media (max-width:720px){.dashboard{padding:0 0 40px}.dashboard__hero{flex-direction:column;gap:22px;padding:28px 24px;text-align:center}.dashboard__actions{justify-content:center}.dashboard__sub{max-width:none}}.dashboard__hero--skeleton{display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:100px}.dashboard__skeleton-line{animation:dashboard-skeleton-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#ede7de 25%,#f5f1ea 50%,#ede7de 75%);background-size:200% 100%;border-radius:6px;height:14px}@keyframes dashboard-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.legal-page{background:#faf8f4;min-height:100vh;padding:48px 24px 80px}.legal-page__container{background:#fff;border-radius:16px;box-shadow:0 1px 3px #26332e0f;margin:0 auto;max-width:780px;padding:48px 56px}.legal-page__title{color:#26332e;font-size:2rem;font-weight:700;margin-bottom:8px}.legal-page__updated{color:#718078;font-size:.85rem;margin-bottom:32px}.legal-page__notice{background:#e8a58c1f;border:1px solid #e8a58c4d;border-radius:10px;color:#426b5a;font-size:.85rem;margin-bottom:32px;padding:14px 18px}.legal-page h2{color:#26332e;font-size:1.2rem;font-weight:700;margin-bottom:12px;margin-top:32px}.legal-page h3{color:#426b5a;font-size:1rem;font-weight:600;margin-bottom:8px;margin-top:20px}.legal-page p{color:#26332e;font-size:.95rem;line-height:1.7;margin-bottom:14px}.legal-page ul{margin:0 0 14px;padding-left:22px}.legal-page li{color:#26332e;font-size:.95rem;line-height:1.7;margin-bottom:6px}.legal-page a{color:#426b5a;font-weight:600;text-decoration:none}.legal-page a:hover{text-decoration:underline}.legal-page__placeholder{background:#d9a44126;border-radius:4px;color:#8a6a1f;font-size:.9em;font-weight:600;padding:1px 6px}.legal-page__toc{background:#ede7de;border-radius:10px;margin-bottom:32px;padding:20px 24px}.legal-page__toc h3{color:#26332e;margin-top:0}.legal-page__toc ol{margin:0;padding-left:20px}.legal-page__toc li{font-size:.9rem;margin-bottom:4px}.legal-page__toc a{color:#426b5a}@media (max-width:640px){.legal-page{padding:24px 16px 60px}.legal-page__container{padding:28px 22px}.legal-page__title{font-size:1.5rem}}.site-footer{background:#ede7de;border-top:1px solid #26332e14;margin-top:64px;padding:40px 24px 32px}.site-footer__container{margin:0 auto;max-width:900px;text-align:center}.site-footer__brand{align-items:center;display:inline-flex;gap:8px;margin-bottom:20px}.site-footer__logo{align-items:center;background:#426b5a;border-radius:8px;color:#faf8f4;display:inline-flex;font-size:.95rem;font-weight:700;height:28px;justify-content:center;width:28px}.site-footer__name{color:#26332e;font-size:1.1rem;font-weight:700}.site-footer__links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.site-footer__links a{color:#426b5a;font-size:.85rem;font-weight:600;text-decoration:none}.site-footer__links a:hover{text-decoration:underline}.site-footer__copy{color:#718078;font-size:.8rem;margin-bottom:8px}.site-footer__disclaimer{color:#718078;font-size:.75rem;line-height:1.5;margin:0 auto;max-width:520px}@media (max-width:480px){.site-footer__links{flex-direction:column;gap:10px}}
/*# sourceMappingURL=main.1f85042a.css.map*/