:root{--n0:#FFFFFF;--n1:#FBFAF8;--n2:#F7F5F2;--n3:#F0EEEA;--n4:#E8E5E0;--n5:#DFDCD6;--n6:#D5D1CA;--n7:#C4BFB6;--n8:#A9A399;--n9:#8A8479;--n10:#6E685E;--n11:#5A554C;--n12:#23201B;--paper:var(--n2);--sunk:var(--n3);--card:var(--n0);--ink:var(--n12);--ink-2:var(--n11);--ink-3:var(--n10);--rule:var(--n6);--rule-strong:var(--n9);--tin-blue:#123E63;--tin-blue-ink:#FFFFFF;--tin-red:#D8402F;--brew:#B0761C;--ok:#2F7A4F;--danger:#B3301F;--tin-coral:#FF7A66;--tin-mint:#6FE3A0;--s-wait-bg:var(--n3);--s-wait-fg:var(--n12);--s-wait-dot:var(--n9);--s-brew-bg:#FBF0D7;--s-brew-fg:#6B4708;--s-brew-dot:var(--brew);--s-ready-bg:#E4EDF5;--s-ready-fg:#0E3350;--s-ready-dot:var(--tin-blue);--s-late-bg:#FBE9E5;--s-late-fg:#8A2415;--s-late-dot:var(--tin-red);--milk:#F3E4C4;--coffee:#4A2A16;--steel:var(--n6);--steel-dark:var(--n9);--r-chip:4px;--r-ctl:6px;--r-card:8px;--r-sheet:12px;--r:var(--r-card);--shadow:0 1px 1px rgba(35,32,27,.1), 0 0 1px rgba(35,32,27,.28);--shadow-over:0 8px 12px rgba(35,32,27,.15), 0 0 1px rgba(35,32,27,.31);--pad:16px;--col:640px;--display:"Archivo",system-ui,sans-serif;--body:"Be Vietnam Pro",system-ui,sans-serif}[data-skin=counter]{--paper:var(--n3);--sunk:var(--n4);--pad:12px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.45;min-height:100dvh;display:flex;flex-direction:column}button,input,select,textarea{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}:focus-visible{outline:2px solid var(--tin-blue);outline-offset:2px;border-radius:var(--r-chip)}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.wrap{width:100%;max-width:var(--col);margin-inline:auto;padding-inline:var(--pad)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-chip);padding:3px 7px;font-size:11px;line-height:16px;font-weight:600;letter-spacing:.01em}.pill i{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-card)}.eyebrow{font-weight:600;font-size:11px;line-height:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.money,.num{font-family:var(--display);font-weight:600;font-variant-numeric:tabular-nums slashed-zero}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.08em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:var(--r-ctl);background:var(--ink);color:var(--n0);font-weight:600;font-size:14px;letter-spacing:.01em;transition:background .14s,transform .1s;text-decoration:none;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn[disabled]{background:var(--n10);color:var(--n0);pointer-events:none}.btn-block{width:100%;font-variant-numeric:tabular-nums}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--rule-strong)}.btn-ghost[disabled]{background:transparent;color:var(--ink-3);border-color:var(--rule)}@media(hover:hover)and (pointer:fine){.btn:hover{background:var(--n10)}.btn-ghost:hover{background:var(--n3)}}.field{display:block;margin-bottom:14px}.field span{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.field input,.field textarea,.field select{width:100%;min-height:48px;padding:12px 13px;border-radius:var(--r-ctl);border:1px solid var(--rule-strong);background:var(--card);color:var(--ink);font-size:15px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--tin-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--tin-blue) 14%,transparent)}.field input:focus:not(:focus-visible),.field textarea:focus:not(:focus-visible),.field select:focus:not(:focus-visible){outline:none}.field textarea{resize:vertical;min-height:64px}.field input::placeholder,.field textarea::placeholder{color:var(--n9)}.note-banner{background:color-mix(in srgb,var(--brew) 14%,transparent);border-left:3px solid var(--brew);border-radius:0 9px 9px 0;padding:10px 13px;font-size:12.5px;line-height:1.55;color:var(--ink-2)}.note-banner b{color:var(--ink)}.note-banner.is-cancelled{background:var(--s-late-bg);border-left-color:var(--tin-red);color:var(--s-late-fg)}.note-banner.is-cancelled b{color:var(--s-late-fg)}.glyph{width:46px;height:46px;border-radius:var(--r-ctl);background:var(--sunk);display:grid;place-items:center;color:var(--ink-3);flex:0 0 auto}.sk-glyph{background:var(--n4)}.topbar{border-bottom:1px solid var(--rule);flex:0 0 auto;background:var(--card)}.topbar-in{display:flex;align-items:center;gap:12px;padding:12px var(--pad)}.topbar h1{font-weight:600;font-size:16px;line-height:24px;margin:0;letter-spacing:-.005em}.topbar h1{min-width:0}.icon-btn{width:40px;height:40px;border-radius:var(--r-ctl);display:grid;place-items:center;background:var(--n3);flex:0 0 auto;color:var(--ink)}@media(hover:hover)and (pointer:fine){.icon-btn:hover{background:var(--n4)}}.topbar .icon-btn{position:relative}.topbar .icon-btn:after{content:"";position:absolute;inset:-2px}.topbar .icon-btn[disabled]{background:var(--n4);color:var(--ink-3);pointer-events:none}.topbar .icon-btn[aria-busy=true] svg{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.topbar .icon-btn[aria-busy=true] svg{animation:none}}.veil{position:fixed;inset:0;background:color-mix(in srgb,var(--ink) 45%,transparent);z-index:40;opacity:0;pointer-events:none;transition:opacity .22s;touch-action:none}.veil.on{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--n1);border-radius:var(--r-sheet) var(--r-sheet) 0 0;max-height:88dvh;display:flex;flex-direction:column;transform:translateY(101%);transition:transform .28s cubic-bezier(.2,.9,.25,1);box-shadow:var(--shadow-over)}.sheet.on{transform:none}.sheet-in{width:100%;max-width:var(--col);margin-inline:auto;display:flex;flex-direction:column;min-height:0;flex:1}.grip{width:38px;height:4px;border-radius:99px;background:var(--n7);margin:9px auto 0;flex:0 0 auto}@media(min-width:720px){.sheet{inset:50% auto auto 50%;width:min(560px,92vw);border-radius:var(--r-sheet);transform:translate(-50%,-46%) scale(.97);opacity:0;max-height:86dvh;transition:transform .2s,opacity .2s}.sheet.on{transform:translate(-50%,-50%);opacity:1}.grip{display:none}}.sold{background:var(--sunk);color:var(--ink-2);font-size:11px;font-weight:600;padding:6px 9px;border-radius:8px;white-space:nowrap;flex:0 0 auto}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px}.st-lead{color:var(--ink);font-size:15px;font-weight:600;line-height:1.5;margin:12px 0 0}.st-note{color:var(--ink-2);font-size:13px;line-height:1.5;max-width:34ch;margin:6px 0 0}.empty .btn{margin-top:16px}.hint{margin:10px 0 0;font-size:12px;color:var(--ink-3);line-height:1.55}.sk{display:inline-block;height:11px;width:96px;border-radius:var(--r-chip);background:var(--n4);vertical-align:middle}.sk-pickno{height:calc(var(--pickno-size) * .84);width:min(38%,132px);margin:6px auto 8px;border-radius:var(--r-chip);background:var(--n4)}.sk-code{height:14px;width:118px}.sk-money{height:15px;width:78px}.sk-qr{width:100%;height:100%;border-radius:var(--r-chip);background:var(--n4)}.sk-state{height:calc(var(--state-size) * 1.14);width:min(62%,216px);margin:4px auto 0;border-radius:var(--r-chip);background:var(--n4)}.sk-help{margin:9px auto 0;font-size:13.5px;height:40.5px;max-width:32ch;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.sk-help i{display:block;height:11px;border-radius:var(--r-chip);background:var(--n4)}.sk-help i:first-child{width:min(88%,300px)}.sk-help i:last-child{width:min(56%,190px)}.sk-hint{height:37.2px;display:flex;flex-direction:column;justify-content:space-evenly}.sk-hint i{display:block;height:10px;border-radius:var(--r-chip);background:var(--n4)}.sk-hint i:first-child{width:min(96%,326px)}.sk-hint i:last-child{width:min(58%,196px)}.sheet-head{padding:14px var(--pad) 10px;border-bottom:1px solid var(--rule);flex:0 0 auto}.sheet-head h2{margin:0;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.02em}.sheet-head p{margin:3px 0 0;font-size:13px;color:var(--ink-2)}.sheet-body{overflow-y:auto;padding:4px var(--pad) 16px;flex:1;overscroll-behavior:contain}.sheet-foot{padding:12px var(--pad) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--rule);flex:0 0 auto;display:flex;gap:11px;align-items:center}.sheet-foot .btn{flex:1;font-variant-numeric:tabular-nums}.optgrp{margin-top:18px}.optgrp-h{display:flex;align-items:baseline;gap:8px;margin-bottom:7px}.optgrp-h b{font-size:13.5px;font-weight:600}.optgrp-h em{font-style:normal;font-size:12px;color:var(--ink-2)}.opt{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:var(--r-ctl);border:1px solid var(--rule);margin-bottom:7px;cursor:pointer;background:var(--card);font-size:14px;transition:border-color .14s,background .14s}.opt:has(input:checked){border-color:var(--tin-blue);background:color-mix(in srgb,var(--tin-blue) 7%,var(--card))}.opt input{accent-color:var(--tin-blue);width:19px;height:19px;flex:0 0 auto;margin:0}.opt span{flex:1}.opt .money{font-size:13px;color:var(--ink-2)}.optgrp+.field{margin-top:20px}.sheet-body>.field:first-child{margin-top:4px}.qty{display:flex;align-items:center;gap:2px;background:var(--sunk);border-radius:var(--r-ctl);padding:3px;flex:0 0 auto}.qty button{width:44px;height:44px;border-radius:var(--r-ctl);display:grid;place-items:center;font-size:19px}.qty button:active{background:var(--rule)}.qty button[disabled]{color:var(--ink-3);pointer-events:none}.qty output{min-width:28px;text-align:center;font-family:var(--display);font-weight:700;font-variant-numeric:tabular-nums;font-size:17px}.langsw{display:inline-flex;align-items:stretch;flex:0 0 auto;border:1px solid var(--rule);border-radius:var(--r-ctl);background:var(--card)}.langsw-opt{position:relative;flex:0 0 32px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--body);font-size:13px;line-height:1.45;font-weight:600;letter-spacing:.04em;color:var(--ink-2);transition:background .14s,color .14s}.langsw-opt:after{content:"";position:absolute;inset:-8px 0}.langsw-opt:first-child:after{left:-12px}.langsw-opt:last-child:after{right:-12px}.langsw-opt:first-child{border-radius:calc(var(--r-ctl) - 1px) 0 0 calc(var(--r-ctl) - 1px)}.langsw-opt:last-child{border-radius:0 calc(var(--r-ctl) - 1px) calc(var(--r-ctl) - 1px) 0}.langsw-opt+.langsw-opt{border-left:1px solid var(--rule)}.langsw-opt:hover{color:var(--ink)}.langsw-opt[aria-current=true]{background:var(--ink);color:var(--paper);font-weight:700}.langsw-opt[aria-current=true]+.langsw-opt{border-left-color:transparent}[data-on-band] .langsw{background:color-mix(in srgb,var(--tin-blue-ink) 16%,transparent);border-color:color-mix(in srgb,var(--tin-blue-ink) 28%,transparent)}[data-on-band] .langsw-opt{color:var(--tin-blue-ink)}[data-on-band] .langsw-opt+.langsw-opt{border-left-color:color-mix(in srgb,var(--tin-blue-ink) 28%,transparent)}[data-on-band] .langsw-opt[aria-current=true]{background:var(--tin-blue-ink);color:var(--tin-blue)}[data-on-band] .langsw-opt[aria-current=true]+.langsw-opt{border-left-color:transparent}[data-on-band] .langsw-opt:focus-visible{outline-color:var(--tin-blue-ink)}.topbar-side{margin-left:auto;display:flex;align-items:center;gap:8px}.cart-list{list-style:none;margin:0;padding:8px 0 0}.cart-line{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--rule)}.cart-line-main{flex:1;min-width:0}.cart-line b{font-size:14.5px;font-weight:600;display:block}.cart-line em{font-style:normal;font-size:12.5px;color:var(--ink-2);display:block;margin-top:2px}.cart-line .lnote{font-size:12.5px;color:var(--s-brew-fg);margin-top:3px}.cart-line-flag{font-size:12.5px;color:var(--s-late-fg);font-weight:600;margin-top:3px}.cart-line-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto}.linkbtn{position:relative;font-size:12px;color:var(--ink-3);text-decoration:underline;text-underline-offset:2px;margin-top:6px;display:inline-block}.linkbtn:after{content:"";position:absolute;inset:-13px -6px}.cart-line.out{background:var(--s-late-bg);border-left:3px solid var(--s-late-dot);margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad)}.cart-line.out .sold{background:var(--card)}.totals{margin-top:16px;padding-top:14px;border-top:2px solid var(--ink)}.totals div{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.totals .grand{font-size:18px;font-weight:700;padding-top:8px}.totals+.field{margin-top:22px}.who{display:grid;grid-template-columns:1fr;gap:0}@media(min-width:440px){.who{grid-template-columns:1fr 1fr;gap:12px}}.cart-msg{margin-top:2px;font-size:12.5px;line-height:1.55;color:var(--s-late-fg)}.hint-center{text-align:center}.cart-line b>.sk{width:min(62%,150px)}.linkbtn[disabled]{color:var(--n9);pointer-events:none}.cart>.note-banner{margin-top:16px}.stamp{position:relative;margin-top:20px;padding:22px var(--pad) 20px;text-align:center;overflow:hidden;--pickno-size:clamp(74px, 22vw, 104px)}.stamp:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--tin-red)}.stamp>.eyebrow{color:var(--ink-3);display:block;margin-bottom:2px;margin-top:14px}.stamp>.eyebrow:first-child{margin-top:0}.pickno{font-family:var(--display);font-weight:800;font-size:var(--pickno-size);line-height:.84;letter-spacing:-.045em;color:var(--tin-red);font-variant-numeric:tabular-nums;margin:6px 0 8px}.stamp-code{font-size:14px;color:var(--ink-2)}.qrwrap{--qr-w:min(260px, 100%);margin-top:14px;padding:16px}@media(max-height:760px){.qrwrap{--qr-w:min(232px, 100%)}}@media(max-width:480px){.qrwrap{--qr-w:min(224px, 100%)}}.qrhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}.qrhead .eyebrow{color:var(--ink-3)}.qrhead .money{font-size:17px;line-height:1.45;flex:0 0 auto}.qrbox{display:flex;justify-content:center;padding:12px;background:var(--n0);border-radius:var(--r-ctl)}.qrbox img{display:block;width:var(--qr-w);height:auto;aspect-ratio:1/1;image-rendering:auto}.qr-hold{width:var(--qr-w);aspect-ratio:1/1;border-radius:var(--r-chip);background:var(--sunk);display:grid;place-items:center;align-content:center;gap:10px;padding:18px;text-align:center;font-size:13px;line-height:1.5;color:var(--ink-2)}.qr-save{margin-top:12px}.qr-card-img{display:block;width:min(300px,100%);height:auto;aspect-ratio:720/1092;margin:12px auto 0;border-radius:var(--r-ctl);border:1px solid var(--rule)}.qrmeta{margin:14px 0 0;border-top:1px solid var(--rule);padding-top:12px;display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:12.5px;line-height:1.45}.qrmeta dt{color:var(--ink-3);white-space:nowrap}.qrmeta dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}.qrwrap[data-state=DA_HUY] .qrhead .money{color:var(--ink-3)}.qrwrap .empty{padding:20px 4px 4px}.confirm-cta{margin-top:14px}.band{background:var(--tin-blue);color:var(--tin-blue-ink);padding:15px 0 0;flex:0 0 auto}.band-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.wordmark{font-family:var(--display);font-variation-settings:"wdth" 124;font-weight:800;font-size:27px;letter-spacing:-.028em;line-height:.94;margin:0}.wordmark span{color:var(--tin-coral)}.band-hours{font-size:11.5px;letter-spacing:.01em;opacity:.72;margin:3px 0 0;font-variant-numeric:tabular-nums}.band-rule{height:4px;background:var(--tin-red);margin-top:14px}.open-pill{background:color-mix(in srgb,var(--tin-blue-ink) 16%,transparent);color:var(--tin-blue-ink)}.open-pill i{background:var(--tin-mint)}.open-pill.shut i{background:var(--tin-coral)}.band-main{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.band-main{min-height:74px}.open-pill{margin-top:6px}.band-side{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto}.cart-dock{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;padding:0 12px calc(12px + env(safe-area-inset-bottom));pointer-events:none}.cartbar{width:100%;max-width:calc(var(--col) - 20px);pointer-events:auto;background:var(--ink);color:var(--paper);border-radius:var(--r);padding:13px 15px;display:flex;align-items:center;gap:13px;box-shadow:0 14px 34px -12px color-mix(in srgb,var(--ink) 55%,transparent);transform:translateY(160%);transition:transform .28s cubic-bezier(.2,.9,.25,1)}.cartbar.up{transform:none}.cartbar-n{background:var(--danger);color:var(--n0);min-width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:14px}.cartbar-t{flex:1;min-width:0;font-size:13.5px;font-weight:500;text-align:left;font-variant-numeric:tabular-nums}.cartbar-go{font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:7px}.resume-slot{display:flex;margin-top:14px}.resume-link{flex:1 1 auto;min-width:0;font-variant-numeric:tabular-nums}.cats-bar{background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:20}.cats{display:flex;gap:7px;padding:11px var(--pad);overflow-x:auto;scrollbar-width:none;width:100%;max-width:var(--col);margin-inline:auto}.cats::-webkit-scrollbar{display:none}.cat{position:relative;flex:0 0 auto;border:1px solid var(--rule);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--ink-2);background:var(--card);transition:background .14s,color .14s,border-color .14s}.cat:after{content:"";position:absolute;inset:-6px 0}.cat[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.menu{padding-bottom:150px}.menu>.note-banner{margin-top:16px}.menu h2{font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin:26px 0 2px;scroll-margin-top:64px;line-height:1.45}.row{display:flex;gap:13px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--rule);width:100%;text-align:left;background:none}.row:last-of-type{border-bottom:0}.row-main{flex:1;min-width:0;display:block}.row-name{display:block;font-weight:600;font-size:15.5px;letter-spacing:-.005em}.row-desc{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-2);line-height:1.42}.row-price{display:block;margin-top:7px;font-size:14px}.price-l{color:var(--ink-2)}.price-l:before{content:"·";margin:0 .45em}.add{width:34px;height:34px;border-radius:var(--r-ctl);background:var(--tin-blue);color:var(--tin-blue-ink);display:grid;place-items:center;font-size:20px;font-weight:600;line-height:1;flex:0 0 auto}.in-cart{background:var(--ok);color:var(--n0);font-size:12px;padding:0 9px;height:34px;border-radius:var(--r-ctl);display:grid;place-items:center;font-family:var(--display);font-weight:700;flex:0 0 auto}.row.out{opacity:1;pointer-events:none}.row.out .glyph,.row.out .row-name,.row.out .row-desc,.row.out .row-price{opacity:.45}.sk-cat{pointer-events:none}.sk-cat>.sk{width:100%}.sk-cat:nth-child(1){width:76px}.sk-cat:nth-child(2){width:56px}.sk-cat:nth-child(3){width:112px}.sk-cat:nth-child(4){width:84px}.sk-h2{width:min(34%,110px)}.row-name>.sk{width:60%}.row-desc>.sk{width:85%}.row-price>.sk{width:30%}.pull{background:var(--sunk);border-bottom:1px solid var(--rule);flex:0 0 auto}.pull-in{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px var(--pad);font-size:12px;line-height:1.45;color:var(--ink-2)}.pull svg{animation:bob 2.4s ease-in-out 5;flex:0 0 auto}@keyframes bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}@media(pointer:fine){.pull{display:none}}.pull[data-busy=true] svg{animation-play-state:paused;opacity:.4}.status{padding-block:22px 34px;text-align:center}.phin{width:min(186px,52vw);height:auto;margin:0 auto;display:block}.liquid{transform-box:fill-box;transform-origin:bottom;transform:scaleY(var(--fill,0));transition:transform 1.1s cubic-bezier(.3,.8,.3,1)}.ice{opacity:var(--ice,0);transition:opacity .45s ease .5s}.drop{display:none;transform-box:fill-box;transform-origin:50% 0}.phin[data-drip="1"] .drop{display:block;animation:drip 1.9s infinite}@keyframes drip{0%{transform:translateY(-6px) scale(.3);opacity:0;animation-timing-function:ease-out}16%{transform:translateY(-6px) scale(.7,.55);opacity:.9;animation-timing-function:ease-out}34%{transform:translateY(-5px) scale(1.05,.92);opacity:1;animation-timing-function:ease-in}42%{transform:translateY(-1px) scale(.86,1.15);opacity:1;animation-timing-function:cubic-bezier(.55,0,.85,.35)}to{transform:translateY(13px) scale(.78,1.3);opacity:0}}.state-block{margin-top:16px;--state-size:clamp(28px,8vw,36px)}.state-block>.eyebrow{color:var(--ink-3);display:block}.state-name{font-family:var(--display);font-weight:800;color:var(--state,var(--ink));font-size:var(--state-size);letter-spacing:-.03em;margin:4px 0 0;line-height:1.14}.state-help{margin:9px auto 0;font-size:13.5px;color:var(--ink-2);max-width:32ch;line-height:1.5}.status .note-banner{margin:14px auto 0;text-align:left;max-width:34ch;font-size:13.5px}.clock{margin:20px auto 0;display:inline-flex;align-items:baseline;gap:9px;padding:11px 20px;border-radius:var(--r-card)}.clock .eyebrow{color:var(--ink-3)}.clock time{font-family:var(--display);font-weight:800;font-size:29px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.14}.clock[data-soon=true] time{font-size:24px;letter-spacing:-.01em;line-height:1.45}.recap{margin-top:22px;text-align:left;padding:15px 16px}.recap .eyebrow{color:var(--ink-3);display:block;margin-bottom:9px;font-variant-numeric:tabular-nums}.recap .eyebrow b{color:var(--ink);font-weight:700}.recap ul{list-style:none;margin:0;padding:0;font-size:13.5px}.recap li{display:flex;gap:10px;padding:5px 0;line-height:1.5}.recap li>.num{font-family:var(--display);font-weight:700;color:var(--tin-blue);min-width:24px;flex:0 0 auto}.recap li em{display:block;font-style:normal;font-size:12px;color:var(--ink-2);margin-top:1px;line-height:1.5}.recap-note{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:var(--s-brew-fg)}.recap-tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--rule);margin-top:10px;padding-top:10px;font-size:14px;font-weight:600}.status-qr{margin-top:18px}.status-code{font-size:12px;color:var(--ink-2);white-space:nowrap}@media(prefers-reduced-motion:reduce){.drop,.phin[data-drip="1"] .drop{display:none}.liquid,.ice{transition:none}.pull svg{animation:none}.topbar .icon-btn[aria-busy=true] svg{animation:none}}