*{box-sizing:border-box}body{--bg:#f7f9fc;--card:#fff;--text:#192338;--muted:#657087;--line:#e2e7ef;margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Arial,sans-serif}body.dark{--bg:#121923;--card:#1d2838;--text:#f0f4ff;--muted:#bec8da;--line:#36465b}header{display:flex;align-items:center;gap:14px;max-width:1050px;margin:auto;padding:20px 24px;border-bottom:1px solid var(--line)}header strong{letter-spacing:.08em;margin-inline-end:auto}header img{display:block}button,select{font:inherit;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:10px;min-height:44px;padding:8px 12px;cursor:pointer}main{max-width:1000px;margin:auto;padding:26px 24px}.hero{display:grid;grid-template-columns:1fr 1fr;border-radius:22px;overflow:hidden;background:var(--card)}.hero>div{padding:40px}.hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.08;letter-spacing:-.05em}.hero p{color:var(--muted)}.hero img{width:100%;height:330px;object-fit:cover}.notice{font-size:.8rem;color:var(--muted);margin:22px 0 35px}.dishes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dish{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.dish img{width:100%;height:190px;object-fit:cover}.dish div{padding:20px}.dish h3{margin:0 0 8px;font-size:1.3rem}.dish p{color:var(--muted);font-size:.94rem;min-height:65px}.dish strong{display:inline-block;background:#2855f6;color:white;border-radius:7px;padding:6px 12px}footer{padding:35px 0}a{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #f5a432;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:650px){.hero>div{padding:22px}.hero img{height:240px}.dishes{grid-template-columns:1fr}.dish{display:grid;grid-template-columns:40% 60%}.dish img{height:100%;min-height:200px}.dish p{min-height:0}.dish div{padding:16px}.hero h1{font-size:2rem}header{padding:15px;gap:8px}main{padding:20px 15px}header strong{font-size:.88rem}.notice{font-size:.8rem}}@media(max-width:380px){.hero{grid-template-columns:1fr}.hero img{height:200px}}