*{box-sizing:border-box}html{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100svh;background:radial-gradient(circle at 50% -5%,#254c3f 0,#122721 35%,#0b1413 72%);color:#eef5ef}.app{max-width:520px;margin:auto;min-height:100svh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 22px max(20px,env(safe-area-inset-bottom))}.head{display:flex;align-items:center;gap:12px;padding:30px 0 34px}.logo{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#e5ca83;color:#213527;font-size:29px}.tiny,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#d7c182}.tiny{margin:0 0 4px}h1{font-size:24px;margin:0;letter-spacing:-.7px}main{flex:1}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.connection{font-size:12px;color:#a4c1b4;border:1px solid #375246;border-radius:30px;padding:7px 10px}.dinner-card{border:1px solid #3a584a;background:linear-gradient(155deg,#1c3930,#152b25 70%);padding:24px;border-radius:28px;min-height:340px;box-shadow:0 20px 50px #0309075c}.dish-icon{font-size:45px;background:#294b3a;border-radius:20px;width:80px;height:80px;display:grid;place-items:center;margin-bottom:22px}.label{font-size:11px;color:#bed5cb;letter-spacing:1.4px;text-transform:uppercase;font-weight:800}.dish-name{margin:8px 0 25px;font-size:clamp(27px,7vw,38px);line-height:1.16;letter-spacing:-.9px;overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail{padding:16px 12px;border:1px solid #476859;background:#2445385a;border-radius:17px;min-height:116px}.detail-icon{font-size:22px;margin-bottom:10px}.detail .value{font-size:19px;font-weight:750;margin-top:5px;overflow-wrap:anywhere}.empty{min-height:285px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.empty-icon{font-size:52px;margin-bottom:8px}.empty h2{font-size:22px;margin:12px 0 7px}.empty p{font-size:14px;color:#afc9bd;line-height:1.55;max-width:280px;margin:0}.actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.button{font:inherit;cursor:pointer;border:1px solid #4e7662;background:#203a30;color:#e6f1e9;border-radius:14px;padding:12px 18px;font-weight:700;min-height:46px}.button.primary{border:0;background:#dfbd75;color:#19231d}.actions .button{flex:1}form.login{display:grid;gap:12px;max-width:390px;margin:0 auto}input{font:inherit;color:#eef5ef;width:100%;border-radius:12px;padding:13px 14px;border:1px solid #567565;background:#172c24;min-height:46px}.login-info{font-size:13px;color:#afc9bd;line-height:1.6;margin-bottom:8px}.error{font-size:13px;color:#ffc6b8;text-align:center;line-height:1.45}footer{font-size:12px;text-align:center;color:#789b8a;padding:28px 0 10px}@media(max-width:340px){.app{padding-left:14px;padding-right:14px}.dinner-card{padding:16px}.detail{padding:12px 8px}}@media(prefers-reduced-motion:no-preference){.dinner-card{animation:rise .25s ease-out}@keyframes rise{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}}