:root{--black: #04070c;--white: #f3f2ee;--line: rgba(243,242,238,0.16);--line-strong: rgba(243,242,238,0.32);--muted: rgba(243,242,238,0.54);--panel: rgba(6,10,16,0.60);--panel-solid: rgba(5,9,14,0.80);--hover-1: rgba(243,242,238,0.035);--hover-2: rgba(243,242,238,0.06);--hover-3: rgba(243,242,238,0.07);--inset-highlight: rgba(243,242,238,0.08);--placeholder: rgba(243,242,238,0.28);--overlay-1: rgba(4,10,16,0.66);--overlay-2: rgba(4,10,16,0.20);--overlay-3: rgba(4,10,16,0.44);--overlay-4: rgba(4,10,16,0.90);--shadow-1: rgba(0,0,0,0.55);--shadow-2: rgba(0,0,0,0.6);--radius: 14px;--radius-sm: 8px;--accent: #4e8ef7;--accent-strong: #6ea3ff;--accent-ring: rgba(78,142,247,0.32);--font-display: 'Space Grotesk','Helvetica Neue',Arial,sans-serif;--font-body: 'Inter',-apple-system,'Helvetica Neue',Arial,sans-serif;--font-mono: 'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace}html[data-theme="light"]{--black: #f2f3f0;--white: #12161c;--line: rgba(18,22,28,0.14);--line-strong: rgba(18,22,28,0.32);--muted: rgba(18,22,28,0.60);--panel: rgba(255,255,255,0.66);--panel-solid: rgba(255,255,255,0.93);--hover-1: rgba(18,22,28,0.035);--hover-2: rgba(18,22,28,0.06);--hover-3: rgba(18,22,28,0.06);--inset-highlight: rgba(255,255,255,0.75);--placeholder: rgba(18,22,28,0.32);--overlay-1: rgba(255,255,255,0.38);--overlay-2: rgba(255,255,255,0.13);--overlay-3: rgba(255,255,255,0.36);--overlay-4: rgba(255,255,255,0.74);--shadow-1: rgba(20,24,32,0.14);--shadow-2: rgba(20,24,32,0.16)}*{box-sizing: border-box}html{scroll-behavior: smooth}html,body{height: 100%;margin: 0;padding: 0;background: var(--black);color: var(--white);font-family: var(--font-body);-webkit-font-smoothing: antialiased;transition: background 0.2s ease,color 0.2s ease}@media (min-width: 900px){html{zoom: 1.3}}body{min-height: 100%;isolation: isolate}.bg-fx{position: fixed;inset: 0;z-index: -1;overflow: hidden;pointer-events: none}.bg-fx::before{content: '';position: absolute;inset: -6%;background-image: linear-gradient(180deg,var(--overlay-1) 0%,var(--overlay-2) 36%,var(--overlay-3) 68%,var(--overlay-4) 100%),url('/background.jpg');background-size: cover;background-position: center;transition: background-image 0.25s ease}@media (prefers-reduced-motion: no-preference){.bg-fx::before{animation: bgPan 34s ease-in-out infinite alternate;will-change: transform}}@keyframes bgPan{0%{transform: scale(1) translate3d(0,0,0)}50%{transform: scale(1.045) translate3d(-1.2%,1%,0)}100%{transform: scale(1.03) translate3d(1%,-0.8%,0)}}@media (prefers-reduced-motion: no-preference){.swap-card{animation: rise 0.5s cubic-bezier(0.2,0.8,0.2,1) both}.info-cards .info-card{animation: rise 0.5s cubic-bezier(0.2,0.8,0.2,1) both}.info-cards .info-card:nth-child(1){animation-delay: 0.04s}.info-cards .info-card:nth-child(2){animation-delay: 0.09s}.info-cards .info-card:nth-child(3){animation-delay: 0.14s}.recent-panel{animation: rise 0.5s cubic-bezier(0.2,0.8,0.2,1) both;animation-delay: 0.1s}}@keyframes rise{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}.page{display: flex;flex-direction: column;min-height: 100%}header{display: flex;align-items: center;justify-content: space-between;padding: 24px 40px;z-index: 20;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid var(--line)}.logo{display: flex;align-items: center;text-decoration: none}.logo img{height: 26px;width: auto;display: block}.logo .logo-light{display: none}html[data-theme="light"] .logo .logo-dark{display: none}html[data-theme="light"] .logo .logo-light{display: block}.header-right{display: flex;align-items: center;gap: 28px}nav{display: flex;gap: 20px;flex-wrap: wrap;row-gap: 8px}nav a{color: var(--muted);text-decoration: none;font-size: 13px;font-weight: 500;letter-spacing: 0.01em;transition: color 0.15s ease}nav a:hover,nav a:focus-visible{color: var(--white)}.nav-link-btn{background: none;border: none;padding: 0;margin: 0;font: inherit;color: var(--muted);text-decoration: none;font-size: 13px;font-weight: 500;letter-spacing: 0.01em;cursor: pointer;transition: color 0.15s ease}.nav-link-btn:hover,.nav-link-btn:focus-visible{color: var(--white)}.social-links{display: flex;align-items: center;gap: 16px;padding-left: 20px;border-left: 1px solid var(--line)}.social-links a{color: var(--muted);display: flex;transition: color 0.15s ease}.social-links a:hover,.social-links a:focus-visible{color: var(--white)}.social-links svg{width: 16px;height: 16px}.theme-toggle{display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;padding: 0;background: transparent;border: 1px solid var(--line-strong);border-radius: 50%;color: var(--muted);cursor: pointer;transition: border-color 0.15s ease,color 0.15s ease}.theme-toggle:hover,.theme-toggle:focus-visible{border-color: var(--white);color: var(--white);outline: none}.theme-toggle svg{width: 15px;height: 15px}.theme-toggle .icon-moon{display: none}html[data-theme="light"] .theme-toggle .icon-sun{display: none}html[data-theme="light"] .theme-toggle .icon-moon{display: block}a:focus-visible,button:focus-visible,input:focus-visible{outline: 1px solid var(--accent);outline-offset: 2px}main{flex: 1;display: flex;align-items: center;justify-content: center;padding: 20px 20px 32px}.swap-layout{display: flex;flex-wrap: nowrap;justify-content: center;align-items: flex-start;gap: 20px;width: 100%}@media (max-width: 1040px){.swap-layout{flex-direction: column;align-items: center}.swap-card{order: -1;width: 100%}.info-cards,.recent-panel{width: 100%;max-width: 420px}}.info-cards,.recent-panel{flex: 0 0 250px;width: 250px;display: flex;flex-direction: column;gap: 12px}.info-card{border: 1px solid var(--line-strong);border-radius: var(--radius-sm);background: var(--panel);backdrop-filter: blur(16px) saturate(1.15);-webkit-backdrop-filter: blur(16px) saturate(1.15);padding: 16px;box-shadow: 0 14px 34px -20px var(--shadow-1),inset 0 1px 0 var(--inset-highlight);transition: border-color 0.18s ease,transform 0.18s ease,box-shadow 0.18s ease}.info-card:hover{border-color: var(--line-strong);transform: translateY(-2px);box-shadow: 0 18px 40px -18px var(--shadow-1),inset 0 1px 0 var(--inset-highlight)}.info-card-icon{display: flex;align-items: center;justify-content: center;width: fit-content;margin-bottom: 12px}.info-card svg{width: 26px;height: 26px;color: var(--white)}.info-card h3{font-family: var(--font-display);font-size: 13.5px;font-weight: 600;margin: 0 0 5px}.info-card p{font-size: 11.5px;line-height: 1.5;color: var(--muted);margin: 0}.recent-panel{border: 1px solid var(--line-strong);border-radius: var(--radius-sm);background: var(--panel);backdrop-filter: blur(16px) saturate(1.15);-webkit-backdrop-filter: blur(16px) saturate(1.15);padding: 4px 0;box-shadow: 0 14px 34px -20px var(--shadow-1),inset 0 1px 0 var(--inset-highlight)}.recent-panel h3{font-family: var(--font-display);font-size: 13.5px;font-weight: 600;margin: 0;padding: 14px 16px 12px;display: flex;align-items: center;justify-content: space-between}.recent-row{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 11px 16px;border-top: 1px solid var(--line);transition: background 0.15s ease}.recent-row:hover{background: var(--hover-1)}@media (prefers-reduced-motion: no-preference){.recent-row{opacity: 0;animation: rowIn 0.45s cubic-bezier(0.2,0.8,0.2,1) both}}@keyframes rowIn{from{opacity: 0;transform: translateX(-8px)}to{opacity: 1;transform: translateX(0)}}.recent-main{display: flex;align-items: center;gap: 7px;min-width: 0;font-family: var(--font-mono);font-size: 12px;font-weight: 500;color: var(--white);overflow: hidden}.recent-main span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.recent-icon{width: 16px;height: 16px;border-radius: 50%;flex-shrink: 0;display: block;box-shadow: 0 0 0 1px var(--line)}.recent-arrow{color: var(--white);opacity: 0.4;flex-shrink: 0;font-weight: 700}.recent-time{font-family: var(--font-mono);font-size: 10.5px;color: var(--muted);flex-shrink: 0}.swap-card{width: 100%;max-width: 420px;flex: 1 1 380px;background: var(--panel);border: 1px solid var(--line-strong);border-radius: var(--radius);backdrop-filter: blur(18px) saturate(1.15);-webkit-backdrop-filter: blur(18px) saturate(1.15);padding: 22px;box-shadow: 0 24px 60px -20px var(--shadow-2),inset 0 1px 0 var(--inset-highlight)}.swap-card-head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 18px}.swap-card-head h2{font-family: var(--font-display);font-size: 16px;font-weight: 600;margin: 0}.field{border: 1px solid var(--line-strong);background: var(--hover-1);box-shadow: inset 0 1px 0 var(--inset-highlight);padding: 14px 16px;transition: border-color 0.15s ease,background 0.15s ease,box-shadow 0.15s ease}.field:focus-within{border-color: var(--accent);background: var(--hover-2);box-shadow: inset 0 1px 0 var(--inset-highlight)}.field.is-invalid,.address-field.is-invalid{border-color: var(--white);animation: shakeX 0.35s ease}@keyframes shakeX{0%,100%{transform: translateX(0)}20%{transform: translateX(-4px)}40%{transform: translateX(4px)}60%{transform: translateX(-3px)}80%{transform: translateX(3px)}}.field:first-of-type{border-top-left-radius: var(--radius-sm);border-top-right-radius: var(--radius-sm)}.field:last-of-type{border-bottom-left-radius: var(--radius-sm);border-bottom-right-radius: var(--radius-sm)}.field + .field{border-top: none}.field-label{font-size: 10.5px;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;color: var(--muted);margin-bottom: 8px}.field-row{display: flex;align-items: center;justify-content: space-between;gap: 12px}.field-row input{flex: 1;background: transparent;border: none;outline: none;color: var(--white);font-family: var(--font-mono);font-size: 20px;min-width: 0}.field-row input::placeholder{color: var(--placeholder)}.coin-select{position: relative;flex-shrink: 0}.coin-trigger{display: flex;align-items: center;gap: 7px;background: var(--hover-2);border: 1px solid var(--line-strong);border-radius: var(--radius-sm);color: var(--white);font-family: var(--font-body);font-size: 12.5px;font-weight: 600;padding: 7px 9px 7px 7px;min-width: 118px;cursor: pointer;box-shadow: inset 0 1px 0 var(--inset-highlight);transition: border-color 0.15s ease,background 0.15s ease}.coin-trigger:hover,.coin-trigger:focus-visible{border-color: var(--accent);outline: none}.coin-select.open .coin-trigger{background: var(--hover-2);border-color: var(--accent)}.coin-icon{width: 22px;height: 22px;border-radius: 50%;flex-shrink: 0;display: block;box-shadow: 0 0 0 1px var(--line)}.coin-trigger .chev{width: 9px;height: 9px;margin-left: auto;border-right: 1.5px solid var(--muted);border-bottom: 1.5px solid var(--muted);transform: rotate(45deg);transition: transform 0.15s ease;flex-shrink: 0}.coin-select.open .coin-trigger .chev{transform: rotate(225deg)}.loading-dots{display: none;align-items: center;gap: 3px;margin-left: auto;flex-shrink: 0}.coin-select.is-loading .loading-dots{display: inline-flex}.coin-select.is-loading .chev{display: none}.loading-dots span{width: 3.5px;height: 3.5px;border-radius: 50%;background: var(--muted);opacity: 0.3}@media (prefers-reduced-motion: no-preference){.loading-dots span{animation: dotPulse 1.1s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay: 0.15s}.loading-dots span:nth-child(3){animation-delay: 0.3s}}@keyframes dotPulse{0%,80%,100%{opacity: 0.25}40%{opacity: 1}}.coin-menu{position: absolute;top: calc(100% + 8px);right: 0;min-width: 260px;max-width: min(310px,calc(100vw - 56px));max-height: 272px;background: var(--panel-solid);border: 1px solid var(--line-strong);border-radius: var(--radius-sm);backdrop-filter: blur(20px) saturate(1.3);-webkit-backdrop-filter: blur(20px) saturate(1.3);box-shadow: 0 20px 44px -16px var(--shadow-2),inset 0 1px 0 var(--inset-highlight);z-index: 30;display: none;overflow-y: auto;overflow-x: hidden;overscroll-behavior: contain;scrollbar-width: thin;scrollbar-color: var(--line-strong) transparent}.coin-menu::-webkit-scrollbar{width: 6px}.coin-menu::-webkit-scrollbar-track{background: transparent}.coin-menu::-webkit-scrollbar-thumb{background: var(--line-strong);border-radius: 3px}.coin-menu::-webkit-scrollbar-thumb:hover{background: var(--muted)}.coin-select.open .coin-menu{display: block}@media (prefers-reduced-motion: no-preference){.coin-select.open .coin-menu{animation: menuIn 0.16s cubic-bezier(0.2,0.8,0.2,1) both}}@keyframes menuIn{from{opacity: 0;transform: translateY(-4px) scale(0.98)}to{opacity: 1;transform: translateY(0) scale(1)}}.coin-group-label{position: sticky;top: 0;z-index: 1;padding: 8px 14px 6px;font-size: 10px;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--muted);background: var(--panel-solid);border-bottom: 1px solid var(--line)}.coin-option{display: flex;align-items: center;gap: 12px;padding: 10px 14px;cursor: pointer;text-align: left;width: 100%;background: transparent;border: none;border-bottom: 1px solid var(--line);font-family: var(--font-body)}.coin-option:last-child{border-bottom: none}.coin-option:hover,.coin-option:focus-visible{background: var(--hover-3);outline: none}.coin-option.is-selected{background: var(--hover-2)}.coin-option.is-disabled{opacity: 0.4;cursor: not-allowed}.coin-option.is-disabled:hover{background: transparent}.coin-option-check{margin-left: auto;flex-shrink: 0;width: 14px;height: 14px;opacity: 0}.coin-option.is-selected .coin-option-check{opacity: 1}.coin-option-text{display: flex;flex-direction: column;gap: 2px;line-height: 1.2;min-width: 0}.coin-option-text .ticker{font-size: 13px;font-weight: 700;color: var(--white);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.coin-option-text .ticker-abbr{font-weight: 500;color: var(--muted)}.coin-option-text .network{font-size: 11px;color: var(--muted);font-family: var(--font-mono)}.swap-divider{display: flex;align-items: center;justify-content: center;height: 1px;background: var(--line);position: relative}.swap-toggle{position: absolute;width: 34px;height: 34px;border-radius: 50%;background: var(--black);border: 1px solid var(--line-strong);display: flex;align-items: center;justify-content: center;cursor: pointer;color: var(--white);transition: transform 0.18s ease,border-color 0.18s ease}.swap-toggle:hover,.swap-toggle:focus-visible{border-color: var(--accent);transform: rotate(180deg)}.swap-toggle svg{width: 14px;height: 14px}.coin-warning{text-align: center;font-size: 11.5px;font-weight: 600;color: var(--white);max-height: 0;overflow: hidden;opacity: 0;transition: max-height 0.25s ease,opacity 0.2s ease,margin 0.25s ease}.coin-warning.show{max-height: 26px;opacity: 1;margin: 2px 0 -4px}.rate-line{display: flex;justify-content: space-between;align-items: center;padding: 14px 2px 0;font-size: 12px;color: var(--muted);font-family: var(--font-mono)}.rate-line span#rateLabel{display: inline-block;color: var(--white)}.rate-line span#rateLabel.flash,#amountTo.flash{animation: valueFlash 0.5s ease}@keyframes valueFlash{0%{opacity: 0.35}100%{opacity: 1}}.address-field{margin-top: 12px;border: 1px solid var(--line-strong);border-radius: var(--radius-sm);background: var(--hover-1);box-shadow: inset 0 1px 0 var(--inset-highlight);padding: 14px 16px;transition: border-color 0.15s ease,background 0.15s ease,box-shadow 0.15s ease}.address-field:focus-within{border-color: var(--accent);background: var(--hover-2);box-shadow: inset 0 1px 0 var(--inset-highlight)}.address-row{display: flex;align-items: center;gap: 10px}.address-field input{width: 100%;background: transparent;border: none;outline: none;color: var(--white);font-family: var(--font-mono);font-size: 13px}.address-field input::placeholder{color: var(--placeholder)}.paste-btn{flex-shrink: 0;background: transparent;border: 1px solid var(--line-strong);border-radius: 6px;color: var(--muted);font-family: var(--font-body);font-size: 11px;font-weight: 600;padding: 5px 10px;cursor: pointer;transition: border-color 0.15s ease,color 0.15s ease}.paste-btn:hover,.paste-btn:focus-visible{border-color: var(--white);color: var(--white);outline: none}.swap-btn{width: 100%;margin-top: 16px;padding: 15px 0;background: var(--white);color: var(--black);border: none;border-radius: var(--radius-sm);font-family: var(--font-body);font-size: 14px;font-weight: 700;letter-spacing: 0.01em;cursor: pointer;box-shadow: 0 10px 24px -10px var(--shadow-1);display: flex;align-items: center;justify-content: center;gap: 8px;transition: opacity 0.15s ease,transform 0.15s ease}.swap-btn:hover,.swap-btn:focus-visible{opacity: 0.85}.swap-btn:active{transform: scale(0.99)}.swap-btn:disabled{opacity: 0.35;cursor: not-allowed;box-shadow: none;transform: none}.swap-btn:disabled:active{transform: none}.tos-check{display: flex;align-items: flex-start;gap: 8px;margin-top: 14px;cursor: pointer}.tos-check input{margin: 2px 0 0;width: 14px;height: 14px;flex-shrink: 0;accent-color: var(--accent);cursor: pointer}.tos-check span{font-size: 11.5px;line-height: 1.45;color: var(--muted)}.tos-link{background: none;border: none;padding: 0;margin: 0;font: inherit;color: var(--white);font-weight: 600;text-decoration: underline;text-underline-offset: 2px;cursor: pointer}.tos-link:hover,.tos-link:focus-visible{opacity: 0.8}.legal-overlay{display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.6);align-items: center;justify-content: center;padding: 24px;z-index: 100}.legal-overlay.open{display: flex}.legal-modal{width: 100%;max-width: 480px;max-height: 80%;display: flex;flex-direction: column;background: var(--panel-solid);border: 1px solid var(--line-strong);border-radius: var(--radius);backdrop-filter: blur(20px) saturate(1.3);-webkit-backdrop-filter: blur(20px) saturate(1.3);box-shadow: 0 24px 60px -20px var(--shadow-2),inset 0 1px 0 var(--inset-highlight)}.legal-modal-head{display: flex;align-items: center;justify-content: space-between;padding: 16px 18px;border-bottom: 1px solid var(--line);flex-shrink: 0}.legal-modal-head h2{font-family: var(--font-display);font-size: 15px;font-weight: 600;margin: 0}.legal-close{display: flex;align-items: center;justify-content: center;width: 26px;height: 26px;border: 1px solid var(--line-strong);border-radius: 50%;background: transparent;color: var(--muted);cursor: pointer;flex-shrink: 0}.legal-close:hover,.legal-close:focus-visible{border-color: var(--white);color: var(--white);outline: none}.legal-close svg{width: 12px;height: 12px}.legal-modal-body{padding: 16px 18px 20px;overflow-y: auto;font-size: 12.5px;line-height: 1.6;color: var(--muted)}.legal-modal-body h3{font-family: var(--font-body);font-size: 12.5px;font-weight: 700;color: var(--white);margin: 16px 0 6px}.legal-modal-body h3:first-child{margin-top: 0}.legal-modal-body p{margin: 0 0 10px}.legal-modal-body ul{margin: 0 0 10px;padding-left: 18px}.legal-modal-body li{margin-bottom: 4px}.support-modal{width: 100%;max-width: 340px;background: var(--panel);border: 1px solid var(--line-strong);border-radius: var(--radius);backdrop-filter: blur(24px) saturate(1.4);-webkit-backdrop-filter: blur(24px) saturate(1.4);box-shadow: 0 24px 60px -20px var(--shadow-2),inset 0 1px 0 var(--inset-highlight)}.support-modal .legal-modal-head{border-bottom: 1px solid var(--line)}.support-options{display: flex;flex-direction: column;gap: 10px;padding: 16px 18px 18px}.support-option{display: flex;align-items: center;gap: 12px;padding: 12px 14px;border: 1px solid var(--line);border-radius: var(--radius-sm);background: var(--hover-1);text-decoration: none;transition: border-color 0.15s ease,background 0.15s ease,transform 0.15s ease}.support-option:hover,.support-option:focus-visible{border-color: var(--line-strong);background: var(--hover-2);transform: translateY(-1px);outline: none}.support-option-icon{width: 36px;height: 36px;flex-shrink: 0;border-radius: 50%;border: 1px solid var(--line-strong);display: flex;align-items: center;justify-content: center}.support-option-icon svg{width: 17px;height: 17px;color: var(--white)}.support-option-text{min-width: 0}.support-option-text .name{display: block;font-size: 13px;font-weight: 600;color: var(--white)}.support-option-text .detail{display: block;font-size: 11px;color: var(--muted);font-family: var(--font-mono);margin-top: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}@media (max-width: 560px){header{padding: 16px 18px;flex-wrap: wrap;row-gap: 10px}.header-right{gap: 14px}nav{gap: 14px}nav a{font-size: 12px}.social-links{padding-left: 12px;gap: 12px}.coin-menu{right: -8px}}@media (max-width: 768px){main{padding: 12px 12px 28px}.swap-layout{gap: 14px}.swap-card{max-width: 100%;padding: 18px 14px;border-radius: 12px}.field{padding: 12px 14px}.field-row input{font-size: 18px}.coin-trigger{padding: 6px 8px 6px 6px;min-width: 105px;font-size: 12px}.coin-icon{width: 20px;height: 20px}.address-field{padding: 12px 14px}.address-field input{font-size: 12px}.info-cards{width: 100%;max-width: 100%;display: grid;grid-template-columns: repeat(3,1fr);gap: 8px}.info-card{padding: 12px 10px;text-align: center;border-radius: 10px;display: flex;flex-direction: column;align-items: center}.info-card-icon{margin-bottom: 6px}.info-card-icon svg{width: 20px;height: 20px}.info-card h3{font-size: 12px;margin: 0 0 4px;line-height: 1.2}.info-card p{font-size: 10.5px;line-height: 1.35}.recent-panel{width: 100%;max-width: 100%;border-radius: 10px}.recent-panel h3{font-size: 12.5px;padding: 12px 14px 10px}.recent-row{padding: 10px 14px}.recent-main{font-size: 11.5px}.recent-time{font-size: 10px}}@media (max-width: 480px){.info-cards{grid-template-columns: 1fr;gap: 8px}.info-card{text-align: left;align-items: flex-start;padding: 12px 14px}.info-card-icon{margin-bottom: 4px}}@media (max-width: 900px){header{flex-wrap: wrap;row-gap: 12px;padding: 18px 24px}}.legal-modal-body h2{font-family: var(--font-body);font-size: 14px;font-weight: 700;color: var(--white);margin: 20px 0 8px}.legal-modal-body strong{color: var(--white)}.legal-modal-body a{color: var(--white);text-decoration: underline;text-underline-offset: 2px}.limits-line{display: flex;justify-content: space-between;gap: 12px;font-family: var(--font-mono);font-size: 11px;color: var(--muted);margin-top: 8px}.limits-line strong{color: var(--white);font-weight: 600}.order-type{font-size: 11px;color: var(--muted);font-family: var(--font-body);white-space: nowrap;cursor: help}.quote-error{display: none;margin-top: 10px;font-size: 11.5px;font-weight: 600;color: #e0645c}.quote-error.show{display: block}.field-row input.is-derived{color: var(--muted)}.order-type-switch{display: flex;gap: 6px;margin: -6px 0 10px;padding: 4px;border: 1px solid var(--line);border-radius: var(--radius-sm);background: var(--hover-1)}.order-type-btn{flex: 1;display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 8px 10px;border: 1px solid transparent;border-radius: 6px;background: transparent;color: var(--muted);font-family: var(--font-body);cursor: pointer;transition: background 0.15s ease,color 0.15s ease,border-color 0.15s ease}.order-type-btn:hover{color: var(--white);outline: none}.order-type-btn:focus-visible{color: var(--white);outline: none}.order-type-btn .ot-name{font-size: 12.5px;font-weight: 600}.order-type-btn .ot-fee{font-size: 11px;font-family: var(--font-mono)}.order-type-btn.is-active{background: var(--panel-solid);border-color: var(--line-strong);color: var(--white);box-shadow: 0 6px 16px -12px var(--shadow-1)}.order-type-hint{margin: 0 0 14px;font-size: 11px;line-height: 1.45;color: var(--muted)}.fiat-value{font-family: var(--font-mono);font-size: 11.5px;color: var(--muted);white-space: nowrap;margin: 0 10px 0 6px;align-self: center}.fiat-value:empty{display: none}.field-row .fiat-value{flex-shrink: 0;font-size: 11px;margin: 0 8px 0 4px}[hidden]{display: none !important}.listed-on{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px;margin-top: 16px;padding-top: 14px;border-top: 1px solid var(--line)}.listed-on-label{font-size: 10.5px;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;color: var(--muted);margin-right: 2px}.listed-on a{display: inline-flex;align-items: center;height: 28px;padding: 0 10px;border-radius: 6px;background: #ffffff;border: 1px solid var(--line-strong);opacity: 0.92;transition: opacity 0.15s ease,transform 0.15s ease,border-color 0.15s ease}.listed-on a:hover,.listed-on a:focus-visible{opacity: 1;transform: translateY(-1px);border-color: var(--accent);outline: none}.listed-on img{height: 16px;width: auto;display: block}.listed-on a.chip-dark{background: #14181f;border-color: rgba(255,255,255,0.28)}.info-card-listed .listed-on{flex-direction: column;align-items: stretch;gap: 8px;margin-top: 12px;padding-top: 0;border-top: none}.info-card-listed .listed-on a{justify-content: center;height: 36px}.info-card-listed .listed-on img{height: 18px}