@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f2226;background:#eff6f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 5%,#d9fff2 0%,transparent 36%),radial-gradient(circle at 80% 0%,#dbf3ff 0%,transparent 30%),#eff6f3}.app-shell{margin:0 auto;width:min(980px,100%);padding:2rem 1rem 3rem;display:grid;gap:1rem}.hero{padding:1.25rem;border-radius:18px;background:linear-gradient(125deg,#052028,#0f373f 55%,#1f5d66);color:#f4fffe;box-shadow:0 18px 35px #00000040}.tag{display:inline-block;margin:0 0 .35rem;padding:.15rem .55rem;border-radius:999px;background:#ffffff26;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(1.2rem,2.8vw,2rem);line-height:1.2}.hero .desc{margin:.55rem 0 0;color:#dff5f2;font-size:.95rem}.camera-card,.panel{border-radius:18px;background:#ffffffdb;border:1px solid rgba(14,53,58,.12);box-shadow:0 12px 26px #0a22231f}.camera-card{padding:1rem}.camera-stage{position:relative;width:100%;aspect-ratio:9 / 16;max-height:70vh;overflow:hidden;border-radius:14px;background:#141f22}.camera-stage video{width:100%;height:100%;object-fit:cover;display:block}.overlay-layer{position:absolute;inset:0;pointer-events:none}.detection-box{position:absolute;border:2px solid #7af7b4;border-radius:12px;box-shadow:inset 0 0 0 1px #00000040}.calorie-tag,.confidence-tag{position:absolute;left:0;color:#021910;font-weight:700;font-size:.72rem;padding:.15rem .4rem;border-radius:8px;background:#7af7b4;white-space:nowrap}.calorie-tag{top:-1.8rem}.confidence-tag{bottom:-1.7rem;background:#e8ffee}.camera-error{height:100%;display:grid;place-content:center;text-align:center;color:#f6f7f8;padding:1rem}.scan-controls{margin-top:.85rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.scan-controls button{border:0;border-radius:11px;padding:.6rem .9rem;background:#0f373f;color:#f5fffd;font-weight:700;cursor:pointer}.chip{border-radius:999px;padding:.32rem .7rem;font-size:.8rem;color:#0e3a3b;background:#e4f4f2}.chip.total{font-weight:700;background:#c9f6db}.panel{padding:1rem}.panel h2{margin:0;font-size:1.08rem}.panel p{margin:.3rem 0 .9rem;color:#355357;font-size:.92rem}.list{display:grid;gap:.6rem}.food-row{border-radius:12px;padding:.72rem;border:1px solid #d4e4e2;background:#fbfefd}.food-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.45rem;color:#173538}.food-row input{width:100%}@media(max-width:720px){.app-shell{padding:1rem .7rem 2rem}}