/* Default: soft charcoal surfaces, muted mint accents. Original palette is the day theme. */
:root{color-scheme:light}
.header-tools{display:flex;align-items:center;gap:20px}
.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-width:86px;padding:10px 13px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);font-size:12px;white-space:nowrap}
#theme-icon{font-size:16px;line-height:1}
:root[data-theme="dark"]{color-scheme:dark;--bg:#101413;--paper:#191f1d;--ink:#dce5df;--muted:#a1ada5;--line:#2b3530;--green:#a9c6ae;--orange:#c59679;--dark:#2f5142}
[data-theme="dark"] .demo-bar{background:#151c18;color:#b6c9bc;border-bottom:1px solid #263229}
[data-theme="dark"] .demo-detail{color:#91a596}
[data-theme="dark"] .brand-symbol{background:#23392e;color:#b7cebd}
[data-theme="dark"] .nav-link{color:#a4b0a7}
[data-theme="dark"] .nav-link.active{color:#dce5df;border-color:#9ebca6}
[data-theme="dark"] #history-count{background:#2a352e;color:#b9c9bc}
[data-theme="dark"] .region{color:#a1b1a6}
[data-theme="dark"] .region-icon{color:#8bab93}
[data-theme="dark"] .serif{color:#9cbaa3}
[data-theme="dark"] .hero-description{color:#a9b5ad}
[data-theme="dark"] .journey b,[data-theme="dark"] .journey i{color:#849e8d}
[data-theme="dark"] .hero-note p{color:#9eaea3}
[data-theme="dark"] .note-mark{border-color:#576d5e;color:#a5bbaa}
[data-theme="dark"] .asset-line small{color:#9caba0}
[data-theme="dark"] .exchange-card{border-color:#303b33;box-shadow:0 16px 55px #0002}
[data-theme="dark"] .mini-label{color:#a1b0a4}
[data-theme="dark"] .demo-pill{background:#28362c;color:#b0c6b5}
[data-theme="dark"] .tabs{background:#101613}
[data-theme="dark"] .tab{color:#9bab9f}
[data-theme="dark"] .tab.selected{background:#2a3730;color:#dce8df;box-shadow:none}
[data-theme="dark"] .asset-picker>label{color:#acb8af}
[data-theme="dark"] select option{background:#1b241e;color:#dce5df}
[data-theme="dark"] .amount-box{background:#141b17;border-color:#2d3b31}
[data-theme="dark"] .amount-box label,[data-theme="dark"] .field-label{color:#a5b4a8}
[data-theme="dark"] .amount-row input,[data-theme="dark"] .amount-row output{color:#e0e9e2}
[data-theme="dark"] .currency small{color:#a1b7a7}
[data-theme="dark"] .swap-divider span{background:#24342a;border-color:#3a4a3e;color:#b0c5b5}
[data-theme="dark"] .receive-box{background:#202e25;border-color:#3b5141}
[data-theme="dark"] .network-row{border-color:#303b33}
[data-theme="dark"] .network-row label{color:#a4b2a7}
[data-theme="dark"] .network-row select{background:#29362d;color:#c8d6cb}
[data-theme="dark"] .quote-details>span:last-child{color:#b9aa94}
[data-theme="dark"] .primary{background:#a5c3ac;color:#15251c}
[data-theme="dark"] .primary:hover:not(:disabled){background:#b5cfbb}
[data-theme="dark"] .error{color:#e5a58d}
[data-theme="dark"] .card-disclaimer{color:#9dac9f}
[data-theme="dark"] .feature-icon{border-color:#3a4b3e;color:#abc2b0;background:#1b251f}
[data-theme="dark"] .principles p{color:#a2afa5}
[data-theme="dark"] .text-link{border-color:#526857}
[data-theme="dark"] .footer p,[data-theme="dark"] .footer-version{color:#9aaa9f}
[data-theme="dark"] .section-heading p{color:#a5b5aa}
[data-theme="dark"] .empty-state,[data-theme="dark"] .order-item,[data-theme="dark"] .guide-grid article{background:var(--paper);border-color:var(--line)}
[data-theme="dark"] .empty-symbol{color:#97b19d}
[data-theme="dark"] .secondary{border-color:#506252;color:#c8d8cc;background:#1c2820}
[data-theme="dark"] .order-status{background:#2b3a2f;color:#b3cbb9}
[data-theme="dark"] .guide-grid b{color:#a6bba9}
[data-theme="dark"] .guide-grid p{color:#a8b6ac}
[data-theme="dark"] dialog{background:#191f1d;border-color:#3c4b40;color:var(--ink);box-shadow:0 30px 100px #0007}
[data-theme="dark"] dialog::backdrop{background:#050a08b8}
[data-theme="dark"] .icon-button{background:#2b3830;color:#cedcd2}
[data-theme="dark"] .step-dots span{background:#354339}
[data-theme="dark"] .step-dots .current{background:#a3bea8}
[data-theme="dark"] .muted{color:#a3b1a7}
[data-theme="dark"] .dialog-summary{background:#233026;color:#d5e0d8}
[data-theme="dark"] .summary-line span:first-child{color:#a7bbad}
[data-theme="dark"] .destination-row input{background:#111a14;border-color:#415547;color:#cadbce}
[data-theme="dark"] .input-hint{color:#a0b1a4}
[data-theme="dark"] .pending-note{background:#302b21;border-color:#b29b73;color:#d7c9ad}
[data-theme="dark"] .pending-note p{color:#bdaf94}
[data-theme="dark"] .success-mark{background:#2d4634;color:#b2cbb7}
@media(max-width:1000px){.header-tools{gap:10px}.header nav{gap:13px}}
@media(max-width:760px){.header{height:auto;min-height:90px;padding-top:16px;padding-bottom:16px;row-gap:13px}.header nav{order:3;width:100%;justify-content:flex-start}.header nav a:last-child{display:block}.header-tools{margin-left:auto}.theme-toggle{min-width:78px;padding:9px 12px}}
/* Account window uses its own layout, independent of exchange dialogs. */
#account-dialog{width:min(460px,calc(100% - 32px));max-width:460px;max-height:calc(100dvh - 32px);margin:auto;padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);overflow:auto}
#account-dialog *{box-sizing:border-box}
#account-dialog .account-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
#account-dialog .account-kicker{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--muted)}
#account-dialog .account-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:24px;line-height:1}
#account-dialog h2{margin:0;font-size:28px;line-height:1.25;letter-spacing:-.6px;font-weight:500}
#account-dialog .account-description{margin:10px 0 24px;font-size:13px;line-height:1.6;color:var(--muted)}
#account-dialog .account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:24px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
#account-dialog .account-tabs button{min-width:0;min-height:40px;padding:10px 6px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;line-height:1.3}
#account-dialog .account-tabs button[aria-pressed="true"]{background:var(--paper);color:var(--ink);box-shadow:0 2px 6px #0001}
#account-dialog .account-field{margin:0 0 20px}
#account-dialog .account-field label{display:block;margin:0 0 8px;font-size:13px;font-weight:500;line-height:1.4}
#account-dialog .account-field input{display:block;width:100%;min-width:0;height:48px;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-size:16px;line-height:22px}
#account-dialog input::placeholder{color:var(--muted);opacity:.7}
#account-dialog .account-password-wrap{position:relative}
#account-dialog .account-password-wrap input{padding-right:90px}
#account-dialog #account-password-toggle{position:absolute;right:10px;top:8px;height:32px;padding:0 6px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11px}
#account-dialog .account-field-hint{display:block;margin:8px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}
#account-dialog .account-main-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;padding:14px 18px;border:0;border-radius:10px;background:var(--dark);color:#e9f3dd;font-size:14px;font-weight:500;line-height:1.4}
[data-theme="dark"] #account-dialog .account-main-button{background:#a5c3ac;color:#15251c}
#account-dialog .account-main-button:hover:not(:disabled){filter:brightness(1.08)}
#account-dialog .account-error{margin:0 0 16px;padding:12px;border-radius:8px;background:#b44d3212;color:#ad4934;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
[data-theme="dark"] #account-dialog .account-error{color:#e5a58d;background:#e5a58d0d}
#account-dialog .account-error:empty{display:none}
#account-dialog .account-identity{display:flex;align-items:center;gap:14px;padding:18px;margin-bottom:24px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
#account-dialog .account-identity>div{min-width:0}
#account-dialog .account-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--dark);color:#dce8df;font-size:18px}
#account-dialog .account-identity .account-field-hint{margin:0 0 4px}
#account-dialog #account-profile-email{margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#account-dialog .account-logout{display:block;width:100%;min-height:44px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:13px;line-height:1.4}
#account-dialog .account-footnote{display:flex;align-items:flex-start;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
#account-dialog .account-demo-label{flex-shrink:0;margin-top:2px;padding:4px 6px;border:1px solid var(--line);border-radius:5px;font-size:9px;letter-spacing:.6px;color:var(--muted)}
#account-dialog .account-footnote p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}
.header-tools{flex-wrap:wrap}
@media(max-width:420px){#account-dialog{padding:24px;border-radius:18px}#account-dialog h2{font-size:25px}}
.cabinet-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.cabinet-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.cabinet-card h2{font-size:24px;font-weight:400;margin:20px 0 12px}.cabinet-card label{display:block;font-size:13px;margin:18px 0}.cabinet-card select{display:block;width:100%;padding:13px;margin-top:8px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:9px}.verification-list,.order-progress{list-style:none;padding:0;counter-reset:steps}.verification-list li,.order-progress li{padding:16px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.6}.verification-list span{display:block;color:var(--muted);font-size:11px}.cabinet-card .pending-note{margin-top:24px}.cabinet-next{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:50px}.cabinet-actions{display:flex;gap:12px;flex-wrap:wrap}.order-progress li{color:var(--muted)}.order-progress .complete{color:var(--ink)}.progress-dialog>button{margin-top:18px}#account-history{margin-top:12px}@media(max-width:760px){.cabinet-grid{grid-template-columns:1fr}.cabinet-card{padding:22px}.cabinet-next{align-items:flex-start;flex-direction:column}}