/* --- Extracted <style> block #1 --- */
._frameClip_v7oqe_6{border-radius:28px;overflow:hidden}._frame_v7oqe_6{border:none;width:100%;height:550px;display:block}._status_v7oqe_18{height:550px;color:var(--hl-text-muted);justify-content:center;align-items:center;font-size:13px;display:flex}._picker_gk7xy_1{flex-direction:column;gap:10px;display:flex}._row_gk7xy_7{text-align:left;border:1px solid var(--hl-border);border-radius:var(--hl-radius);cursor:pointer;min-height:66px;color:inherit;font:inherit;background:0 0;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px 16px;transition:border-color .12s,transform .12s;display:grid}._row_gk7xy_7:hover{border-color:#9aa3a4}._row_gk7xy_7:active{transform:scale(.995)}._body_gk7xy_33{flex-direction:column;gap:2px;min-width:0;display:flex}._title_gk7xy_40{color:var(--hl-title);font-size:14px;font-weight:400}._sub_gk7xy_46{color:var(--hl-text-muted);font-size:12px;line-height:1.4}._networks_gk7xy_52{flex-shrink:0;align-items:center;padding-left:4px;display:flex}._network_gk7xy_52{object-fit:cover;background:var(--hl-surface);width:16px;height:16px;box-shadow:0 0 0 1.5px var(--hl-surface);border-radius:50%;flex:none;margin-left:-5px;position:relative}._network_gk7xy_52:first-child{margin-left:0}@keyframes _fade_pllxz_1{0%{opacity:0}to{opacity:1}}._dropdown_pllxz_6{position:relative}._trigger_pllxz_10{box-sizing:border-box;border:1px solid var(--hl-border);border-radius:var(--hl-radius-sm);width:100%;min-height:38px;color:var(--hl-text);font:inherit;cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:400;transition:border-color .12s,background .12s;display:flex}._trigger_pllxz_10:hover:not(._locked_pllxz_32){border-color:var(--hl-text-muted)}._locked_pllxz_32{cursor:default}._trigger_pllxz_10:focus-visible{border-color:var(--hl-input-focus);outline:none}._value_pllxz_48{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}._fieldLabel_pllxz_58{color:var(--hl-text-muted);flex-shrink:0}._value_pllxz_48._valueEnd_pllxz_63{justify-content:flex-end}._detailCol_pllxz_67{flex-direction:column;align-items:flex-end;margin-left:auto;padding-left:8px;line-height:1.25;display:flex}._detail_pllxz_67{white-space:nowrap}._detailSub_pllxz_80{opacity:.55;white-space:nowrap;font-size:11px}._placeholder_pllxz_86{color:var(--hl-text-faint)}._logoWrap_pllxz_90{flex-shrink:0;display:flex;position:relative}._logo_pllxz_90{object-fit:cover;background:#ffffff0a;border-radius:50%;flex-shrink:0;width:18px;height:18px}._badge_pllxz_105{border:1.5px solid var(--hl-surface);object-fit:cover;background:var(--hl-surface);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-3px;right:-3px}._sublabel_pllxz_117{color:var(--hl-text-muted);white-space:nowrap}._logoFallback_pllxz_122{color:var(--hl-text-muted);place-items:center;font-size:10px;font-weight:700;display:grid}._label_pllxz_130{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._chevron_pllxz_136{color:var(--hl-text-muted);flex-shrink:0;margin-left:6px;transition:transform .3s}._chevronOpen_pllxz_143{transform:rotate(180deg)}._menu_pllxz_147{z-index:1;box-sizing:border-box;background:var(--hl-surface);border:1px solid var(--hl-border);border-radius:var(--hl-radius-sm);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hl-border) transparent;width:max-content;min-width:100%;max-width:calc(100vw - 24px);max-height:min(430px,100dvh - 12rem);margin:0;padding:4px;list-style:none;animation:.12s ease-out _fade_pllxz_1;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 12px 32px #0006}._menu_pllxz_147::-webkit-scrollbar{width:10px}._menu_pllxz_147::-webkit-scrollbar-track{background:0 0}._menu_pllxz_147::-webkit-scrollbar-thumb{background:var(--hl-border);border:3px solid var(--hl-surface);border-radius:8px}._menu_pllxz_147::-webkit-scrollbar-thumb:hover{background:var(--hl-text-muted)}._menuEnd_pllxz_189{left:auto;right:0}._option_pllxz_194{color:#949e9c;cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px;transition:background .1s,color .1s;display:flex}._option_pllxz_194 ._logo_pllxz_90{width:16px;height:16px}._option_pllxz_194:hover{color:var(--hl-title)}._option_pllxz_194._selected_pllxz_214{color:var(--hl-accent-soft)}._option_pllxz_194._selected_pllxz_214 ._sublabel_pllxz_117{color:inherit}._footer_pllxz_222{border-top:1px solid var(--hl-divider);background:var(--hl-surface);color:var(--hl-text-muted);margin:4px -4px -4px;padding:8px 14px;font-size:11px;line-height:1.4;position:sticky;bottom:-4px}._footerLink_pllxz_236{font:inherit;color:var(--hl-accent-soft);cursor:pointer;background:0 0;border:none;padding:0;transition:color .12s}._footerLink_pllxz_236:hover{color:var(--hl-accent)}._optionDisabled_pllxz_250{cursor:not-allowed;opacity:.45}._optionDisabled_pllxz_250:hover{color:#949e9c}._button_ry158_1{color:var(--hl-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px 3px;line-height:8px;display:inline-flex}._button_ry158_1:hover:not(:disabled){color:#97fce4}._button_ry158_1:disabled{opacity:.4;cursor:not-allowed}._icon_ry158_24{fill:currentColor;width:12px;height:12px}._dialog_d06zt_1{box-sizing:border-box;width:min(320px,100vw - 32px);color:var(--hl-text);background:var(--hl-surface);border:1px solid var(--hl-border);border-radius:var(--hl-radius-sm);z-index:100002;padding:12px 14px;position:fixed;overflow-y:auto;transform:translate(-50%);box-shadow:0 12px 32px #0006}._dimmer_d06zt_16{z-index:100001;border-radius:var(--hl-radius);pointer-events:none;position:fixed;box-shadow:0 0 0 100vmax #00000080}._title_d06zt_24{color:var(--hl-title);font-size:12px;font-weight:400}._body_d06zt_30,._warning_d06zt_31{color:var(--hl-text-muted);margin:6px 0 0;font-size:12px;font-weight:400;line-height:1.5}._warning_d06zt_31 strong{color:var(--hl-text);font-weight:400}._actions_d06zt_44{justify-content:flex-end;margin-top:10px;display:flex}._gotIt_d06zt_50{color:var(--hl-accent-text);background:var(--hl-accent-soft);border-radius:var(--hl-radius-sm);font:inherit;cursor:pointer;border:none;padding:7px 16px;font-size:12px;font-weight:400}._gotIt_d06zt_50:hover{filter:brightness(1.05)}._trigger_6jse5_1{cursor:default;align-items:center;display:inline-flex}._bubble_6jse5_10{color:#fff;text-align:left;z-index:100001;pointer-events:none;background:#273035;border-radius:5px;width:max-content;max-width:260px;padding:6px 10px;font-family:OurFont,Inter,system-ui,-apple-system,sans-serif;font-size:11px;font-weight:400;line-height:1.4;animation:.3s forwards _tipFade_6jse5_1;position:fixed;transform:translate(-50%,calc(-100% - 8px))}._bubble_6jse5_10:after{content:"";border:5px solid #0000;border-top-color:#273035;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes _tipFade_6jse5_1{0%{opacity:0}to{opacity:1}}@keyframes _shimmer_6z34n_1{0%{background-position-x:200%}to{background-position-x:-200%}}._card_6z34n_6{background:0 0;flex-direction:column;align-items:center;gap:12px;padding:6px 0;display:flex;position:relative}._cardHighlighted_6z34n_16:after{content:"";border:1px solid var(--hl-accent-soft);border-radius:var(--hl-radius);pointer-events:none;position:absolute;inset:-8px}._qr_6z34n_25{box-sizing:border-box;background:var(--hl-surface);border-radius:8px;justify-content:center;align-items:center;width:166px;height:166px;display:flex;overflow:hidden}._qr_6z34n_25 svg{display:block}._canvasWrap_6z34n_43{line-height:0;display:inline-block;position:relative}._tokenLogo_6z34n_53{object-fit:cover;background:#fff;border-radius:50%;width:39px;height:39px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._skeleton_6z34n_65{background:linear-gradient(110deg,#0f1a1f 0% 40%,#1f2d33 50%,#0f1a1f 60% 100%) 0 0/200% 100%;border-radius:8px;width:100%;height:100%;animation:1.8s linear infinite _shimmer_6z34n_1}._addrLabel_6z34n_84{letter-spacing:.02em;color:var(--hl-text-muted);justify-content:flex-start;align-self:stretch;align-items:center;gap:5px;margin-bottom:-4px;font-size:12px;font-weight:400;display:flex}._addrLabelIcon_6z34n_100{fill:currentColor;flex-shrink:0;width:14px;height:14px}._addressString_6z34n_107{word-break:break-word;text-align:center;color:var(--hl-text);box-sizing:border-box;background:var(--hl-surface-inset);border-radius:var(--hl-radius-sm);flex-direction:row;justify-content:center;align-self:stretch;align-items:center;gap:0;min-height:30px;padding:6px 2px;font-size:12px;line-height:1.5;display:flex}._addressStringLoading_6z34n_130{color:var(--hl-text-faint);font-style:italic}._copy_ikgxu_1{flex-direction:column;gap:10px;display:flex}._blurb_ikgxu_7{color:var(--hl-text-muted);text-align:center;margin:0;font-size:12px;line-height:1.5}._helpLink_ikgxu_17{color:var(--hl-accent);white-space:nowrap;text-decoration:none;transition:color .12s}._helpLink_ikgxu_17:hover{color:var(--hl-accent-soft)}._danger_ikgxu_30{text-align:center;color:#ed7088;border-radius:var(--hl-radius-sm);background:#ed708814;border:1px solid #ed7088;justify-content:center;align-items:center;min-height:2.9em;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}._dangerText_ikgxu_51{width:100%}@keyframes _pulse_1yrg3_1{0%,to{opacity:1}50%{opacity:.4}}._route_1yrg3_6{border:1px solid var(--hl-border);border-radius:var(--hl-radius-sm);background:0 0;flex-direction:column;gap:8px;padding:12px 14px;display:flex}._hint_1yrg3_16{justify-content:space-between;font-size:12px;display:flex}._metaLabel_1yrg3_22{color:var(--hl-text-muted)}._metaValue_1yrg3_26{color:var(--hl-text)}._receiveValue_1yrg3_30{color:var(--hl-text);align-items:center;gap:5px;display:flex}._receiveIcon_1yrg3_37{object-fit:cover;border-radius:50%;width:16px;height:16px}._metaSkeleton_1yrg3_44{vertical-align:middle;background:#ffffff1a;border-radius:4px;width:120px;height:1em;animation:1.6s ease-in-out infinite _pulse_1yrg3_1;display:inline-block}._primary_1vd2a_4{background:var(--hl-accent-soft);color:var(--hl-accent-text);border-radius:var(--hl-radius-sm);font:inherit;cursor:pointer;border:none;padding:13px;font-size:12px;font-weight:400;transition:filter .12s,transform .12s}._primary_1vd2a_4:hover:not(:disabled){filter:brightness(1.05)}._primary_1vd2a_4:active:not(:disabled){transform:scale(.99)}._primary_1vd2a_4:disabled{cursor:not-allowed;background:#17453f}._primaryLoading_1vd2a_30{box-sizing:border-box;justify-content:center;align-items:center;gap:8px;height:40px;padding:4px;display:inline-flex}._hint_1vd2a_40{text-align:center;color:var(--hl-text-muted);margin:0;padding:24px 12px;font-size:13px}._body_1abeg_1,._transfer_1763n_1{flex-direction:column;gap:14px;display:flex}._group_1763n_7{flex-direction:column;gap:6px;min-width:0;display:flex}._groupHead_1763n_14{justify-content:space-between;align-items:center;gap:8px;min-height:16px;display:flex}._groupLabel_1763n_22{color:var(--hl-text-muted);letter-spacing:.02em;font-size:12px;font-weight:400}._minNote_1763n_31{color:var(--hl-text-muted);cursor:default;align-items:center;gap:4px;font-size:12px;display:inline-flex}._row_1763n_40{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}._on_1763n_47{color:var(--hl-text-muted);font-size:13px}._amountRow_govkm_2{box-sizing:border-box;border:1px solid var(--hl-border);border-radius:var(--hl-radius-sm);background:0 0;align-items:center;gap:6px;height:39px;padding:5px 12px 5px 10px;transition:border-color .12s;display:flex;overflow:hidden}._amountRow_govkm_2:hover:not(._disabled_govkm_16){border-color:var(--hl-text-muted)}._amountRow_govkm_2:focus-within{border-color:var(--hl-input-focus)}._amountInput_govkm_24{min-width:0;font:inherit;color:var(--hl-text);text-align:left;background:0 0;border:none;flex:1;font-size:12px;font-weight:400}._amountInput_govkm_24:focus{outline:none}._amountInput_govkm_24::placeholder{color:var(--hl-text-faint)}._max_govkm_45{white-space:nowrap;font:inherit;color:var(--hl-accent-soft);cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:12px;font-weight:400;transition:color .12s}._max_govkm_45:hover:not(:disabled){color:var(--hl-accent)}._max_govkm_45:disabled{opacity:.5;cursor:not-allowed}._sign_fpvr6_1{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:12px 0 4px;display:flex}._title_fpvr6_10{color:var(--hl-title);margin:0;font-size:18px;font-weight:400}._subtitle_fpvr6_19{max-width:34ch;color:var(--hl-text-muted);margin:0;font-size:13px;line-height:1.45}._steps_fpvr6_27{flex-direction:column;gap:8px;width:100%;margin-top:6px;display:flex}._step_fpvr6_27{border:1px solid var(--hl-border);border-radius:var(--hl-radius-sm);background:var(--hl-surface-inset);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:13px;display:flex}._stepLabel_fpvr6_47{color:var(--hl-title);text-align:left}._status_fpvr6_52{color:var(--hl-text-faint);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}._statusActive_fpvr6_62,._statusDone_fpvr6_63{color:var(--hl-accent-soft)}._check_fpvr6_67{fill:none;width:13px;height:13px;stroke:var(--hl-accent-soft);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}._spinner_fpvr6_77{border:2px solid var(--hl-border);border-top-color:var(--hl-accent-soft);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite _signspin_fpvr6_1}@keyframes _signspin_fpvr6_1{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._spinner_fpvr6_77{animation:none}}._support_gaz88_4{color:var(--hl-text-muted);text-align:center;margin:0;font-size:12px;line-height:1.5}._support_gaz88_4 a{color:var(--hl-accent-soft);white-space:nowrap;text-decoration:none;transition:color .12s}._support_gaz88_4 a:hover{color:var(--hl-accent)}@keyframes _pulse_9peev_1{0%,to{opacity:1}50%{opacity:.4}}._confirm_9peev_6{flex-direction:column;gap:14px;display:flex}._warning_9peev_12{color:var(--hl-text);border:1px solid var(--hl-border);border-radius:var(--hl-radius-sm);box-sizing:border-box;background:#ffffff0a;min-height:56px;padding:10px 12px 10px 36px;font-size:12px;line-height:1.45;position:relative}._warning_9peev_12:before{content:"";background-color:#97fce4;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.5 8.5 L6.5 11.5 L12.5 5' fill='none' stroke='%2304060c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:12px 12px;border-radius:50%;width:16px;height:16px;position:absolute;top:11px;left:12px}._warning_9peev_12 strong{color:var(--hl-title);font-weight:600}._route_9peev_49{border:1px solid var(--hl-border);border-radius:var(--hl-radius-sm);background:0 0;flex-direction:column;gap:8px;padding:12px 14px;display:flex}._hint_9peev_59{justify-content:space-between;gap:12px;font-size:12px;display:flex}._metaLabel_9peev_66{color:var(--hl-text-muted)}._metaValue_9peev_70{color:var(--hl-text);text-align:right}._receiveValue_9peev_75{color:var(--hl-text);align-items:center;gap:5px;display:flex}._receiveIcon_9peev_82{object-fit:cover;border-radius:50%;width:16px;height:16px}._metaSkeleton_9peev_89{vertical-align:middle;background:#ffffff1a;border-radius:4px;width:120px;height:1em;animation:1.6s ease-in-out infinite _pulse_9peev_1;display:inline-block}._cta_9peev_99{width:100%}._note_9peev_103{color:var(--hl-text-muted);text-align:center;font-size:12px}._noteErr_9peev_109{color:var(--hl-error)}._deposit_1u5i8_1{flex-direction:column;gap:14px;display:flex}._group_1u5i8_7{flex-direction:column;gap:6px;min-width:0;display:flex}._groupHead_1u5i8_14{justify-content:flex-end;align-items:center;gap:8px;min-height:16px;display:flex}._minNote_1u5i8_24{color:var(--hl-text-muted);cursor:default;align-items:center;gap:4px;font-size:12px;display:inline-flex}:root{--hl-surface:#0f1a1f;--hl-surface-inset:#273035;--hl-border:#273035;--hl-divider:#ffffff0f;--hl-title:#fff;--hl-text:#f6fefd;--hl-text-muted:#9aa3a4;--hl-text-faint:#9aa3a48c;--hl-accent:#97fce4;--hl-accent-soft:#50d2c1;--hl-accent-text:#04060c;--hl-input-focus:#9aa3a4;--hl-error:#ed7088;--hl-radius-modal:16px;--hl-radius:12px;--hl-radius-sm:8px}._overlay_w03k4_2{z-index:100000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f121d99;place-items:center;font-family:OurFont,Inter,system-ui,-apple-system,sans-serif;animation:.16s ease-out _fade_w03k4_1;display:grid;position:fixed;inset:0}@keyframes _fade_w03k4_1{0%{opacity:0}to{opacity:1}}@keyframes _rise_w03k4_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._modal_w03k4_57{background:var(--hl-surface);width:min(536px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--hl-text);border:1px solid var(--hl-border);border-radius:var(--hl-radius-modal);flex-direction:column;animation:.2s ease-out _rise_w03k4_1;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}@media (width<=1000px){._overlay_w03k4_2{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f121dbf;align-items:end}._modal_w03k4_57{border-radius:var(--hl-radius-modal) var(--hl-radius-modal) 0 0;border:0;width:100%;max-height:100%;animation:none}}._header_w03k4_92{flex-direction:column;flex-shrink:0;padding:16px 24px;display:flex}._headerTop_w03k4_99{justify-content:space-between;align-items:center;min-height:28px;display:flex}._title_w03k4_106{color:var(--hl-title);text-align:center;outline:none;margin-top:8px;font-size:20px;font-weight:400;line-height:1.2}._back_w03k4_118{height:28px;color:var(--hl-text-muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}._close_w03k4_129{color:var(--hl-text-muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}._icon_w03k4_139{stroke:currentColor;stroke-width:1.5px;fill:none;width:14px;height:14px}._closeIcon_w03k4_147{stroke:currentColor;stroke-width:1.5px;fill:none;width:12px;height:12px}._body_w03k4_155{scrollbar-width:none;flex-direction:column;flex:1;gap:12px;min-height:0;padding:4px 24px 24px;display:flex;overflow-y:auto}._body_w03k4_155::-webkit-scrollbar{display:none}@media (width<=1000px){._header_w03k4_92,._body_w03k4_155{padding-inline:12px}._header_w03k4_92{padding-top:24px}._body_w03k4_155{padding-bottom:12px}._headerTop_w03k4_99{min-height:0}._title_w03k4_106{text-align:left;margin-top:0}}._form_9z9s4_5{flex-direction:column;gap:14px;display:flex}._field_9z9s4_11{flex-direction:column;gap:6px;display:flex}._labelRow_9z9s4_17{justify-content:space-between;align-items:baseline;display:flex}._label_9z9s4_17{color:var(--hl-text-muted);font-size:12px}._balance_9z9s4_28{color:var(--hl-text-muted);font-variant-numeric:tabular-nums;font-size:12px}._balance_9z9s4_28 strong{color:var(--hl-text);font-weight:500}._balanceUsd_9z9s4_39{color:var(--hl-text-faint)}._group_9z9s4_47{flex-direction:column;gap:6px;min-width:0;display:flex}._groupHead_9z9s4_54{justify-content:space-between;align-items:center;gap:8px;min-height:16px;display:flex}._groupLabel_9z9s4_62{color:var(--hl-text-muted);letter-spacing:.02em;font-size:12px;font-weight:400}._row_9z9s4_69{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}._on_9z9s4_76{color:var(--hl-text-muted);font-size:13px}._input_9z9s4_83{box-sizing:border-box;border:1px solid var(--hl-border);border-radius:var(--hl-radius-sm);width:100%;height:38px;color:var(--hl-text);font:inherit;font-variant-numeric:tabular-nums;background:0 0;outline:none;padding:0 14px;font-size:12px;transition:border-color .12s}._input_9z9s4_83:focus{border-color:var(--hl-input-focus)}._input_9z9s4_83::placeholder{color:var(--hl-text-faint)}._recipientInput_9z9s4_107{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._recipientLocked_9z9s4_116{box-sizing:border-box;border:1px solid var(--hl-border);border-radius:var(--hl-radius-sm);background:0 0;align-items:center;gap:8px;width:100%;height:38px;padding:0 14px;display:flex}._fieldError_9z9s4_132{word-break:break-word;color:var(--hl-error);font-size:12px;line-height:15px}._recipientAddr_9z9s4_139{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--hl-text);font-variant-numeric:tabular-nums;flex:1;font-size:12px;overflow:hidden}._fieldAction_9z9s4_152{font:inherit;color:var(--hl-accent-soft);cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:12px;transition:color .12s}._fieldAction_9z9s4_152:hover{color:var(--hl-accent)}._amountRow_9z9s4_172{box-sizing:border-box;border:1px solid var(--hl-border);border-radius:var(--hl-radius-sm);background:0 0;align-items:center;gap:6px;height:38px;padding:5px 12px 5px 10px;transition:border-color .12s;display:flex;overflow:hidden}._amountRow_9z9s4_172:hover{border-color:var(--hl-text-muted)}._amountRow_9z9s4_172:focus-within{border-color:var(--hl-input-focus)}._amountInput_9z9s4_194{min-width:0;font:inherit;color:var(--hl-text);text-align:left;background:0 0;border:none;flex:1;font-size:12px;font-weight:400}._amountInput_9z9s4_194:focus{outline:none}._amountInput_9z9s4_194::placeholder{color:var(--hl-text-faint)}._max_9z9s4_215{white-space:nowrap;font:inherit;color:var(--hl-accent-soft);cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:12px;font-weight:400;transition:color .12s}._max_9z9s4_215:hover:not(:disabled){color:var(--hl-accent)}._max_9z9s4_215:disabled{opacity:.5;cursor:not-allowed}._minNote_9z9s4_238{color:var(--hl-text-muted);cursor:default;font-size:12px}._summary_9z9s4_248{border:1px solid var(--hl-border);border-radius:var(--hl-radius-sm);background:0 0;flex-direction:column;gap:8px;padding:12px 14px;display:flex}._summaryRow_9z9s4_258{justify-content:space-between;align-items:baseline;font-size:12px;display:flex}._summaryLabel_9z9s4_265{color:var(--hl-text-muted)}._summaryValue_9z9s4_269{color:var(--hl-text);font-variant-numeric:tabular-nums}._summaryUsd_9z9s4_274{color:var(--hl-text-muted);font-weight:400}._receiveValue_9z9s4_279{color:var(--hl-text);align-items:center;gap:5px;display:flex}._receiveIcon_9z9s4_286{object-fit:cover;border-radius:50%;width:16px;height:16px}@keyframes _pulse_9z9s4_1{0%,to{opacity:1}50%{opacity:.4}}._metaSkeleton_9z9s4_298{vertical-align:middle;background:#ffffff1a;border-radius:4px;width:120px;height:1em;animation:1.6s ease-in-out infinite _pulse_9z9s4_1;display:inline-block}._support_9z9s4_308{color:var(--hl-text-muted);text-align:center;margin:0;font-size:12px;line-height:1.5}._manualAccountNotice_9z9s4_316{margin-bottom:4px;display:block}._support_9z9s4_308 a{color:var(--hl-accent-soft);white-space:nowrap;text-decoration:none;transition:color .12s}._support_9z9s4_308 a:hover{color:var(--hl-accent)}._summaryError_9z9s4_332{color:var(--hl-error);word-break:break-word;margin:0;font-size:12px}._unitVerification_9z9s4_342{color:var(--hl-text-muted);cursor:pointer;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;margin:0;font-size:12px;line-height:1.45;display:grid}._unitVerificationCheckbox_9z9s4_354{appearance:none;box-sizing:border-box;border:1px solid var(--hl-border);cursor:pointer;background:0 0;border-radius:3px;width:20px;height:20px;margin:0}._unitVerificationCheckbox_9z9s4_354:checked{border-color:var(--hl-accent-soft);background:var(--hl-accent-soft)}._unitVerificationCheckbox_9z9s4_354:checked:after{content:"";border:solid var(--hl-accent-text);border-width:0 2px 2px 0;width:5px;height:9px;margin:2px 0 0 6px;display:block;transform:rotate(45deg)}._unitVerificationCheckbox_9z9s4_354:focus-visible{outline:2px solid var(--hl-input-focus);outline-offset:2px}._unitVerification_9z9s4_342 a{color:var(--hl-accent-soft);text-decoration:none}._unitVerification_9z9s4_342 a:hover{color:var(--hl-accent)}._connect_j6g70_1{flex-direction:column;gap:14px;padding-top:4px;display:flex}._intro_j6g70_8{color:var(--hl-text-muted);margin:0;font-size:13px;line-height:1.5}._error_j6g70_15{border-radius:var(--hl-radius-sm);background:color-mix(in srgb, var(--hl-error) 10%, transparent);border:1px solid color-mix(in srgb, var(--hl-error) 30%, transparent);color:var(--hl-error);word-break:break-word;margin:0;padding:12px 14px;font-size:13px}._confirmation_klt2n_1{text-align:center;flex-direction:column;gap:20px;display:flex}._body_klt2n_8{color:var(--hl-text-muted);margin:0;font-size:13px;line-height:1.45}._actions_klt2n_15{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}._actions_klt2n_15>button{box-sizing:border-box;border-radius:var(--hl-radius-sm);height:40px;padding:13px;font-size:12px}._action_klt2n_15{box-sizing:border-box;width:100%;height:40px}._back_klt2n_36{border:1px solid var(--hl-accent-soft);border-radius:var(--hl-radius-sm);color:var(--hl-accent-soft);font:inherit;cursor:pointer;background:0 0;font-size:12px}._back_klt2n_36:hover{border-color:var(--hl-accent);color:var(--hl-accent)}._back_klt2n_36:disabled{cursor:not-allowed;opacity:.5}._acknowledgement_klt2n_56{color:var(--hl-title);text-align:left;cursor:pointer;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;margin:0;font-size:13px;font-weight:500;line-height:1.45;display:grid}._acknowledgementCheckbox_klt2n_70{appearance:none;box-sizing:border-box;border:1px solid var(--hl-border);cursor:pointer;background:0 0;border-radius:3px;width:20px;height:20px;margin:0}._acknowledgementCheckbox_klt2n_70:checked{border-color:var(--hl-accent-soft);background:var(--hl-accent-soft)}._acknowledgementCheckbox_klt2n_70:checked:after{content:"";border:solid var(--hl-accent-text);border-width:0 2px 2px 0;width:5px;height:9px;margin:2px 0 0 6px;display:block;transform:rotate(45deg)}._acknowledgementCheckbox_klt2n_70:focus-visible{outline:2px solid var(--hl-input-focus);outline-offset:2px}._acknowledgementCheckbox_klt2n_70:disabled{cursor:not-allowed;opacity:.5}@media (width<=1000px){._confirmation_klt2n_1{text-align:left}}

/* --- Extracted <style> block #2 --- */
.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.resizing{z-index:1;will-change:width, height}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;-o-user-select:none;background:red;transition-duration:.1s}.react-grid-item>.react-resizable-handle{width:20px;height:20px;position:absolute}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(images/image_20a5079e8e127075e1f4455b33905079821c0f7b.svg);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.tradingview-widget-copyright{text-align:center;vertical-align:middle;color:#9db2bd;font-size:13px}.tradingview-widget-copyright a{color:#50d2c1}.draggable{background-color:#0f1a1f}.react-resizable-handle{box-sizing:border-box;filter:invert();opacity:0;background-position:100% 100%;position:absolute}.react-resizable-handle:hover{filter:invert();opacity:1}.react-grid-item.cssTransforms{transition-property:none!important}@font-face{font-family:OurFont;src:local(OurFont),/*savepage-url=/assets/Inter-Regular-DJOZHnwz.woff*/url(fonts/font_729a4551b9cc5979f39347279d6fedc6620bf141.woff)format("woff"),/*savepage-url=/assets/Inter-Regular-CKDp9E3C.woff2*/url()format("woff2")}@font-face{font-family:OurFontBold;src:local(OurFontBold),/*savepage-url=/assets/Inter-Bold-2PT7Q-hu.woff*/url()format("opentype"),/*savepage-url=/assets/Inter-Bold-CuhepTt8.woff2*/url()format("woff2")}@font-face{font-family:LogoFont;src:local(LogoFont),/*savepage-url=/assets/NeogroteskPro-Regular-Urlu4gFO.ttf*/url()format("truetype")}@font-face{font-family:Teodor;src:local(Teodor),/*savepage-url=/assets/Teodor-Light-BFiQVbDj.ttf*/url()format("truetype"),/*savepage-url=/assets/Teodor-Light-CH0lQs8K.woff*/url()format("woff"),/*savepage-url=/assets/Teodor-Light-PXVoK6a7.woff2*/url()format("woff2")}*{-webkit-tap-highlight-color:transparent;font-family:OurFont,system-ui,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif}html,body{overscroll-behavior-x:none;background:#0f1a1e}body{height:100%;margin:0%}@media screen and (device-width>=480px){.modal-open * :not(.modal *){overflow:hidden}}*{-ms-overflow-style:none}::-webkit-scrollbar{display:none}.scrollers{scrollbar-width:none}.scrollers::-webkit-scrollbar{width:5px;display:initial}.scrollers::-webkit-scrollbar-track{background:0 0}.scrollers::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px;margin-right:5px}.MuiOutlinedInput-notchedOutline{border-width:2px!important}*{text-underline-offset:.2em;font-variant-ligatures:no-contextual}@media screen and (device-width<=480px){body{-webkit-text-size-adjust:100%}}.toaster>*{display:none!important}.toaster>:first-child,.toaster>:nth-child(2),.toaster>:nth-child(3){display:flex!important}.toaster>div>div>div:first-child{display:none!important}.no-transform{transform:none!important}.userSelectNone{-webkit-user-select:none;user-select:none}

/* --- Extracted <style> block #3 --- */
@keyframes go2264125279{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go3020080000{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}@keyframes go463499852{from{transform:scale(0) rotate(90deg);opacity:0;}to{transform:scale(1) rotate(90deg);opacity:1;}}@keyframes go1268368563{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes go1310225428{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go651618207{0%{height:0;width:0;opacity:0;}40%{height:0;width:6px;opacity:1;}100%{opacity:1;height:10px;}}@keyframes go901347462{from{transform:scale(0.6);opacity:0.4;}to{transform:scale(1);opacity:1;}}.go4109123758{z-index:9999;}.go4109123758 > *{pointer-events:auto;}

/* --- Extracted <style> block #4 --- */
.iaMRsW { transition: fill 0.2s ease-in-out; }
.kewDkW { transition: fill 0.2s ease-in-out; }
.ghLAkI { transition: fill 0.2s ease-in-out; }
.KHlvw { transition: fill 0.2s ease-in-out; }
.KHlvw:hover, .KHlvw:hover .sc-bcXHqe, .KHlvw:hover .sc-dkrFOg { fill: rgb(151, 252, 228) !important; }
.KHlvw:hover .sc-gswNZR, .KHlvw:hover .sc-hLBbgP { stroke: rgb(151, 252, 228) !important; }
.jlrncQ { display: inline-block; cursor: pointer; line-height: 10px; }
.jlrncQ * { color: rgb(246, 254, 253); transition: color 0.2s ease-in-out; }
.jlrncQ:hover * { color: rgb(255, 255, 255); }
.bCwfQS { display: block; background: rgb(15, 26, 31); padding: 10px; color: rgb(246, 254, 253); box-sizing: border-box; width: 100%; }
.dfFRVV { display: inline-block; cursor: pointer; outline: none; border: 1px solid transparent; box-sizing: border-box; text-align: center; font-family: OurFont, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; height: 33px; line-height: 31px; padding: 0px 16px; border-radius: 8px; font-size: 12px; white-space: nowrap; color: rgb(4, 6, 12); background-color: rgb(80, 210, 193); transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out; }
@media (hover: hover) {
  .dfFRVV:hover:enabled:not(.disabled) { color: rgb(4, 6, 12); background-color: rgb(151, 252, 228); }
}
.dfFRVV:active:enabled:not(.disabled) { color: rgb(4, 6, 12); background-color: rgb(151, 252, 228); }
.dfFRVV.disabled { cursor: default; background-color: rgb(23, 69, 63); }
.dfFRVV.outline { color: rgb(80, 210, 193); background-color: transparent; border: 1px solid rgb(80, 210, 193); }
.dfFRVV.outline.disabled { opacity: 0.3; }
.ihUCJn { display: inline-block; cursor: pointer; outline: none; border: 1px solid transparent; box-sizing: border-box; text-align: center; font-family: OurFont, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; height: 33px; line-height: 31px; padding: 0px 16px; border-radius: 8px; font-size: 12px; white-space: nowrap; color: rgb(255, 255, 255); background-color: rgb(39, 48, 53); transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out; }
@media (hover: hover) {
  .ihUCJn:hover:enabled:not(.disabled) { background-color: rgb(87, 94, 98); }
}
.ihUCJn:active:enabled:not(.disabled) { background-color: rgb(87, 94, 98); }
.ihUCJn.disabled { cursor: default; background-color: rgb(34, 36, 40); }
.ihUCJn.outline.disabled { opacity: 0.3; }
.hIwQDy { display: block; width: 100%; cursor: pointer; outline: none; border: 1px solid transparent; box-sizing: border-box; text-align: center; font-family: OurFont, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; height: 33px; line-height: 31px; padding: 0px 16px; border-radius: 8px; font-size: 12px; white-space: nowrap; color: rgb(4, 6, 12); background-color: rgb(80, 210, 193); transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out; }
@media (hover: hover) {
  .hIwQDy:hover:enabled:not(.disabled) { color: rgb(4, 6, 12); background-color: rgb(151, 252, 228); }
}
.hIwQDy:active:enabled:not(.disabled) { color: rgb(4, 6, 12); background-color: rgb(151, 252, 228); }
.hIwQDy.disabled { cursor: default; background-color: rgb(23, 69, 63); }
.hIwQDy.outline { color: rgb(80, 210, 193); background-color: transparent; border: 1px solid rgb(80, 210, 193); }
.hIwQDy.outline.disabled { opacity: 0.3; }
.bntFwW { display: block; width: 100%; cursor: pointer; outline: none; box-sizing: border-box; text-align: center; font-family: OurFont, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; height: 33px; line-height: 31px; padding: 0px 16px; border-radius: 8px; font-size: 12px; white-space: nowrap; color: rgb(80, 210, 193); background-color: transparent; border: 1px solid rgb(80, 210, 193); transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out; }
@media (hover: hover) {
  .bntFwW:hover:enabled:not(.disabled) { color: rgb(151, 252, 228); border: 1px solid rgb(151, 252, 228); }
}
.bntFwW:active:enabled:not(.disabled) { color: rgb(151, 252, 228); border: 1px solid rgb(151, 252, 228); }
.bntFwW.disabled { cursor: default; color: rgb(80, 210, 193); background-color: transparent; border: 1px solid rgb(80, 210, 193); opacity: 0.3; }
.bntFwW.outline.disabled { opacity: 0.3; }
.gKZuHd { display: inline-block; }
.bIjwYD { position: relative; width: 16px; height: 16px; box-sizing: border-box; border: 1px solid rgb(87, 94, 98); border-radius: 3px; margin-bottom: -1px; cursor: pointer; opacity: 0.5; }
.bIjwYD:hover { border: 1px solid rgb(255, 255, 255); }
.bIjwYD div { border: 2px solid black; border-radius: 3px; width: 100%; height: 100%; box-sizing: border-box; background: rgb(80, 210, 193); transition: background 0.3s ease-in-out; }
.bIjwYD:hover div { background: rgb(151, 252, 228); }
.dDWrmP { cursor: pointer; display: inline-block; padding: 0px 8px; position: relative; top: -1px; }
.cSwqoP { user-select: none; display: grid; grid-template-columns: 16px 1fr; gap: 0px; -webkit-box-align: center; align-items: center; padding-bottom: 1px; }
.kMpULK { display: inline-grid; grid-template-columns: auto 14px; box-sizing: border-box; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; cursor: pointer; position: relative; border: none; line-height: 31px; border-radius: 8px; gap: 12px; padding: 8px 12px 8px 10px; font-family: OurFont, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; font-style: normal; font-weight: 400; font-size: 12px; color: rgb(148, 158, 156); white-space: nowrap; background-color: rgb(15, 26, 31); transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out; }
.kMpULK:hover { color: rgb(246, 254, 253); border: none; }
.kMpULK > svg { transition: 0.3s; }
.hQZaMT { display: inline-grid; grid-template-columns: auto; box-sizing: border-box; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; cursor: pointer; position: relative; border: none; line-height: 31px; border-radius: 8px; gap: 12px; padding: 8px 12px 8px 10px; font-family: OurFont, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; font-style: normal; font-weight: 400; font-size: 12px; color: rgb(148, 158, 156); white-space: nowrap; background-color: rgb(15, 26, 31); transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out; }
.hQZaMT:hover { color: rgb(246, 254, 253); border: none; }
.hQZaMT > svg { transition: 0.3s; }
.kDWODa { color: rgb(246, 254, 253); font-family: OurFont, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 15px; }
.kDWODa.monospaced { font-variant-numeric: tabular-nums lining-nums; }
.kDWODa.uppercase { text-transform: uppercase; }
.kDWODa.noWrap { white-space: nowrap; }
.kDWODa.pointer { cursor: pointer; }
.kDWODa.ellipsis { text-overflow: ellipsis; overflow: hidden; }
.kDWODa.underline { text-decoration: underline dashed; }
.kDWODa.disableSelection { user-select: none; }
.hHONG { font-family: OurFont, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; font-style: normal; font-size: 12px; font-weight: 400; color: rgb(246, 254, 253); }
.hHONG.monospaced { font-variant-numeric: tabular-nums lining-nums; }
.hHONG.uppercase { text-transform: uppercase; }
.hHONG.noWrap { white-space: nowrap; }
.hHONG.pointer { cursor: pointer; }
.hHONG.ellipsis { text-overflow: ellipsis; overflow: hidden; }
.hHONG.underline { text-decoration: underline dashed; }
.hHONG.disableSelection { user-select: none; }
.cMgHYW { display: flex; width: 100%; border: 1px solid rgb(39, 48, 53); -webkit-box-align: center; align-items: center; box-sizing: border-box; background: transparent; height: 33px; border-radius: 8px; padding: 5px 12px 5px 10px; gap: 6px; font-family: OurFont, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; font-style: normal; font-weight: 400; color: rgb(246, 254, 253); overflow: hidden; cursor: default; transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out; }
.cMgHYW:focus { background: rgb(25, 27, 24); }
.cMgHYW.focused:not(.disabled) { background: transparent; border-color: rgb(154, 163, 164); }
@media (hover: hover) {
  .cMgHYW:hover { background: rgb(25, 27, 24); }
  .cMgHYW:hover:not(.disabled) { background: transparent; border-color: rgb(154, 163, 164); }
}
.iSZErw { border: 0px; outline: 0px; height: 31px; padding: 0px; line-height: 31px; background: transparent; color: rgb(246, 254, 253); -webkit-box-flex: 1; flex-grow: 1; width: 100%; font-family: OurFont, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; font-style: normal; font-size: 12px; font-weight: 400; cursor: default; }
.iSZErw::-webkit-outer-spin-button, .iSZErw::-webkit-inner-spin-button { appearance: none; margin: 0px; }
.iSZErw { }
.iSZErw::-webkit-input-placeholder { color: rgba(246, 254, 253, 0.6); }
.iSZErw::placeholder { color: rgba(246, 254, 253, 0.6); }
.iSZErw[type="search"]::-webkit-search-decoration, .iSZErw[type="search"]::-webkit-search-cancel-button, .iSZErw[type="search"]::-webkit-search-results-button, .iSZErw[type="search"]::-webkit-search-results-decoration { appearance: none; display: none; }
.hwWdfa { color: rgb(246, 254, 253); cursor: pointer; text-decoration: none; }
.hwWdfa.selected { color: rgb(151, 252, 228); }
@media (hover: hover) {
  .hwWdfa:hover { color: rgb(151, 252, 228); }
}
.hwWdfa:active { color: rgb(151, 252, 228); }
.dQNhYS { color: rgb(80, 210, 193); cursor: pointer; text-decoration: none; }
.dQNhYS.selected { color: rgb(151, 252, 228); }
@media (hover: hover) {
  .dQNhYS:hover { color: rgb(151, 252, 228); }
}
.dQNhYS:active { color: rgb(151, 252, 228); }
.hmcjka { color: rgb(80, 210, 193); cursor: pointer; text-decoration: none; }
.hmcjka.selected { color: rgb(151, 252, 228); }
@media (hover: hover) {
  .hmcjka:hover { color: rgb(151, 252, 228); }
}
.hmcjka:active { color: rgb(151, 252, 228); }
.bSGSKy { color: rgb(246, 254, 253); cursor: pointer; text-decoration: none; }
.bSGSKy.selected { color: rgb(151, 252, 228); }
@media (hover: hover) {
  .bSGSKy:hover { color: rgb(151, 252, 228); }
}
.bSGSKy:active { color: rgb(151, 252, 228); }
.XFYeg { display: inline-flex; box-sizing: border-box; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; cursor: pointer; position: relative; border: none; background: transparent; line-height: 31px; min-height: 31px; border-radius: 8px; gap: 12px; font-family: OurFont, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; font-style: normal; font-weight: 400; font-size: 12px; color: rgb(148, 158, 156); white-space: nowrap; transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out; }
.XFYeg:focus:not(.disabled), .XFYeg:hover:not(.disabled) { background: transparent; color: rgb(246, 254, 253); }
.XFYeg.variant_green { background: transparent; border-color: transparent; color: rgb(80, 210, 193); }
.XFYeg.variant_green:hover:not(.disabled) { background: transparent; border-color: transparent; color: rgb(151, 252, 228); }
@media (hover: none) {
  .XFYeg.variant_green:hover:not(.disabled) { background: transparent; border-color: transparent; color: rgb(80, 210, 193); }
}
.XFYeg.variant_green.pressed:not(.disabled) { background: transparent; border-color: transparent; color: rgb(151, 252, 228); }
.XFYeg.variant_black { background: transparent; border-color: transparent; }
.XFYeg.variant_black:hover:not(.disabled) { background: transparent; border-color: transparent; }
.XFYeg.variant_gray { padding: 1px 10px; background: rgb(34, 36, 40); border-color: transparent; }
.XFYeg.variant_gray:hover:not(.disabled) { background: rgb(34, 36, 40); border-color: transparent; }
.XFYeg.disabled { cursor: default; }
.XFYeg > svg { transition: 0.3s; }
.kgIDLe { color: inherit; flex-shrink: 1; text-overflow: ellipsis; overflow: hidden; }
.ioKafe { display: flex; flex-direction: column; width: 9px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 2px; }
.ioKafe:hover div { background: rgb(151, 252, 228) !important; }
.AukDE { width: 2.5px; height: 2.5px; border-radius: 50%; background: rgb(148, 158, 156); transition: background 0.2s ease-in-out; }
.dbMlTM { position: relative; height: 33px; user-select: none; cursor: pointer; }
.jAbtxL { position: absolute; left: 0px; top: 14px; height: 8px; width: 100%; background: rgb(39, 48, 53); border-radius: 14px; }
.lifaGe { position: absolute; left: 0px; top: 14px; height: 8px; border-radius: 14px; width: 0%; background: rgb(15, 51, 51); }
.iRIDEj { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: rgb(87, 94, 98); top: 15px; left: 1px; }
.iRIDEj.highlighted { background: rgb(80, 210, 193); }
.iRIDEj.v25 { left: calc(25% - 3px); }
.iRIDEj.v50 { left: calc(50% - 3px); }
.iRIDEj.v75 { left: calc(75% - 3px); }
.iRIDEj.v100 { left: calc(100% - 8px); }
.hWqfxF { z-index: 1; position: absolute; width: 0px; height: 0px; box-sizing: border-box; border-radius: 50%; border: 8px solid rgb(80, 210, 193); opacity: 0.3; transition: 0.2s ease-in-out; margin: -1px; }
.hWqfxF.dragging { transform: scale(2.2) !important; }
.kocwZA { position: absolute; width: 14px; height: 14px; top: 10.5px; }
.kocwZA:hover .sc-cUEOzv { transform: scale(1.7); }
.cRkPoZ { z-index: 2; position: absolute; width: 14px; height: 14px; border-radius: 50%; background: rgb(15, 51, 51); border: 2px solid rgb(80, 210, 193); margin: -2px; }
.cRkPoZ.highlighted, .cRkPoZ:hover { border: 2px solid rgb(80, 210, 193); }
.khUEEd { position: relative; align-self: start; min-width: 0px; overflow: hidden; border-top-left-radius: 10px; }
.hbQvvT { position: relative; display: grid; grid-template-columns: repeat(2, auto) 1fr; line-height: 34px; font-weight: 400; font-size: 12px; text-align: center; overflow-x: unset; }
.hbQvvT.mobile { font-size: 12px; }
.emVXUd { position: relative; display: grid; grid-template-columns: repeat(2, 50%); line-height: 34px; font-weight: 400; font-size: 12px; text-align: center; overflow-x: unset; }
.emVXUd.mobile { font-size: 12px; }
.dQZxyh { position: relative; display: grid; grid-template-columns: repeat(3, 33.3333%); line-height: 34px; font-weight: 400; font-size: 12px; text-align: center; overflow-x: unset; }
.dQZxyh.mobile { font-size: 12px; }
.kLRvkI { position: relative; display: flex; line-height: 34px; font-weight: 400; font-size: 12px; text-align: center; overflow-x: auto; }
.kLRvkI.mobile { font-size: 12px; }
.ljiQxs { position: absolute; bottom: 0px; height: 1px; background: rgb(80, 210, 193); transition: left 0.3s, width 0.3s; }
.kiQtiD { cursor: pointer; color: rgb(246, 254, 253); border-bottom: 1px solid rgb(48, 48, 48); padding: 1px 10px 0px; white-space: nowrap; flex-shrink: 0; user-select: none; overscroll-behavior: none; transition: color 0.2s ease-in-out; }
.kiQtiD:hover { color: white; }
.TuapR { cursor: pointer; color: rgb(148, 158, 156); border-bottom: 1px solid rgb(48, 48, 48); padding: 1px 10px 0px; white-space: nowrap; flex-shrink: 0; user-select: none; overscroll-behavior: none; transition: color 0.2s ease-in-out; }
.TuapR:hover { color: white; }
.egIEen { cursor: pointer; color: rgb(246, 254, 253); border-bottom: 1px solid rgb(48, 48, 48); padding: 0px; white-space: nowrap; flex-shrink: 0; user-select: none; overscroll-behavior: none; transition: color 0.2s ease-in-out; }
.egIEen:hover { color: white; }
.iRIIIF { cursor: pointer; color: rgb(148, 158, 156); border-bottom: 1px solid rgb(48, 48, 48); padding: 0px; white-space: nowrap; flex-shrink: 0; user-select: none; overscroll-behavior: none; transition: color 0.2s ease-in-out; }
.iRIIIF:hover { color: white; }
.bPdukH { -webkit-box-flex: 1; flex-grow: 1; border-bottom: 1px solid rgb(48, 48, 48); }
.hgpheY { width: 100%; border-collapse: collapse; overflow: auto; table-layout: auto; }
.khcoVB { font-family: OurFont, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; font-size: 12px; color: rgb(246, 254, 253); z-index: 10; white-space: nowrap; }
.khcoVB td { position: sticky; z-index: 10; top: 0px; padding: 0px; }
.khcoVB td > * { padding: 0px 8px 0px 0px; }
.khcoVB td:not(:first-child) > * { padding: 0px 8px; }
.khcoVB td:first-child { margin-left: 0px !important; }
.khcoVB td:first-child * { margin-left: 0px !important; }
.jYczMN { background: rgb(15, 26, 30); padding: 4px; line-height: 24px; font-size: 12px; }
.hyobQH { width: 100%; }
.jsSKkN { border-bottom: 0px solid rgb(27, 36, 41); }
.jsSKkN:hover { cursor: default; }
.fjCBDG { overflow-y: hidden; padding: 0px 8px; font-family: OurFont, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; font-style: normal; font-weight: 400; color: white; box-sizing: border-box; line-height: 24px; font-size: 12px; white-space: nowrap; }
.fjCBDG:first-child { padding: 0px 8px 0px 0px; }
.bbBxBC { user-select: none; cursor: pointer; -webkit-box-align: center; align-items: center; gap: 8px; }
.bbBxBC svg { transition: opacity 0.3s; opacity: 0; }
.bbBxBC:hover svg { opacity: 1; }
.bbBxBD { user-select: none; cursor: pointer; -webkit-box-align: center; align-items: center; gap: 8px; }
.bbBxBD svg { transition: opacity 0.3s; opacity: 1; }
.bbBxBD:hover svg { opacity: 1; }
.dwViCB { border-radius: 8px; background: rgb(39, 48, 53); padding: 4px; position: relative; height: 33px; display: flex; -webkit-box-align: center; align-items: center; box-sizing: border-box; }
.gEfuDH { position: absolute; top: 2px; left: 2px; height: 29px; width: calc(50% - 2px); border-radius: 5px; transition: left 0.1s ease-in-out, backgroundColor 0.1s ease-in-out; z-index: 1; }
.gEfuDH.left, .gEfuDH.neutralColor { background: rgb(80, 210, 193); }
.gEfuDH.right:not(.neutralColor) { background: rgb(237, 112, 136); }
.gEfuDH.right { left: 50%; }
.iEmiSs { cursor: pointer; user-select: none; width: 50%; text-align: center; z-index: 2; color: rgb(246, 254, 253); font-family: OurFont; font-size: 12px; font-weight: 400; line-height: 29px; min-width: 29px; transition: color 0.1s ease-in-out; }
.iEmiSs.left { color: rgb(2, 35, 30); }
.iEmiSs.right.neutralColor { color: rgb(2, 35, 30); }
.kMeiBP { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; border: 1px solid rgb(39, 48, 53); width: 30px; height: 30px; border-radius: 8px; transition: background 0.1s ease-in-out; }
.kMeiBP:hover { background: rgb(27, 36, 41); }
.ivTWUJ { overflow: auto; height: 100%; }
.eoPqqr { position: relative; display: flex; flex-direction: column; gap: 8px; background: rgb(15, 26, 31); padding: 0px 10px; color: rgb(246, 254, 253); height: 100%; box-sizing: border-box; overflow: hidden auto; }
.kQUKfA { overflow: hidden; }
.kQUKfA.isMobileOrTablet:not(.isOutcome):not(.noAnimation) { animation: 0.3s ease 0s 1 normal forwards running eJcbJi; }
.kQUKfA.closing:not(.isOutcome):not(.noAnimation) { animation: 0.3s ease 0s 1 normal forwards running kMrmOV; }
.kQUKfA.isMobileOrTablet.isOutcome:not(.noAnimation) { animation: 0.3s ease 0s 1 normal forwards running fuzAQv; }
.kQUKfA.closing.isOutcome:not(.noAnimation) { animation: 0.3s ease 0s 1 normal forwards running kNNfgE; }
.eSkMA-d { cursor: default; display: block; height: 12px; width: 100%; }
.eSkMA-d:hover { cursor: default; }
.eLSnVk { position: absolute; left: 0px; top: 0px; width: 100%; z-index: 2; animation: 800ms ease 0s 1 normal forwards running wtJJi; }
.cHLltV:hover { font-family: OurFontBold; letter-spacing: -0.4px; }
.dmIRzS { position: relative; bottom: 0px; left: 0px; padding: 3px 15px 6px 8px; width: 100%; box-sizing: border-box; background: rgb(27, 36, 41); border-top: 1px solid rgb(39, 48, 53); }
.LhhkY { position: relative; font-weight: 400; font-size: 10px; line-height: 14px; color: rgb(80, 210, 193); border: 1px solid rgb(80, 210, 193); background: rgba(10, 153, 129, 0.2); border-radius: 5px; padding: 2px 8px 2px 18px; }
.LhhkY::before { position: absolute; top: 6px; left: 8px; content: " "; background: rgb(80, 210, 193); height: 6px; width: 6px; border-radius: 50%; }
.cUbhhA { position: relative; font-weight: 400; font-size: 10px; line-height: 14px; color: rgb(118, 118, 118); border: 1px solid rgb(118, 118, 118); background: rgba(167, 167, 167, 0.2); border-radius: 5px; padding: 2px 8px 2px 18px; }
.cUbhhA::before { position: absolute; top: 6px; left: 8px; content: " "; background: rgb(118, 118, 118); height: 6px; width: 6px; border-radius: 50%; }
.erVmwe { position: fixed; bottom: 16px; right: 16px; border-radius: 12px; background: rgb(15, 26, 31); border: 1px solid rgb(39, 48, 53); padding: 12px; max-height: 50vh; max-width: 320px; overflow-y: scroll; z-index: 30; animation: 0.5s ease-out 0s 1 normal none running iXANGb; }
@-webkit-keyframes iXANGb { 
  0% { transform: translate(0px, 40px); opacity: 0; }
  75% { opacity: 1; }
  100% { transform: translate(0px, 0px); opacity: 1; }
}
@keyframes iXANGb { 
  0% { transform: translate(0px, 40px); opacity: 0; }
  75% { opacity: 1; }
  100% { transform: translate(0px, 0px); opacity: 1; }
}
@-webkit-keyframes eJcbJi { 
  0% { opacity: 0; transform: translateY(-5px); height: 0px; }
  100% { opacity: 1; transform: translateY(0px); height: 92px; }
}
@keyframes eJcbJi { 
  0% { opacity: 0; transform: translateY(-5px); height: 0px; }
  100% { opacity: 1; transform: translateY(0px); height: 92px; }
}
@-webkit-keyframes kMrmOV { 
  0% { opacity: 1; transform: translateY(0px); height: 92px; margin-bottom: 12px; }
  100% { opacity: 0; transform: translateY(-5px); height: 0px; margin-bottom: 0px; }
}
@keyframes kMrmOV { 
  0% { opacity: 1; transform: translateY(0px); height: 92px; margin-bottom: 12px; }
  100% { opacity: 0; transform: translateY(-5px); height: 0px; margin-bottom: 0px; }
}
@-webkit-keyframes fuzAQv { 
  0% { opacity: 0; transform: translateY(-5px); height: 0px; }
  100% { opacity: 1; transform: translateY(0px); height: 46px; }
}
@keyframes fuzAQv { 
  0% { opacity: 0; transform: translateY(-5px); height: 0px; }
  100% { opacity: 1; transform: translateY(0px); height: 46px; }
}
@-webkit-keyframes kNNfgE { 
  0% { opacity: 1; transform: translateY(0px); height: 46px; margin-bottom: 12px; }
  100% { opacity: 0; transform: translateY(-5px); height: 0px; margin-bottom: 0px; }
}
@keyframes kNNfgE { 
  0% { opacity: 1; transform: translateY(0px); height: 46px; margin-bottom: 12px; }
  100% { opacity: 0; transform: translateY(-5px); height: 0px; margin-bottom: 0px; }
}
@-webkit-keyframes wtJJi { 
  100% { opacity: 0; }
  20% { opacity: 0.7; }
  0% { opacity: 0; }
}
@keyframes wtJJi { 
  100% { opacity: 0; }
  20% { opacity: 0.7; }
  0% { opacity: 0; }
}

/* --- Extracted <style> block #5 --- */
:root { --privy-color-background: hsl(0, 0%, 0%); --privy-color-background-2: #1A2230; --privy-color-background-3: #8B86FF; --privy-color-foreground: #F8F8F8; --privy-color-foreground-2: #9BA2AE; --privy-color-foreground-3: #7B8491; --privy-color-foreground-4: #1F2937; --privy-color-foreground-accent: hsl(246, 84%, 5%); --privy-color-accent: hsl(172, 47%, 36%); --privy-color-accent-light: hsl(172, 47%, 51%); --privy-color-accent-hover: hsl(172, 47%, 66%); --privy-color-accent-dark: hsl(172, 47%, 30%); --privy-color-accent-darkest: hsl(0, 0%, 0%); --privy-color-success: #0E3E2D; --privy-color-success-dark: #ACEECB; --privy-color-success-light: #0E3E2D; --privy-color-success-bg: #0E3E2D; --privy-color-error: #FCA5A5; --privy-color-error-light: #2E0C18; --privy-color-error-bg: #2E0C18; --privy-color-error-bg-hover: #441821; --privy-color-warn: #373827; --privy-color-warn-light: #373827; --privy-color-warn-bg: #373827; --privy-color-warning-dark: #FEF9A0; --privy-color-error-dark: #FCA5A5; --privy-color-info-bg: #1F2937; --privy-color-info-bg-hover: #141824; --privy-color-border-default: #1F2937; --privy-color-border-hover: #34304A; --privy-color-border-focus: #F8F8FC; --privy-color-border-error: #F87171; --privy-color-border-success: #317056; --privy-color-border-warning: #FBBF24; --privy-color-border-info: #5B83D3; --privy-color-border-interactive: #88B0FF; --privy-color-border-interactive-hover: #88B0FF; --privy-color-background-hover: #101724; --privy-color-background-clicked: #1A2230; --privy-color-background-disabled: #020713; --privy-color-background-interactive: #8B86FF; --privy-color-background-interactive-hover: #7B73E5; --privy-color-background-interactive-clicked: #6560CC; --privy-color-background-interactive-disabled: #141824; --privy-color-foreground-hover: #F8F8F8; --privy-color-foreground-clicked: #F8F8F8; --privy-color-foreground-disabled: #404452; --privy-color-foreground-interactive: #A29EFF; --privy-color-foreground-interactive-hover: #8C88E5; --privy-link-navigation-color: hsl(172, 47%, 36%); --privy-link-navigation-decoration: none; --privy-accent-has-good-contrast: 1; --privy-color-icon-default: #F8F8F8; --privy-color-icon-muted: #9BA2AE; --privy-color-icon-subtle: #7B8491; --privy-color-icon-inverse: #020713; --privy-color-icon-success: #88E3B5; --privy-color-icon-warning: #FDF27B; --privy-color-icon-error: #EF4444; --privy-color-icon-interactive: #88B6FF; --privy-color-icon-default-hover: #F8F8F8; --privy-color-icon-muted-hover: #AEB3BD; --privy-color-icon-subtle-hover: #8B939E; --privy-color-icon-default-clicked: #F8F8F8; --privy-color-icon-muted-clicked: #9097A5; --privy-color-icon-subtle-clicked: #78818E; --privy-color-icon-default-disabled: #404452; --privy-color-icon-muted-disabled: #404452; --privy-color-icon-subtle-disabled: #404452; --privy-color-icon-error-hover: #F05555; --privy-color-icon-interactive-hover: #7B73E5; --privy-color-icon-error-clicked: #EF4444; --privy-color-icon-interactive-clicked: #6560CC; --privy-color-icon-muted-disabled-alt: #404452; --privy-color-icon-subtle-disabled-alt: #404452; --privy-border-radius-xs: 6px; --privy-border-radius-sm: 8px; --privy-border-radius-md: 12px; --privy-border-radius-mdlg: 16px; --privy-border-radius-lg: 24px; --privy-border-radius-full: 9999px; --privy-height-modal-full: 620px; --privy-height-modal-compact: 480px; }

/* --- Extracted <style> block #6 --- */
@keyframes use-color-change07321845520841096 { 
  0% { color: rgb(10, 153, 129); }
  100% { }
}

/* --- Extracted <style> block #7 --- */
:root {
  }

/* ==========================================================================
   Layout fix
   The page is a static snapshot: react-grid-layout had positioned every panel
   absolutely in pixels for a 1280px window (transform: translate(x, y) +
   width/height), so on any other viewport the app sat in the top-left corner.
   Everything below replaces that with a real CSS grid. Inline styles need
   !important to be overridden.
   ========================================================================== */

:root {
  --app-gap: 3px;
  --app-book: 362px;
  --app-sidebar: 362px;
}

/* The page scroller is a grid, and its implicit column is sized `auto` — which
   resolves to max-content. So the widest panel (the positions table, ~780px of
   columns) stretched the entire app instead of scrolling inside its own panel,
   and every other panel was dragged along with it. Pin the column to the space
   actually available. */
.main-page-scroller {
  grid-template-columns: minmax(0, 1fr) !important;
}

.main-page-scroller > div { min-width: 0; }

/* --- grid container ------------------------------------------------------ */

.react-grid-layout.layout {
  box-sizing: border-box;
  display: grid !important;
  width: 100%;
  padding: var(--app-gap);
  gap: var(--app-gap);
  grid-template-columns: minmax(0, 1fr) var(--app-book) var(--app-sidebar);
  /* Rows 1-3 add up to the natural height of both side panels:
     40 + 63 + 568 + 2*gap = 677 = order form = order book. */
  grid-template-rows: 40px 63px minmax(568px, 1fr) minmax(327px, auto);
  grid-template-areas:
    "favorites book      orderform"
    "info      book      orderform"
    "chart     book      orderform"
    "positions positions account";
  /* was `height: 1686px` inline */
  height: auto !important;
  min-height: calc(100vh - 78px); /* 53px header + 25px footer */
}

/* --- panels -------------------------------------------------------------- */

.react-grid-item {
  /* relative, not static: inner drag-handles / overlays are absolutely
     positioned against the panel */
  position: relative !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  min-width: 0;
  min-height: 0;
  transition: none;
}

#favoriteCoins { grid-area: favorites; }
#coinInfo      { grid-area: info; }
#chartPanel    { grid-area: chart; }
#accountTable  { grid-area: positions; }
#orderPanel    { grid-area: orderform; }
#marketData    { grid-area: book; }
#accountInfo   { grid-area: account; }

/* --- live chart (market.js replaces the TradingView iframe) --------------- */

.lc-toolbar {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 4px;
  flex: none;
  height: 38px;
  padding: 0 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.lc-tf {
  font: inherit;
  font-size: 12px;
  color: rgb(148, 158, 156);
  background: none;
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
}

.lc-tf:hover { color: rgb(246, 254, 253); }
.lc-tf-on { color: rgb(151, 252, 228); background: rgba(80, 210, 193, 0.12); }

.lc-sep {
  width: 1px;
  height: 16px;
  margin: 0 6px;
  background: rgba(255, 255, 255, 0.12);
}

.lc-note { font-size: 11px; color: rgba(154, 163, 164, 0.55); }

.lc-main {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}

.lc-tools {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  flex: none;
  width: 52px;
  padding: 4px 0;
  overflow: hidden;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.lc-tool {
  display: grid;
  place-items: center;
  flex: none;
  width: 34px;
  height: 30px;
  padding: 0;
  color: rgb(148, 158, 156);
  background: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
}

.lc-tool svg { width: 24px; height: 24px; display: block; }
.lc-tool:hover { color: rgb(246, 254, 253); background: rgba(255, 255, 255, 0.06); }
.lc-tool-on { color: rgb(151, 252, 228); background: rgba(80, 210, 193, 0.12); }

.lc-canvas-wrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  cursor: crosshair;
}

/* Absolute, so the pixel width market.js stamps on the canvas can never become
   the min-content width of the panel — otherwise the chart could only ever grow
   and the layout would refuse to shrink back down. */
.lc-canvas-wrap > canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

/* the chart panel is an inline `display: flex`; flex items default to
   min-width: auto, which is what lets inner content push the panel wider */
#chartPanel > div { min-width: 0; }

/* --- order book: flash a level when its size changes ---------------------- */

@keyframes ob-flash-buy {
  from { background-color: rgba(31, 166, 125, 0.32); }
  to   { background-color: transparent; }
}

@keyframes ob-flash-sell {
  from { background-color: rgba(237, 112, 136, 0.32); }
  to   { background-color: transparent; }
}

.ob-flash-buy  { animation: ob-flash-buy 0.55s ease-out; }
.ob-flash-sell { animation: ob-flash-sell 0.55s ease-out; }

/* --- narrow viewports: single column -------------------------------------
   Below 1100px three columns get too cramped, so stack them. The chart is a
   live canvas now, so it simply redraws at whatever width it is given. */

@media (max-width: 1099px) {
  .react-grid-layout.layout {
    display: flex !important;
    flex-direction: column;
    max-width: none;
    grid-template-columns: none;
    grid-template-rows: none;
    grid-template-areas: none;
  }

  /* Heights must be explicit, not min-height: the panels' inner wrappers use
     `height: 100%`, which only resolves against a definite parent height. */
  .react-grid-item { width: 100% !important; flex: none; }

  #favoriteCoins { height: 40px  !important; order: 1; }
  #coinInfo      { height: 63px  !important; order: 2; }
  #chartPanel    { height: 568px !important; order: 3; }
  #orderPanel    { height: 677px !important; order: 4; }
  #marketData    { height: 677px !important; order: 5; }
  #accountTable  { height: 327px !important; order: 6; }
  #accountInfo   { height: 327px !important; order: 7; }
}

/* ==========================================================================
   Mobile
   Nothing in the captured markup wraps: the nav row, the info bar and the
   panels all sit on one line and push the document wider than the viewport,
   which is what produced the sideways scroll. Each one gets either a scroller
   of its own or permission to shrink.
   ========================================================================== */

/* The header row alone needs ~1000px before the nav stops fitting, so it gets a
   wider breakpoint than the panels below it. */
@media (max-width: 1000px) {
  html, body { overflow-x: hidden; }

  .bCwfQS { padding: 6px 8px; }

  .hl-header-row {
    gap: 8px !important;
    min-width: 0;
  }

  .hl-logo { margin-left: 0 !important; flex: none; }
  .hl-logo svg { width: 86px; height: 24px; }

  /* keep every section reachable instead of hiding the nav behind a burger */
  .hl-nav {
    gap: 2px !important;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .hl-nav::-webkit-scrollbar { display: none; }
  .hl-nav > div { padding: 6px 7px !important; flex: none; }

  .hl-actions {
    gap: 6px !important;
    flex: none !important;
    min-width: 0;
  }

  .hl-actions .dfFRVV {
    height: 28px;
    line-height: 26px;
    padding: 0 12px;
  }

  .hl-infobar {
    gap: 12px !important;
    padding: 0 8px !important;
    min-width: 0;
  }

  [data-testid="info-bar-scroll-tray"] {
    min-width: 0 !important;
    max-width: none !important;
  }

  [data-testid="info-bar-grid"] { gap: 18px !important; }
}

@media (max-width: 760px) {
  /* --- panels ------------------------------------------------------------ */

  .react-grid-layout.layout {
    padding: 2px;
    gap: 2px;
    min-height: 0;
  }

  /* The order book and the order form keep their desktop heights on purpose:
     the book lays out 23 fixed 23px rows (~573px) with align-content: center,
     so a shorter panel does not compress it — the rows spill upwards over the
     column headers instead. Only the chart and the tables are resized. */
  #coinInfo     { height: 58px  !important; }
  #chartPanel   { height: 62vh  !important; min-height: 320px; }
  #accountTable { height: 260px !important; }

  /* the symbol header shrinks so the stats next to it keep some room */
  #coinInfo .kMpULK { padding: 4px 6px !important; }

  /* --- positions table: scroll the columns instead of the page ----------- */

  #accountTable > div { overflow-x: auto; scrollbar-width: none; }
  #accountTable > div::-webkit-scrollbar { display: none; }

  /* --- chart ------------------------------------------------------------- */

  /* the drawing toolbar is pointer-only; on a phone it just eats width */
  .lc-tools { display: none; }

  .lc-toolbar { height: 34px; padding: 0 6px; gap: 2px; }
  .lc-tf { padding: 4px 7px; }
  .lc-note { display: none; }
}

@media (max-width: 420px) {
  .hl-logo svg { width: 74px; height: 21px; }
  .hl-nav > div { padding: 6px 5px !important; }
  [data-testid="info-bar-grid"] { gap: 14px !important; }
}