:root[data-theme="light"]{color-scheme:light}:root[data-theme="dark"]{color-scheme:dark}
.theme-toggle{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer}.theme-toggle:hover{border-color:color-mix(in srgb,var(--brand) 50%,var(--line));color:var(--brand)}.theme-toggle span{font-size:17px;line-height:1}
.currency-options [hidden]{display:none!important}.currency-options button>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 7px;min-width:0}.currency-options button>span>b{grid-row:1/3;font-size:20px;font-weight:400;line-height:1}.currency-options button>span>small{grid-column:2;color:var(--muted);font-size:9px;line-height:1.35}.currency-options button>strong{flex:0 0 auto;text-align:right}.currency-search{font-size:16px!important}
.fee-estimator{margin-top:18px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--soft) 62%,var(--surface));overflow:hidden}.fee-estimator summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;cursor:pointer;list-style:none}.fee-estimator summary::-webkit-details-marker{display:none}.fee-estimator summary>span:first-child{display:flex;flex-direction:column;gap:3px}.fee-estimator summary strong{font-size:14px}.fee-estimator summary small{color:var(--muted);font-size:11px;font-weight:400}.summary-action{color:var(--brand);font-size:11px;font-weight:750;white-space:nowrap}.fee-estimator[open] .summary-action{font-size:0}.fee-estimator[open] .summary-action:after{content:attr(data-close);font-size:11px}.fee-estimator-body{border-top:1px solid var(--line);padding:18px}.fee-input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fee-input-grid label{display:grid;gap:7px;color:var(--muted);font-size:11px}.fee-input-grid input,.comparison-controls input,.comparison-controls select{width:100%;min-height:43px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:0 11px;outline:none}.fee-input-grid input:focus,.comparison-controls input:focus,.comparison-controls select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.input-suffix{position:relative}.input-suffix input{padding-right:34px}.input-suffix>b{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:12px}.fee-results{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.fee-results>div{min-width:0;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:12px}.fee-results span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.fee-results strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:13px;white-space:nowrap}.fee-results .fee-net{background:color-mix(in srgb,var(--good) 8%,var(--surface));border-color:color-mix(in srgb,var(--good) 25%,var(--line))}.fee-results .fee-net strong{color:var(--good)}.fee-disclaimer{margin:11px 0 0;color:var(--muted);font-size:10px;line-height:1.6}
.comparison-section{scroll-margin-top:24px}.comparison-card{border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);padding:24px}.comparison-controls{display:grid;grid-template-columns:.7fr 1fr 1.35fr;gap:13px}.comparison-controls label{display:grid;gap:7px;color:var(--muted);font-size:11px}.compare-add-control{display:grid;grid-template-columns:1fr auto;gap:8px}.compare-add-control button{border:0;border-radius:10px;background:var(--brand);color:#fff;padding:0 17px;font-weight:700;cursor:pointer}.compare-targets{display:flex;flex-wrap:wrap;gap:7px;min-height:31px;margin:16px 0 13px}.compare-targets button{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--brand) 7%,var(--surface));color:var(--ink);padding:6px 9px 6px 11px;font-size:11px;cursor:pointer}.compare-targets button:hover{border-color:var(--bad);color:var(--bad)}.comparison-status{min-height:18px;color:var(--muted);font-size:11px}.comparison-status.is-error{color:var(--bad)}.comparison-results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.comparison-result{min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:16px}.comparison-result>div{display:flex;align-items:center;gap:9px}.comparison-result>div>span:last-child{display:flex;flex-direction:column;min-width:0}.comparison-result>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.comparison-result small{color:var(--muted);font-size:10px;font-weight:500}.comparison-flag{font-size:24px}.comparison-result output{display:block;margin:18px 0 7px;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:23px;font-weight:800;white-space:nowrap}.comparison-result output small{font-size:11px}.comparison-result p{margin:0;color:var(--muted);font-size:10px}
:root[data-theme="dark"] .locale-switch{border-color:var(--line);background:var(--surface);color:var(--brand)}:root[data-theme="dark"] .support-page,:root[data-theme="dark"] .developer-page,:root[data-theme="dark"] .developers-page{background:var(--bg)}:root[data-theme="dark"] .support-hero,:root[data-theme="dark"] .developer-hero,:root[data-theme="dark"] .developers-hero{background:linear-gradient(135deg,#0d1930,#102844);border-color:var(--line)}:root[data-theme="dark"] .support-hero h1,:root[data-theme="dark"] .support-card h2,:root[data-theme="dark"] .support-thread h2{color:var(--ink)}:root[data-theme="dark"] .support-hero p:last-child,:root[data-theme="dark"] .support-card>p,:root[data-theme="dark"] .support-form label,:root[data-theme="dark"] .support-track label,:root[data-theme="dark"] .support-reply label{color:var(--muted)}:root[data-theme="dark"] .support-card,:root[data-theme="dark"] .support-thread{background:var(--surface);border-color:var(--line)}:root[data-theme="dark"] .support-form input,:root[data-theme="dark"] .support-form select,:root[data-theme="dark"] .support-form textarea,:root[data-theme="dark"] .support-track input,:root[data-theme="dark"] .support-reply textarea{background:var(--soft);border-color:var(--line);color:var(--ink)}:root[data-theme="dark"] .support-ticket-list a,:root[data-theme="dark"] .support-thread-head{border-color:var(--line)}:root[data-theme="dark"] .support-message{background:var(--soft);border-color:var(--line)}:root[data-theme="dark"] .support-message.from-admin{background:color-mix(in srgb,var(--brand) 10%,var(--surface));border-color:color-mix(in srgb,var(--brand) 25%,var(--line))}:root[data-theme="dark"] .support-message p{color:var(--ink)}:root[data-theme="dark"] .support-message span,:root[data-theme="dark"] .support-ticket-list span,:root[data-theme="dark"] .support-track small,:root[data-theme="dark"] .support-card>small{color:var(--muted)}
@media(max-width:980px){.comparison-results{grid-template-columns:repeat(2,1fr)}.fee-results{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.comparison-controls{grid-template-columns:1fr}.comparison-card{padding:18px}.fee-input-grid{grid-template-columns:1fr}.navigation-actions{max-width:none!important}.theme-toggle{width:34px;height:34px}.currency-options button>strong{font-size:11px}.currency-options button>span>b{font-size:18px}}
@media(max-width:520px){body{padding-bottom:58px}.comparison-results,.fee-results{grid-template-columns:1fr}.fee-estimator summary{align-items:flex-start;padding:14px}.fee-estimator-body{padding:14px}.comparison-card{border-radius:16px;padding:15px}.compare-add-control button{padding:0 13px}.navigation-actions{gap:5px}.theme-toggle{width:32px;height:32px}.locale-switch{min-width:32px;padding:0 7px}.account-entry{max-width:88px!important;padding:8px!important}.currency-options button{align-items:flex-start}.currency-options button>strong{max-width:42%;white-space:normal}.side-tool-handle,.notes-tool .side-tool-handle,.calculator-tool .side-tool-handle{display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:50%;font-size:0}.side-tool-handle span{font-size:18px}.side-tool-panel{bottom:72px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 55%,transparent);outline-offset:2px}