:root{--ink:#292522;--muted:#736c65;--paper:#fffaf3;--card:#fff;--line:#eadfd2;--accent:#ee6841;--accent-dark:#c94727;--sun:#f7c95f;--green:#52745b;color:var(--ink);background:var(--paper);font-family:Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 80% 8%, #ffe6b8 0, transparent 24rem), var(--paper);min-height:100vh;margin:0}button,textarea,select{font:inherit}button{cursor:pointer}:is(button:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible){outline-offset:3px;outline:3px solid #3676d8}.site-header{justify-content:space-between;align-items:center;max-width:1120px;height:78px;margin:auto;padding:0 24px;display:flex}.brand{color:var(--ink);background:0 0;border:0;font-size:1.15rem;font-weight:800}.brand span{background:var(--accent);border-radius:12px;place-items:center;width:38px;height:38px;margin-right:7px;display:inline-grid}nav{border:1px solid var(--line);background:#ffffffbf;border-radius:999px;gap:5px;padding:4px;display:flex}nav button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 14px}nav button.active{color:#fff;background:var(--ink)}main{max-width:920px;margin:auto;padding:48px 24px 96px}.hero{text-align:center;max-width:730px;margin:30px auto 55px}.eyebrow{color:var(--accent-dark);letter-spacing:.2em;font-size:.75rem;font-weight:800}.hero h1{letter-spacing:-.06em;margin:12px 0 18px;font-family:Georgia,Yu Mincho,serif;font-size:clamp(2.7rem,8vw,5.4rem);line-height:1.05}.hero h1 em{color:var(--accent);font-style:normal}.hero>p:last-child{max-width:570px;color:var(--muted);margin:auto;line-height:1.8}.form-card{border:1px solid var(--line);background:#ffffffeb;border-radius:30px;padding:clamp(24px,5vw,48px);box-shadow:0 24px 70px #4f37221a}.section-heading{align-items:center;gap:14px;margin-bottom:30px;display:flex}.section-heading>span{color:#fff;background:var(--accent);border-radius:50%;flex:0 0 43px;place-items:center;height:43px;font-weight:800;display:grid}.section-heading h1,.section-heading h2{margin:0;font-family:Georgia,Yu Mincho,serif;font-size:1.8rem}.section-heading p{color:var(--muted);margin:4px 0 0;font-size:.87rem}fieldset{border:0;margin:0 0 30px;padding:0}legend,.field{width:100%;margin-bottom:11px;font-weight:800;display:block}small{float:right;color:var(--muted);font-size:.75rem;font-weight:400}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{border:1px solid var(--line);color:#5e5751;background:#fff;border-radius:999px;padding:9px 13px}.chips button:hover{border-color:var(--accent)}.chips button[aria-pressed=true]{border-color:var(--accent);color:#8b321c;box-shadow:inset 0 0 0 1px var(--accent);background:#fff0e9}.chips.warning button[aria-pressed=true]{color:#8b3e05;background:#fff2d8;border-color:#d77b27}.compact{max-height:158px;padding:2px;overflow:auto}textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffcf8;border-radius:14px;margin-top:10px}textarea{resize:vertical;min-height:112px;padding:15px;line-height:1.6}select{height:50px;padding:0 13px}.field-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0;display:grid}details{border-top:1px solid var(--line);padding:18px 0}summary{color:var(--accent-dark);cursor:pointer;font-weight:800}details fieldset{margin-top:24px}.safety-note{color:#7c4b16;background:#fff4dc;border-radius:10px;padding:12px 14px;font-size:.82rem;line-height:1.6}.primary,.secondary{border:0;border-radius:14px;font-weight:800}.primary{color:#fff;background:var(--accent);width:100%;min-height:58px;margin-top:20px;padding:14px 20px;box-shadow:0 10px 25px #ee684140}.primary:hover{background:var(--accent-dark);transform:translateY(-1px)}.primary:disabled{cursor:wait;opacity:.75}.secondary{color:#fff;background:var(--ink);padding:11px 16px}.spinner{vertical-align:-3px;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.75s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#9a2d19;background:#fff0ed;border:1px solid #e5a090;border-radius:12px;margin-top:20px;padding:14px}.results{margin-top:70px;scroll-margin-top:20px}.result-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:16px;display:grid}.dish-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:24px;position:relative;box-shadow:0 10px 35px #46321e12}.dish-card.rank-1{border:2px solid var(--accent);transform:translateY(-8px)}.rank{color:var(--accent-dark);letter-spacing:.13em;font-size:.68rem;font-weight:900}.heart{color:var(--accent);background:0 0;border:0;padding:4px;font-size:1.5rem;position:absolute;top:15px;right:16px}.dish-card h3{margin:13px 35px 8px 0;font-family:Georgia,Yu Mincho,serif;font-size:1.45rem}.dish-card>p{min-height:3.2em;color:var(--muted);font-size:.86rem;line-height:1.6}.probability{background:#f2ece5;border-radius:999px;height:25px;margin:20px 0;position:relative;overflow:hidden}.probability span{background:linear-gradient(90deg, var(--sun), var(--accent));height:100%;display:block}.probability b{font-size:.75rem;position:absolute;inset:3px 8px auto auto}.meta{flex-wrap:wrap;gap:8px;display:flex}.meta span,.favorite-grid article>span{background:#f5f0ea;border-radius:8px;padding:6px 8px;font-size:.76rem}.dish-card h4{margin:20px 0 4px;font-size:.78rem}.dish-card .allergen{color:#7c4b16;background:#fff4dc;border-radius:8px;min-height:0;padding:8px;font-size:.73rem}.dish-card ol{color:var(--muted);padding-left:19px;font-size:.8rem;line-height:1.65}.collection{max-width:900px;min-height:calc(100vh - 170px)}.history-list{gap:10px;display:grid}.history-list article{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:120px 1fr auto;align-items:center;gap:20px;padding:20px;display:grid}.history-list time,.history-list span{color:var(--muted);font-size:.8rem}.text-button{background:0 0;border:0;margin-top:28px;padding:0;text-decoration:underline}.danger{color:#a13c26}.favorite-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.favorite-grid article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px;position:relative}.favorite-grid h2{padding-right:25px;font-family:Georgia,Yu Mincho,serif}.favorite-grid p{min-height:3em;color:var(--muted);line-height:1.6}.empty{text-align:center;border:1px dashed #cdbba9;border-radius:20px;padding:70px 20px}.empty>span{font-size:3rem}.empty p{color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1120px;color:var(--muted);justify-content:space-between;margin:auto;padding:25px 24px 40px;font-size:.78rem;display:flex}footer a,.back-link{color:inherit}.legal-page{max-width:720px;line-height:1.8}.legal-page h1{margin-top:45px;font-family:Georgia,Yu Mincho,serif}.legal-page h2{margin-top:35px}@media (max-width:720px){.site-header{flex-direction:column;gap:13px;height:auto;padding:15px}.brand{align-self:flex-start}nav{width:100%}nav button{flex:1;padding-inline:5px}main{padding:25px 15px 70px}.hero{margin:25px auto 38px}.hero h1{font-size:clamp(2.35rem,10.5vw,3.2rem)}.hero h1 em{white-space:nowrap;display:inline-block}.form-card{border-radius:22px;padding:23px 18px}.field-grid,.result-grid,.favorite-grid{grid-template-columns:1fr}.dish-card.rank-1{transform:none}.history-list article{grid-template-columns:1fr;gap:6px}footer{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}