/* Shared holder design. Supports iOS without CSS scope. */
html[data-theme="dark"] #stellar-concept .trade-entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
html[data-theme="dark"] #stellar-concept .trade-entry button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;min-width:0;min-height:137px;padding:16px 17px;text-align:left;color:var(--studio-white,#f5f3ef);border:1px solid #ffffff20;border-radius:25px;background:linear-gradient(140deg,#29282ad9,#131315 80%);box-shadow:inset 0 1px #ffffff26,0 10px 22px #0003;overflow:hidden;cursor:pointer}
html[data-theme="dark"] #stellar-concept .trade-entry button:first-child{border-color:#d8c29a36;background:radial-gradient(ellipse at 90% 0,#d8c29a12,transparent 72%),linear-gradient(135deg,#2b2928,#141415)}
html[data-theme="dark"] #stellar-concept .trade-entry-art{position:relative;display:block;width:58px;height:54px;filter:drop-shadow(0 6px 7px #0005)}
html[data-theme="dark"] #stellar-concept .trade-entry-art .coin.token-icon{width:54px;height:54px;border:0;border-radius:0;background:none;box-shadow:none}
html[data-theme="dark"] #stellar-concept .trade-entry-art .token-logo{width:100%;height:100%;object-fit:contain}
html[data-theme="dark"] #stellar-concept .trade-entry-pair{width:82px}
html[data-theme="dark"] #stellar-concept .trade-entry-pair .coin.token-icon{position:absolute;width:50px;height:50px;top:0;left:0}
html[data-theme="dark"] #stellar-concept .trade-entry-pair .coin.token-icon+ .coin.token-icon{top:5px;left:30px}
html[data-theme="dark"] #stellar-concept .trade-entry-copy{display:block;min-width:0}
html[data-theme="dark"] #stellar-concept .trade-entry-copy strong{display:block;font-size:14px;line-height:1.35;font-weight:550;letter-spacing:-.25px}
html[data-theme="dark"] #stellar-concept .trade-entry-copy small{display:block;margin-top:4px;font-size:11px;line-height:1.4;color:#bdb8af}
html[data-theme="dark"] #stellar-concept .trade-entry-arrow{position:absolute;top:17px;right:15px;display:grid;place-items:center;width:27px;height:27px;color:#d8c29a;background:#d8c29a0a;border:1px solid #d8c29a20;border-radius:50%}
html[data-theme="dark"] #stellar-concept .trade-entry-arrow svg{width:13px;height:13px;stroke-width:1.5}
html[data-theme="dark"] #stellar-concept .trade-screen{--trade-line:#ffffff16;--trade-ink:#f5f3ef;--trade-secondary:#aaaab2;padding-top:2px}
html[data-theme="dark"] #stellar-concept .trade-screen .screen-heading{margin:22px 0 20px;gap:0}
html[data-theme="dark"] #stellar-concept .trade-screen .screen-heading h1{font-size:32px;letter-spacing:-1.1px;font-weight:600;line-height:1.14}
html[data-theme="dark"] #stellar-concept .trade-screen .screen-heading p{margin-top:8px;color:var(--trade-secondary);font-size:13px;line-height:1.5}
html[data-theme="dark"] #stellar-concept .trade-screen button{font-family:inherit;cursor:pointer}
html[data-theme="dark"] #stellar-concept .trade-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;border:1px solid #ffffff17;border-radius:18px;background:#131315;box-shadow:inset 0 1px #0006;margin:0 0 18px}
html[data-theme="dark"] #stellar-concept .trade-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:9px 5px;border:1px solid transparent;border-radius:13px;background:none;color:#aaaab2;font-size:12px;font-weight:500}
html[data-theme="dark"] #stellar-concept .trade-tabs button>svg{width:15px;height:15px}
html[data-theme="dark"] #stellar-concept .trade-tabs button[aria-pressed="true"]{background:linear-gradient(140deg,#e5dfd028,#bcb7ad0c);border-color:#ede3cf30;box-shadow:inset 0 1px #ffffff24,0 3px 8px #0003;color:#eddfc5}
html[data-theme="dark"] #stellar-concept .trade-wallet{margin:0 0 14px;padding:0 12px;border:1px solid var(--trade-line);border-radius:17px;background:#ffffff03}
html[data-theme="dark"] #stellar-concept .trade-wallet>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:49px;font-size:12px;color:#ccc8c0;cursor:pointer}
html[data-theme="dark"] #stellar-concept .trade-wallet>summary:after{display:none!important}
html[data-theme="dark"] #stellar-concept .trade-wallet>summary>svg{width:13px;height:13px;color:#aaaab2;margin-left:0;flex-shrink:0}
html[data-theme="dark"] #stellar-concept .trade-wallet[open]>summary>svg{transform:rotate(180deg)}
html[data-theme="dark"] #stellar-concept .trade-connected-dot{width:5px;height:5px;border-radius:50%;background:#b5d1bc;box-shadow:0 0 0 3px #b5d1bc0b;flex-shrink:0}
html[data-theme="dark"] #stellar-concept .trade-wallet-short{margin-left:auto;color:#aaaab2;font-size:10px;white-space:nowrap}
html[data-theme="dark"] #stellar-concept .trade-screen .trade-wallet .tl-card{padding:5px 0 12px;margin:0;border:0;background:none;box-shadow:none}
html[data-theme="dark"] #stellar-concept .trade-wallet .tl-card-top{display:none}
html[data-theme="dark"] #stellar-concept .trade-wallet .tl-address{font-family:inherit;font-size:11px;line-height:1.65;color:#d5d0c7}
html[data-theme="dark"] #stellar-concept .trade-wallet .tl-note{font-size:11px;line-height:1.65;color:#aaaab2}
html[data-theme="dark"] #stellar-concept .trade-wallet .secondary{min-height:42px;margin-bottom:0;background:#ffffff06;border-color:#ffffff14}
html[data-theme="dark"] #stellar-concept .trade-form,html[data-theme="dark"] #stellar-concept .trade-review,html[data-theme="dark"] #stellar-concept .trade-receipt{position:relative;margin:14px 0 16px;padding:23px;border:1px solid #e8decc29;border-radius:30px;background:radial-gradient(ellipse 260px 200px at 100% 0,#d8c29a0c,transparent 80%),linear-gradient(145deg,#242426de,#111113 77%);box-shadow:inset 0 1px #ffffff29,0 16px 26px #0003;isolation:isolate}
html[data-theme="dark"] #stellar-concept .trade-form{overflow:hidden}
html[data-theme="dark"] #stellar-concept .trade-form:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(118deg,#ffffff02,transparent 40%,#ffffff03 80%,transparent)}
html[data-theme="dark"] #stellar-concept .trade-input-row{display:flex;align-items:center;gap:12px;min-height:101px;min-width:0}
html[data-theme="dark"] #stellar-concept .trade-amount-side{min-width:0;flex:1;align-self:center}
html[data-theme="dark"] #stellar-concept .trade-form label,html[data-theme="dark"] #stellar-concept .trade-receive-label{display:block;margin:0 0 8px;color:#b9b5ad;font-size:12px;line-height:1.5}
html[data-theme="dark"] #stellar-concept .trade-form .trade-input-row #trade-amount,html[data-theme="dark"] #stellar-concept .trade-input-row output{display:block;min-width:0;width:100%;padding:0;margin:0;border:0;border-radius:5px;box-shadow:none;background:none;color:#f5f3ef;font-family:inherit;font-size:clamp(27px,8vw,36px);font-weight:500;letter-spacing:-1px;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-theme="dark"] #stellar-concept .trade-form .trade-input-row #trade-amount::placeholder{color:#747477}
html[data-theme="dark"] #stellar-concept .trade-input-row output{color:#e4d7bd}
html[data-theme="dark"] #stellar-concept .trade-asset{display:flex;flex-direction:column;align-items:center;justify-content:center;width:95px;flex-shrink:0;gap:5px;color:#f5f3ef}
html[data-theme="dark"] #stellar-concept .trade-token-art{display:grid;place-items:center;width:70px;height:66px;filter:drop-shadow(0 7px 8px #0007)}
html[data-theme="dark"] #stellar-concept .trade-token-art img{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0}
html[data-theme="dark"] #stellar-concept .trade-token-art>svg{width:40px;height:40px;stroke-width:1.15;color:#d8c29a}
html[data-theme="dark"] #stellar-concept .trade-asset>strong{font-size:12px;font-weight:500;letter-spacing:.05px;line-height:1.5}
html[data-theme="dark"] #stellar-concept .trade-token-select{position:relative;display:flex;width:95px;align-items:center}
html[data-theme="dark"] #stellar-concept .trade-token-select select{appearance:none;-webkit-appearance:none;width:100%;padding:8px 19px 8px 7px;min-height:38px;line-height:1.5;border:1px solid #ffffff13;border-radius:11px;background:#ffffff05;color:#e6e1d8;font-family:inherit;font-size:11px;font-weight:500;color-scheme:dark;cursor:pointer}
html[data-theme="dark"] #stellar-concept .trade-token-select>svg{pointer-events:none;position:absolute;right:5px;width:12px;height:12px;color:#b3aea3}
html[data-theme="dark"] #stellar-concept .trade-direction{display:flex;align-items:center;justify-content:center;gap:12px;height:48px;color:#d8c29a}
html[data-theme="dark"] #stellar-concept .trade-direction>span:not(.trade-direction-icon){height:1px;flex:1;background:linear-gradient(90deg,transparent,#ffffff13)}
html[data-theme="dark"] #stellar-concept .trade-direction>span:last-child{transform:rotate(180deg)}
html[data-theme="dark"] #stellar-concept .trade-direction button,html[data-theme="dark"] #stellar-concept .trade-direction-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffffff04;border:1px solid #ffffff18;color:#d8c29a;box-shadow:inset 0 1px #ffffff15}
html[data-theme="dark"] #stellar-concept .trade-direction svg{width:17px;height:17px;stroke-width:1.5}
html[data-theme="dark"] #stellar-concept .trade-rate{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:17px;padding-top:16px;border-top:1px solid #ffffff0e;color:#cbbd9e;font-size:11px;line-height:1.5}
html[data-theme="dark"] #stellar-concept .trade-rate svg{width:14px;height:14px}
html[data-theme="dark"] #stellar-concept .trade-screen>.primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:53px;padding:15px 12px;margin:14px 0 10px;border:1px solid #f9efda65;border-radius:17px;background:linear-gradient(130deg,#e9e0d1,#bdb6a8);box-shadow:inset 0 1px #ffffff65,0 7px 15px #0004;color:#211e18;font-size:14px;font-weight:600;letter-spacing:-.15px}
html[data-theme="dark"] #stellar-concept .trade-screen>.secondary{width:100%;min-height:46px;margin:8px 0;background:#ffffff04;border:1px solid #ffffff16;border-radius:16px;color:#d5d0c7;font-size:12px}
html[data-theme="dark"] #stellar-concept .trade-assurance{display:flex;justify-content:center;align-items:center;gap:7px;margin:17px 0 4px;color:#b9b4aa;font-size:11px;line-height:1.6}
html[data-theme="dark"] #stellar-concept .trade-assurance svg{width:14px;height:14px;color:#d8c29a;flex-shrink:0}
html[data-theme="dark"] #stellar-concept .trade-terms{padding:0 3px;margin:0 0 12px;color:#aaaab2}
html[data-theme="dark"] #stellar-concept .trade-terms>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;font-size:11px;list-style:none;cursor:pointer}
html[data-theme="dark"] #stellar-concept .trade-terms>summary:after{display:none!important}
html[data-theme="dark"] #stellar-concept .trade-terms>summary svg{width:12px;height:12px}
html[data-theme="dark"] #stellar-concept .trade-terms[open]>summary svg{transform:rotate(180deg)}
html[data-theme="dark"] #stellar-concept .trade-note{font-size:11px;line-height:1.75;color:#aaaab2;margin:10px 0}
html[data-theme="dark"] #stellar-concept .trade-screen .trade-error{display:flex;align-items:flex-start;gap:9px;border:1px solid #eab09725;border-radius:17px;background:#eab09708;color:#e5c1ae;padding:13px 14px;font-size:12px;line-height:1.6;margin:10px 0 16px}
html[data-theme="dark"] #stellar-concept .trade-error>svg{width:16px;height:16px;flex:none;margin-top:2px}
html[data-theme="dark"] #stellar-concept .trade-review h2{font-size:20px;line-height:1.3;letter-spacing:-.5px;font-weight:550;margin:13px 0 4px;color:#f5f3ef}
html[data-theme="dark"] #stellar-concept .trade-pair-art{display:flex;justify-content:center;align-items:center;gap:17px;padding:3px 0 13px}
html[data-theme="dark"] #stellar-concept .trade-pair-art>span:not(.trade-pair-link){display:grid;place-items:center;width:67px;height:67px}
html[data-theme="dark"] #stellar-concept .trade-pair-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 9px #0007)}
html[data-theme="dark"] #stellar-concept .trade-pair-art>span>svg{width:37px;height:37px;stroke-width:1.25;color:#d8c29a}
html[data-theme="dark"] #stellar-concept .trade-pair-art .trade-pair-link{display:grid;place-items:center;width:27px;height:27px;border:1px solid #d8c29a26;border-radius:50%;background:#d8c29a08}
html[data-theme="dark"] #stellar-concept .trade-pair-art .trade-pair-link svg{width:14px;height:14px;stroke-width:1.5}
html[data-theme="dark"] #stellar-concept .trade-details{margin:14px 0}
html[data-theme="dark"] #stellar-concept .trade-details>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #ffffff0c}
html[data-theme="dark"] #stellar-concept .trade-details dt{font-size:12px;line-height:1.5;color:#b1ada6;flex-shrink:0}
html[data-theme="dark"] #stellar-concept .trade-details dd{min-width:0;margin:0;color:#f5f3ef;font-size:13px;font-weight:500;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
html[data-theme="dark"] #stellar-concept .trade-parties{font-size:11px;color:#aaaab2}
html[data-theme="dark"] #stellar-concept .trade-parties summary{min-height:42px;padding-top:11px;cursor:pointer}
html[data-theme="dark"] #stellar-concept .trade-parties[open]>summary:after{display:none}
html[data-theme="dark"] #stellar-concept .trade-parties p{font-size:11px;color:#aaaab2;margin:10px 0 5px}
html[data-theme="dark"] #stellar-concept .trade-parties code{font-family:inherit;font-size:11px;line-height:1.65;overflow-wrap:anywhere;color:#d5d0c7}
html[data-theme="dark"] #stellar-concept .trade-expiry{display:flex;gap:6px;align-items:center;color:#aaaab2;font-size:10px;line-height:1.6;margin:13px 0 0}
html[data-theme="dark"] #stellar-concept .trade-expiry svg{width:13px;height:13px;flex:none}
html[data-theme="dark"] #stellar-concept .trade-signing{display:flex;align-items:center;gap:12px;padding:13px 14px;background:#d8c29a07;border:1px solid #d8c29a1c;border-radius:17px;margin:14px 0;color:#d8c29a}
html[data-theme="dark"] #stellar-concept .trade-signing>svg{width:21px;height:21px;flex-shrink:0}
html[data-theme="dark"] #stellar-concept .trade-signing p,html[data-theme="dark"] #stellar-concept .trade-pending>p{font-size:12px;line-height:1.7;color:#bdb8ae;margin:0}
html[data-theme="dark"] #stellar-concept .trade-pending>p{margin:12px 0}
html[data-theme="dark"] #stellar-concept .trade-receipt{text-align:center}
html[data-theme="dark"] #stellar-concept .trade-complete-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#b5d1bc;margin:5px 0 17px}
html[data-theme="dark"] #stellar-concept .trade-complete-label svg{width:15px;height:15px}
html[data-theme="dark"] #stellar-concept .trade-receipt h2{font-size:39px;line-height:1.2;letter-spacing:-1.2px;margin:0;font-weight:500;color:#f5f3ef;overflow-wrap:anywhere}
html[data-theme="dark"] #stellar-concept .trade-received{color:#c4b798;font-size:13px;margin:7px 0 24px}
html[data-theme="dark"] #stellar-concept .trade-receipt .trade-parties{text-align:left}
html[data-theme="dark"] #stellar-concept .trade-explorer{display:flex;justify-content:center;align-items:center;gap:7px;min-height:46px;margin:14px 0 0;color:#d8c29a;background:#ffffff04;border:1px solid #ffffff15;border-radius:14px;font-size:12px;text-decoration:none}
html[data-theme="dark"] #stellar-concept .trade-explorer svg{width:14px;height:14px}
html[data-theme="dark"] #stellar-concept .trade-connect .tl-card{border-radius:23px;background:linear-gradient(135deg,#242426,#131315);border:1px solid #ffffff20;padding:18px}
html[data-theme="dark"] #stellar-concept .trade-connect .tl-card-top{font-size:13px}
html[data-theme="dark"] #stellar-concept .trade-connect .tl-note{color:#aaaab2;font-size:12px;line-height:1.7}
html[data-theme="dark"] #stellar-concept .trade-connect .tl-qr{border-radius:15px}
html[data-theme="dark"] #stellar-concept .trade-connect-art{display:grid;place-items:center;height:128px;margin:24px 0 15px}
html[data-theme="dark"] #stellar-concept .trade-connect-art img{height:128px;width:128px;object-fit:contain;filter:drop-shadow(0 12px 12px #d8c29a15)}
html[data-theme="dark"] #stellar-concept .trade-empty{padding:24px;text-align:center;font-size:12px;line-height:1.7;color:#aaaab2}
html[data-theme="dark"] #stellar-concept .trade-empty>svg{width:28px;height:28px;color:#d8c29a}
html[data-theme="dark"] #stellar-concept .trade-screen button:disabled{opacity:.43;cursor:default;transform:none}
html[data-theme="dark"] #stellar-concept .trade-screen :is(input,select,button,summary,a):focus-visible,html[data-theme="dark"] #stellar-concept .trade-entry button:focus-visible{outline:2px solid #e3d2af;outline-offset:4px}
@media(max-width:360px){
html[data-theme="dark"] #stellar-concept .trade-entry{gap:9px}
html[data-theme="dark"] #stellar-concept .trade-entry button{min-height:126px;padding:14px;border-radius:22px}
html[data-theme="dark"] #stellar-concept .trade-entry-copy strong{font-size:12px}
html[data-theme="dark"] #stellar-concept .trade-entry-copy small{font-size:10px}
html[data-theme="dark"] #stellar-concept .trade-entry-arrow{right:12px;top:13px;width:24px;height:24px}
html[data-theme="dark"] #stellar-concept .trade-screen .screen-heading h1{font-size:29px}
html[data-theme="dark"] #stellar-concept .trade-tabs button{font-size:11px;gap:4px}
html[data-theme="dark"] #stellar-concept .trade-tabs button svg{width:13px}
html[data-theme="dark"] #stellar-concept .trade-form,html[data-theme="dark"] #stellar-concept .trade-review,html[data-theme="dark"] #stellar-concept .trade-receipt{padding:19px;border-radius:26px}
html[data-theme="dark"] #stellar-concept .trade-input-row{gap:8px}
html[data-theme="dark"] #stellar-concept .trade-asset{width:88px}
html[data-theme="dark"] #stellar-concept .trade-token-select{width:88px}
html[data-theme="dark"] #stellar-concept .trade-token-art{width:62px;height:62px}
html[data-theme="dark"] #stellar-concept .trade-wallet{padding-inline:10px}
html[data-theme="dark"] #stellar-concept .trade-wallet>summary{gap:6px;font-size:11px}
html[data-theme="dark"] #stellar-concept .trade-wallet-short{font-size:9px}
html[data-theme="dark"] #stellar-concept .trade-details dt{font-size:11px}
html[data-theme="dark"] #stellar-concept .trade-details dd{font-size:12px}
html[data-theme="dark"] #stellar-concept .trade-assurance{font-size:10px;gap:5px}
}
@media(prefers-reduced-motion:no-preference){
html[data-theme="dark"] #stellar-concept .trade-entry button,html[data-theme="dark"] #stellar-concept .trade-screen>.primary,html[data-theme="dark"] #stellar-concept .trade-tabs button{transition:transform .18s ease,background .2s ease,box-shadow .2s ease}
html[data-theme="dark"] #stellar-concept .trade-entry-art{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
html[data-theme="dark"] #stellar-concept .trade-entry button:active{transform:scale(.975);box-shadow:inset 0 1px #ffffff20}
html[data-theme="dark"] #stellar-concept .trade-entry button:active .trade-entry-art{transform:translateY(-3px) rotate(-3deg)}
html[data-theme="dark"] #stellar-concept .trade-screen>.primary:active{transform:scale(.98)}
html[data-theme="dark"] #stellar-concept .trade-direction button svg{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
html[data-theme="dark"] #stellar-concept .trade-direction button:active svg{transform:rotate(180deg)}
}
@media(prefers-reduced-motion:reduce){
html[data-theme="dark"] #stellar-concept .trade-entry button,html[data-theme="dark"] #stellar-concept .trade-entry-art,html[data-theme="dark"] #stellar-concept .trade-screen *{animation:none!important;transition:none!important}
}

/* Override the older global input surface only for exchange amounts. */
html[data-theme="dark"] #stellar-concept .trade-form #trade-amount{background:transparent!important;color:#f5f3ef!important}

html[data-theme="dark"] #stellar-concept .trade-balance{display:block;font-size:10px;line-height:1.6;color:#a4a0a0;margin-top:9px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
html[data-theme="dark"] #stellar-concept .trade-balance span{color:#bdb6a8}
html[data-theme="dark"] #stellar-concept .trade-rate>button{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:0;border-radius:50%;background:#ffffff04;color:#bdb6a8;margin-left:0}
html[data-theme="dark"] #stellar-concept .trade-rate{padding-top:10px;margin-top:12px}
html[data-theme="dark"] #stellar-concept .trade-rate>button svg{width:13px;height:13px}

/* Keep the review action comfortably close on a phone. */
html[data-theme="dark"] #stellar-concept .trade-token-art{width:64px;height:60px}
html[data-theme="dark"] #stellar-concept .trade-asset{gap:3px}
html[data-theme="dark"] #stellar-concept .trade-token-select select{min-height:34px;padding-block:6px}
html[data-theme="dark"] #stellar-concept .trade-balance{font-size:11px}