@layer properties,theme,base;@layer components{.trade-cond{position:relative}.trade-cond>input{appearance:none;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.trade-conds{gap:8px;display:grid}@media (min-width:640px){.trade-conds{grid-template-columns:repeat(2,minmax(0,1fr))}}.trade-cond>span{border:1px solid var(--color-line-strong);background:var(--color-page);border-radius:12px;min-height:44px;padding:10px 14px;display:block}.trade-cond>span>strong{font-weight:700;display:block}.trade-cond>span>small{color:var(--color-muted);margin-top:2px;font-size:14px;display:block}.trade-cond>input:checked+span{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.trade-cond>input:focus-visible+span{outline:2px solid var(--brand-ink);outline-offset:2px}form[data-stepped] [data-trade-step]:not([data-current]){display:none!important}.trade-step-label{color:var(--color-muted);margin-top:24px;font-size:14px;font-weight:600}[data-trade-step]:first-child .trade-step-label{margin-top:8px}.trade-step-nav{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.trade-step-nav[hidden]{display:none}}@layer utilities;
@layer properties,theme,base;@layer components{.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}@media (min-width:640px){.shot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.shot-card{border:1px solid var(--color-line-strong);background:var(--color-page);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;height:100%;min-height:44px;padding:10px;display:flex}.shot-card:focus-within{outline:2px solid var(--brand-ink);outline-offset:2px}.shot-card[data-sent]{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.shot-card[aria-busy=true]{cursor:progress;opacity:.6}.shot-art{aspect-ratio:8/5;background:var(--color-surface);width:100%;color:var(--color-muted);border-radius:8px;display:block;overflow:hidden}.shot-art>svg,.shot-art>img{object-fit:cover;width:100%;height:100%;display:block}.shot-art>svg{padding:6px 10px}.shot-art{position:relative}.shot-done{background:#1d6b3a47;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shot-done>svg{background:var(--color-status);color:#fff;border-radius:999px;width:3.25rem;height:3.25rem;padding:.625rem;box-shadow:0 6px 18px #00000040}.trade-done{background:var(--color-page);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--color-ink);border:0;margin:0;padding:0}.trade-done::backdrop{background:#16181c99}.trade-done-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:100%;padding:2rem 1.5rem;display:flex}.trade-done-mark{background:var(--color-status);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:6.5rem;height:6.5rem;margin-bottom:.5rem;display:flex;box-shadow:0 10px 30px #1d6b3a4d}.trade-done-mark>svg{width:3.75rem;height:3.75rem}.trade-done-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1.1}.trade-done-line{max-width:26rem;color:var(--color-muted)}.trade-done-cta{background:var(--color-brand);min-height:3rem;color:var(--color-on-brand);border-radius:999px;justify-content:center;align-items:center;margin-top:.75rem;padding:0 1.5rem;font-weight:700;text-decoration:none;display:inline-flex}.trade-done-cta:hover{background:var(--color-brand-hover)}.trade-done-more{min-height:2.75rem;color:var(--color-brand-ink);cursor:pointer;background:0 0;border:0;padding:0 1rem;font-weight:600;text-decoration:underline}@media (min-width:640px){.trade-done{border-radius:1.25rem;width:min(92vw,34rem);height:auto;margin:auto}.trade-done-body{padding:3rem 2.5rem}}.shot-state{color:var(--color-ink);margin-top:auto;padding-top:4px;font-size:14px;font-weight:600}}@layer utilities;