/* Two sides stay visible together, including on a phone. */
body>nav.nav:has(#nav-trading){display:grid;grid-template-columns:repeat(7,minmax(0,1fr));max-width:650px;gap:1px}
body>nav.nav:has(#nav-trading)>*{min-width:0;margin-left:0;margin-right:0}
body[data-view=trading] main{max-width:1220px}
#trading{--trade-left:#c3a0f5;--trade-right:#edb7d1;min-width:0}
#trading button,.trade-dialog button{font:inherit;cursor:pointer}
#trading [hidden],.trade-dialog [hidden]{display:none!important}
.trade-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:14px 0 28px}
.trade-eyebrow,.trade-side-label{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#ac92c1;line-height:1.6}
.trade-heading h1{font-size:clamp(35px,4.4vw,52px);font-weight:550;letter-spacing:-2.3px;margin:8px 0 6px}.trade-heading h1>span{color:var(--trade-left)}
.trade-heading p{margin:0;font-size:13px;color:#a99bb6}
.trade-heading .trade-reset{background:#b78bd80c;border:1px solid #c7a0e32a;border-radius:12px;padding:11px 14px;color:#c5afd7;font-size:11px;white-space:nowrap;min-height:44px;display:flex;gap:14px;align-items:center}.trade-reset>span{font-size:19px}
.trade-comparison{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,.9fr) minmax(0,1fr);align-items:center;gap:20px;background:radial-gradient(ellipse at 50% -40%,#aa65df21,transparent 75%),#19131f;border:1px solid #ca9dee32;border-radius:23px;padding:24px 27px 29px;overflow:hidden}
.trade-total{display:flex;flex-direction:column;gap:8px;min-width:0}.trade-total-right{text-align:right}.trade-total>span{font-size:11px;color:#c5b4d2}.trade-total>strong{font-size:clamp(19px,3vw,31px);line-height:1.2;letter-spacing:-.8px;font-weight:550;color:var(--trade-left);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.trade-total-right>strong{color:var(--trade-right)}.trade-total>small{font-size:10px;color:#907b9f;line-height:1.6}
.trade-balance{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;min-width:0}.trade-balance-icon{display:grid;place-items:center;width:37px;height:37px;background:#b68adf18;border:1px solid #c99ce83b;border-radius:12px;color:#cfadee}.trade-balance-icon svg{width:22px;height:22px}.trade-balance>#trade-difference-label{font-size:7px;letter-spacing:1.2px;color:#ac8fc4}.trade-balance>strong{font-size:22px;font-weight:550;line-height:1.3;color:#eddcfc;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.trade-balance>small{font-size:10px;line-height:1.5;color:#b8a1ca}.trade-balance[data-state=equal]>strong{color:#aed2bb}.trade-balance[data-state=incomplete]>strong{font-size:15px;color:#d8b8a0}
.trade-meter{position:absolute;bottom:0;left:0;right:0;height:3px;background:#edb7d180}.trade-meter>i{display:block;height:100%;width:50%;background:#bd95ef;transition:width .3s ease}
.trade-notice{padding:12px 16px;border-radius:12px;border:1px solid #b691dc33;background:#b58adb0c;color:#cfb9df;font-size:12px;line-height:1.6;margin:15px 0 0}.trade-notice[data-error=true]{color:#e6b8b8;border-color:#d18c8c33}
.trade-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin-top:29px;align-items:start}.trade-side{min-width:0;padding-right:27px}.trade-side+.trade-side{padding-left:27px;padding-right:0;border-left:1px solid #b88dd637}
.trade-side-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.trade-side-label{font-size:7px;letter-spacing:1.25px;color:#8f779f}.trade-side-heading h2{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:5px 0 0;color:#e2ceef}.trade-side+.trade-side h2{color:#ebd1df}.trade-count{flex-shrink:0;padding:5px 9px;border:1px solid #be95dd29;border-radius:8px;background:#ab73d50c;color:#9f87b2;font-size:10px;white-space:nowrap}
.trade-search{position:relative;display:flex;margin:0}.trade-search input{width:100%;min-width:0;min-height:47px;padding:13px 49px 13px 14px;border-radius:13px;background:#211829;border:1px solid #ba92d735;font-size:14px}.trade-search button{position:absolute;right:2px;top:2px;bottom:2px;width:44px;border:0;background:none;color:#bea2d4;display:grid;place-items:center;border-radius:11px}.trade-search button:hover{background:#be94df16}.trade-search svg{width:20px;height:20px}
.trade-search-filters{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px;margin:9px 0 13px}.trade-search-filters label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#977ea9;margin:0;min-width:0}.trade-search-filters select{width:100%;min-width:0;padding:8px 9px;min-height:37px;border-radius:10px;background:#19131f;font-size:11px;border-color:#ba92d724}.trade-search-filters:has(label[hidden]){grid-template-columns:minmax(0,1fr)}
#trading .trade-scan{width:100%;min-height:47px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #c49ae64a;border-radius:13px;background:linear-gradient(115deg,#b17fdf29,#70468d1c);color:#debfef;font-size:12px;font-weight:550;transition:background .2s,border-color .2s}.trade-scan:hover{background:#bb8ee638;border-color:#caa7e875}.trade-scan svg{width:19px;height:19px}.trade-side+.trade-side .trade-scan{background:linear-gradient(115deg,#b97db326,#82486416);color:#e7c3d8;border-color:#c98bad3e}
.trade-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;align-items:start}.trade-empty{grid-column:1/-1;border:1px dashed #bb92d32b;background:radial-gradient(ellipse at 50% 0,#a275bd09,transparent);border-radius:18px;padding:37px 18px;text-align:center;min-height:248px;display:flex;flex-direction:column;justify-content:center;align-items:center}.trade-empty>span{display:grid;place-items:center;width:50px;height:61px;border:1px solid #ad85c73d;box-shadow:5px -5px #b18ac309;border-radius:9px;font-size:23px;color:#a180b9;transform:rotate(-7deg);margin-bottom:22px}.trade-empty h3{font-size:14px;font-weight:500;margin:0 0 8px;color:#c6b1d6}.trade-empty p{font-size:11px;line-height:1.8;max-width:210px;margin:0;color:#8a749c}
.trade-card{min-width:0;padding:10px;border:1px solid #c19cdb29;border-radius:17px;background:linear-gradient(145deg,#9d6abd0c,#17111d);position:relative;transition:border-color .2s}.trade-card:hover{border-color:#c59ae64d}.trade-card-art{display:grid;place-items:center;width:100%;aspect-ratio:63/88;border:0;padding:5px;background:#0e0b13;border-radius:10px;overflow:hidden}.trade-card-art img{width:100%;height:100%;max-height:100%;object-fit:contain;display:block;filter:drop-shadow(0 6px 9px #0007)}.trade-art-fallback{padding:18px 5px;text-align:center;color:#b095c4;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.trade-card-info{padding:10px 2px 0}.trade-card-info h3{font-family:inherit;font-size:12px;line-height:1.5;font-weight:550;color:#dbcbe6;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trade-card-info>small{display:block;color:#8e759f;font-size:9px;line-height:1.5;overflow-wrap:anywhere}.trade-card-price{display:block;font-weight:600;font-size:17px;margin:10px 0 3px;color:#d4b3f2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.trade-card-price[data-unknown=true]{font-size:12px;color:#b09abf;font-weight:500}.trade-card-source{display:block;color:#9d85ac;font-size:8px;line-height:1.5;min-height:12px}.trade-card .trade-card-options{border:0;background:transparent;padding:8px 0;color:#b99ecb;font-size:9px;min-height:32px;text-align:left;width:100%}
.trade-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:3px;border-top:1px solid #be9dda1b;padding-top:9px}.trade-qty{display:flex;align-items:center;gap:2px}.trade-qty button,.trade-remove{display:grid;place-items:center;min-width:30px;min-height:32px;padding:0;border:1px solid #b58ad72b;border-radius:9px;background:#a77dc111;color:#d0b7df;font-size:18px}.trade-qty output{min-width:23px;text-align:center;font-size:12px;color:#cbb6d9}.trade-remove{background:none;border:0;color:#a085af;width:28px}.trade-remove svg{width:16px;height:16px}.trade-row-total{font-size:9px;color:#9b83ad;margin:8px 1px 1px;line-height:1.5}
#trading .trade-clear-side{display:block;margin:18px auto 0;min-height:40px;border:0;background:none;color:#967ca6;font-size:10px;padding:10px}.trade-footer{max-width:none;border-top:1px solid #b68dd726;padding-top:20px;margin-top:35px}.trade-footer p{font-size:10px;color:#887295;line-height:1.9;margin:0 0 6px}
.trade-search-results{border:1px solid #c298e13c;border-radius:14px;margin-top:13px;padding:12px;background:#21162c;box-shadow:0 8px 25px #0002;max-height:460px;overflow:auto;overscroll-behavior:contain}.trade-search-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.trade-search-heading>strong{font-size:10px;font-weight:550;color:#cdb2df}.trade-search-heading button{width:32px;height:32px;padding:0;border:0;background:#b788d717;border-radius:9px;color:#c1a3d4;font-size:21px}.trade-search-results p{font-size:10px;line-height:1.6;color:#b598c7;margin:5px 0 10px}.trade-results-group h3{font-size:9px;font-weight:600;color:#a98bc0;border-top:1px solid #b588d326;padding:13px 0 5px;margin:6px 0}.trade-search-choice{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:9px;border:0;border-radius:9px;width:100%;padding:9px 5px;background:none;text-align:left;color:#d9c4e7}.trade-search-choice:hover{background:#b786d819}.trade-search-choice>span:first-child{display:grid;place-items:center;aspect-ratio:63/88;overflow:hidden;border-radius:4px;background:#150e1c}.trade-search-choice img{width:100%;height:100%;object-fit:contain}.trade-search-choice strong{display:block;font-size:10px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.trade-search-choice small{display:block;font-size:8px;color:#a98bbd;line-height:1.5;overflow-wrap:anywhere}.trade-search-choice>span:last-child{color:#c49ce3;font-size:19px}.trade-results-more{display:block;width:100%;padding:10px;border:1px solid #b68bd82b;border-radius:9px;background:#b788d70d;color:#bf9fd7;font-size:10px;margin-top:5px}
.trade-dialog{width:min(820px,calc(100% - 24px));max-height:92dvh;overflow:auto;overscroll-behavior:contain;border:1px solid #b58ad34f;border-radius:23px;background:#191120;color:#eadff4;padding:24px;font-family:inherit;box-shadow:0 24px 90px #0008}.trade-dialog::backdrop{background:#08050dca;backdrop-filter:blur(6px)}.trade-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.trade-dialog-top>button{width:40px;height:40px;border:1px solid #c5a0df32;border-radius:12px;background:#b48ad214;color:#d4bce6;font-size:24px}.trade-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.trade-detail-art{display:grid;place-items:center;border-radius:13px;overflow:hidden;background:#100b16;min-width:0;aspect-ratio:63/88}.trade-detail-art img{width:100%;height:100%;object-fit:contain;max-height:65dvh}.trade-detail-info{min-width:0}.trade-detail-info h2{font-size:25px;font-weight:550;letter-spacing:-.7px;overflow-wrap:anywhere}.trade-detail-info p{font-size:11px;line-height:1.8;margin:8px 0 15px;color:#a98fb9}.trade-detail-info label{font-size:10px;margin:15px 0 7px}.trade-detail-info select{margin-top:7px;min-height:43px;font-size:16px;padding:9px 12px}.trade-detail-price{display:flex;flex-direction:column;gap:7px;border:1px solid #c59de33c;border-radius:15px;padding:17px;background:linear-gradient(125deg,#9a65c01a,transparent);margin-top:20px}.trade-detail-price>span{font-size:10px;color:#ab90bf}.trade-detail-price>strong{font-size:29px;font-weight:550;color:#dfbcfa;font-variant-numeric:tabular-nums}.trade-detail-price small{font-size:10px;line-height:1.6;color:#b197c2}.trade-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.trade-detail-actions>a,.trade-detail-actions>button{font-size:10px;color:#ceaae9}.trade-detail-actions>button{background:none;border:1px solid #bc95db33;border-radius:10px;min-height:40px;padding:9px 12px}.trade-manual{border-top:1px solid #b48bd32e;margin-top:22px;padding-top:15px}.trade-manual summary{font-size:11px;color:#aa8cbe;cursor:pointer;padding:8px 0}.trade-manual-fields{display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:9px}.trade-manual-fields select{margin:0}.trade-manual input{min-width:0;min-height:43px;font-size:16px;padding:9px 12px}.trade-manual form>button{background:#b58ada26;border:1px solid #bf99dd40;border-radius:11px;color:#e2c9f1;padding:12px;width:100%;margin-top:12px}.trade-manual #trade-manual-error{color:#e1aebf}
.trade-scan-destination{display:flex;align-items:center;justify-content:space-between;gap:12px;order:2;margin:7px 0;padding:12px 14px;border:1px solid #b48ad244;border-radius:13px;background:#21172b;font-size:11px;color:#d7bce8}.trade-scan-destination button{border:0;background:none;color:#c09adc;padding:6px;font-size:10px;min-height:32px}
body[data-trade-scan=true] #scanner-manual,body[data-trade-scan=true] #processing-manual,body[data-trade-scan=true] #recent-card,body[data-trade-scan=true] #add-destination{display:none!important}
@media(min-width:1000px){body>nav.nav:has(#nav-trading){max-width:1196px}body>nav.nav:has(#nav-trading)>*{padding-left:8px;padding-right:8px}}
@media(max-width:700px){body[data-view=trading] main{padding-left:14px;padding-right:14px}.trade-heading{margin:12px 0 20px}.trade-heading h1{font-size:37px}.trade-eyebrow{font-size:7px;letter-spacing:1px}.trade-heading p{font-size:11px}.trade-heading .trade-reset{font-size:10px;padding:9px;gap:7px}.trade-comparison{padding:19px 12px 23px;gap:9px;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(95px,.95fr) minmax(0,1fr)}.trade-total>span{font-size:9px}.trade-total>strong{font-size:19px;letter-spacing:-.6px}.trade-total>small{font-size:8px}.trade-balance>strong{font-size:18px}.trade-balance>small{font-size:8px}.trade-balance>#trade-difference-label{font-size:6px;letter-spacing:.5px}.trade-balance-icon{width:31px;height:31px;border-radius:10px}.trade-balance-icon svg{width:18px;height:18px}.trade-balance[data-state=incomplete]>strong{font-size:12px}.trade-board{margin-top:24px}.trade-side{padding-right:12px}.trade-side+.trade-side{padding-left:12px}.trade-side-heading{flex-wrap:wrap;gap:8px;margin-bottom:13px;align-items:end}.trade-side-heading h2{font-size:18px}.trade-side-label{font-size:6px;letter-spacing:.6px}.trade-count{font-size:8px;padding:4px 6px}.trade-search input{font-size:16px;padding:11px 35px 11px 9px;min-height:44px;letter-spacing:-.3px}.trade-search input::placeholder{font-size:11px;letter-spacing:0}.trade-search button{width:33px}.trade-search svg{width:17px;height:17px}.trade-search-filters{grid-template-columns:1fr;gap:7px;margin:9px 0}.trade-search-filters label{font-size:8px;gap:3px}.trade-search-filters select{font-size:16px;min-height:39px;padding:7px;border-radius:9px}#trading .trade-scan{font-size:10px;gap:6px;min-height:44px}.trade-scan svg{width:16px;height:16px}.trade-card-grid{grid-template-columns:1fr;gap:13px;margin-top:16px}.trade-card{padding:8px;border-radius:13px}.trade-card-info h3{font-size:11px}.trade-card-price{font-size:17px}.trade-card-source{font-size:8px}.trade-qty button{min-width:31px;min-height:36px}.trade-qty output{min-width:22px}.trade-remove{min-width:28px}.trade-empty{padding:28px 10px;min-height:265px;border-radius:14px}.trade-empty h3{font-size:12px;line-height:1.6}.trade-empty p{font-size:10px}.trade-search-results{padding:8px}.trade-search-heading>strong{font-size:9px}.trade-search-choice{grid-template-columns:26px minmax(0,1fr);gap:6px;padding:9px 1px}.trade-search-choice>span:last-child{display:none}.trade-search-choice strong{font-size:10px}.trade-search-choice small{font-size:8px}.trade-detail-layout{grid-template-columns:1fr;gap:22px}.trade-detail-art{max-width:245px;width:100%;margin:auto;max-height:45dvh}.trade-dialog{padding:18px}.trade-detail-info h2{font-size:23px}.trade-detail-actions>a,.trade-detail-actions>button{font-size:12px}.trade-footer{margin-top:27px}.trade-footer p{font-size:9px}}
@media(max-width:420px){body>nav.nav:has(#nav-trading){left:6px;right:6px;padding:5px 3px;gap:0;border-radius:21px}body>nav.nav:has(#nav-trading)>*{font-size:8px;padding:9px 0 7px;gap:5px;min-height:53px;border-radius:14px}body>nav.nav:has(#nav-trading) .ui-icon{width:19px;height:19px}.trade-side{padding-right:8px}.trade-side+.trade-side{padding-left:8px}.trade-side-heading h2{font-size:17px}.trade-side-heading{min-height:61px}.trade-total>strong{font-size:16px}.trade-total>small{font-size:7px}.trade-card-bottom{gap:2px}.trade-qty{gap:0}.trade-card-info>small{font-size:8px}}
@media(prefers-reduced-motion:no-preference){.trade-card.trade-card-new{animation:trade-card-in .32s ease-out}@keyframes trade-card-in{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.trade-meter>i,.trade-card,.trade-scan{transition:none}}

.trade-card-art,.trade-detail-art,.trade-search-choice>span:first-child{position:relative}.trade-art-note{position:absolute;left:4px;right:4px;bottom:4px;padding:4px;border-radius:5px;background:#150e20e6;color:#d3bedf;font-size:8px;line-height:1.4;text-align:center}.trade-card-art>.trade-art-fallback,.trade-detail-art>.trade-art-fallback{grid-area:1/1}.trade-card-art>img,.trade-detail-art>img{grid-area:1/1}
body[data-trade-scan=true] #form{display:none!important}
@media(max-width:370px){.trade-card-bottom{flex-wrap:wrap}.trade-remove{margin-left:auto}.trade-qty button{min-width:28px}.trade-qty output{min-width:20px}}