:root{--bg:#fff8f0;--surface:#ffffff;--warm:#ffefdc;--text:#2b1d14;--muted:#5b4636;--border:#8a6f5a;--soft-border:#e6d3c0;--primary:#a63d12;--primary-text:#ffffff;--accent:#0f5c57;--ok:#14532d;--warn:#7a4a00;--block:#8a1111;--banner:#ffe08a;--focus:#0b4f8a;--radius:16px}@media (prefers-color-scheme:dark){:root{--bg:#1c1410;--surface:#2a1f18;--warm:#3a2a1d;--text:#fbf1e6;--muted:#dcc7b3;--border:#b79c85;--soft-border:#5a4535;--primary:#ff9d6c;--primary-text:#2b1405;--accent:#7fd6cd;--ok:#86efac;--warn:#fcd34d;--block:#fca5a5;--banner:#5c4700;--focus:#8ec5ff}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:20px;line-height:1.6}main{max-width:960px;margin:0 auto;padding:16px 16px 40px}h1{font-size:2rem;line-height:1.25;margin:.6em 0 .3em}h2{font-size:1.5rem;line-height:1.3;margin:1.1em 0 .4em}h3{font-size:1.25rem;margin:.2em 0 .4em}p{margin:.5em 0}a{color:var(--primary);text-underline-offset:3px}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.sr-only{width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip,.sr-only{position:absolute}.skip{left:-999px;top:8px;background:var(--surface);padding:12px 16px;border-radius:8px;z-index:10}.skip:focus{left:8px}.small{font-size:.85em}.muted{color:var(--muted)}.tight{margin:.2em 0;padding-left:1.2em}.site-header{background:var(--surface);border-bottom:2px solid var(--soft-border);position:-webkit-sticky;position:sticky;top:0;z-index:5}.bar{max-width:960px;margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.brand{font-size:1.5rem;font-weight:800;color:var(--primary);text-decoration:none}.subnav,.topnav{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.subnav a,.topnav a{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:6px 14px;border-radius:999px;text-decoration:none;color:var(--text);font-weight:600;border:2px solid transparent}.subnav a:hover,.topnav a:hover{border-color:var(--soft-border)}.topnav a.active{background:var(--primary);color:var(--primary-text)}.subbar{background:var(--warm);border-top:1px solid var(--soft-border)}.subnav{max-width:960px;margin:0 auto;padding:8px 16px}.subnav a{font-size:.95rem;min-height:44px}.subnav a.active{border-color:var(--primary);background:var(--surface);color:var(--primary)}.banner{background:var(--banner);color:var(--text);border:3px solid var(--border);border-radius:0;margin:0;font-weight:700;text-align:center}.banner,.notice{padding:12px 16px}.notice{background:var(--warm);border:2px solid var(--soft-border);border-left:8px solid var(--primary);border-radius:10px;margin:12px 0}.footer{max-width:960px;margin:0 auto;padding:8px 16px 40px;border-top:2px solid var(--soft-border);font-size:.9rem;color:var(--muted)}.hero{padding:24px 0 8px}.hero h1{font-size:2.4rem}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;margin:0}.lead{font-size:1.15rem;color:var(--muted);max-width:46em}.grid{display:grid;grid-gap:16px;gap:16px;margin:16px 0}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three,.grid.tiles{grid-template-columns:repeat(3,1fr)}@media (max-width:720px){body{font-size:18px}.grid.three,.grid.two{grid-template-columns:1fr}.grid.tiles{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:1.9rem}h1{font-size:1.7rem}}.card{background:var(--surface);border:2px solid var(--soft-border);border-radius:var(--radius);padding:16px 18px;margin:14px 0}.card.warm{background:var(--warm)}.card.who{border-color:var(--accent)}.card .icon{font-size:2rem;margin:0;line-height:1}.who-line{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;margin:0}.grid>.card{margin:0}.btn,button.btn{font:inherit;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:10px 22px;border-radius:14px;border:2px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;cursor:pointer}.btn.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn.big{font-size:1.3rem;min-height:68px;padding:14px 36px}.btn:disabled{opacity:.65;cursor:wait}.btn:hover:not(:disabled){filter:brightness(1.06)}.linklike{font:inherit;background:none;border:none;color:var(--primary);text-decoration:underline;cursor:pointer;min-height:44px;padding:0}.input{display:block;width:100%;max-width:28em;font:inherit;min-height:56px;padding:10px 14px;border:2px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);margin-top:6px}label{font-weight:700}.steps{justify-content:space-between;gap:12px;flex-wrap:wrap;margin:24px 0 8px}.steps,.tile{display:flex;align-items:center}.tile{font:inherit;flex-direction:column;justify-content:center;gap:4px;min-height:112px;padding:12px;border-radius:var(--radius);border:2px solid var(--soft-border);background:var(--surface);color:var(--text);cursor:pointer;position:relative;font-weight:700}.tile .icon{font-size:2.4rem;line-height:1}.tile.on{border-color:var(--primary);background:var(--warm);box-shadow:inset 0 0 0 2px var(--primary)}.tick{position:absolute;top:8px;right:12px;color:var(--primary);font-weight:900}.chips{display:flex;flex-wrap:wrap;gap:10px}.pill{font:inherit;min-height:52px;padding:8px 18px;border-radius:999px;border:2px solid var(--soft-border);background:var(--surface);cursor:pointer;font-weight:600}.pill,.pill.on{color:var(--text)}.pill.on{border-color:var(--primary);background:var(--warm);box-shadow:inset 0 0 0 2px var(--primary)}fieldset.plain{border:0;padding:0;margin:0}.check{display:flex;gap:14px;align-items:flex-start;cursor:pointer}.check input{width:32px;height:32px;flex:0 0 32px;margin-top:4px;accent-color:var(--primary)}.check.on{border-color:var(--primary);background:var(--warm)}ul.dishes{margin:0}ul.dishes li{border-top:1px solid var(--soft-border);padding:10px 0}.chip{display:inline-block;font-weight:800;border:2px solid;border-radius:8px;padding:0 8px;margin-right:6px;font-size:.8em;white-space:nowrap}.chip.ok{color:var(--ok)}.chip.swap,.chip.warn{color:var(--warn)}.chip.blocked{color:var(--block)}.finding{margin:6px 0 0;padding-left:12px;border-left:4px solid var(--soft-border)}.slot{border-top:1px solid var(--soft-border);padding-top:6px;margin-top:6px}.slot:first-of-type{border-top:0}ul.rule-list{list-style:none;padding:0;margin:0}ul.rule-list li{border-top:1px solid var(--soft-border);padding:10px 0}details{margin-top:12px}details.card{margin:12px 0}summary{cursor:pointer;font-weight:700;min-height:48px;display:flex;align-items:center;gap:8px}details:not(.card){border:2px dashed var(--soft-border);border-radius:10px;padding:4px 12px}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-enter{animation:page-in .35s ease-out both}.stats{margin-top:8px}.stat{background:var(--warm);border:2px solid var(--soft-border);border-radius:var(--radius);padding:14px 18px;margin:0;display:flex;flex-direction:column}.stat strong{font-size:2.6rem;line-height:1.1;color:var(--primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}ul.dishes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px;padding:0;margin:8px 0;list-style:none}ul.dishes li{border-top:0;padding:0}.flip{display:grid;width:100%;text-align:left;font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.face,.flip{border-radius:14px}.face{grid-area:1/1;flex-direction:column;gap:6px;position:relative;overflow:hidden;padding:14px 16px;border:2px solid var(--soft-border);border-left-width:8px;background:var(--surface);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .55s ease,visibility 0s linear .27s}.dish.ok .face{border-left-color:var(--ok)}.dish.swap .face,.dish.warn .face{border-left-color:var(--warn)}.dish.blocked .face{border-left-color:var(--block)}.face.front{transform:perspective(900px) rotateY(0deg)}.face.back{transform:perspective(900px) rotateY(180deg);visibility:hidden;background:var(--warm)}.flip[aria-pressed=true] .face.front{transform:perspective(900px) rotateY(-180deg);visibility:hidden}.flip[aria-pressed=true] .face.back{transform:perspective(900px) rotateY(0deg);visibility:visible}.dish-name{font-size:1.1rem}.rule-text{display:flex;flex-direction:column;gap:2px;border-left:4px solid var(--soft-border);padding-left:10px}.hint{margin-top:auto}.flip:hover .face{box-shadow:0 4px 14px rgba(0,0,0,.12)}@keyframes sweep{0%{transform:translateX(-110%);opacity:1}85%{opacity:1}to{transform:translateX(110%);opacity:0}}@keyframes stamp{0%{opacity:0;transform:scale(2.2) rotate(-10deg)}60%{opacity:1;transform:scale(.94) rotate(2deg)}to{opacity:1;transform:none}}.sweep{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 22%,transparent) 55%,transparent);animation:sweep .75s ease-in-out calc(var(--i) * .42s) both}.shield{font-size:1.8rem;margin-left:auto;margin-right:14px}.stamp{animation:stamp .45s cubic-bezier(.2,1.5,.4,1) calc(var(--i) * .42s + .5s) both;transform-origin:left center}.compare{margin-top:12px}.cmp-head{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;font-weight:800}.cmp-head p{margin:0}.cmp-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:12px;animation:page-in .4s ease-out both}.cmp-cell{border:2px solid var(--soft-border);border-radius:14px;padding:12px 14px}.cmp-cell.generic{background:var(--warm);border-style:dashed}.cmp-cell.safeplate{background:var(--surface);border-color:var(--accent)}.cmp-cell p{margin:4px 0}.cmp-label{display:none;font-weight:700}@media (max-width:720px){.cmp-head{display:none}.cmp-row{grid-template-columns:1fr}.cmp-label{display:block}}dialog.tour{border:3px solid var(--primary);border-radius:20px;padding:24px;max-width:min(34em,calc(100vw - 32px));background:var(--surface);color:var(--text)}dialog.tour::-webkit-backdrop{background:rgba(30,15,5,.6)}dialog.tour::backdrop{background:rgba(30,15,5,.6)}.tour-body,dialog.tour[open]{animation:page-in .3s ease-out both}.tour-icon{font-size:3rem;margin:0;line-height:1.1}.tour-dots{display:flex;gap:8px;margin:12px 0}.dot{width:12px;height:12px;border-radius:50%;background:var(--soft-border)}.dot.on{background:var(--primary)}.tour-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.spacer{flex:1 1}@keyframes pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}ul.bubbles{list-style:none;flex-wrap:wrap;gap:14px;min-height:220px;padding:8px 0;margin:0}.bubble,ul.bubbles{display:flex;justify-content:center;align-items:center}.bubble{width:var(--size);height:var(--size);border-radius:50%;flex-direction:column;text-align:center;line-height:1.2;font-weight:700;background:radial-gradient(circle at 30% 30%,var(--surface),var(--warm));border:3px solid var(--primary);transition:width .5s ease,height .5s ease;animation:pop .5s cubic-bezier(.2,1.4,.4,1) var(--d) both,bob var(--f) ease-in-out calc(var(--d) + .6s) infinite}.b-icon{font-size:1.6rem}.banner.inline{border-radius:10px;margin:8px 0 0;font-size:.9rem}@keyframes rise{0%{transform:translateY(20px) scale(.6);opacity:0}15%{opacity:1}to{transform:translateY(-260px) rotate(25deg) scale(1);opacity:0}}.celebrate{position:fixed;inset:auto 0 0 0;height:0;pointer-events:none;z-index:20}.celebrate span{position:absolute;bottom:10vh;animation:rise 2.6s ease-out both}.notice.ready{font-weight:700}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.face{-webkit-backface-visibility:visible;backface-visibility:visible}.face.back,.face.front,.flip[aria-pressed=true] .face.back,.flip[aria-pressed=true] .face.front{transform:none}.celebrate,.flip[aria-pressed=false] .face.back,.flip[aria-pressed=true] .face.front,.sweep{display:none}}ul.dishes{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));align-items:start}.rule-text{font-size:.95em}.flip{display:block;position:relative}.face{display:flex;width:100%;gap:8px}.flip[aria-pressed=false] .face.back,.flip[aria-pressed=true] .face.front{position:absolute;inset:0;height:auto;overflow:hidden}.top{display:flex;align-items:center;gap:12px}.emoji{font-size:2.2rem;line-height:1;flex:0 0 auto}.titles{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}.preview{font-weight:600;color:var(--muted);font-size:.95em}.dish.swap .preview,.dish.warn .preview{color:var(--warn)}.dish.blocked .preview{color:var(--block)}.why-btn{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;padding:6px 18px;margin-top:4px;border:2px solid var(--primary);border-radius:999px;background:var(--primary);color:var(--primary-text);font-weight:800;font-size:1rem}.face.back .why-btn{background:var(--surface);color:var(--primary)}.flip:hover .why-btn{filter:brightness(1.1)}.hint{display:none}@keyframes wiggle{0%,to{transform:rotate(0) translateX(0)}20%{transform:rotate(-1.6deg) translateX(-4px)}40%{transform:rotate(1.6deg) translateX(4px)}60%{transform:rotate(-1deg) translateX(-2px)}80%{transform:rotate(.8deg) translateX(2px)}}.dish.hint-wiggle .flip{animation:wiggle .9s ease-in-out calc(var(--i) * .42s + 1.5s) 1 both}.why-btn{gap:6px}.chat{margin:16px 0}.turn{margin:18px 0}.q-bubble{margin:0 0 10px auto;max-width:80%;width:-moz-fit-content;width:fit-content;background:var(--primary);color:var(--primary-text);padding:10px 16px;border-radius:18px 18px 4px 18px;font-weight:600}.a-card{background:var(--surface);border:2px solid var(--soft-border);border-left:8px solid var(--accent);border-radius:var(--radius);padding:14px 18px;animation:page-in .35s ease-out both}.a-card.refused{border-left-color:var(--block)}.a-head{font-weight:800;font-size:1.15rem;margin:0 0 4px}.a-text{font-size:1.1rem;margin:4px 0 8px}.steps-box{background:var(--warm);border-radius:12px;padding:10px 14px;margin:8px 0 12px}ol.chain{list-style:none;display:flex;flex-wrap:wrap;gap:6px 4px;align-items:center;padding:0;margin:4px 0 8px}ol.chain li{display:inline-flex;align-items:center;gap:4px}.arrow{color:var(--primary);font-weight:900}.step-pill{border:2px solid var(--accent);border-radius:999px;padding:2px 12px;font-weight:700;font-size:.9rem;background:var(--surface);animation:pop .4s cubic-bezier(.2,1.4,.4,1) both}ol.chain li:nth-child(2) .step-pill{animation-delay:.12s}ol.chain li:nth-child(3) .step-pill{animation-delay:.24s}ol.chain li:nth-child(4) .step-pill{animation-delay:.36s}ol.chain li:nth-child(5) .step-pill{animation-delay:.48s}ol.chain li:nth-child(n+6) .step-pill{animation-delay:.6s}.thinking{color:var(--muted)}.ask-form{position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg);padding:10px 0 6px;border-top:2px solid var(--soft-border);margin-top:16px}.ask-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.ask-row .input{flex:1 1 260px;max-width:none;margin-top:0}.qloo-badge{margin:0;padding:8px 16px;text-align:center;background:var(--warm);border-bottom:2px solid var(--soft-border);font-size:.95rem}