:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1a1a1a;--muted:#5b5b5b;--paper:#fff;--accent:#0b5cad;--bar:#e4e7eb;--bad:#a4262c;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.4}body{background:var(--paper);color:var(--ink);margin:0}main{box-sizing:border-box;flex-direction:column;gap:1rem;max-width:32rem;min-height:100vh;margin:0 auto;padding:2rem 1.25rem 3rem;display:flex}h1{margin:0;font-size:1.6rem;line-height:1.2}p{color:var(--muted);margin:0}p.error{color:var(--bad)}.pick{border:2px solid var(--accent);background:var(--accent);color:var(--paper);text-align:center;cursor:pointer;border-radius:.75rem;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:600;display:block}.pick input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.bar{background:var(--bar);border-radius:.375rem;height:.75rem;overflow:hidden}.bar>span{background:var(--accent);height:100%;transition:width .2s;display:block}.bar.busy>span{width:30%;animation:1.2s ease-in-out infinite slide}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(333%)}}button.cancel{border:2px solid var(--muted);color:var(--ink);cursor:pointer;background:0 0;border-radius:.75rem;align-self:flex-start;margin-top:1rem;padding:.6rem 1.2rem;font-size:1rem}.done h1{color:#1f6b2f}.fine{margin-top:auto;font-size:.85rem}.payment{min-height:6rem}button.primary{border:2px solid var(--accent);background:var(--accent);color:var(--paper);cursor:pointer;border-radius:.75rem;margin-top:.5rem;padding:1rem;font-size:1.1rem;font-weight:600}button.primary:disabled,button.cancel:disabled{opacity:.5;cursor:default}
