@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap");@font-face{font-family:OSeong HanEum;font-display:swap;src:url(/fonts/OSeongandHanEum-Bold.otf) format("opentype")}:root{--ink:#292a33;--muted:#818696;--line:#e8e6f1;--panel:#ffffff;--field:#faf9fe;--green:#39a66a;--teal:#098d97;--gold:#c08a3d;--danger:#c94b5f;--paper:#eef0f7;--purple:#7154d4;--purple-soft:#f2eefc;--shadow:0 24px 60px rgba(66,62,98,0.11)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Atkinson Hyperlegible,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}::selection{background:#d8cff8;color:var(--ink)}input::selection,textarea::selection{background:#cfc4f5;color:var(--ink)}.streamline-panel-icon,.streamline-target-icon{display:block;filter:invert(31%) sepia(59%) saturate(1438%) hue-rotate(229deg) brightness(88%) contrast(88%);flex:0 0 auto}.shell{width:min(1180px,calc(100vw - 32px));margin:0 auto}.summary-band{position:relative;overflow:hidden;background:#4a347f;color:white}.summary-band:before{position:absolute;z-index:1;inset:0;background:linear-gradient(135deg,rgba(35,25,71,.28),rgba(113,84,212,.18));content:""}.summary-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:32px;gap:32px;min-height:360px;align-items:end;padding:58px 0 42px}.title-block h1{max-width:760px;margin:8px 0 14px;font-size:clamp(2.2rem,6vw,4.8rem);line-height:.98;letter-spacing:0}.title-block p{max-width:720px;color:rgba(255,255,255,.86);font-size:1.05rem}.brand-lockup{display:inline-flex;align-items:center;gap:13px;margin-bottom:18px}.brand-lockup img{width:42px;height:42px}.brand-lockup span{color:white;font-family:OSeong HanEum,Atkinson Hyperlegible,sans-serif;font-size:2.15rem;line-height:1}.beta-tag{font-size:1rem!important;padding:8px 12px;background-color:#371d73;border-radius:12px}.landing-page{min-height:100vh;background:#4a347f;color:white}.landing-hero{position:relative;overflow:hidden;min-height:100vh;background:linear-gradient(135deg,rgba(35,25,71,.35),rgba(113,84,212,.16)),#4a347f}.landing-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-gap:48px;gap:48px;min-height:100vh;align-items:center;padding:56px 0}.landing-copy h1{max-width:760px;margin:16px 0;font-size:clamp(2.5rem,6vw,5.2rem);line-height:.98}.landing-copy p{max-width:680px;color:rgba(255,255,255,.84);font-size:1.1rem;line-height:1.55}.landing-copy .beta-note{max-width:640px;color:rgba(255,255,255,.72);font-size:.95rem}.landing-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.landing-points span{color:rgba(255,255,255,.9);font-weight:800;padding:8px 16px 8px 0;display:flex;align-items:center;gap:8px}.landing-points .streamline-target-icon{filter:invert(100%) opacity(60%)}.landing-points .lucide-award,.landing-points .lucide-calculator{filter:opacity(60%)}.landing-auth-card{border:1px solid rgba(232,230,241,.92);border-radius:8px;background:white;box-shadow:var(--shadow);color:var(--ink);padding:26px}.landing-auth-card h2{margin:6px 0 8px;font-size:1.65rem}.auth-card-copy{margin:0 0 20px;color:var(--muted);line-height:1.45}.landing-auth-form{display:grid;grid-gap:14px;gap:14px}.social-auth-grid{display:grid;grid-gap:10px;gap:10px}.social-auth-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);font-weight:800;transition:background .14s ease,border-color .14s ease,color .14s ease}.social-auth-button span{display:inline-grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--purple-soft);color:var(--purple);font-size:.82rem;font-weight:900}.social-auth-button:focus-visible,.social-auth-button:hover{border-color:#cfc4f5;background:#fdfcff;color:var(--purple)}.social-auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.82rem;font-weight:800}.auth-divider:after,.auth-divider:before{height:1px;flex:1 1;background:var(--line);content:""}.auth-switch-button{width:100%}.text-button{border:0;background:transparent;color:var(--purple);font-weight:800;min-height:36px;padding:0}.text-button:focus-visible,.text-button:hover{text-decoration:underline}.text-button:disabled{cursor:not-allowed;opacity:.55}.legal-note{margin:16px 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.legal-note a{color:var(--purple);font-weight:800}.eyebrow{margin:0;color:#8d76eb;font-size:.77rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.goal-panel,.metric,.tool-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.goal-panel{padding:22px;color:var(--ink)}.account-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);padding:18px}.account-panel h2{margin:3px 0 6px;font-size:1.15rem}.account-panel p{margin:0;color:var(--muted)}.account-form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto;grid-gap:12px;gap:12px;align-items:end;width:min(720px,100%)}.account-actions{display:flex;gap:8px}.compact-auth-button{width:auto;min-height:42px;margin-top:0;padding:0 18px}.account-message{grid-column:1/-1;color:var(--danger);font-size:.9rem}label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:.88rem;font-weight:700}input,select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--field);color:var(--ink);padding:0 12px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--field);background-image:linear-gradient(45deg,transparent 50%,var(--purple) 50%),linear-gradient(135deg,var(--purple) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 12px) 19px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:38px}select:hover{border-color:#cfc4f5;background-color:#fdfcff}option:checked{background:var(--purple-soft);color:var(--ink)}input:focus,select:focus{border-color:var(--purple);outline:3px solid rgba(113,84,212,.18)}input[type=date]{color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(31%) sepia(59%) saturate(1438%) hue-rotate(229deg) brightness(88%) contrast(88%);opacity:.9}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=file]{display:flex;align-items:center;padding:7px 10px}input[type=file]::-webkit-file-upload-button{min-height:28px;margin-right:10px;border:1px solid #d8cff6;border-radius:6px;background:var(--purple-soft);color:var(--purple);font:inherit;font-size:.82rem;font-weight:800;padding:0 10px}input[type=file]::file-selector-button{min-height:28px;margin-right:10px;border:1px solid #d8cff6;border-radius:6px;background:var(--purple-soft);color:var(--purple);font:inherit;font-size:.82rem;font-weight:800;padding:0 10px}input[type=file]::-webkit-file-upload-button:hover{background:#ddd1f8}input[type=file]::file-selector-button:hover{background:#ddd1f8}input[type=range]{height:24px;accent-color:var(--purple);background:transparent;padding:0}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#e6def9}input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;border:2px solid white;border-radius:50%;background:var(--purple);box-shadow:0 2px 8px rgba(113,84,212,.28);-webkit-appearance:none;appearance:none}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#e6def9}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid white;border-radius:50%;background:var(--purple);box-shadow:0 2px 8px rgba(113,84,212,.28)}.input-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;background:var(--field);padding:0 12px}.input-row input{border:0;background:transparent;padding-inline:0}.date-picker{position:relative}.date-input-row{padding-right:4px}.date-picker-button{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:0;border-radius:6px;background:var(--purple-soft);color:var(--purple)}.date-picker-button:hover{background:#ddd1f8}.date-popover{position:absolute;z-index:10;top:calc(100% + 8px);left:0;width:min(320px,calc(100vw - 48px));border:1px solid var(--line);border-radius:8px;background:white;box-shadow:var(--shadow);padding:12px}.date-popover-header{display:grid;grid-template-columns:36px 1fr 36px;grid-gap:8px;gap:8px;align-items:center;margin-bottom:10px;text-align:center}.date-grid button,.date-popover-header button{border:0;border-radius:6px;background:transparent;color:var(--ink);font-weight:800}.date-popover-header button{height:34px;color:var(--purple)}.date-grid button:hover,.date-popover-header button:hover{background:var(--purple-soft)}.date-grid,.date-weekdays{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.date-weekdays{margin-bottom:5px;color:var(--muted);font-size:.72rem;text-align:center}.date-grid button{aspect-ratio:1;min-width:0}.date-grid button.muted-day{color:#b8bac7}.date-grid button.selected-day{background:var(--purple);color:white}.date-grid button:focus{outline:3px solid rgba(113,84,212,.18)}.date-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.input-row:focus-within{border-color:var(--purple);outline:3px solid rgba(113,84,212,.18)}.input-row input:focus{outline:0}.search-field{display:grid;grid-gap:10px;gap:10px}.progress-track{height:12px;margin-top:18px;overflow:hidden;border-radius:999px;background:#eceaf5}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#c979ef,var(--purple))}.goal-summary{display:grid;grid-gap:5px;gap:5px;margin-top:14px}.goal-summary strong{font-size:1.35rem}.goal-summary span,.subtract-note{color:var(--muted);font-size:.9rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;padding:22px 0}.family-panel{margin-top:22px;margin-bottom:22px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:22px;box-shadow:var(--shadow)}.active-pet-row{display:grid;grid-template-columns:96px 1fr;grid-gap:16px;gap:16px;align-items:center;margin-bottom:16px}.pet-photo{display:grid;width:96px;height:96px;overflow:hidden;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--purple-soft);color:var(--purple);font-size:2.1rem;font-weight:900}.pet-photo img{width:100%;height:100%;object-fit:cover;transform-origin:center}.pet-switcher{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;align-items:stretch}.crop-controls{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px;margin-bottom:16px;border:1px solid var(--line);border-radius:8px;background:var(--field);padding:14px}.crop-controls.compact-crop{gap:10px;margin-bottom:0;padding:10px}.compact-crop label{gap:5px;font-size:.8rem}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.metric{padding:20px}.empty,.food-option small,.log-row small,.metric span,.source-note{color:var(--muted)}.metric strong{display:block;margin-top:7px;font-size:1.7rem}.danger{color:var(--danger)}.attention{color:#9b6a00}.needed,.success{color:var(--purple)}.app-grid,.calculator-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;padding-bottom:22px}.calculator-unavailable{grid-column:1/-1}.calculator-grid.calorie-only{grid-template-columns:1fr}.hidden-panel{display:none}.tool-panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.panel-heading h2,.references h2{margin:4px 0 0;font-size:1.35rem;letter-spacing:0}.heading-with-icon{display:inline-flex;align-items:center;gap:10px}.heading-with-icon>svg{color:var(--purple);flex:0 0 auto}.log-date-switcher{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-8px 0 16px;width:100%;color:var(--muted);font-size:.92rem;font-weight:800}.log-date-switcher time{flex:1 1;min-width:0;text-align:center}.date-step-button{width:32px;height:32px}.date-step-button:hover{border-color:#d8cff6;background:var(--purple-soft)}.export-controls{display:flex;gap:8px;align-items:flex-end}.export-controls label{min-width:118px}.export-controls select{min-height:38px;font-size:.86rem}.export-button{color:var(--purple)}.header-pet-select{margin-top:4px;min-width:min(320px,68vw)}.food-list,.log-list{display:grid;grid-gap:10px;gap:10px;margin:16px 0}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;margin-bottom:18px;border:1px solid var(--line);border-radius:8px;background:var(--field);padding:4px}.segmented-control button{min-height:40px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:800}.segmented-control button.active{background:white;color:var(--purple);box-shadow:0 8px 20px rgba(82,72,132,.1)}.manual-entry,.single-field{display:grid;grid-gap:14px;gap:14px}.log-kind-field{display:grid;grid-gap:8px;gap:8px;margin-top:16px}.log-kind-control{display:flex;align-items:center;gap:14px;border:0;background:transparent;padding:0;margin-bottom:0}.log-kind-control button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:128px;min-height:58px;border:1px solid transparent;border-radius:999px;color:var(--purple);font-weight:900}.log-kind-control button svg{stroke-width:2.3}.log-kind-control button.active{border-color:#d8cdf9;background:#ece5ff;color:var(--purple);box-shadow:none}.log-kind-control button:not(.active):hover{border-color:#d8cdf9;background:#f7f3ff}.food-option{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:68px;border:1px solid var(--line);border-radius:8px;background:white;padding:13px;text-align:left;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.food-option:hover{border-color:#cfc4f5;background:#fdfcff}.food-select-button{display:grid;flex:1 1;min-width:0;border:0;background:transparent;padding:0;text-align:left}.food-display-row{display:grid;grid-gap:4px;gap:4px;flex:1 1;min-width:0}.food-name-line{display:inline-flex;align-items:center;gap:8px}.food-brand-select,.food-name-line,.food-name-select{position:relative;z-index:2;width:-moz-fit-content;width:fit-content;max-width:100%}.food-brand-select,.food-name-select{border:0;background:transparent;color:inherit;padding:0;text-align:left}.food-brand-select{color:var(--muted)}.food-row-select{position:absolute;z-index:1;inset:0;border:0;border-radius:8px;background:transparent}.food-select-button span,.log-row div{display:grid;grid-gap:4px;gap:4px}.food-name{flex-wrap:wrap;gap:7px}.food-name,.inline-name-edit{display:inline-flex;align-items:center}.inline-name-edit{position:relative;z-index:3;justify-content:center;width:22px;height:22px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);opacity:0;transform:translateX(-2px);transition:opacity .14s ease,transform .14s ease,color .14s ease,border-color .14s ease,background .14s ease}.food-name-line:hover .inline-name-edit,.inline-name-edit:focus-visible{opacity:1;transform:translateX(0)}.inline-name-edit:focus-visible,.inline-name-edit:hover{border-color:#d8cff7;background:#f7f3ff;color:var(--purple)}.verified-inline{display:inline-flex;align-items:center;color:var(--green)}.food-rename-block{display:grid;grid-gap:7px;gap:7px;flex:1 1;min-width:0}.food-rename-block label{margin:0}.food-rename-row{display:flex;align-items:center;gap:10px;width:100%}.food-rename-row input{flex:1 1;min-width:0;min-height:42px}.food-rename-actions{display:flex;align-items:center;gap:6px}.food-rename-actions .icon-button{width:42px;height:42px;flex:0 0 42px}.food-option.selected{border-color:var(--purple);outline:3px solid rgba(113,84,212,.14)}.analysis-grid,.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.analysis-grid{grid-template-columns:repeat(3,1fr)}.analysis-grid.compact{grid-template-columns:repeat(2,1fr)}.amount-unit-grid{grid-template-columns:minmax(0,1fr) 130px}.icon-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;font-weight:800;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.primary-button{width:100%;min-height:48px;margin-top:16px;background:var(--purple);color:white}.primary-button:hover{background:#563bb8;box-shadow:0 10px 24px rgba(86,59,184,.24)}.subtract-note{margin:10px 0 0}.duplicate-prompt{display:grid;grid-gap:12px;gap:12px;margin-top:14px;border:1px solid #d9cff8;border-radius:8px;background:#f8f5ff;padding:13px}.duplicate-prompt p{margin:0;color:#57516f;line-height:1.4}.duplicate-prompt div{display:flex;flex-wrap:wrap;gap:8px}.secondary-button{min-height:42px;background:var(--purple-soft);color:var(--purple);padding:0 13px}.secondary-button:hover{background:#ddd1f8;box-shadow:0 8px 18px rgba(113,84,212,.12)}.save-food-button{width:100%;margin-top:4px}.icon-button{width:38px;height:38px;border:1px solid var(--line);background:white;color:var(--danger)}.date-step-button{color:var(--purple)}.date-step-button:focus-visible,.date-step-button:hover{border-color:#d8cff6;background:var(--purple-soft);color:var(--purple)}.icon-button:hover{border-color:#f0bfca;background:#ffe8ee}.source-note{margin:14px 0 0;font-size:.9rem;line-height:1.45}.log-entry{border-bottom:1px solid var(--line)}.log-row{display:grid;grid-template-columns:1fr auto auto;grid-gap:12px;gap:12px;align-items:center;padding:12px 0}.log-row .log-actions{display:flex;gap:8px}.edit-button{color:var(--purple)}.edit-button:hover{border-color:#d8cff6;background:var(--purple-soft)}.export-button{color:var(--teal)}.export-button:hover{border-color:#d8cff6;background:var(--purple-soft)}.log-edit-row{display:grid;grid-template-columns:1fr 120px auto;grid-gap:10px;gap:10px;align-items:end;padding:0 0 14px}.compact-save{width:auto;min-height:44px;margin-top:0;padding:0 16px}.result-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}.result-strip span,.result-strip strong{border-radius:6px;background:var(--field);padding:11px 12px}.caveat{display:flex;gap:10px;margin-top:16px;border-left:4px solid var(--purple);background:#f6f3ff;padding:13px}.caveat p{margin:0;color:#57516f;line-height:1.45}.references-band{margin-top:16px;background:#f7f7fb;padding:28px 0}.references{display:grid;grid-template-columns:260px 1fr;grid-gap:24px;gap:24px;align-items:flex-start}.reference-list{display:flex;flex-wrap:wrap;gap:10px}.reference-list a{border:1px solid var(--line);border-radius:999px;background:white;color:var(--purple);font-weight:800;padding:10px 13px;text-decoration:none}.support-footer{padding:18px 0 28px;background:#f7f7fb;text-align:center}.support-footer a{color:var(--purple);font-size:.9rem;font-weight:800;text-decoration:none}.support-footer a:focus-visible,.support-footer a:hover{text-decoration:underline}.support-footer span{color:var(--muted);margin:0 7px}.legal-page{min-height:100vh;background:var(--paper);padding:48px 0}.legal-panel{border:1px solid var(--line);border-radius:8px;background:white;box-shadow:var(--shadow);padding:28px}.legal-panel h1{margin:6px 0 18px;font-size:clamp(2rem,5vw,3.5rem);line-height:1}.legal-panel p{max-width:760px;color:var(--muted);line-height:1.55}.legal-home-link{margin-top:12px;text-decoration:none}.reset-form{display:grid;max-width:420px;grid-gap:14px;gap:14px;margin:20px 0}@media (max-width:860px){.app-grid,.calculator-grid,.landing-grid,.references,.summary-grid{grid-template-columns:1fr}.metrics-grid,.profile-grid{grid-template-columns:repeat(2,1fr)}.active-pet-row,.crop-controls,.pet-switcher{grid-template-columns:1fr}.account-form,.account-panel{align-items:stretch;grid-template-columns:1fr}.account-panel{flex-direction:column}.summary-grid{min-height:520px}}@media (max-width:560px){.analysis-grid,.analysis-grid.compact,.form-grid,.log-edit-row,.metrics-grid,.profile-grid,.segmented-control{grid-template-columns:1fr}.goal-panel,.metric,.tool-panel{padding:16px}.title-block h1{font-size:2.2rem}}