*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);min-width:320px;color:var(--color-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--text-body-size);line-height:var(--text-body-line);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0}h1,h2,p{margin:0}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}[tabindex="-1"]:focus{outline:none}.nowrap{white-space:nowrap}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{width:100%;max-width:calc(var(--layout-web-card-max-width) + 2 * var(--layout-gutter));padding:max(var(--space-lg), env(safe-area-inset-top)) max(var(--layout-gutter), env(safe-area-inset-right)) max(var(--space-xxl), env(safe-area-inset-bottom)) max(var(--layout-gutter), env(safe-area-inset-left));margin:0 auto}@media (width>=720px){.page{padding-top:var(--space-xxxl);padding-bottom:48px}}.top{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:48px;display:flex}.logo{align-items:center;gap:var(--space-sm);color:var(--color-accent-text);display:inline-flex}.logo-mark{width:48px;height:auto;color:var(--color-accent)}.logo-word{letter-spacing:-.02em;font-size:1.625rem;font-weight:800;line-height:1}.languages{border-radius:var(--radius-choice);background:var(--color-surface);padding:2px;display:inline-flex}.language{min-width:44px;min-height:44px;padding:0 var(--space-sm);border-radius:calc(var(--radius-choice) - 2px);color:var(--color-muted);font-size:var(--text-label-size);line-height:var(--text-label-line);cursor:pointer;background:0 0;border:0;font-weight:700}.language[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent)}.card{gap:var(--layout-tile-gap);margin-top:var(--space-lg);flex-direction:column;display:flex}.demo-label{align-items:center;gap:var(--space-sm);color:var(--color-muted);font-size:var(--text-caption-size);line-height:var(--text-caption-line);align-self:flex-start;display:inline-flex}.demo-dot{border:1.5px solid var(--color-muted);border-radius:50%;width:8px;height:8px}h1{font-size:var(--text-title-size);line-height:var(--text-title-line);font-weight:var(--text-title-weight);letter-spacing:-.015em;margin-bottom:var(--space-xs);overflow-wrap:break-word}.tiles{gap:var(--layout-tile-gap);flex-direction:column;display:flex}.tile{border-radius:var(--radius-tile);background:var(--color-surface);padding:var(--space-lg) var(--space-xl);min-width:0}.label{color:var(--color-muted);font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:var(--text-label-weight)}.value{font-size:var(--text-value-size);line-height:var(--text-value-line);font-weight:var(--text-value-weight);overflow-wrap:anywhere}.hint,.caption{color:var(--color-muted);font-size:var(--text-caption-size);line-height:var(--text-caption-line)}.photo-tile{gap:var(--space-lg);padding:var(--space-md);grid-template-columns:minmax(0,11fr) minmax(0,12fr);align-items:start;display:grid;container-type:inline-size}.thumb{aspect-ratio:8/5;border-radius:var(--radius-thumbnail);background:radial-gradient(120% 90% at 30% 20%, var(--color-raised), transparent 60%), linear-gradient(160deg, var(--color-raised), var(--color-line));color:var(--color-muted);place-items:center;display:grid}.thumb-icon{opacity:.7;width:40%;max-width:64px;height:auto}.subject{padding-top:var(--space-md);font-size:clamp(1.125rem, 6.4cqi, var(--text-heading-size));line-height:1.25;font-weight:var(--text-heading-weight);overflow-wrap:break-word}.money-row{gap:var(--layout-tile-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));display:grid}.money-tile{gap:var(--space-sm);flex-direction:column;display:flex;container-type:inline-size}@media (width<=520px){.money-tile{padding-left:var(--space-lg);padding-right:var(--space-lg)}}.money{font-size:clamp(1.625rem, 22cqi, var(--text-money-size));line-height:1.1;font-weight:var(--text-money-weight);letter-spacing:-.02em;white-space:nowrap}.money.small{font-size:clamp(1.375rem, 18cqi, var(--text-money-small-size))}.row-tile{align-items:center;gap:var(--space-lg);padding-top:var(--space-md);padding-bottom:var(--space-md);display:flex}.row-icon{background:var(--color-raised);width:48px;height:48px;color:var(--color-ink);border-radius:50%;flex:none;place-items:center;display:grid}.status-tile{gap:var(--space-sm);border-radius:var(--radius-tile);padding:var(--space-lg) var(--space-xl);background:var(--color-surface);flex-direction:column;display:flex}.status-tile.confirmed{background:var(--color-accent-soft)}.status-head{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.status-lights{color:var(--color-accent);flex:none}.status-title{align-items:center;gap:var(--space-sm);color:var(--color-accent-text);font-size:var(--text-value-size);line-height:var(--text-value-line);font-weight:var(--text-value-weight);display:inline-flex}.status-icon{flex:none}.change-tile{gap:var(--space-md);flex-direction:column;display:flex}.change-row{gap:var(--space-xs);flex-direction:column;display:flex}.change-label{font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:700}.change-values{align-items:center;gap:var(--space-sm);font-size:var(--text-value-size);line-height:var(--text-value-line);font-weight:var(--text-value-weight);flex-wrap:wrap;display:flex}.old-value{color:var(--color-muted);font-weight:500}.change-arrow{color:var(--color-muted)}.new-value{padding:2px var(--space-sm);border-radius:var(--space-sm);background:var(--color-accent-soft);color:var(--color-accent-text)}.actions,.panel{gap:var(--space-md);margin-top:var(--space-xs);flex-direction:column;display:flex}.panel{border-radius:var(--radius-tile);background:var(--color-surface);padding:var(--space-xl);gap:var(--space-lg)}.panel-title{font-size:var(--text-heading-size);line-height:var(--text-heading-line);font-weight:var(--text-heading-weight)}.body{font-size:var(--text-body-size);line-height:var(--text-body-line)}.button{width:100%;min-height:var(--layout-button-height);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-button);text-align:center;cursor:pointer;justify-content:center;align-items:center;font-size:1.0625rem;font-weight:700;line-height:1.3;display:inline-flex}.button.primary{background:var(--color-accent);color:var(--color-on-accent);border:0}.button.secondary{border:1.5px solid var(--color-line);color:var(--color-ink);background:0 0}.button.primary:hover{filter:brightness(1.08)}.button.secondary:hover{background:var(--color-surface)}.panel .button.secondary:hover{background:var(--color-raised)}.consent{color:var(--color-muted);font-size:var(--text-caption-size);line-height:var(--text-caption-line);text-align:center;padding:0 var(--space-sm)}.field{gap:var(--space-sm);flex-direction:column;display:flex}.field label{font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:700}.input{width:100%;min-height:52px;padding:var(--space-md) var(--space-lg);border:1.5px solid var(--color-line);border-radius:var(--radius-input);background:var(--color-raised);font-size:var(--text-value-size);line-height:var(--text-value-line);font-weight:var(--text-value-weight)}.input:focus-visible{border-color:var(--color-accent);outline-offset:1px}.input[aria-invalid=true]{border-color:var(--color-issue)}.code-input{letter-spacing:.3em;max-width:12rem}.error{color:var(--color-issue);font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:var(--text-label-weight)}.footer{align-items:center;gap:var(--space-sm);margin-top:var(--space-xxl);text-align:center;flex-direction:column;display:flex}.text-button{min-height:44px;padding:0 var(--space-md);border-radius:var(--space-sm);color:var(--color-accent-text);font-size:var(--text-label-size);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}@media (width<=360px){.photo-tile{grid-template-columns:1fr}.subject{padding-top:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ecp-panel{justify-items:center;gap:12px;display:grid}.ecp-qr{width:200px;height:200px}.shipment-tile{gap:4px;display:grid}.shipment-tile .track{font-variant-numeric:tabular-nums;letter-spacing:.04em;-webkit-user-select:all;user-select:all;margin:0;font-weight:600}.shipment-tile .text-button{justify-self:start}.tile-hint{margin:-4px 4px 0}