.picker-grid{display:flex;flex-direction:column;gap:10px;margin-top:4px}.picker-card{background:#fff;border:1.5px solid var(--color-stroke);border-radius:var(--r-md);display:flex;align-items:center;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s}.picker-card:hover{border-color:var(--color-brand);box-shadow:0 4px 16px #ef433a1f}.picker-card-img{width:72px;height:64px;object-fit:cover;flex-shrink:0}.picker-card-img-placeholder{width:72px;height:64px;background:var(--color-bg-cream);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.picker-card-body{padding:10px 14px;flex:1;min-width:0}.picker-card-name{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--color-ink);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-card-cat{font-family:var(--font-sans);font-size:12px;color:var(--color-label);margin:0}.picker-card-arrow{padding-right:14px;color:var(--color-brand)}.recipe-img{width:100%;height:160px;object-fit:cover;border-radius:var(--r-md);margin-bottom:16px;display:block}.ing-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px}.ing-list li{font-family:var(--font-sans);font-size:13px;color:var(--color-body);padding:8px 12px;background:var(--color-bg-grey);border-radius:var(--r-sm);border-left:3px solid var(--color-brand)}.macro-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.search-again-btn{background:none;border:none;color:var(--color-brand);font-family:var(--font-sans);font-size:13px;cursor:pointer;text-decoration:underline;display:block;text-align:center;width:100%;margin-top:12px;padding:0}.loading-row{display:none;align-items:center;gap:10px;padding:16px 0}.loading-row.is-visible{display:flex}.spinner{width:18px;height:18px;border:2px solid var(--color-stroke);border-top-color:var(--color-brand);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-sans);font-size:13px;color:var(--color-label)}.score-teaser{background:var(--color-bg-cream);border-radius:var(--r-md);padding:20px;margin-top:16px;border:1px solid var(--color-divider)}.score-teaser__hd{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--color-ink);margin:0 0 12px}.score-teaser__tabs{display:flex;gap:4px;background:var(--color-stroke);border-radius:var(--r-pill);padding:3px;width:fit-content;margin-bottom:14px}.score-teaser__tab{font-family:var(--font-sans);font-size:12px;font-weight:600;padding:5px 14px;border-radius:var(--r-pill);border:none;background:transparent;color:#888;cursor:pointer;transition:all .15s}.score-teaser__tab.active{background:#fff;color:var(--color-ink);box-shadow:0 1px 4px #0000001a}.score-teaser__panel{display:none}.score-teaser__panel.active{display:block}.score-teaser__row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.score-teaser__label{font-family:var(--font-sans);font-size:12px;color:var(--color-body);width:130px;flex-shrink:0}.score-teaser__bar{flex:1;height:6px;background:var(--color-stroke);border-radius:3px;overflow:hidden}.score-teaser__fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--color-brand),#f97316);opacity:.3;width:60%}.score-teaser__lock{font-family:var(--font-sans);font-size:10px;color:var(--color-label);width:28px;text-align:right;flex-shrink:0}.score-teaser__fill.is-real{opacity:1;width:0;background:linear-gradient(90deg,var(--color-brand),#f97316)}.score-teaser__num{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--color-ink);width:36px;text-align:right;flex-shrink:0;transition:filter .3s ease}.score-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.score-tag{font-family:var(--font-sans);font-size:11px;font-weight:600;color:var(--color-brand);background:#fff;border:1px solid var(--color-stroke);border-radius:var(--r-pill);padding:3px 10px}.tool-page{background:radial-gradient(70% 120% at 15% 0%,#c2d6ff59,#c2d6ff00 55%),radial-gradient(70% 120% at 90% 10%,#fbdfb173,#fbdfb100 55%),#fbf4f4;border-bottom:1px solid #ebebeb}#calculator{scroll-margin-top:80px}.tool-app{margin-top:20px;padding-top:20px;border-top:1px solid #ebebeb;display:grid;gap:16px;justify-items:center}.tool-app--card{margin-top:0;padding-top:0;border-top:0}.tool-app__qr{display:flex;align-items:center;gap:14px}.tool-app__qr img{width:184px;height:184px;padding:6px;background:#fff;border:1px solid #e5e5e5;border-radius:12px}.tool-app__qr p{margin:0;max-width:180px;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:#292929}@media(max-width:640px){.tool-app__qr{display:none}}.tool-app__note{margin:0;font-family:var(--font-sans);font-size:13px;line-height:1.5;color:#6b6b6b;text-align:center}.tool-explain{padding:56px 24px;border-top:1px solid #ebebeb;background:#fff}.tool-explain__inner{max-width:760px;margin:0 auto}.tool-explain__title{font-family:Proza Libre,serif;font-size:26px;font-weight:700;color:#03000d;margin:0 0 16px}.tool-explain p,.tool-explain li{font-size:16px;line-height:1.65;color:#292929;margin:0 0 14px}.tool-explain ul{padding-left:22px;margin:0 0 14px}.tool-explain a{color:#ef433a}.tool-explain__src{font-size:13px!important;color:#5c5c5c!important}.rr-section{padding:56px 24px;border-top:1px solid #ebebeb;background:#fff}.rr-inner{max-width:760px;margin:0 auto}.rr-title{font-family:Proza Libre,serif;font-size:22px;font-weight:700;color:#03000d;margin-bottom:20px}.rr-list{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px}.rr-list li{font-size:15px}.rr-list a{color:#ef433a;text-decoration:none}.rr-list a:hover{text-decoration:underline}.tool-close{padding:56px 24px 64px;border-top:1px solid #ebebeb;background:#f8f6f6;text-align:center}.tool-close__inner{max-width:640px;margin:0 auto;display:grid;gap:16px;justify-items:center}.tool-close__title{font-family:Proza Libre,serif;font-size:26px;font-weight:700;color:#03000d;margin:0}.tool-close__sub{margin:0;font-size:16px;line-height:1.5;color:#292929}.tool-close__btn{display:inline-flex;width:auto}.tool-close__app{margin-top:8px;width:100%}.tool-close__links{margin:8px 0 0;font-size:14px;line-height:1.8;color:#292929}.tool-close__links a{color:#ef433a;text-decoration:none}.tool-close__links a:hover{text-decoration:underline}