.lens-app{--lens-lime:#dfff78;--lens-ink:#101711;--lens-muted:#bcc5bd;color:#f7faf5;max-width:1400px;font-family:var(--font-geist-sans),Arial,sans-serif;margin:auto;padding:24px}.lens-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.lens-header a{color:inherit;font-size:14px;text-decoration:none}.lens-header>a:first-child{letter-spacing:-1px;font-size:25px;font-weight:700}.lens-header span{letter-spacing:2px;color:var(--lens-lime);margin-left:12px;font-size:12px}.lens-viewport{isolation:isolate;background:radial-gradient(at 65% 35%,#334837,#101711 65%);border:1px solid #354035;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:720px;display:flex;position:relative;overflow:hidden}.lens-topline{z-index:2;letter-spacing:1px;justify-content:space-between;gap:12px;padding:24px;font-size:12px;display:flex;position:relative}.lens-intro{z-index:2;max-width:640px;padding:40px;position:relative}.lens-eyebrow{color:var(--lens-lime);font-size:14px}.lens-intro h1{letter-spacing:-3px;margin:18px 0;font-size:clamp(36px,6vw,70px);line-height:1.15}.lens-intro p,.lens-controls p{color:var(--lens-muted);font-size:16px;line-height:1.7}.lens-reticle{pointer-events:none;border:1px solid #ffffff20;border-radius:24px;width:38%;height:35%;position:absolute;top:22%;left:31%}.lens-controls{z-index:2;background:linear-gradient(#0000,#101711 45%);padding:24px;position:relative}.lens-modes{justify-content:center;gap:8px;display:flex}.lens-app button{font:inherit;cursor:pointer;color:inherit;background:#202c22;border:1px solid #52614f;border-radius:12px;min-height:46px;padding:13px 20px;font-size:14px}.lens-app button[aria-pressed=true],.lens-app button.primary{color:#101711;background:var(--lens-lime);border-color:var(--lens-lime)}.lens-app button:disabled{opacity:.5;cursor:wait}.lens-app :focus-visible{outline:3px solid var(--lens-lime);outline-offset:4px}.lens-controls>p{text-align:center;margin-bottom:0;font-size:14px}@media (width<=650px){.lens-app{padding:12px}.lens-header{margin:8px 4px 18px}.lens-viewport{border-radius:22px;min-height:calc(100svh - 95px)}.lens-intro{padding:24px}.lens-intro h1{letter-spacing:-1.5px}.lens-topline,.lens-controls{padding:18px}}.lens-layout{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:24px;display:grid}.lens-viewport{height:calc(100svh - 112px);min-height:660px;position:sticky;top:16px}.lens-video,.lens-still{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.lens-video{opacity:0}.lens-video.visible{opacity:1}.lens-viewport:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#0006,#0000 35%,#0004);position:absolute;inset:0}.lens-panel{background:#172219;border:1px solid #344331;border-radius:24px;overflow:hidden}.lens-panel-section{border-bottom:1px solid #344331;padding:24px}.lens-panel-section:last-child{border-bottom:0}.lens-section-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.lens-section-heading>span{color:var(--lens-lime);font-size:12px;font-family:var(--font-geist-mono)}.lens-section-heading h2{letter-spacing:-.5px;margin:0;font-size:18px}.lens-check{cursor:pointer;align-items:start;gap:10px;margin:14px 0 20px;font-size:14px;line-height:1.6;display:flex}.lens-check input{accent-color:var(--lens-lime);flex-shrink:0;width:18px;height:18px;margin-top:3px}.lens-check small{color:var(--lens-muted);margin-top:7px;font-size:12px;line-height:1.7;display:block}.lens-actions{flex-wrap:wrap;gap:8px;display:flex}.lens-actions>*{white-space:nowrap;flex:1}.lens-app .full{width:100%;margin-top:10px}.lens-app .stop{background:0 0;border-color:#74806e;font-size:12px}.lens-small{color:var(--lens-muted);margin:12px 0 0;line-height:1.8;font-size:12px!important}.lens-upload{cursor:pointer;border:1px solid #52614f;border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:13px 20px;font-size:14px;display:flex;position:relative}.lens-upload.disabled{opacity:.5}.lens-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.lens-overlay{z-index:2;margin-top:auto;padding:24px;position:relative}.lens-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101711e8;border:1px solid #dfff7860;border-radius:20px;padding:24px;box-shadow:0 18px 60px #0005}.lens-card-top{color:var(--lens-lime);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.lens-app .text-button{background:0 0;border:0;min-height:32px;padding:6px 10px;font-size:12px}.lens-card h2{letter-spacing:-1px;margin:12px 0;font-size:clamp(24px,3vw,34px);line-height:1.3}.lens-card p{margin:12px 0;font-size:16px;line-height:1.6}.lens-calories{letter-spacing:-2px;color:var(--lens-lime);margin:12px 0;font-size:clamp(38px,6vw,64px);font-weight:500;line-height:1.2}.lens-calories small{letter-spacing:0;color:#e7eedf;margin-left:12px;font-size:14px;display:inline-block}.lens-card .lens-caution{color:#bdc7b7;font-size:12px;line-height:1.7}.lens-source{color:#c2d1b8;text-underline-offset:3px;margin:12px 0;font-size:12px;line-height:1.6;text-decoration:underline;display:block}.lens-card .lens-actions{margin-top:18px}.lens-field{margin-bottom:12px;font-size:14px;line-height:1.6;display:block}.lens-field>span{color:var(--lens-muted);margin-left:8px;font-size:12px}.lens-field input,.lens-field select{color:#f7faf5;width:100%;font:inherit;background:#101711;border:1px solid #52614f;border-radius:10px;min-height:46px;margin-top:8px;padding:12px;font-size:16px;display:block}.lens-field input::placeholder{color:#97a58f}.lens-form-row{grid-template-columns:1fr 1.5fr;gap:12px;display:grid}.lens-activity{color:var(--lens-lime);margin:16px 0;font-size:32px}.lens-rain-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:24px 0 16px;display:grid}.lens-rain-grid>div{text-align:center;font-size:12px}.lens-rain-grid strong{overflow-wrap:anywhere;margin-top:8px;font-size:12px;font-weight:400;display:block}.lens-rain-grid small{color:var(--lens-muted);margin-top:5px;font-size:12px;display:block}.lens-rain-track{background:#293d2b;border-radius:5px;height:70px;margin:10px 5px 0;position:relative;overflow:hidden}.lens-rain-track i{background:var(--lens-lime);border-radius:5px;display:block;position:absolute;bottom:0;left:0;right:0}.lens-map-link{color:var(--lens-lime);margin-top:20px;font-size:14px;display:block}.lens-error{color:#ffd6b3;font-size:14px;line-height:1.7}.lens-answer{border-left:2px solid var(--lens-lime);margin:20px 0 0;padding:4px 0 4px 16px;font-size:16px;line-height:1.8}.lens-place-list button{text-align:left;width:100%;margin-top:8px;display:block}.lens-place-list small{margin-top:6px;font-size:12px;line-height:1.5;display:block}.lens-saved{padding:40px 0}.lens-saved h2{margin:10px 0;font-size:24px}.lens-saved>div>p,.lens-empty{color:var(--lens-muted);font-size:14px;line-height:1.7}.lens-saved-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.lens-saved-grid article{background:#172219;border:1px solid #344331;border-radius:16px;padding:20px}.lens-saved-grid span{color:var(--lens-muted);font-size:12px}.lens-saved-grid h3{margin:12px 0;font-size:20px}.lens-saved-grid p{font-size:14px}.lens-saved-grid button{margin-top:12px}.lens-empty{border-top:1px solid #344331;margin-top:24px;padding-top:24px}@media (width<=1000px){.lens-layout{grid-template-columns:minmax(0,1fr) 330px;gap:16px}.lens-panel-section{padding:20px}.lens-overlay{padding:16px}.lens-card{padding:20px}}@media (width<=760px){.lens-layout{display:block}.lens-viewport{height:auto;min-height:620px;margin-bottom:16px;position:relative;top:0}.lens-panel{border-radius:20px}.lens-saved-grid{grid-template-columns:1fr}.lens-card h2{font-size:26px}.lens-rain-grid{gap:4px}.lens-intro{padding:24px}.lens-overlay{margin-top:32px}.lens-header{margin-bottom:16px}.lens-controls{padding-top:12px}.lens-actions>*{min-width:120px}.lens-rain-track{margin-left:3px;margin-right:3px}}@media (prefers-reduced-motion:reduce){.lens-app *{transition:none!important;animation:none!important}}body:has(.lens-app){color:#f7faf5;background:#0d1510}.lens-viewport .lens-intro{margin-bottom:auto}.lens-panel-section .lens-small{font-size:14px!important}.lens-check small{font-size:14px}.lens-topline{background:linear-gradient(#101711c0,#0000)}.lens-start-link{color:var(--lens-lime);border-bottom:1px solid var(--lens-lime);margin-top:8px;padding:10px 0;font-size:16px;display:inline-flex}.lens-panel{scroll-margin-top:20px}
