:root{--bg:#f7f8fb;--surface:#fff;--surface-2:#eef1f6;--border:#e3e6ee;--text:#1c1f2a;--text-muted:#6b7280;--primary:#0b3d91;--primary-hover:#082d6c;--primary-soft:#eef3fb;--accent-purple:#6d3bd1;--gradient:linear-gradient(90deg, #0b3d91, #1657c8);--on-accent:#fff;--danger:#b3261e;--success:#0b7a0b;--warning:#b76e00;--info:#0b3d91;--focus-ring:#0b3d912e;--scrim:#0f172a73;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--radius:10px;--radius-sm:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0a0e17;--surface:#121826;--surface-2:#0e1320;--border:#ffffff14;--text:#e5e7eb;--text-muted:#8a93a6;--primary:#22d3ee;--primary-hover:#38dcf2;--primary-soft:#22d3ee1f;--accent-purple:#a855f7;--gradient:linear-gradient(90deg, #22d3ee, #a855f7);--on-accent:#07111a;--danger:#f87171;--success:#34d399;--warning:#fbbf24;--info:#a78bfa;--focus-ring:#22d3ee4d;--scrim:#0009;--shadow:0 1px 2px #0006, 0 10px 30px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a0e17;--surface:#121826;--surface-2:#0e1320;--border:#ffffff14;--text:#e5e7eb;--text-muted:#8a93a6;--primary:#22d3ee;--primary-hover:#38dcf2;--primary-soft:#22d3ee1f;--accent-purple:#a855f7;--gradient:linear-gradient(90deg, #22d3ee, #a855f7);--on-accent:#07111a;--danger:#f87171;--success:#34d399;--warning:#fbbf24;--info:#a78bfa;--focus-ring:#22d3ee4d;--scrim:#0009;--shadow:0 1px 2px #0006, 0 10px 30px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{color:var(--text);background:var(--bg);overscroll-behavior-y:contain;-webkit-text-size-adjust:100%;min-height:100dvh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[hidden],.hidden{display:none!important}.muted{color:var(--text-muted)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.app-header{z-index:10;min-height:3.5rem;padding:.75rem 1.25rem;padding-top:calc(.75rem + env(safe-area-inset-top));padding-left:calc(1.25rem + env(safe-area-inset-left));padding-right:calc(1.25rem + env(safe-area-inset-right));background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.app-header h1{letter-spacing:.01em;margin:0;font-size:1.25rem;font-weight:800}.capture-form{width:100%;max-width:44rem;padding:1.5rem 1.25rem 3rem;padding-left:calc(1.25rem + env(safe-area-inset-left));padding-right:calc(1.25rem + env(safe-area-inset-right));margin:0 auto}.field{flex-direction:column;margin-bottom:1.5rem;display:flex}.field label{color:var(--text);margin-bottom:.5rem;font-size:1rem;font-weight:600;display:block}.field input,.field textarea,.field select{width:100%;min-height:3rem;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);appearance:none;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:1.125rem;line-height:1.4;transition:border-color .12s,box-shadow .12s}.field input::placeholder,.field textarea::placeholder{color:var(--text-muted);opacity:1}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--focus-ring)}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--danger)}.field textarea{resize:vertical;min-height:5rem}.field-warning{color:var(--warning);margin:.5rem 0 0;font-size:.95rem;font-weight:500}.field-error{color:var(--danger);margin:.5rem 0 0;font-size:.95rem;font-weight:600}.trade-field{border:0;margin:0 0 1.5rem;padding:0}.trade-field>legend{color:var(--text);margin-bottom:.5rem;padding:0;font-size:1rem;font-weight:600}.trade-radio{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.trade-option-label{pointer-events:none}.trade-picker{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;display:grid}.trade-option{text-align:center;min-height:3.5rem;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:.75rem 1rem;font-family:inherit;font-size:1.05rem;font-weight:600;transition:border-color .12s,background-color .12s,color .12s;display:flex}.trade-option:focus-visible{box-shadow:0 0 0 4px var(--focus-ring);outline:none}.trade-option.selected,.trade-option[data-selected=true]{color:var(--primary);background:var(--primary-soft);border-color:var(--primary);font-weight:800}.trade-option:has(.trade-radio:checked){color:var(--primary);background:var(--primary-soft);border-color:var(--primary);font-weight:800}.trade-option:has(.trade-radio:focus-visible){border-color:var(--primary);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.btn,.btn-save{border-radius:var(--radius);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-width:44px;min-height:44px;padding:.75rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:600;transition:filter .12s,background-color .12s,box-shadow .12s;display:inline-flex}.btn:focus-visible,.btn-save:focus-visible{box-shadow:0 0 0 4px var(--focus-ring);outline:none}.btn:disabled,.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-primary,.btn-save{width:100%;min-height:3.5rem;color:var(--on-accent);background:var(--gradient);box-shadow:var(--shadow);margin-top:.5rem;font-size:1.15rem;font-weight:700}.btn-primary:hover,.btn-save:hover:not(:disabled){filter:brightness(1.06)}.btn-primary:active:not(:disabled),.btn-save:active:not(:disabled){filter:brightness(.95)}.btn-secondary{color:var(--primary);background:var(--surface);border-color:var(--border)}.btn-secondary:hover{background:var(--primary-soft)}.field-optional{color:var(--text-muted);font-weight:400}.form-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);border-left:6px solid var(--danger);border-radius:var(--radius);margin:0 0 1.25rem;padding:.875rem 1.125rem;font-size:1rem;font-weight:600}.form-actions{gap:.75rem;margin-top:2rem;display:flex}.save-confirm,.save-confirmation{max-width:44rem;color:var(--text);background:color-mix(in srgb, var(--success) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--success) 40%, transparent);border-left:6px solid var(--success);border-radius:var(--radius);align-items:center;gap:.75rem;margin:0 auto 1.5rem;padding:1rem 1.25rem;font-size:1.1rem;font-weight:600;animation:.18s ease-out banner-in;display:flex}.dup-warning,.field-duplicate{color:var(--text);background:color-mix(in srgb, var(--warning) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--warning) 45%, transparent);border-left:6px solid var(--warning);border-radius:var(--radius);align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:1rem;font-weight:500;animation:.18s ease-out banner-in;display:flex}.queue-status{font-variant-numeric:tabular-nums;min-height:2rem;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.95rem;font-weight:600;display:inline-flex}.queue-status[data-state=syncing]{color:var(--info);border-color:color-mix(in srgb, var(--info) 45%, transparent)}.queue-status[data-state=offline]{color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, var(--surface));border-color:color-mix(in srgb, var(--warning) 45%, transparent)}.queue-status[data-state=failed]{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, var(--surface));border-color:color-mix(in srgb, var(--danger) 45%, transparent)}@keyframes banner-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}