@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--color-primary:#0f766e;--color-primary-dark:#0d5f58;--color-primary-light:#f0fdfa;--color-primary-border:#99f6e4;--color-bg:#fff;--color-surface:#f9fafb;--color-border:#e5e7eb;--color-text:#111827;--color-muted:#6b7280;--color-error:#dc2626;--color-bg-alt:#f8fafc;--color-bg-blue:#f0fdfa;--color-success:#16a34a;--color-success-light:#f0fdf4;--color-warning:#d97706;--color-warning-light:#fffbeb;--color-error-light:#fef2f2;--color-error-border:#fca5a5;--color-info:#0891b2;--color-info-light:#ecfeff;--color-gain:#7c3aed;--color-maintain:#0f766e;--color-mild-loss:#0891b2;--color-loss:#d97706;--color-extreme-loss:#dc2626;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:8px;--radius:12px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000f;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #00000012, 0 4px 6px #0000000d;--shadow-float:0 20px 60px #00000014, 0 4px 12px #0000000a;--font-heading:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.2;--leading-normal:1.6;--leading-relaxed:1.75;--color-body:#374151;--color-subtle:#9ca3af;--max-width:760px;--max-width-wide:1100px;--container-px:1rem}.dark{--color-bg:#0f172a;--color-surface:#1e293b;--color-bg-alt:#1a2540;--color-bg-blue:#0f2f2d;--color-border:#334155;--color-text:#f1f5f9;--color-body:#cbd5e1;--color-muted:#94a3b8;--color-subtle:#64748b;--color-primary:#2dd4bf;--color-primary-dark:#14b8a6;--color-primary-light:#134e4a;--color-primary-border:#115e59;--shadow-float:0 20px 60px #0000004d, 0 4px 12px #0003}@media (prefers-color-scheme:dark){:root:not(.dark):not(.light){--color-bg:#0f172a;--color-surface:#1e293b;--color-bg-alt:#1a2540;--color-bg-blue:#0f2f2d;--color-border:#334155;--color-text:#f1f5f9;--color-body:#cbd5e1;--color-muted:#94a3b8;--color-subtle:#64748b;--color-primary:#2dd4bf;--color-primary-dark:#14b8a6;--color-primary-light:#134e4a;--color-primary-border:#115e59;--shadow-float:0 20px 60px #0000004d, 0 4px 12px #0003}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6}img,video,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer;background:0 0;border:none}fieldset{border:none;margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}h1{font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-extrabold);line-height:var(--leading-tight);color:var(--color-text);letter-spacing:-.02em}h2{font-size:clamp(1.375rem,3vw,1.75rem);font-weight:var(--font-bold);color:var(--color-text);letter-spacing:-.01em;line-height:1.3}h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);line-height:1.4}p{color:var(--color-body);line-height:1.75}a{color:var(--color-primary)}a:hover{text-decoration:underline}article ul,.prose ul{padding-left:1.35rem;list-style:outside}article ol,.prose ol{padding-left:1.35rem;list-style:decimal}article li,.prose li{margin-bottom:var(--space-1)}.container{width:100%;max-width:var(--max-width);padding-inline:var(--container-px);margin-inline:auto}.container--wide{width:100%;max-width:var(--max-width-wide);padding-inline:var(--container-px);margin-inline:auto}.section-white{background-color:var(--color-bg);padding:var(--space-16) 0}.section-alt{background-color:var(--color-bg-alt);padding:var(--space-16) 0}.section-blue{background-color:var(--color-bg-blue);padding:var(--space-16) 0}.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-8);box-shadow:var(--shadow-float)}@media (width>=640px){.card{padding:var(--space-10) var(--space-12)}}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid-2{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=540px){.grid-2{grid-template-columns:1fr 1fr}}.calc-grid{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.calc-grid{grid-template-columns:repeat(3,1fr)}}.calc-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-5) var(--space-6);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.calc-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-border);text-decoration:none;transform:translateY(-4px)}.calc-card__icon{font-size:1.5rem;line-height:1}.calc-card__name{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.calc-card__desc{font-size:var(--text-xs);color:var(--color-muted);line-height:1.4}.site-header{z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);height:3.5rem;display:flex}.site-header__logo{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary);white-space:nowrap;letter-spacing:-.01em;flex-shrink:0}.site-header__logo:hover{opacity:.85;text-decoration:none}.nav-toggle{width:2.5rem;height:2.5rem;padding:var(--space-2);cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;display:flex}.nav-toggle__bar{background-color:var(--color-text);border-radius:2px;width:22px;height:2px;transition:opacity .15s,transform .15s;display:block}#main-nav{border-top:1px solid var(--color-border);background-color:var(--color-bg);display:none}#main-nav.is-open{display:block}#main-nav ul{padding:var(--space-2) 0;margin:0;list-style:none}#main-nav li a{padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);transition:color .15s,background-color .15s;display:block}#main-nav li a:hover,#main-nav li a[aria-current=page]{color:var(--color-primary);background-color:var(--color-primary-light);text-decoration:none}.dark-mode-toggle{border:1.5px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;width:2.25rem;height:2.25rem;color:var(--color-muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:color .15s,border-color .15s,background-color .15s;display:flex}.dark-mode-toggle:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-primary-light)}@media (width>=768px){.nav-toggle{display:none}#main-nav{background:0 0;border-top:none;display:flex!important}#main-nav ul{align-items:center;gap:var(--space-1);padding:0;display:flex}#main-nav li a{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}}.site-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-10) 0 var(--space-6);margin-top:var(--space-12)}.site-footer__top{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=760px){.site-footer__top{grid-template-columns:1fr 2fr;align-items:start}}.site-footer__logo{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary)}.site-footer__logo:hover{opacity:.85;text-decoration:none}.site-footer__tagline{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-2);line-height:1.6}.site-footer__nav{gap:var(--space-6);grid-template-columns:1fr 1fr 1fr;display:grid}.site-footer__col-heading{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.site-footer__col ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.site-footer__col ul a{font-size:var(--text-sm);color:var(--color-muted);transition:color .15s}.site-footer__col ul a:hover{color:var(--color-primary);text-decoration:none}.site-footer__bottom{gap:var(--space-2);padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-muted);flex-direction:column;display:flex}@media (width>=540px){.site-footer__bottom{flex-direction:row;justify-content:space-between;align-items:center}}.site-footer__bottom a{color:var(--color-muted);transition:color .15s}.site-footer__bottom a:hover{color:var(--color-primary);text-decoration:none}label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-1);display:block}.form-group{margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-input{width:100%;min-height:56px;padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);appearance:none;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.form-input.is-error{border-color:var(--color-error);box-shadow:0 0 0 3px #dc26261a}.input-unit-wrap{align-items:stretch;display:flex}.input-unit-wrap .form-input{border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-right:none}.input-unit-badge{padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-muted);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:0 var(--radius-lg) var(--radius-lg) 0;white-space:nowrap;-webkit-user-select:none;user-select:none;border-left:none;align-items:center;display:flex}.form-select{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);appearance:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.radio-pill-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.radio-pill{flex:1;position:relative}.radio-pill input[type=radio]{opacity:0;width:0;height:0;position:absolute}.radio-pill label{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-muted);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;white-space:nowrap;justify-content:center;align-items:center;min-height:48px;margin-bottom:0;transition:color .15s,background-color .15s,border-color .15s;display:flex}.radio-pill:has(input:checked) label{color:var(--color-primary);background-color:var(--color-primary-light);border-color:var(--color-primary);font-weight:var(--font-semibold)}.radio-pill label:hover{border-color:var(--color-primary);color:var(--color-primary)}.field-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1);min-height:1.25rem;display:block}.btn-primary{width:100%;min-height:56px;padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-family:var(--font-heading);font-weight:var(--font-semibold);color:#fff;background-color:var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;letter-spacing:.01em;border:none;transition:background-color .15s,transform .15s,box-shadow .15s}.btn-primary:hover{background-color:var(--color-primary-dark);transform:scale(1.02);box-shadow:0 8px 24px #2563eb4d}.btn-primary:active{box-shadow:none;transform:scale(.99)}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb66}.activity-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=480px){.activity-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=640px){.activity-grid{grid-template-columns:repeat(5,1fr)}}.activity-option{position:relative}.activity-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.activity-option label{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-muted);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;flex-direction:column;min-height:64px;margin-bottom:0;line-height:1.3;transition:all .15s;display:flex;position:relative;overflow:visible}.activity-option label .activity-icon{font-size:1.375rem;line-height:1;display:block}.activity-option label .activity-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:inherit;line-height:1.2}.activity-option label .activity-desc{white-space:normal;text-align:center;color:#f1f5f9;width:max-content;max-width:180px;font-size:.6875rem;font-weight:var(--font-normal);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);pointer-events:none;opacity:0;visibility:hidden;z-index:20;background-color:#1e293b;line-height:1.4;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.activity-option label .activity-desc:after{content:"";border:5px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;left:50%;transform:translate(-50%)}.activity-option label:hover .activity-desc{opacity:1;visibility:visible}.activity-option:has(input:checked) label{color:var(--color-primary);background-color:var(--color-primary-light);border-color:var(--color-primary);font-weight:var(--font-semibold)}.activity-option label:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.unit-toggle{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.unit-toggle__option{position:relative}.unit-toggle__option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.unit-toggle__option label{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-muted);cursor:pointer;white-space:nowrap;margin-bottom:0;transition:color .15s,background-color .15s;display:block}.unit-toggle__option:has(input:checked) label{color:var(--color-bg);background-color:var(--color-primary);font-weight:var(--font-semibold)}.stat-box{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-5) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;flex-direction:column;display:flex}.stat-box--primary{background-color:var(--color-primary-light);border-color:var(--color-primary)}.stat-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2rem;font-weight:var(--font-extrabold);color:var(--color-text);line-height:1}.stat-box--primary .stat-value{color:var(--color-primary)}.stat-unit{font-size:var(--text-sm);color:var(--color-muted);font-weight:var(--font-medium)}.results{gap:var(--space-3);margin-top:var(--space-6);display:grid}.results--hidden{display:none}.goal-card{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background-color:var(--color-bg);border:1.5px solid var(--color-border);border-left-width:4px;border-left-color:var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s;display:flex}.goal-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.goal-card__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.goal-card__value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary);white-space:nowrap}.goal-card__kcal{font-size:var(--text-xs);color:var(--color-muted);font-weight:var(--font-medium)}.goal-card--gain{border-left-color:var(--color-gain)}.goal-card--gain .goal-card__value{color:var(--color-gain)}.goal-card--maintain{border-left-color:var(--color-primary)}.goal-card--maintain .goal-card__value{color:var(--color-primary)}.goal-card--mild-loss{border-left-color:var(--color-mild-loss)}.goal-card--mild-loss .goal-card__value{color:var(--color-mild-loss)}.goal-card--loss{border-left-color:var(--color-loss)}.goal-card--loss .goal-card__value{color:var(--color-loss)}.goal-card--extreme-loss{border-left-color:var(--color-error)}.goal-card--extreme-loss .goal-card__value{color:var(--color-error)}.ad-slot{border:1px dashed var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);contain:layout;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.ad-slot--leaderboard{min-height:90px}.ad-slot--rectangle{min-height:250px}.ad-slot__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-muted);text-transform:uppercase;letter-spacing:.1em;pointer-events:none;-webkit-user-select:none;user-select:none}.ad-slot ins~.ad-slot__label{display:none}.faq{gap:var(--space-3);flex-direction:column;display:flex}.faq details{background-color:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s;overflow:hidden}.faq details:hover{box-shadow:var(--shadow-md)}.faq summary{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;transition:background-color .2s;display:flex}.faq summary{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;transition:background-color .15s;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary::marker{display:none}.faq summary:after{content:"+";font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary);flex-shrink:0;line-height:1;transition:transform .2s}.faq details[open]>summary{background-color:var(--color-surface)}.faq details[open]>summary:after{transform:rotate(45deg)}.faq__answer{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);color:var(--color-body);border-top:1px solid var(--color-border);line-height:1.75}.faq__answer p+p{margin-top:var(--space-3)}