.bd-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""phone""after";gap:40px;display:grid}.bd-intro{grid-area:intro;max-width:36rem}.bd-phone{grid-area:phone;justify-self:center;position:relative}@media (max-width:339px){.bd-phone{zoom:.88}}.bd-after{grid-area:after;max-width:36rem}@media (min-width:1024px){.bd-grid{grid-template:"intro phone""after phone"1fr/minmax(0,36rem) 300px;justify-content:center;align-items:start;gap:0 clamp(64px,9vw,140px)}.bd-phone{align-self:center}}.bd-pill{background:var(--color-tile);isolation:isolate;border-radius:999px;align-items:center;gap:6px;max-width:30rem;padding:0;transition:background-color .2s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.bd-pill:hover{box-shadow:inset 0 0 0 1px var(--color-line)}.bd-pill:focus-within{box-shadow:inset 0 0 0 2px var(--color-ink);background:#fff}.bd-pill input{min-width:0;height:48px;color:var(--color-ink);text-overflow:ellipsis;background:0 0;outline:none;flex:1;padding:0 4px 0 16px;font-size:16px}.bd-pill input::placeholder{color:var(--color-muted)}.bd-pill .btn{min-height:48px;padding:0 22px}.bd-fill{z-index:-1;transform-origin:0;pointer-events:none;background:#1d1d1f12;position:absolute;inset:0;transform:scaleX(0)}.bd-pill[data-phase=finding] .bd-fill{animation:3.2s cubic-bezier(.2,.7,.2,1) forwards bd-find}.bd-pill[data-phase=reading] .bd-fill{animation:5s cubic-bezier(.2,.7,.2,1) forwards bd-read}.bd-pill[data-phase=done] .bd-fill{opacity:0;transition:opacity .5s .15s;transform:scaleX(1)}@keyframes bd-find{0%{transform:scaleX(.03)}to{transform:scaleX(.45)}}@keyframes bd-read{0%{transform:scaleX(.45)}to{transform:scaleX(.94)}}.bd-status{min-height:21px}.bd-chip{box-shadow:inset 0 0 0 1px var(--color-line);background:#fff}.bd-again{gap:6px;min-height:38px;padding:0 12px;font-size:13px}.bd-wrong{min-height:24px}.bd-reading{opacity:.55;filter:saturate(.6);transition:opacity .3s,filter .3s}.bd-scan{pointer-events:none;z-index:2;border-radius:40px;position:absolute;inset:8px;overflow:hidden}.bd-scan:before{content:"";background:linear-gradient(#fff0,#ffffff8c 50%,#fff0);height:38%;animation:1.7s cubic-bezier(.45,0,.55,1) infinite bd-sweep;position:absolute;left:0;right:0}@keyframes bd-sweep{0%{transform:translateY(-110%)}to{transform:translateY(290%)}}.bd-toast{color:#fff;white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1d1d1fdb;border-radius:999px;max-width:calc(100% - 40px);padding:8px 14px;font-size:12px;font-weight:500;position:absolute;bottom:22px;left:50%;overflow:hidden;transform:translate(-50%)}.bd-fade{z-index:4;pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--bd-page) 0%, transparent), var(--bd-page) 40%);border-radius:0 0 55px 55px;height:92px;position:fixed;bottom:11px;left:11px;right:11px}html[data-vt-brand]::view-transition-group(brand-demo){z-index:50;animation:none}html[data-vt-brand]::view-transition-old(brand-demo){mix-blend-mode:normal;animation:none}html[data-vt-brand]::view-transition-new(brand-demo){mix-blend-mode:normal;animation:none}.bd-cycle{width:28px;height:28px;color:var(--color-ink,#1d1d1f);background:#0000000f;border-radius:999px;place-items:center;transition:background-color .2s;display:inline-grid}.bd-cycle:hover{background:#0000001a}.bd-chip-run{transform-origin:0;background:#ffffff8c;border-radius:2px;height:2px;animation:5s linear forwards bd-run;position:absolute;bottom:5px;left:12px;right:12px;transform:scaleX(0)}@keyframes bd-run{to{transform:scaleX(1)}}.bd-swap{animation:bd-swap .6s var(--ease-out,ease-out) both}@keyframes bd-swap{0%{opacity:0;transform:scale(.985)}}@media (prefers-reduced-motion:reduce){.bd-chip-run{opacity:0}.bd-swap{animation:none}.bd-pill[data-phase=finding] .bd-fill{animation:none;transform:scaleX(.35)}.bd-pill[data-phase=reading] .bd-fill{animation:none;transform:scaleX(.7)}.bd-scan:before{animation:none;display:none}.bd-reading{transition:none}}