@font-face{font-family:Inter;src:url(/fonts/inter-v18-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-v18-latin-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-v18-latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--green-900: #123524;--green-800: #166534;--green-700: #15803d;--green-100: #dcfce7;--green-50: #f0fdf4;--ink: #173126;--muted: #5b7465;--line: #c7e7d0;--white: #ffffff;--font-family: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--green-50)}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 50% 0%,rgba(187,247,208,.68),transparent 33rem),var(--green-50);font-family:var(--font-family);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}.appWrapper{width:min(100%,760px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:clamp(1.5rem,5vw,3.5rem) 1.25rem 1.5rem;display:flex;flex-direction:column}.siteHeader{display:flex;justify-content:center}.brandLogo{display:inline-flex;align-items:center;gap:.65rem;color:var(--green-900);font-size:clamp(1.22rem,4vw,1.55rem);font-weight:700;letter-spacing:-.05em;text-decoration:none}.brandIcon{width:2.7rem;height:2.7rem}.mainContainer{flex:1;display:flex;align-items:center;justify-content:center;padding:3.25rem 0}.viewSection{width:100%}.hidden{display:none!important}.calculatorPanel,.resultPanel{width:min(100%,580px);margin:0 auto;text-align:center}.resultPanel>h1,.calculatorPanel>h1{max-width:18ch;margin:0 auto;color:var(--green-900);font-size:clamp(1.6rem,4.5vw,2.15rem);line-height:1.1;letter-spacing:-.06em}.calculatorPanel h1{margin-bottom:1rem;padding-bottom:.7rem;border-bottom:1px solid #9fd8b2}.viewDescription{max-width:38rem;margin:1rem auto 2rem;color:var(--muted);font-size:clamp(.98rem,2.5vw,1.08rem);line-height:1.55}.fastingForm{display:grid;gap:1.25rem;text-align:left}.startDateFieldset{margin:0;padding:0;border:0}.startDateFieldset legend,.timeField span{display:block;margin-bottom:.7rem;color:var(--green-900);font-size:.94rem;font-weight:600}.startDateOptions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.dateOption{position:relative}.dateOption input{position:absolute;opacity:0}.dateOption span{display:block;padding:.9rem 1rem;border:1px solid #c7ded0;border-radius:3px;color:#526b5d;background:#fff;font-weight:600;text-align:center;transition:.15s ease}.dateOption input:checked+span{border:2px solid #168a43;color:#073f2a;background:#dcf7e5;font-weight:700}.dateOption input:focus-visible+span{outline:3px solid rgba(21,128,61,.25);outline-offset:2px}.timeWheel{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;height:13.5rem;overflow:hidden;border:1px solid #9fd8b2;border-radius:16px;color:#073f2a;background:#fff}.timeWheel:before,.timeWheel:after{position:absolute;z-index:2;right:0;left:0;height:calc(50% - 1.5rem);pointer-events:none;content:""}.timeWheel:before{top:0;background:linear-gradient(to bottom,#ffffff 8%,rgba(255,255,255,.82) 72%,transparent)}.timeWheel:after{bottom:0;background:linear-gradient(to top,#ffffff 8%,rgba(255,255,255,.82) 72%,transparent)}.timeWheelSelection{position:absolute;z-index:1;top:calc(50% - 1.5rem);right:.7rem;left:.7rem;height:3rem;border-top:1px solid #d5ebdd;border-bottom:1px solid #d5ebdd;background:#eaf9ef;pointer-events:none}.timeWheelColumn{position:relative;z-index:3;height:100%;padding-block:5.25rem;overflow-y:auto;scrollbar-width:none;scroll-snap-type:y mandatory;overscroll-behavior:contain}.timeWheelColumn::-webkit-scrollbar{display:none}.timeWheelOption{display:block;width:100%;height:3rem;padding:0;border:0;color:#8aa596;background:transparent;font-size:1.2rem;font-weight:400;line-height:3rem;scroll-snap-align:center;transition:color .12s ease,font-size .12s ease}.timeWheelOption.selected{color:#073f2a;font-size:1.75rem;font-weight:700}.periodWheelColumn .timeWheelOption{font-size:1.08rem}.periodWheelColumn .timeWheelOption.selected{font-size:1.45rem}.timePickerActions{display:flex;justify-content:flex-end;margin-top:-.7rem}.resetTimeButton{padding:.35rem 0;border:0;color:var(--green-800);background:transparent;font-size:.84rem;font-weight:700}.resetTimeButton:hover{color:var(--green-900);text-decoration:underline;text-underline-offset:.2em}.errorBanner{padding:.8rem 1rem;border:1px solid #f6b7b7;border-radius:3px;color:#9b1c1c;background:#fff5f5;font-size:.9rem}.calcButton,.goBackButton{width:100%;min-height:3.6rem;border-radius:3px;font-weight:700;transition:background-color .15s ease}.calcButton{border:1px solid #168a43;color:#fff;background:#168a43;font-size:1.04rem}.calcButton:hover{background:#0f7334}.goBackButton{display:flex;align-items:center;justify-content:center;border:1px solid var(--green-700);color:var(--white);background:var(--green-700);text-decoration:none}.goBackButton:hover{background:var(--green-800)}.fastingOptionsList{display:grid;gap:.7rem;margin-top:1.8rem;text-align:left}.fastingOption{display:grid;grid-template-columns:minmax(11.5rem,1.2fr) minmax(0,1fr);align-items:center;gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:3px;background:#ffffffd6}.fastingOptionDetails{min-width:0}.fastingOptionDetails p{margin:.35rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.35}.eatingDuration:before{content:" · "}.protocolPill{display:inline-block;padding:.22rem .5rem;border-radius:3px;color:var(--green-800);background:var(--green-100);font-size:.73rem;font-weight:700}.optionWindow{display:flex;flex-direction:column;gap:.2rem;color:var(--muted);font-size:.88rem;font-weight:600;text-align:left}.optionWindow span{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.optionWindow strong{color:var(--green-800);font-size:clamp(1.05rem,3vw,1.22rem)}.optionWindow small{font-size:.82rem}.researchStatement{margin:1.5rem 0;color:var(--muted);font-size:.87rem;line-height:1.5;text-align:left}.siteFooter{padding-top:1rem;color:var(--muted);font-size:.78rem;text-align:center}.siteFooter p{margin:0}.siteFooter a{color:var(--green-800);text-underline-offset:.18em}@media(max-width:460px){.appWrapper{padding-right:1rem;padding-left:1rem}.mainContainer{align-items:flex-start;padding:2.6rem 0}.fastingOption{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)}.fastingOptionDetails p span{display:block}.eatingDuration:before{content:""}}
