:root{--navy:#071b31;--panel:#102943;--panel2:#153653;--text:#f4f8ff;--muted:#90a7bc;--cyan:#55d7ff;--coral:#ff866f;--yellow:#ffd45d;--line:#244564}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--text);font:15px/1.45 Inter,system-ui,sans-serif}main{max-width:940px;min-height:100vh;margin:auto;padding:20px 18px 90px;background:linear-gradient(180deg,#0a223c 0,#071b31 60%)}.hero{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:4px 0 18px}.brand{display:flex;align-items:center;gap:11px}.brand span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--coral);font-weight:900;color:#fff;box-shadow:0 7px 20px #ff866f44}.brand b{display:block;font-size:24px;letter-spacing:-.05em}.brand small{color:var(--cyan);font-size:12px}.mode-switch{display:flex;gap:4px;padding:3px;background:#0c2946;border:1px solid var(--line);border-radius:99px}.mode{padding:8px 11px;font-size:12px;color:var(--muted)}.mode.active{background:var(--cyan);color:var(--navy);border-color:var(--cyan)}nav{display:flex;gap:5px;padding:6px;margin-bottom:18px;background:#0c2946;border:1px solid var(--line);border-radius:16px}button,.card{border:1px solid var(--line);border-radius:16px;padding:14px;color:var(--text);font:inherit;cursor:pointer;transition:.18s ease}button{background:transparent;font-weight:700}button:hover,button.active{border-color:var(--cyan);background:#133a5b;color:var(--cyan)}.card{background:linear-gradient(145deg,#112e4b,#0d253f);box-shadow:0 14px 35px #020d1a55}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.card h1{font-size:clamp(30px,6vw,52px);line-height:.98;letter-spacing:-.07em;margin:0 0 12px}.card h2,.card h3{margin:4px 0 6px}.muted{color:var(--muted);font-size:14px}.eyebrow,.category-label{font-size:11px;font-weight:850;letter-spacing:.12em;color:var(--cyan);text-transform:uppercase}.section{margin:24px 0}.section h1{font-size:32px;letter-spacing:-.06em;margin:0 0 14px}.form{display:grid;gap:10px;margin:12px 0}.form input,.form select{padding:14px;border:1px solid var(--line);background:#0b223b;color:var(--text);border-radius:12px;font:inherit;outline:none}.primary{background:var(--coral);border-color:var(--coral);color:#fff;font-weight:800}.primary:hover{background:#ff6f56;color:#fff}.stat b{display:block;font-size:32px;color:var(--yellow)}.stat span{color:var(--muted)}.empty{text-align:center;padding:42px;color:var(--muted)}.chooser{max-width:700px;margin:0 auto}.chooser-bubble{background:linear-gradient(145deg,#163b5d,#102943);border:1px solid var(--line);border-radius:22px;padding:24px;margin-bottom:24px}.chooser-bubble h1{font-size:clamp(36px,8vw,58px);margin:4px 0;letter-spacing:-.07em}.chooser-bubble p{margin:0;color:var(--muted);font-size:18px}.category-label{margin:22px 0 9px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice{min-height:122px;text-align:left;background:#102943;border:2px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.choice .food-icon{font-size:38px;margin-bottom:7px}.choice small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.choice.selected{border-color:var(--yellow);background:#163b5d}.finish{width:100%;font-size:18px;margin-top:23px;padding:17px}.complete{text-align:center;padding:48px 18px}.complete-icon{font-size:70px}.complete h1{font-size:42px;letter-spacing:-.07em}@media(max-width:560px){main{padding:16px 14px 82px}.hero{align-items:flex-start;flex-direction:column}.mode-switch{align-self:stretch;justify-content:center}nav{position:fixed;z-index:5;bottom:12px;left:12px;right:12px;justify-content:space-around;margin:0;padding:7px;background:#0c2946ee;backdrop-filter:blur(14px);box-shadow:0 10px 30px #0008}nav button{padding:10px 9px;font-size:12px}.choice{min-height:116px}}