html{scroll-padding-block-start:5.5rem}.s-page{gap:1.25rem;inline-size:100%;max-inline-size:40rem;margin-inline:auto;display:grid}.s-title{font-size:1.5rem;line-height:1.35}.s-card{background:var(--surface);border-radius:var(--radius);gap:1rem;padding:1.25rem;display:grid}.s-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.s-muted{color:var(--muted)}.s-small{font-size:.875rem}.s-btn{background:var(--brand);min-block-size:48px;color:var(--on-brand);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.4rem;font-weight:700;text-decoration:none;display:inline-flex}.s-btn-block{inline-size:100%}.s-btn-quiet{color:var(--ink);background:#0000000f}.s-btn-link{color:var(--brand);background:0 0;min-block-size:36px;padding-inline:.25rem}.s-field{gap:.35rem;display:grid}.s-field>label,.s-label{font-size:.95rem;font-weight:700}.s-input,.s-select,.s-textarea{background:#fff;border:1px solid #0000001f;border-radius:.8rem;min-block-size:48px;inline-size:100%;padding:.65rem .9rem;font-size:1rem}.s-textarea{resize:vertical;min-block-size:5.5rem}.s-input:focus,.s-select:focus,.s-textarea:focus{outline:2px solid var(--brand);outline-offset:1px}.s-grid-2{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;display:grid}.s-error{color:#b42318;font-size:.875rem}.s-alert{color:#b42318;background:#fdecea;border-radius:.8rem;padding:.85rem 1rem}.s-alert-ok{color:#1f7a3d;background:#e8f5ec}.s-choice{cursor:pointer;border:1.5px solid #0000001a;border-radius:.9rem;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}.s-choice:has(input:checked){border-color:var(--brand);background:color-mix(in srgb, var(--brand) 6%, #fff)}.s-choice input{accent-color:var(--brand);margin-block-start:.35rem}.s-list{margin:0;padding:0;list-style:none;display:grid}.s-list>li{padding-block:.9rem}.s-list>li+li{border-block-start:1px solid #00000012}.s-sum{gap:.4rem;display:grid}.s-sum div{justify-content:space-between;display:flex}.s-sum .s-total{border-block-start:1px dashed #00000026;padding-block-start:.5rem;font-size:1.1rem;font-weight:700}.s-badge{background:#0000000f;border-radius:999px;padding:.15rem .7rem;font-size:.8rem;font-weight:700;display:inline-block}.s-badge[data-tone=wait]{color:#9a5b00;background:#fff4e0}.s-badge[data-tone=act]{color:#1d4ed8;background:#e7f0ff}.s-badge[data-tone=ok],.s-badge[data-tone=done]{color:#1f7a3d;background:#e8f5ec}.s-badge[data-tone=off]{color:var(--muted)}.s-thumb{object-fit:cover;background:#ececf0;border-radius:.7rem;flex-shrink:0;block-size:64px;inline-size:64px}.s-line{align-items:center;gap:.85rem;display:flex}.s-line-body{flex:1;gap:.15rem;min-inline-size:0;display:grid}.s-timeline{border-inline-start:2px solid #00000014;gap:.6rem;margin:0;padding:0;padding-inline-start:1rem;list-style:none;display:grid}.s-timeline li{position:relative}.s-timeline li:before{content:"";background:var(--brand);border-radius:50%;block-size:10px;inline-size:10px;position:absolute;inset-block-start:.55rem;inset-inline-start:calc(-1rem - 6px)}.s-card-number{letter-spacing:.08em;text-align:center;background:color-mix(in srgb, var(--brand) 8%, #fff);direction:ltr;border-radius:.8rem;padding:.9rem;font-size:1.35rem;font-weight:700}.s-upload{color:var(--brand);cursor:pointer;text-align:center;border:2px dashed #0000002e;border-radius:.9rem;place-items:center;padding:1.25rem;font-weight:700;display:grid;position:relative}.s-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.s-upload .picked{display:none}.s-upload:has(input:valid){border-style:solid;border-color:var(--brand);background:color-mix(in srgb, var(--brand) 6%, #fff)}.s-upload:has(input:valid) .pick{display:none}.s-upload:has(input:valid) .picked{display:block}.s-upload:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:.12s ease-out both shop-fade-out}::view-transition-new(root){animation:.26s cubic-bezier(.2,.8,.2,1) both shop-settle-in}@keyframes shop-fade-out{to{opacity:0}}@keyframes shop-settle-in{0%{opacity:0;translate:0 .5rem}}}.toasts{z-index:20;pointer-events:none;justify-items:center;padding-inline:1rem;display:grid;position:fixed;inset-block-start:4.75rem;inset-inline:0}.toast{color:#fff;background:#1f2937;border-radius:999px;max-inline-size:26rem;margin:0;padding:.7rem 1.1rem;font-size:.92rem;font-weight:600;animation:4.2s cubic-bezier(.2,.9,.2,1) forwards toast-life;box-shadow:0 14px 34px -10px #14141973}.toast.error{background:#b42318}@keyframes toast-life{0%{opacity:0;translate:0 -.75rem;scale:.96}8%,86%{opacity:1;translate:0;scale:1}to{opacity:0;visibility:hidden;translate:0 -.5rem}}@media (prefers-reduced-motion:reduce){.toast{animation:4.2s linear forwards toast-fade}@keyframes toast-fade{0%,90%{opacity:1}to{opacity:0;visibility:hidden}}}