.page-content{flex-direction:column;flex:1;display:flex}.header{z-index:100;background:color-mix(in srgb, var(--color-bg) 92%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);box-shadow:0 1px 12px color-mix(in srgb, var(--color-text) 6%, transparent);-webkit-backdrop-filter:blur(18px)saturate(180%);transition:background .3s,border-color .3s,box-shadow .3s;position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:800px;min-height:4.5rem;margin:0 auto;padding:0 1.5rem;display:flex}.header__logo{color:var(--color-text);letter-spacing:-.01em;font-family:Playfair Display Variable,serif;font-size:1.4rem;font-weight:900;text-decoration:none;transition:opacity .15s}.header__logo:hover{opacity:.8}.header__logo span{color:var(--color-primary);font-family:inherit}@media (width<=430px){.header__inner{min-height:4rem;padding:0 1rem}.header__logo{font-size:1.25rem}}.theme-toggle-pill{background:color-mix(in srgb, var(--color-bg) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);box-shadow:0 1px 4px color-mix(in srgb, var(--color-text) 8%, transparent);border-radius:9999px;align-items:center;gap:.125rem;padding:.25rem;display:flex}.theme-toggle-btn{color:var(--color-icon);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:background .15s,color .15s;display:flex}.theme-toggle-btn:hover{color:var(--color-text)}.theme-toggle-btn--active{background:var(--color-primary);color:#fff}.theme-toggle-btn--active:hover{background:var(--color-primary-hover);color:#fff}.theme-toggle__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:14px;height:14px}.footer{border-top:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);margin-top:2rem}.footer__inner{justify-content:center;align-items:center;max-width:560px;margin:0 auto;padding:1.5rem 1rem;display:flex}.footer__copy{color:var(--color-icon);margin:0;font-size:.875rem}.hero{background:#1a1208;height:380px;position:relative;overflow:hidden}.hero__img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.hero__img--loaded{opacity:1}.hero__overlay{background:linear-gradient(#0c080473,#0c0804cc);position:absolute;inset:0}.hero__content{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:100%;padding:0 1.5rem;display:flex;position:relative}.hero__title{letter-spacing:-.01em;color:#fff;margin:0;font-family:Playfair Display Variable,serif;font-size:3.5rem;font-weight:900;line-height:1}.hero__title span{color:var(--color-primary);font-family:inherit}.hero__tagline{color:#ffffffb8;max-width:380px;margin:0;font-size:1rem;line-height:1.55}.app{z-index:1;max-width:560px;margin:-2.5rem auto 0;padding:0 1rem 2rem;position:relative}.content{flex-direction:column;gap:1.75rem;display:flex}.card{background:var(--color-bg);border:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);box-shadow:0 4px 6px color-mix(in srgb, var(--color-text) 4%, transparent), 0 12px 40px color-mix(in srgb, var(--color-text) 10%, transparent);border-radius:1.25rem;padding:2rem}.hunger-selector{flex-direction:column;gap:.5rem;display:flex}.hunger-selector__label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-icon);font-size:.75rem;font-weight:600}.hunger-selector__cards{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.hunger-card{border:1.5px solid color-mix(in srgb, var(--color-text) 15%, transparent);cursor:pointer;text-align:center;background:0 0;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .5rem;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s;display:flex}.hunger-card:hover{border-color:color-mix(in srgb, var(--color-primary) 60%, transparent)}.hunger-card--active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, var(--color-bg));box-shadow:0 2px 14px color-mix(in srgb, var(--color-primary) 18%, transparent);transform:scale(1.04)}.hunger-card__emoji{font-size:1.6rem;line-height:1}.hunger-card__label{color:var(--color-text);font-size:.875rem;font-weight:700}.hunger-card__desc{color:var(--color-icon);font-size:.7rem;line-height:1.3}.result{text-align:center;background:var(--color-primary);color:#fff;border-radius:1rem;flex-direction:column;align-items:center;gap:.2rem;padding:2rem 2rem 1.75rem;display:flex;position:relative;overflow:hidden}@keyframes bounce-pizza{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(3deg)}}.result-bg-emoji{opacity:.1;pointer-events:none;font-size:8rem;line-height:1;animation:2s ease-in-out infinite bounce-pizza;position:absolute;top:-1rem;right:-1.5rem}.result-label{letter-spacing:.09em;text-transform:uppercase;opacity:.85;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.result-number{letter-spacing:-.04em;font-size:6rem;font-weight:800;line-height:1}.result-unit{opacity:.9;margin-top:.25rem;font-size:1.1rem;font-weight:600}.result-detail{opacity:.65;margin-top:.5rem;font-size:.85rem}@media (width<=430px){.app{padding:0 .625rem 2rem}.card{border-radius:1rem;padding:1.25rem}.hunger-selector__cards{gap:.5rem}.hunger-card{border-radius:.75rem;gap:.3rem;padding:.875rem .25rem}.hunger-card__emoji{font-size:1.3rem}.hunger-card__label{font-size:.8rem}.hunger-card__desc{font-size:.65rem}}.number-input{flex-direction:column;gap:.5rem;display:flex}.number-input label{color:var(--color-icon);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.number-input__field{background:var(--color-bg);border:1.5px solid color-mix(in srgb, var(--color-text) 15%, transparent);border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:border-color .15s;display:grid}.number-input__field:focus-within{border-color:var(--color-primary)}.number-input__field input{color:var(--color-text);text-align:center;letter-spacing:-.03em;appearance:textfield;background:0 0;border:none;outline:none;min-width:0;font-size:2.5rem;font-weight:800}.number-input__field input::-webkit-outer-spin-button{appearance:none}.number-input__field input::-webkit-inner-spin-button{appearance:none}.number-input__btn{background:color-mix(in srgb, var(--color-text) 8%, transparent);cursor:pointer;width:2.75rem;height:2.75rem;color:var(--color-text);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:background .15s;display:flex}.number-input__btn:hover{background:color-mix(in srgb, var(--color-text) 15%, transparent)}.number-input__btn:disabled{opacity:.3;cursor:not-allowed}@media (width<=430px){.number-input__field{padding:.75rem 1rem}.number-input__field input{font-size:2rem}.number-input__btn{width:2.25rem;height:2.25rem;font-size:1.2rem}}.not-found{background:var(--color-bg);flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.not-found__box{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;display:flex}.not-found__emoji{font-size:3rem}.not-found__title{letter-spacing:-.04em;color:var(--color-primary);margin:0;font-size:5rem;font-weight:800;line-height:1}.not-found__message{color:var(--color-icon);margin:0;font-size:1.1rem}.not-found__link{color:var(--color-primary);margin-top:.5rem;font-weight:600;text-decoration:none}.not-found__link:hover{text-decoration:underline}@font-face{font-family:Inter Variable;font-style:normal;font-display:block;font-weight:100 900;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:block;font-weight:100 900;src:url(/fonts/inter-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:block;font-weight:400 900;src:url(/fonts/playfair-display-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:block;font-weight:400 900;src:url(/fonts/playfair-display-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*{font-family:Inter Variable,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--color-bg:#f8f9fb;--color-text:#111827;--color-primary:#da3a1c;--color-primary-hover:#c2410c;--color-icon:#6b7280}.dark{--color-bg:#1f2937;--color-text:#f8f9fb;--color-primary:#e04a2e;--color-primary-hover:#c8411f;--color-icon:#9ca3af}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}