@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:#fff;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:#fff}.app-shell{margin:0 auto;width:min(980px,100%);padding:2rem 1rem 3rem;display:grid;gap:.85rem;background:#fff}.hero{padding:0;border-radius:0;background:transparent;color:#5a2143;box-shadow:none}.tag{display:inline-block;margin:0 0 .35rem;padding:.15rem .55rem;border-radius:999px;background:#fff;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;text-align:center}.hero .desc{margin:.55rem 0 0;color:#355357;font-size:.95rem}.camera-card,.panel{border-radius:0;background:transparent;border:0;box-shadow:none}.camera-card{position:relative;padding:0}.camera-stage{position:relative;width:100%;aspect-ratio:9 / 16;max-height:70vh;overflow:hidden;border-radius:14px;background:#fff}.camera-stage video{width:100%;height:100%;object-fit:cover;display:block}.overlay-layer,.tracking-control-layer{position:absolute;inset:0;pointer-events:none}.floating-scan-button{position:absolute;border:0;border-radius:999px;padding:.65rem 1.05rem;background:#0f373ff5;color:#f5fffd;font-weight:700;cursor:pointer;pointer-events:auto;box-shadow:0 8px 22px #0712165c;white-space:nowrap}.floating-scan-button:disabled{opacity:.6;cursor:not-allowed}.analysis-overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#173538;font-weight:600;background:#fff}.analysis-overlay.idle{background:#fff}.analysis-overlay p{margin:0;border-radius:10px;padding:.45rem .7rem;background:#fff}.analysis-overlay.calculating{place-content:center;background:#0003;pointer-events:auto}.analysis-overlay.calculating p{position:relative;z-index:2;background:#fffffff0;border:1px solid rgba(14,53,58,.2)}.analysis-loading-text{display:inline-flex;align-items:center;gap:.35rem}.hourglass{display:inline-block;width:.9rem;height:.9rem;border:2px solid #ffffff;border-top-color:#111;border-radius:999px;animation:hourglass-spin .8s linear infinite}.scan-sweep{position:absolute;left:0;right:0;height:28%;background:linear-gradient(to bottom,#7af7b400,#7af7b461,#7af7b400);z-index:1;animation:scan-down 1.7s ease-in-out infinite}.frozen-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detection-box{position:absolute;aspect-ratio:1 / 1;border:2px solid #7af7b4;border-radius:12px;box-shadow:inset 0 0 0 1px #00000040}.calorie-tag{position:absolute;left:0;color:#021910;font-weight:700;font-size:.72rem;padding:.15rem .4rem;border-radius:8px;background:#fff;white-space:nowrap}.calorie-tag{top:-1.8rem;font-size:1.512rem;padding:0;border-radius:0;line-height:1.1;color:#fff;background:transparent;text-shadow:0 1px 2px rgba(0,0,0,.98),0 3px 8px rgba(0,0,0,.8),0 0 14px rgba(0,0,0,.55)}.camera-error{height:100%;display:grid;place-content:center;text-align:center;color:#173538;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}.scan-controls button:disabled{opacity:.6;cursor:not-allowed}.chip{border-radius:999px;padding:.32rem .7rem;font-size:.8rem;color:#0e3a3b;background:#fff}.chip.total{font-weight:700;background:#fff}.analysis-note{margin:.7rem 0 0;color:#1f4347;font-size:.88rem}.panel{padding:0}.result-card{width:min(760px,100%);margin:0 auto;padding:.4rem .4rem 1rem}.result-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.7rem}.result-header h2{margin:0;color:#173538}.back-button{border:0;border-radius:10px;padding:.52rem .82rem;background:#0f373f;color:#f5fffd;font-weight:700;cursor:pointer}.panel h2{margin:0;font-size:1.08rem}.panel p{margin:.3rem 0 .9rem;color:#355357;font-size:.92rem}.list{display:grid;gap:.6rem}.snapshot-wrap{margin:0 0 .9rem}.snapshot-wrap p{margin:0 0 .4rem;color:#2e4d52;font-size:.86rem}.snapshot-wrap img{width:min(260px,100%);border-radius:12px;border:1px solid #d4e4e2}.result-snapshot{margin:0 0 .7rem}.result-photo{width:min(340px,100%)}.empty-result{display:grid;gap:.55rem}.secondary-back-button{justify-self:start;border:0;border-radius:10px;padding:.45rem .75rem;background:#214f53;color:#fff;font-weight:700;cursor:pointer}.result-bottom-action{margin-top:.7rem}.empty-text{margin:0;border-radius:10px;background:#fff;color:#355357;padding:.72rem;border:1px dashed #c9dbd8;font-size:.92rem}.food-row{border-radius:12px;padding:.72rem;border:1px solid #d4e4e2;background:#fff}.food-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.45rem;color:#173538}.food-row input{width:100%}.macro-block{margin-top:.55rem;display:grid;gap:.2rem}.macro-ratio,.macro-grams,.macro-highlights,.macro-unavailable{margin:0;font-size:.84rem;color:#2a4e52}.macro-ratio{font-weight:700;color:#173538}.macro-unavailable{margin-top:.45rem}@keyframes scan-down{0%{top:-30%}to{top:100%}}@keyframes hourglass-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:720px){.app-shell{width:100%;max-width:none;min-height:100dvh;padding:0;gap:0}.hero{display:none}.camera-card{min-height:100dvh}.camera-stage{height:100dvh;max-height:none;aspect-ratio:auto;border-radius:0}.camera-card .analysis-note{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;margin:0;border-radius:10px;padding:.5rem .65rem;background:#ffffffdb}.result-card{padding:.9rem .8rem 1.2rem}}