:root{--kc-primary:#639;--kc-primary-light:#663399bf;--kc-secondary:#6c5ce7;--kc-secondary-alt:#6c5ce76e;--kc-accent:#a55eea;--kc-text:#2d3748;--kc-text-light:#718096;--kc-text-on-dark:#fff;--kc-border:#e2e8f0;--kc-bg:#fff;--kc-bg-alt:#f8fafc;--kc-space:1em;--kc-space-sm:.5em;--kc-space-lg:1.5em;--kc-font-size:1rem;--kc-font-size-sm:0.875rem;--kc-font-size-lg:1.25rem;--kc-line-height:1.5;--kc-radius:8px;--kc-radius-sm:4px;--kc-shadow:0 4px 20px rgba(0,0,0,.08);--kc-transition:all 0.3s ease;--responsive-text:clamp(0.8rem,0.7rem + 0.5vw,1.1rem)}#ketoForm{background:var(--kc-bg);border-radius:var(--kc-radius);box-shadow:var(--kc-shadow);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;justify-items:center;margin:0 auto;padding:var(--kc-space-sm);width:600px}.calc-form-wrapper{display:grid;gap:var(--kc-space-sm);grid-template-columns:3fr 2fr;padding-bottom:var(--kc-space-lg);@media (max-width:1000px){display:flex;flex-wrap:wrap}}.calc-side-panel{container-type:inline-size;font-size:1.3rem;min-width:400px;padding:0 var(--kc-space-lg) 0 0;padding-block:var(--kc-space-lg);& strong{font-weight:700}& p{font-size:var(--kc-font-size);margin-block-start:0;text-wrap:balance}@media (max-width:1000px){min-width:unset;padding:var(--kc-space-lg);width:100%;& p{font-size:var(--kc-font-size-lg)}}}.form-section{border-bottom:1px solid var(--kc-border);margin-bottom:var(--kc-space-lg);padding-bottom:var(--kc-space);width:100%;&:last-child{border-bottom:none}}.form-section-title{align-items:center;border-bottom:2px solid var(--kc-border);color:var(--kc-text);display:flex;font-size:var(--kc-font-size-lg);margin:0 0 var(--kc-space) 0;padding-bottom:var(--kc-space-sm);.dashicons{color:var(--kc-primary);margin-right:var(--kc-space-sm)}}.form-row{display:flex;gap:var(--kc-space);margin-bottom:var(--kc-space);@media (max-width:480px){flex-direction:column}}.form-group{flex:1;width:100%;&.activity{margin-bottom:var(--kc-space)}}.form-label{align-items:center;color:var(--kc-text);display:flex;font-weight:500;margin-bottom:var(--kc-space-sm);.dashicons{color:var(--kc-primary);font-size:1.6rem;margin-right:var(--kc-space)}& span{color:var(--kc-secondary);margin-left:var(--kc-space-sm);opacity:.7}}input[type=number],input[type=text],select{background-color:var(--kc-bg-alt)!important;background:none!important;border:1px solid var(--kc-border)!important;border-radius:var(--kc-radius-sm);color:var(--kc-text);font-size:var(--kc-font-size);padding:var(--kc-space-sm) var(--kc-space);transition:var(--kc-transition);width:100%;&:focus{border-color:var(--kc-primary);box-shadow:0 0 0 3px rgba(108,92,231,.1);outline:none}}input#net_carbs{width:unset}.input-with-unit{align-items:center;display:flex;position:relative;input{padding-right:40px}.unit{color:var(--kc-text-light);font-size:var(--kc-font-size-sm);position:absolute;right:15px}}.select-wrapper{position:relative;select{appearance:none;padding-right:35px}.dashicons{color:var(--kc-text-light);pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}}.radio-group{margin-bottom:var(--kc-space)}.radio-options{display:flex;gap:var(--kc-space);margin-top:var(--kc-space-sm)}.radio-option{align-items:center;background:var(--kc-bg-alt);border:1px solid var(--kc-border);border-radius:var(--kc-radius);cursor:pointer;display:flex;flex:1;margin:0;padding:var(--kc-space-sm) var(--kc-space);transition:var(--kc-transition);&:hover{border-color:color-mix(in srgb,var(--kc-border) 70%,#000)}input{opacity:0;position:absolute}input:checked~&{background:color-mix(in srgb,var(--kc-primary) 5%,transparent);border-color:var(--kc-primary)}}.radio-icon{border:2px solid var(--kc-border);border-radius:50%;display:inline-block;height:18px;margin-right:var(--kc-space-sm);position:relative;transition:var(--kc-transition);width:18px;input:checked~&{background-color:var(--kc-primary);border-color:var(--kc-primary)}input:checked~&:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}}.radio-label{font-weight:500;margin-right:var(--kc-space-sm)}.radio-option .dashicons{color:color-mix(in srgb,var(--kc-text-light) 50%,#fff);margin-left:auto;input:checked~&{color:var(--kc-primary)}}.keto-calc-btn{align-items:center;background:linear-gradient(135deg,var(--kc-secondary) 0,var(--kc-accent) 100%);border:none;border-radius:var(--kc-radius);color:var(--kc-text-on-dark);cursor:pointer;display:flex;font-size:var(--kc-font-size);font-weight:600;height:3rem;justify-content:center;justify-self:center;margin-top:var(--kc-space-sm);padding:var(--kc-space);transition:var(--kc-transition);width:fit-content;&:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--kc-secondary) 90%,#000) 0,color-mix(in srgb,var(--kc-accent) 90%,#000) 100%);box-shadow:0 4px 12px rgba(108,92,231,.2);transform:translateY(-1px)}.dashicons{font-size:1.25rem;margin-right:var(--kc-space-sm)}}#ketoResults{flex-direction:column;transition:opacity var(--kc-transition);&:focus{outline:none!important}p{margin-block-end:.4em}}.main-results{align-items:center;border-top:1px solid var(--kc-border);display:flex;padding-block:3em;@media (max-width:1000px){flex-direction:column}}.results-group{align-items:center;display:flex;flex-direction:column;gap:var(--kc-space);justify-content:center;@media (max-width:1000px){align-items:center;text-align:center}}.result-group{align-items:center;border-radius:var(--kc-radius-sm);box-shadow:var(--kc-shadow);display:flex;flex-direction:column;justify-content:center;padding:var(--kc-space-sm) var(--kc-space-lg);text-align:center;width:70%;p{line-height:1;margin-block-start:0;text-wrap:balance;i{font-size:var(--kc-font-size-sm)}}p.value{background:linear-gradient(135deg,var(--kc-secondary) 0,var(--kc-accent) 100%);border-radius:var(--kc-radius-sm);box-shadow:0 0 20px 0 rgba(0,0,0,.48);color:var(--kc-text-on-dark);font-weight:700;letter-spacing:1px;margin-block-start:0;padding:4px 12px;width:100%}}.chart-wrapper{display:flex;flex-direction:column;min-width:50%}.chart-summary{text-align:center;span{color:var(--kc-accent);font-style:italic;font-weight:600}p{margin-block-start:0;text-wrap:balance}@media (max-width:768px){margin-top:-6em}}#chart{margin:var(--kc-space-lg) auto}.form-description{margin-block:1em;padding:0 4px}.variations-header{padding-inline:2.5em;h3{letter-spacing:1px;margin-block-end:0;margin-block-start:0;text-decoration:underline;text-transform:uppercase;text-underline-offset:6px}p{margin-block-start:var(--kc-space-sm)}@media (max-width:1000px){margin-top:var(--kc-space)}}.chart-slider-wrapper{align-items:center;gap:var(--kc-space-lg);justify-content:flex-start;margin:var(--kc-space-lg) 0;position:relative;width:100%;@media (max-width:1000px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}}.chart-slider-container{overflow-x:auto;scroll-snap-type:x mandatory;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{background:transparent;display:none;height:0;width:0}}.chart-slider{display:flex;gap:var(--kc-space-lg);padding:var(--kc-space-lg);width:max-content}.slider-dots{bottom:0;display:flex;gap:var(--kc-space);justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.slider-dot{background:#ccc;border-radius:50%;cursor:pointer;height:12px;transition:var(--kc-transition);width:12px;&:hover{background:var(--kc-primary)}&.active{background:var(--kc-primary);border-radius:10px;filter:drop-shadow(0 0 .75rem rgba(0,0,0,.6));transform:scale(2,1.5)}}.deficit-chart-slide,.surplus-chart-slide{background:linear-gradient(135deg,var(--kc-secondary-alt) 0,var(--kc-accent) 100%);border-radius:var(--kc-radius);box-shadow:0 3px 18px 1px rgba(0,0,0,.54);flex-shrink:0;height:100%;padding:var(--kc-space);scroll-snap-align:center;width:50vw}.slider-nav{background:var(--kc-primary);border:none;border-radius:1em;bottom:-2em;color:#fff;cursor:pointer;height:3em;margin-inline:3.5em;opacity:.6;padding:10px 4px;position:absolute;transition:var(--kc-transition);width:3em;z-index:9999;&:hover{background:var(--kc-primary-light)}&.prev{left:10px}&.next{right:10px}@media (max-width:768px){display:none}}.apexcharts-svg{overflow:visible!important}.apexcharts-pie{min-height:300px}.apexcharts-pie-series{transform-origin:bottom right;transition:scale .2s ease;&:hover{cursor:help;scale:1.03}&:first-of-type{transform-origin:top left}&:nth-of-type(3){transform-origin:bottom}}.apexcharts-legend-text{color:#000!important;font-size:1rem!important;font-weight:800!important;letter-spacing:1px!important;margin-left:.1ch!important;text-shadow:0 0 6px rgba(0,0,0,.5)!important}@media (max-width:768px){.deficit-chart{min-height:300px}}@media (max-width:1200px) and (min-width:1000px){.calc-side-panel{font-size:var(--responsive-text)}}