:root{color:#f7f4ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#181914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}button,input{font:inherit;border:0}.fruit-board{--active-color:#ef4444;background:radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--active-color) 62%, transparent), transparent 32%), radial-gradient(circle at 78% 20%, color-mix(in srgb, var(--active-color) 36%, #fff 10%), transparent 34%), radial-gradient(circle at 84% 82%, color-mix(in srgb, var(--active-color) 42%, #4f46e5 18%), transparent 36%), radial-gradient(circle at 16% 86%, color-mix(in srgb, var(--active-color) 38%, #f8fafc 8%), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--active-color) 28%, #24160f), #151712 48%, color-mix(in srgb, var(--active-color) 18%, #151b25) 100%);min-height:100dvh;transition:background .42s;position:relative;overflow:hidden}.fruit-board:before{z-index:0;pointer-events:none;-webkit-backdrop-filter:blur(28px)saturate(1.55);backdrop-filter:blur(28px)saturate(1.55);content:"";background:linear-gradient(135deg,#ffffff14,#ffffff04),radial-gradient(circle at 48% 46%,#ffffff1a,#0000 36%);position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 0 72%,#0000 100%);mask-image:radial-gradient(#000 0 72%,#0000 100%)}.tile-grid{z-index:1;grid-template-rows:repeat(4,25dvh);grid-template-columns:repeat(10,10vw);place-content:start;width:100vw;height:100dvh;display:grid;position:relative;overflow:hidden}.fruit-tile{--fruit-color:#ffc947;color:#fffaf1;background:linear-gradient(145deg, color-mix(in srgb, var(--fruit-color) 54%, #ffffff24), color-mix(in srgb, var(--fruit-color) 30%, #00000047)), color-mix(in srgb, var(--fruit-color) 34%, #1a1c17);-webkit-backdrop-filter:blur(20px)saturate(1.95);backdrop-filter:blur(20px)saturate(1.95);cursor:pointer;width:100%;min-width:0;height:100%;min-height:0;animation:.86s cubic-bezier(.16,1,.3,1) both pageTurn;animation-delay:var(--turn-delay,0s);transform-origin:0;backface-visibility:hidden;will-change:transform, opacity;border:none;border-radius:0;grid-template-rows:1fr auto;place-items:center;padding:clamp(8px,1.1vw,18px);transition:background .22s,color .22s,border-color .18s,border-width .18s,box-shadow .24s cubic-bezier(.22,1,.36,1),transform .24s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden}.fruit-tile:before{background:color-mix(in srgb, var(--fruit-color) 38%, transparent);filter:blur(26px);opacity:0;content:"";border-radius:999px;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);position:absolute;inset:10%;transform:scale(.92)}.fruit-tile:hover,.fruit-tile.is-match{z-index:2;color:var(--ink-color,var(--fruit-color));background:#fff;box-shadow:0 18px 40px #0000004d}.fruit-tile.is-match{z-index:3}@keyframes pageTurn{0%{opacity:0;transform:perspective(1100px) translate3d(calc(-1 * var(--turn-lift,0px)), 0, 0) rotateY(var(--turn-rotate,-54deg)) scale(.96)}44%{opacity:1;transform:perspective(1100px)translate(3px)rotateY(4deg)scale(1.005)}72%{opacity:1;transform:perspective(1100px)translate(0,0)rotateY(-1deg)scale(1)}to{opacity:1;transform:perspective(1100px)translate(0,0)rotateY(0)scale(1)}}.tile-emoji,.tile-name{z-index:1;position:relative}.tile-emoji{filter:drop-shadow(0 14px 20px #00000038);align-self:center;place-items:center;font-size:clamp(34px,6vw,82px);line-height:1;display:grid}.tile-name{letter-spacing:-.04em;text-align:center;text-wrap:balance;align-self:end;max-width:100%;font-size:clamp(11px,1.2vw,17px);font-weight:850;line-height:1.04}.brand-tile{color:#fffaf1;-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:radial-gradient(circle at 84% 18%,#b1ff66ad,#0000 36%),radial-gradient(circle at 24% 82%,#ff5e5e94,#0000 42%),linear-gradient(135deg,#ffb2469e,#ffffff2e);border:none;grid-column:span 2;align-items:end;min-width:0;min-height:0;padding:clamp(16px,2vw,30px);text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 18px 54px #0003}.brand-tile:before{content:"";background:radial-gradient(circle at 88% 12%,#b1ff663d,#0000 34%),radial-gradient(circle at 26% 84%,#ff7a582e,#0000 36%);position:absolute;inset:0}.brand-tile span,.brand-tile small{z-index:1;position:relative}.brand-tile span{letter-spacing:-.1em;font-size:clamp(28px,4.4vw,62px);font-weight:950;line-height:.84}.brand-tile small{color:#fffaf19e;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:850}.view-dock{z-index:9;pointer-events:none;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.view-dock>*{pointer-events:auto}.dock-search,.view-toggle{-webkit-backdrop-filter:blur(28px)saturate(1.4);backdrop-filter:blur(28px)saturate(1.4);background:radial-gradient(circle at 18% 40%,#ff755b85,#0000 40%),radial-gradient(circle at 72% 36%,#b1ff666b,#0000 44%),linear-gradient(135deg,#ffffff47,#ffffff1a);border:1px solid #ffffff3d;border-radius:26px;padding:6px;box-shadow:0 28px 80px #00000057,inset 0 1px #ffffff4d}.dock-search{width:min(180px,100vw - 202px);animation:.22s cubic-bezier(.22,1,.36,1) both searchReveal}@keyframes searchReveal{0%{opacity:0;transform:translate(10px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.dock-search label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.dock-search input{color:#fffaf1;background:#ffffff21;border-radius:20px;outline:none;width:100%;min-width:0;height:46px;padding:0 16px;box-shadow:inset 0 1px #ffffff29}.dock-search input::placeholder{color:#fffaf185}.dock-search input:focus{background:#ffffff2e;box-shadow:inset 0 1px #fff3,0 0 0 4px #ffffff14}.view-toggle{grid-auto-flow:column;gap:6px;display:grid}.view-toggle button{color:#fffaf1ad;cursor:pointer;background:0 0;border-radius:20px;place-items:center;width:46px;height:46px;font-size:28px;font-weight:850;line-height:1;transition:background .18s,color .18s,box-shadow .18s;display:grid}.view-toggle button.is-active{color:#171914;background:#ffffffeb;box-shadow:0 10px 24px #00000024}.sheet-backdrop{z-index:9;-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1);opacity:0;pointer-events:none;background:#0c0e0a47;transition:opacity .32s;position:fixed;inset:0}.sheet-backdrop.is-open{opacity:1;pointer-events:auto}.detail-sheet{z-index:10;color:#171914;background:radial-gradient(circle at 14% 16%, color-mix(in srgb, var(--active-color) 34%, transparent), transparent 34%), radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--active-color) 24%, #fff 24%), transparent 30%), linear-gradient(145deg, color-mix(in srgb, var(--active-color) 12%, #fffffff5), #f4f1e8eb), #f7f4ed;opacity:0;pointer-events:none;border-radius:28px;width:min(92vw,680px);max-height:88vh;padding:clamp(28px,4vw,58px);transition:opacity .32s,transform .36s cubic-bezier(.22,1,.36,1);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)scale(.94);box-shadow:0 40px 120px #0006}.detail-sheet.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.sheet-close{float:right;color:#f7f4ed;cursor:pointer;background:#171914;border-radius:999px;padding:12px 16px;font-size:13px;font-weight:850}.sheet-hero{clear:both;align-items:center;gap:22px;margin-top:34px;display:flex}.sheet-hero span{background:#1719140f;border-radius:34px;flex-shrink:0;place-items:center;width:clamp(96px,12vw,150px);height:clamp(96px,12vw,150px);font-size:clamp(58px,8vw,96px);display:grid}.sheet-hero small,.info-card h3{color:#17191485;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:900;display:block}.info-card h3{letter-spacing:.02em;align-items:center;gap:8px;font-size:17px;display:flex}.sheet-hero>div{min-width:0}.sheet-hero h2{letter-spacing:-.05em;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:clamp(34px,5.2vw,66px);line-height:.92}.sheet-summary{color:#171914b8;max-width:560px;margin:34px 0 0;font-size:clamp(18px,2vw,24px);line-height:1.42}.sheet-grid{gap:12px;margin-top:34px;display:grid}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.info-card{background:#ffffff9e;border:1px solid #1719141a;border-radius:18px;padding:18px}.best-for-card{background:radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--active-color) 20%, transparent), transparent 34%), #ffffffad}.dish-list{grid-template-columns:1fr;gap:10px;display:grid}.bullet{color:color-mix(in srgb, var(--active-color) 70%, #171914);margin-right:7px;font-weight:900}.dish-item{background:#ffffff7a;border:1px solid #17191414;border-radius:14px;padding:14px}.dish-item strong{color:#171914d1;text-transform:capitalize;font-size:15px;line-height:1.2;display:block}.dish-item p{color:#171914a3;margin:8px 0 0;font-size:13px;line-height:1.4}.info-card ul{color:#171914bd;gap:8px;margin:0;padding:0;font-size:14px;line-height:1.45;list-style:none;display:grid}.info-card li{display:block}@media (width<=900px){.fruit-board{overflow:visible}.tile-grid{grid-template-rows:none;grid-template-columns:repeat(3,33.333vw);grid-auto-rows:33.333vw;height:auto;min-height:100dvh;padding-bottom:96px;overflow:visible}.fruit-tile .tile-emoji{font-size:clamp(52px,16vw,92px)}.view-dock{max-width:calc(100vw - 24px);bottom:12px;right:12px}.dock-search{width:min(220px,100vw - 190px)}.detail-sheet{width:min(92vw,520px)}.sheet-grid,.comparison-grid,.dish-list{grid-template-columns:1fr}}@media (width<=560px){.tile-grid{grid-template-columns:repeat(2,50vw);grid-auto-rows:50vw}.fruit-tile .tile-emoji{font-size:clamp(58px,22vw,104px)}.brand-tile{grid-column:span 2;min-height:50vw}.view-dock{flex-direction:column}.dock-search{width:min(100vw - 24px,320px)}}