@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/62f37606a5bd6f6f-s.3wn_q526zaolu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/4cf231d25563e07b-s.p.3uuun_-7zsf1g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.hccXaq_className{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.hccXaq_variable{--font-sans:"Instrument Sans", "Instrument Sans Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#173c38;--muted:#4c605b;--line:#dce4dc;--control-line:#8b9d94;--page:#f6f5ef;--surface:#fbfcfa;--radius:.8125rem;--radius-large:1.125rem;font-family:var(--font-sans), Arial, Helvetica, sans-serif;color:var(--ink);background:var(--page);-webkit-text-size-adjust:100%}*{box-sizing:border-box}body,p,h1,figure{margin:0}img{max-width:100%}.app-shell{width:min(100%,30rem);min-height:100svh;padding:.75rem 1.5rem calc(6.5rem + env(safe-area-inset-bottom));background:var(--surface);margin-inline:auto}.app-header{justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;padding-bottom:.75rem;display:flex}.wordmark{letter-spacing:-.035em;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;line-height:1;display:inline-flex}.wordmark svg{flex:none}.story-link{min-height:44px;color:var(--muted);align-items:center;font-size:.8125rem;text-decoration:none;display:inline-flex}.scanner{padding-top:0}.check-panel{min-width:0;min-height:calc(100svh - 4.25rem)}.app-intro{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:2rem}.intro-label{color:var(--muted);font-size:.8125rem}.app-intro h2{letter-spacing:-.035em;text-wrap:balance;max-width:13ch;margin:.75rem 0 0;font-size:2rem;font-weight:500;line-height:1.1}.intro-lead{max-width:38ch;margin-top:1rem;font-size:1.125rem;line-height:1.5}.intro-audience{max-width:38ch;color:var(--muted);margin-top:1rem;font-size:.9375rem;line-height:1.5}.intro-picture{margin-top:1.5rem;position:relative}.intro-picture img{border-radius:var(--radius-large);object-fit:cover;object-position:50% 62%;width:100%;height:13rem;display:block}.intro-picture figcaption{color:var(--muted);background:#fbfcfa;border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;position:absolute;bottom:.625rem;left:.625rem}.demo-banner{z-index:5;border-top:1px solid var(--line);width:min(100%,30rem);padding:.75rem 1.5rem calc(.75rem + env(safe-area-inset-bottom));background:var(--surface);color:var(--muted);margin-inline:auto;font-size:.75rem;line-height:1.5;position:fixed;inset:auto 0 0}.demo-context{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;min-height:3.125rem;font-size:.8125rem;display:flex}.demo-context strong{font-weight:600}.context-clock{color:var(--muted)}.context-button{width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;flex:none;place-items:center;margin-right:-.5rem;display:grid}.reset-button{min-height:44px;color:var(--ink);text-underline-offset:.15em;background:0 0;border:0;padding:.25rem 0;font-size:.875rem;text-decoration:underline}.demo-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.75rem;display:grid}.preset-button{border:1px solid var(--control-line);min-height:3.5rem;color:var(--ink);background:0 0;padding:.5rem .25rem;font-size:.9375rem;font-weight:600}.preset-button small{margin-top:.125rem;font-size:.75rem;font-weight:400;display:block}.preset-button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}button,.secondary-button{border-radius:var(--radius);min-height:3rem;font:inherit;cursor:pointer;touch-action:manipulation;font-weight:500}.secondary-button{border:1px solid var(--control-line);color:var(--ink);text-align:center;background:0 0;padding:.75rem}.check-button,.shutter-button{background:var(--ink);color:#fff;border:0;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:3.75rem;margin-top:1.125rem;padding:.875rem;font-size:1rem;font-weight:600;display:flex}.shutter-mark{background:currentColor padding-box content-box;border:2px solid;border-radius:50%;width:1.75rem;height:1.75rem;padding:3px;display:block}.taken-button{background:var(--ink);color:#fff;border:0;width:100%;margin-top:1rem;padding:.875rem;font-weight:600}.another-button{width:100%;margin-top:.5rem}.text-button{min-height:44px;color:inherit;background:0 0;border:0;margin:0;padding:.5rem .25rem;display:block}.upload-button{place-items:center;display:grid;position:relative}.upload-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.upload-link{min-height:44px;padding:.5rem .25rem;font-size:.875rem;font-weight:500}.capture-links{justify-content:center;align-items:center;gap:1.25rem;margin-top:.375rem;font-size:.875rem;display:flex}button:disabled,.disabled{opacity:.5;cursor:default}button:focus-visible,.upload-button:focus-within,.story-link:focus-visible{outline:3px solid var(--ink);outline-offset:3px}h1{letter-spacing:-.025em;text-wrap:balance;font-size:1.5rem;line-height:1.15}.home-screen h1,.camera-screen h1{margin-top:1.25rem;font-weight:500}.samples{margin-top:.75rem}.samples>p{color:var(--muted);margin-bottom:.375rem;font-size:.875rem;font-weight:600}.sample-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.sample-row button{text-align:left;align-items:center;gap:.375rem;min-width:0;padding:.25rem;font-size:.875rem;display:flex}.sample-thumb{object-fit:cover;background:#e9e6df;border-radius:.375rem;flex:none;width:2.5rem;height:2rem}.hint,.scan-help{color:var(--muted);margin-top:.75rem;font-size:.9375rem;line-height:1.45}.details-section{border-top:1px solid var(--line);color:var(--muted);margin-top:.875rem;scroll-margin-top:1rem}details{margin-top:.75rem;font-size:.875rem;line-height:1.5}summary{cursor:pointer;min-height:2.75rem;padding-block:.6rem;font-weight:500}details p{margin-block:.5rem}.details-section>details{margin-top:0}.demo-settings{border-bottom:1px solid var(--line)}.demo-settings>summary{justify-content:space-between;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.demo-settings>summary strong{text-align:right;font-weight:400}.demo-settings[open]{padding-bottom:1rem}.patient-context{margin-top:.5rem}.patient-context>label,.demo-clock legend{margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}select,input[type=time]{border:1px solid var(--control-line);border-radius:var(--radius);width:100%;min-width:0;height:3rem;color:var(--ink);font:inherit;background:#fff;padding:.6rem}select:focus-visible,input:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.record-date{color:var(--muted);margin-top:.375rem;font-size:.8125rem}.demo-clock{border:0;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:.75rem;width:100%;min-width:0;margin:.875rem 0 0;padding:0;display:grid}.demo-clock select,.demo-clock input[type=time]{appearance:none;width:100%;min-width:0;max-width:100%;height:3rem;min-height:3rem;line-height:1.2;display:block}.demo-clock input[type=time]::-webkit-date-and-time-value{text-align:left;min-width:0}.demo-clock input[type=time]::-webkit-datetime-edit{padding:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.medicine-list article{border-top:1px solid var(--line);overflow-wrap:anywhere;padding-block:.75rem}.medicine-list h3{margin:0;font-size:1rem}.medicine-list h3 span{white-space:nowrap;font-weight:400}.record-timing{font-weight:600}.viewfinder{border-radius:var(--radius-large);background:#203e35;width:100%;height:clamp(13rem,32svh,18rem);margin-top:1rem;position:relative;overflow:hidden}.viewfinder:after{content:"";pointer-events:none;border:1px solid #d4e3d5;border-radius:.875rem;position:absolute;inset:18% 8%}.camera-idle{text-align:center;color:#e1eee4;flex-direction:column;justify-content:center;align-items:center;gap:.875rem;height:100%;padding:3rem;font-size:.875rem;line-height:1.5;display:flex}.camera-idle svg{width:1.75rem;height:1.75rem}.viewfinder video{object-fit:cover;visibility:hidden;width:100%;height:100%;position:absolute}.viewfinder video.visible{visibility:visible}.scan-help{text-align:center;margin-top:.875rem;font-size:.875rem}.checking-screen{text-align:center;padding-block:1.25rem}.frozen-image{border-radius:var(--radius);object-fit:contain;background:#e9e6df;width:100%;height:10rem;margin-block:.875rem;display:block}.checking-screen>p:last-child{color:var(--muted)}.checking-screen:after{content:"";background:linear-gradient(90deg, transparent, var(--ink), transparent) 0 0 / 40% 100% no-repeat var(--line);border-radius:3px;width:100%;height:3px;margin-top:.875rem;animation:1.1s ease-in-out infinite alternate reading;display:block}@keyframes reading{to{background-position:100% 0}}.decision{overflow-wrap:anywhere;--result-ink:#44534e;--result-fill:#edf0ed;margin-top:1.25rem;scroll-margin-top:1rem;animation:.16s ease-out arrive}@keyframes arrive{0%{opacity:0;transform:translateY(4px)}}.decision.matches{--result-ink:#145c30;--result-fill:#e8f3e9}.decision.not-now{--result-ink:#7d4400;--result-fill:#fff0d4}.decision.not-yours{--result-ink:#9b2424;--result-fill:#feeceb}.decision h2{color:var(--result-ink);letter-spacing:-.025em;align-items:center;gap:.625rem;margin:1rem 0 0;font-size:1.375rem;font-weight:600;line-height:1.2;display:flex}.decision-icon{background:var(--result-fill);border-radius:50%;flex:none;place-items:center;width:2.25rem;height:2.25rem;font-size:1.5rem;display:grid}.medicine-name{letter-spacing:-.025em;margin-top:.625rem;font-size:1.5rem;font-weight:500}.result-picture{position:relative}.result-screen .frozen-image{border:1px solid var(--line);background:#eeeee8;width:100%;height:8.5rem;margin:0}.sample-label{margin-bottom:.5rem;font-size:.8125rem;font-weight:600}.result-picture .sample-label{color:var(--ink);background:#ffffffeb;border-radius:.25rem;margin:0;padding:.125rem .375rem;font-size:.75rem;position:absolute;bottom:.375rem;left:.5rem}.spoken-line{margin-top:.625rem;font-size:1.125rem;font-weight:500;line-height:1.35}.record-strength{margin-top:.5rem;font-size:1.125rem;line-height:1.35}.check-scope,.recorded-dose{color:var(--muted);margin-top:.5rem;font-size:.8125rem;line-height:1.4}.recorded-dose{font-size:.9375rem}.result-context{margin-bottom:.625rem;font-size:.875rem;line-height:1.4}.voice-row{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.say-again{width:auto;min-height:48px;color:inherit;background:0 0;border:0;align-items:center;gap:.5rem;margin:0;padding:.25rem .5rem .25rem 0;font-size:1rem;display:inline-flex}.voice-label{color:var(--muted);font-size:.75rem;line-height:1.5}.result-screen .details-section{margin-top:.5rem}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){.decision,.checking-screen:after{animation:none}}@media (max-width:350px){.app-shell,.demo-banner{padding-inline:1rem}.capture-links{gap:1rem}}@media (max-width:59.999rem){.viewfinder{height:clamp(11rem,28svh,16rem)}}@media (min-width:60rem){.app-shell{background:0 0;grid-template-columns:minmax(0,1fr) 27rem;grid-template-areas:"header header""intro checker""notice checker";align-content:start;gap:1.5rem clamp(2.5rem,6vw,5rem);width:min(100%,72rem);min-height:100svh;padding:1.25rem 2.5rem 2.5rem;display:grid}.app-header{grid-area:header;padding-bottom:0}.check-panel{border:1px solid var(--line);background:var(--surface);border-radius:1.5rem;grid-area:checker;align-self:start;min-height:0;padding:.5rem 1.5rem 1rem;box-shadow:0 12px 40px -28px #173c384d}.app-intro{border:0;grid-area:intro;margin:0;padding:0}.intro-label{padding-top:.5rem}.app-intro h2{font-size:clamp(2.25rem,4vw,3.25rem)}.intro-lead{font-size:1.1875rem}.intro-picture img{height:clamp(11rem,25vh,15rem)}.demo-banner{background:0 0;grid-area:notice;align-self:start;width:auto;margin:0;padding:1rem 0 0;position:static}.check-button:hover,.shutter-button:hover,.taken-button:hover{background:#0f2c29}.secondary-button:hover,.preset-button:hover:not([aria-pressed=true]){background:#173c380f}}
