:root{--ink: #241b2f;--ink-soft: #6b6478;--surface: #ffffff;--surface-cool: #f7f5fb;--line: #e7e2f0;--lavender: #8b7bb8;--rose: #c4536b;--radius: 14px}*{box-sizing:border-box}body{margin:0;background:var(--surface-cool);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;line-height:1.7;font-variant-numeric:tabular-nums}.shell{max-width:30rem;margin:0 auto;padding:1.5rem 1rem 3rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.title{font-size:1.05rem;font-weight:700;margin:0 0 .5rem}.muted{color:var(--ink-soft);font-size:.875rem;margin:0}.brand{text-align:center;color:var(--ink-soft);font-size:.8rem;margin-top:1.5rem}.lines{list-style:none;margin:1rem 0 0;padding:0;border-top:1px solid var(--line)}.line{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.9rem}.line-price{white-space:nowrap;color:var(--ink-soft)}.totals{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;margin:1rem 0 0;font-size:.9rem;color:var(--ink-soft)}.totals dt{margin:0}.totals dd{margin:0;text-align:end;white-space:nowrap}.total-label,.total-value{color:var(--ink);font-weight:700;padding-top:.35rem;border-top:1px solid var(--line)}.card+.card{margin-top:1rem}.form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.85rem;font-weight:600}.field input,.field textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.65rem .75rem;width:100%;font-size:16px}.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--lavender);outline-offset:1px}.field textarea{resize:vertical;min-height:4.5rem}.help{margin:0;font-size:.78rem;color:var(--ink-soft)}.error{margin:0;font-size:.85rem;color:var(--rose)}.button{font:inherit;font-weight:700;color:#fff;background:var(--lavender);border:0;border-radius:10px;padding:.8rem 1rem;margin-top:.25rem;width:100%;cursor:pointer;transition:transform .12s cubic-bezier(.16,1,.3,1)}.button:active{transform:scale(.98)}.button:disabled{opacity:.65;cursor:default;transform:none}@media (prefers-color-scheme: dark){:root{--ink: #f1edf7;--ink-soft: #a79fb5;--surface: #241d2e;--surface-cool: #191322;--line: #362c45}}.transfer{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.card-number{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.08em;direction:ltr;text-align:center;user-select:all;background:var(--surface-cool);border-radius:10px;padding:.6rem}.button-quiet{font:inherit;color:var(--lavender);background:transparent;border:1px solid var(--line);border-radius:10px;padding:.55rem 1rem;cursor:pointer;transition:transform .12s cubic-bezier(.16,1,.3,1)}.button-quiet:active{transform:scale(.98)}.stepper{display:inline-flex;align-items:center;gap:.25rem;margin-inline-start:auto}.step{font:inherit;font-size:1.05rem;line-height:1;color:var(--ink);background:var(--surface-cool);border:1px solid var(--line);border-radius:8px;min-width:40px;min-height:40px;cursor:pointer;transition:transform .12s cubic-bezier(.16,1,.3,1)}.step:active:not(:disabled){transform:scale(.94)}.step:disabled{opacity:.4;cursor:default}.step-count{min-width:2ch;text-align:center;font-weight:700}
