:root{--bg:#f7f7f5;--fg:#16161a;--muted:#6b6b76;--card:#fff;--border:#e2e2e6;--accent:#1f6f5c;--accent-fg:#fff;--danger:#c0352b;--radius:12px;--gutter:16px;--tap:48px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 var(--sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111114;--fg:#ededf0;--muted:#9a9aa6;--card:#1b1b20;--border:#2c2c33;--accent:#4cc3a3;--accent-fg:#06201a;--danger:#ff6b5f}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--fg);min-height:100svh;margin:0}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1.5rem}p{margin:0}img{max-width:100%}input,button,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{max-width:480px;min-height:100svh;padding-inline:var(--gutter);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}.app-header{min-height:56px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{letter-spacing:-.02em;color:var(--fg);font-size:1.125rem;font-weight:700;text-decoration:none}.account{align-items:center;gap:8px;min-width:0;display:flex}.address{font-family:var(--mono);overflow-wrap:anywhere;font-size:.875rem}.app-main{flex:1;padding-block:24px}.stack{flex-direction:column;gap:16px;display:flex}.center{place-items:center;min-height:40svh;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.muted{color:var(--muted)}.error{color:var(--danger)}.notice{border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);margin-top:12px;padding:12px;font-size:.875rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{min-height:var(--tap);border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--fg);cursor:pointer;justify-content:center;align-items:center;gap:10px;width:100%;padding:0 16px;font-weight:600;display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.button-small{width:auto;min-height:36px;padding:0 12px;font-size:.875rem}.link{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.field{flex-direction:column;gap:6px;font-weight:600;display:flex}.field input{min-height:var(--tap);border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:0 12px;font-size:1rem;font-weight:400}.wallet-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wallet-button{justify-content:flex-start}.wallet-button img{border-radius:6px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.pay{box-sizing:border-box;width:100%;max-width:480px;color:var(--fg);text-align:left;flex-direction:column;gap:16px;margin:0 auto;padding:24px 16px;display:flex}.pay h1{margin:0;font-size:1.5rem;line-height:1.2}.pay-note{color:var(--muted);margin:0;font-size:.9rem}.pay-error{color:var(--danger);margin:0}.pay-camera video{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);width:100%;display:block}.pay-form,.pay-field{flex-direction:column;gap:8px;display:flex}.pay-form label,.pay-field label{color:var(--muted);font-size:.9rem}.pay textarea,.pay input,.pay select{box-sizing:border-box;width:100%;font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.pay textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:.85rem}.pay-amount{margin:0;font-size:1.75rem;font-weight:600}.pay-button{width:100%;font:inherit;text-align:center;color:var(--accent-fg);background:var(--accent);border-radius:var(--radius);cursor:pointer;border:none;padding:14px 16px;font-weight:600;text-decoration:none;display:block}.pay-button:disabled{opacity:.5;cursor:default}.pay-link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:center;padding:8px}.pay-hash{overflow-wrap:anywhere;font-family:ui-monospace,monospace}.pay-hash a{color:var(--accent)}.pay-spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;align-self:center;width:40px;height:40px;animation:.9s linear infinite pay-spin}@keyframes pay-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pay-spinner{animation:none}}.pay-upload{position:relative}.pay-upload input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.pay-upload:focus-within{outline:2px solid var(--fg);outline-offset:2px}.pay-upload.is-busy{opacity:.5;cursor:default}.pay-rejection{flex-direction:column;gap:8px;display:flex}.pay-rejection ul{padding-left:20px}.pay-decoded pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;color:var(--fg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin:8px 0 0;padding:8px;font-size:.8rem;overflow:auto}
