:root { color-scheme: dark; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; background:#0b0e14; color:#e8eefc; }
.wrap { max-width: 980px; margin: 0 auto; padding: 14px; }
.topbar { display:flex; align-items:center; justify-content:space-between; padding: 10px 0; }
.brand { font-weight: 700; letter-spacing: .3px; }
.nav a { color:#c6d4ff; text-decoration:none; margin-left:12px; opacity:.9; }
.nav a:hover { opacity:1; }

.card { background:#121826; border: 1px solid #1f2a44; border-radius: 16px; padding: 14px; margin: 12px 0; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
h2 { margin: 0 0 10px; font-size: 16px; }
.label { font-size: 12px; opacity: .75; }
.big { font-size: 22px; font-weight: 800; }
.row { display:flex; gap: 12px; align-items:flex-end; justify-content:space-between; }
.right { text-align:right; }

.form .grid { display:grid; grid-template-columns: 1fr; gap: 10px; }
@media (min-width: 720px){ .form .grid { grid-template-columns: 1fr 1fr 1fr; } }

label span { display:block; font-size: 12px; opacity:.8; margin-bottom: 6px; }
input, select { width:100%; padding: 10px 12px; border-radius: 12px; border: 1px solid #243354; background:#0e1422; color:#e8eefc; }
.btn { margin-top: 10px; padding: 10px 14px; border-radius: 12px; border: 1px solid #2a3a62; background:#162341; color:#e8eefc; font-weight: 700; cursor:pointer; }
.btn:hover { filter: brightness(1.05); }
.hint { margin-top: 8px; font-size: 12px; opacity:.75; }
.muted { opacity:.75; }

.list { display:flex; flex-direction:column; gap: 10px; }
.item { display:flex; align-items:center; justify-content:space-between; gap: 10px; padding: 10px 12px; border-radius: 14px; border: 1px solid #1f2a44; background:#0e1422; }
.item-title { font-weight: 700; }
.item-sub { font-size: 12px; opacity:.75; margin-top: 2px; }
.item-right { display:flex; align-items:flex-end; gap: 10px; }
.kcal { font-weight: 800; }
.link { background: transparent; border: 0; color:#a9baff; cursor:pointer; padding:0; text-decoration: underline; opacity:.9; }
.link:hover { opacity:1; }