@tailwind base;@tailwind components;@tailwind utilities;:root {
    --app-height: 100vh;
    --app-top: 0px;
    --pct-green: #29aa74;
    --pct-red: #ef4444;
    --quick-green: #48ff91;
    --quick-green-bg: rgba(72, 255, 145, .18);
    --quick-green-bg-hover: rgba(72, 255, 145, .26);
    --bg: #1B1B1C;
    --surface-1: rgba(255, 255, 255, .06);
    --surface-2: rgba(255, 255, 255, .08);
    --modal-bg: #1B1B1C;
    --text: #EAECEF;
    --text-muted: #a1a1aa;
    --border: rgba(255, 255, 255, .08);
    --divider: rgba(255, 255, 255, .1);
    --badge-bg: rgba(17, 17, 17, .95);
    --accent-green: #48ff91;
    --accent-green-hover: #48FF91;
    --bg-dark: var(--bg);
    --bg-light: var(--bg);
    --text-primary-dark: var(--text);
    --text-primary-light: var(--text);
    --text-secondary-dark: var(--text-muted);
    --text-secondary-light: var(--text-muted);
    --border-dark: var(--border);
    --border-light: var(--border)
}

:root[data-theme=light],[data-theme=light] {
    --bg: #EAECEF;
    --surface-1: rgba(255, 255, 255, .7);
    --surface-2: rgba(255, 255, 255, .9);
    --modal-bg: #ffffff;
    --text: #0f172a;
    --text-muted: #64748b;
    --border: rgba(15, 23, 42, .1);
    --divider: rgba(15, 23, 42, .12);
    --badge-bg: rgba(255, 255, 255, .95);
    --accent-green: #0500ff;
    --accent-green-hover: #0500ff
}

:root[data-theme=dark],[data-theme=dark] {
    --bg: #1B1B1C;
    --surface-1: rgba(255, 255, 255, .06);
    --surface-2: rgba(255, 255, 255, .08);
    --modal-bg: #1B1B1C;
    --text: #EAECEF;
    --text-muted: #a1a1aa;
    --border: rgba(255, 255, 255, .08);
    --divider: rgba(255, 255, 255, .1);
    --badge-bg: rgba(17, 17, 17, .95);
    --accent-green: #48ff91;
    --accent-green-hover: #48FF91
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

input,textarea,select {
    font-size: 16px!important
}

.input-small-text {
    font-size: 16px!important;
    transform: scale(.875);
    transform-origin: left center
}

html,body {
    background: var(--bg);
    color: var(--text);
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html,body,#root {
    height: 100%
}

.modal-window,.side-modal {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: calc(env(safe-area-inset-bottom,0px) + 32px)
}

:root[data-theme=light] input,:root[data-theme=light] textarea,[data-theme=light] input,[data-theme=light] textarea {
    color: var(--text);
    caret-color: var(--text)
}

:root[data-theme=light] input::placeholder,:root[data-theme=light] textarea::placeholder,[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder {
    color: var(--text-muted)
}

:root[data-theme=dark] input,:root[data-theme=dark] textarea,[data-theme=dark] input,[data-theme=dark] textarea {
    color: var(--text);
    caret-color: var(--text)
}

:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder,[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder {
    color: var(--text-muted)
}

body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0
}

.modal-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--app-top, 0px);
    height: var(--app-height)
}

.modal-sheet {
    height: var(--app-height);
    max-height: var(--app-height);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.overlay {
    top: var(--app-top, 0px);
    height: var(--app-height)
}

.sheet {
    height: var(--app-height);
    max-height: var(--app-height)
}

html,body,#root {
    min-height: var(--app-height, 100vh);
    background: var(--bg)
}

.container {
    min-height: var(--app-height, 100vh)
}

#root {
    display: flex;
    flex-direction: column
}

html,body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0
}

body {
    display: block!important
}

#root {
    width: 100%;
    max-width: 100%!important;
    margin: 0!important
}

.flm-overlay {
    position: fixed;
    inset: 0;
    background: #0009;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20000
}

.flm-sheet {
    position: relative;
    z-index: 20001;
    width: 100%;
    max-width: 360px;
    border-radius: 24px;
    padding: 32px 24px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--modal-bg);
    color: var(--text)
}

.flm-close {
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    background: none;
    color: var(--text-muted);
    font-size: 20px;
    padding: 4px;
    cursor: pointer
}

.flm-icon-wrap {
    width: 80px;
    height: 80px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px
}

.flm-icon {
    width: 44px;
    height: 44px;
    color: var(--text)
}

.flm-message {
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 28px
}

.flm-ok-btn {
    width: 100%;
    border-radius: 999px;
    border: none;
    padding: 12px 16px;
    background: var(--accent-green);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: transform .15s ease,opacity .2s ease
}

.flm-ok-btn:hover {
    background: var(--accent-green-hover);
    transform: translateY(-1px)
}

.flm-ok-btn:active {
    transform: scale(.98)
}

:root[data-theme=light] .flm-overlay,[data-theme=light] .flm-overlay {
    background: #00000059
}

._container_u80r5_1 {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    position: relative
}

._container_u80r5_1[data-theme=dark] {
    background-color: var(--bg-dark)
}

._container_u80r5_1[data-theme=light] {
    background-color: var(--bg-light)
}

._content_u80r5_18 {
    width: 100%;
    max-width: 26rem;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

._logoSection_u80r5_26 {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1rem
}

._logoWrapper_u80r5_32 {
    display: flex;
    align-items: center;
    gap: .5rem
}

._logoIcon_u80r5_38 {
    color: var(--accent-green)
}

._logoText_u80r5_42 {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--accent-green)
}

._logoSubtext_u80r5_49 {
    color: var(--text-secondary-dark);
    font-weight: 400
}

._card_u80r5_54 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

._heading_u80r5_60 {
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -.01em
}

._heading_u80r5_60[data-theme=dark] {
    color: var(--text-primary-dark)
}

._heading_u80r5_60[data-theme=light] {
    color: var(--text-primary-light)
}

._checkboxWrapper_u80r5_75 {
    display: flex;
    gap: .75rem;
    align-items: center
}

._checkbox_u80r5_75 {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .125rem;
    flex-shrink: 0;
    cursor: pointer;
    accent-color: var(--accent-green)
}

._checkboxLabel_u80r5_90 {
    font-size: .9375rem;
    line-height: 1.5;
    cursor: pointer
}

._checkboxLabel_u80r5_90[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._checkboxLabel_u80r5_90[data-theme=light] {
    color: var(--text-secondary-light)
}

._link_u80r5_104 {
    color: var(--accent-green);
    text-decoration: none;
    font-weight: 500
}

._link_u80r5_104:hover {
    text-decoration: underline
}

._primaryButton_u80r5_114 {
    width: 100%;
    padding: 1rem;
    border: none;
    border-radius: .75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    background-color: var(--accent-green);
    color: #fff
}

._primaryButton_u80r5_114:hover:not(:disabled) {
    background-color: var(--accent-green-hover)
}

._primaryButton_u80r5_114:disabled {
    opacity: .4;
    cursor: not-allowed
}

._secondaryButton_u80r5_136 {
    width: 100%;
    padding: 1rem;
    border-radius: .75rem;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    background-color: transparent
}

._secondaryButton_u80r5_136[data-theme=dark] {
    border: 1px solid var(--border-dark);
    color: var(--text-secondary-dark)
}

._secondaryButton_u80r5_136[data-theme=light] {
    border: 1px solid var(--border-light);
    color: var(--text-secondary-light)
}

._secondaryButton_u80r5_136:hover {
    border-color: var(--accent-green);
    color: var(--accent-green)
}

._footer_u80r5_162 {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    margin-top: 1rem
}

._footerIcon_u80r5_169 {
    display: flex;
    align-items: center;
    justify-content: center
}

._footerIcon_u80r5_169 svg {
    stroke: var(--text-secondary-dark)
}

._footer_u80r5_162[data-theme=light] ._footerIcon_u80r5_169 svg {
    stroke: var(--text-secondary-light)
}

._footerText_u80r5_183 {
    font-size: .9375rem
}

._footer_u80r5_162[data-theme=dark] ._footerText_u80r5_183 {
    color: var(--text-secondary-dark)
}

._footer_u80r5_162[data-theme=light] ._footerText_u80r5_183 {
    color: var(--text-secondary-light)
}

._qrButton_u80r5_195 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .875rem;
    border-radius: .5rem;
    font-size: .9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    background-color: transparent
}

._qrButton_u80r5_195[data-theme=dark] {
    border: 1px solid var(--border-dark);
    color: var(--accent-green)
}

._qrButton_u80r5_195[data-theme=light] {
    border: 1px solid var(--border-light);
    color: var(--accent-green)
}

._qrButton_u80r5_195:hover {
    border-color: var(--accent-green)
}

._qrButton_u80r5_195 svg {
    stroke: currentColor
}

._shieldBase_u80r5_227 {
    stroke: currentColor;
    stroke-width: 2.5;
    fill: none;
    opacity: .35
}

._shieldRunner_u80r5_234 {
    stroke: var(--accent-green);
    stroke-width: 2.5;
    fill: none;
    vector-effect: non-scaling-stroke;
    stroke-linecap: round;
    stroke-dasharray: 120 880;
    stroke-dashoffset: 0;
    animation: _shield-dash_u80r5_1 2.2s linear infinite;
    filter: drop-shadow(0 0 6px rgba(16,185,129,.6))
}

._container_u80r5_1[data-theme=dark] ._shieldRunner_u80r5_234 {
    filter: drop-shadow(0 0 8px rgba(16,185,129,.85))
}

@keyframes _shield-dash_u80r5_1 {
    0% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: -1000
    }
}

._logoWrapper_u80r5_32:hover ._shieldRunner_u80r5_234 {
    animation-duration: 1.6s
}

._themeToggle_3ajr7_1 {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease;
    z-index: 1000;
    display: none
}

._themeToggle_3ajr7_1[data-theme=dark] {
    background-color: #2d3135;
    color: var(--text-primary-dark)
}

._themeToggle_3ajr7_1[data-theme=light] {
    background-color: #e5e7eb;
    color: var(--text-primary-light)
}

._themeToggle_3ajr7_1:hover {
    opacity: .8;
    transform: scale(1.05)
}

@media(max-width: 640px) {
    ._themeToggle_3ajr7_1 {
        top:1rem;
        right: 1rem;
        width: 2.25rem;
        height: 2.25rem
    }
}

._container_1xx15_1 {
    min-height: 100vh;
    padding: 2rem 1.5rem;
    position: relative
}

._container_1xx15_1[data-theme=dark] {
    background-color: var(--bg-dark)
}

._container_1xx15_1[data-theme=light] {
    background-color: var(--bg-light)
}

._content_1xx15_15 {
    max-width: 26rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

._header_1xx15_24 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem
}

._backButton_1xx15_31 {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    background: none;
    border: none;
    padding: .5rem 0;
    cursor: pointer;
    transition: opacity .2s ease
}

._backButton_1xx15_31[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._backButton_1xx15_31[data-theme=light] {
    color: var(--text-secondary-light)
}

._backButton_1xx15_31:hover {
    opacity: .7
}

._qrButton_1xx15_55 {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: none;
    border: none;
    padding: .5rem 0;
    cursor: pointer;
    font-size: .9375rem;
    transition: opacity .2s ease;
    color: var(--accent-green)
}

._qrButton_1xx15_55:hover {
    opacity: .8
}

._qrButton_1xx15_55 svg {
    stroke: currentColor
}

._title_1xx15_76 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 1rem 0
}

._title_1xx15_76[data-theme=dark] {
    color: var(--text-primary-dark)
}

._title_1xx15_76[data-theme=light] {
    color: var(--text-primary-light)
}

._formSection_1xx15_91 {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

._label_1xx15_97 {
    font-size: 1rem;
    font-weight: 600
}

._label_1xx15_97[data-theme=dark] {
    color: var(--text-primary-dark)
}

._label_1xx15_97[data-theme=light] {
    color: var(--text-primary-light)
}

._inputWrapper_1xx15_110 {
    position: relative;
    display: flex;
    align-items: center
}

._input_1xx15_110 {
    width: 100%;
    padding: 1rem 3rem 1rem 1rem;
    border-radius: .75rem;
    font-size: 1rem;
    border: 1px solid;
    transition: all .2s ease;
    outline: none
}

._input_1xx15_110[data-theme=dark] {
    background-color: #242628;
    border-color: #3a3c3e;
    color: var(--text-primary-dark)
}

._input_1xx15_110[data-theme=light] {
    background-color: #f9fafb;
    border-color: var(--text-primary-light)
}

._input_1xx15_110::placeholder {
    color: var(--text-primary-dark)
}

._input_1xx15_110[data-theme=light]::placeholder {
    color: var(--text-secondary-light)
}

._input_1xx15_110:focus {
    border-color: var(--accent-green)
}

._clearButton_1xx15_148 {
    position: absolute;
    right: 1rem;
    background: none;
    border: none;
    padding: .25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .2s ease
}

._clearButton_1xx15_148[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._clearButton_1xx15_148[data-theme=light] {
    color: var(--text-secondary-light)
}

._clearButton_1xx15_148:hover {
    opacity: .7
}

._textarea_1xx15_170 {
    width: 100%;
    padding: 1rem;
    border-radius: .75rem;
    font-size: 1rem;
    border: 2px solid;
    transition: all .2s ease;
    outline: none;
    resize: vertical;
    min-height: 150px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif
}

._textarea_1xx15_170[data-theme=dark] {
    background-color: #242628;
    border-color: var(--accent-green);
    color: var(--text-primary-dark)
}

._textarea_1xx15_170[data-theme=light] {
    background-color: #f9fafb;
    border-color: var(--accent-green);
    color: var(--text-primary-light)
}

._textarea_1xx15_170::placeholder {
    color: var(--text-secondary-dark)
}

._textarea_1xx15_170[data-theme=light]::placeholder {
    color: var(--text-secondary-light)
}

._textarea_1xx15_170:focus {
    border-color: var(--accent-green);
    box-shadow: 0 0 0 1px var(--accent-green)
}

._hintBox_1xx15_206 {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

._hint_1xx15_206 {
    font-size: .875rem;
    margin: 0
}

._hint_1xx15_206[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._hint_1xx15_206[data-theme=light] {
    color: var(--text-secondary-light)
}

._importButton_1xx15_224 {
    width: 100%;
    padding: 1rem;
    border: none;
    border-radius: .75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    margin-top: 1rem
}

._importButton_1xx15_224:not(:disabled) {
    background-color: var(--accent-green);
    color: #fff
}

._importButton_1xx15_224:not(:disabled):hover {
    background-color: var(--accent-green-hover)
}

._importButton_1xx15_224:disabled {
    opacity: .4;
    cursor: not-allowed
}

._importButton_1xx15_224:disabled[data-theme=dark] {
    background-color: var(--accent-green);
    color: #a0aec0
}

._importButton_1xx15_224:disabled[data-theme=light] {
    background-color: #e2e8f0;
    color: #718096
}

@media(max-width: 768px) {
    ._container_1xx15_1 {
        padding:1.25rem 1rem
    }

    ._title_1xx15_76 {
        font-size: 1.5rem
    }

    ._header_1xx15_24 {
        flex-direction: column;
        align-items: flex-start;
        gap: .75rem
    }

    ._qrButton_1xx15_55 {
        padding: .5rem 0
    }

    ._textarea_1xx15_170 {
        min-height: 120px
    }
}

@media(max-width: 480px) {
    ._container_1xx15_1 {
        padding:1rem .875rem
    }

    ._content_1xx15_15 {
        gap: 3.25rem
    }

    ._title_1xx15_76 {
        font-size: 1.25rem;
        margin: .5rem 0
    }

    ._label_1xx15_97 {
        font-size: .9375rem
    }

    ._input_1xx15_110,._textarea_1xx15_170 {
        padding: .875rem;
        font-size: .9375rem
    }

    ._textarea_1xx15_170 {
        min-height: 100px
    }

    ._hint_1xx15_206 {
        font-size: .8125rem
    }

    ._qrButton_1xx15_55 {
        font-size: .875rem
    }

    ._qrButton_1xx15_55 span {
        display: none
    }

    ._importButton_1xx15_224 {
        padding: .875rem;
        font-size: .9375rem
    }
}

._container_19zq3_1 {
    min-height: 100vh;
    padding: 2rem 1.5rem;
    position: relative
}

._container_19zq3_1[data-theme=dark] {
    background-color: var(--bg-dark)
}

._container_19zq3_1[data-theme=light] {
    background-color: var(--bg-light)
}

._content_19zq3_16 {
    max-width: 26rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

._backButton_19zq3_25 {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    background: none;
    border: none;
    padding: .5rem 0;
    cursor: pointer;
    font-size: .9375rem;
    transition: opacity .2s ease;
    width: fit-content
}

._backButton_19zq3_25[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._backButton_19zq3_25[data-theme=light] {
    color: var(--text-secondary-light)
}

._backButton_19zq3_25:hover {
    opacity: .7
}

._title_19zq3_50 {
    font-size: 2rem;
    font-weight: 600;
    margin: 1rem 0
}

._title_19zq3_50[data-theme=dark] {
    color: var(--text-primary-dark)
}

._title_19zq3_50[data-theme=light] {
    color: var(--text-primary-light)
}

._optionsContainer_19zq3_64 {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

._optionCard_19zq3_70 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-radius: 1rem;
    cursor: pointer;
    transition: all .2s ease;
    border: 1px solid
}

._optionCard_19zq3_70[data-theme=dark] {
    background-color: #242628;
    border-color: #2d3135
}

._optionCard_19zq3_70[data-theme=light] {
    background-color: #f9fafb;
    border-color: var(--border-light)
}

._optionCard_19zq3_70:hover {
    border-color: var(--accent-green)
}

._optionCard_19zq3_70:hover[data-theme=dark] {
    background-color: #2a2c2e
}

._optionCard_19zq3_70:hover[data-theme=light] {
    background-color: #f3f4f6
}

._optionLeft_19zq3_104 {
    display: flex;
    align-items: center;
    gap: 1rem
}

._iconWrapper_19zq3_110 {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: #3eb4891a;
    color: var(--accent-green)
}

._optionTextWrapper_19zq3_122 {
    display: flex;
    align-items: center;
    gap: .75rem
}

._optionTitle_19zq3_128 {
    font-size: 1rem;
    font-weight: 500
}

._optionTitle_19zq3_128[data-theme=dark] {
    color: var(--text-primary-dark)
}

._optionTitle_19zq3_128[data-theme=light] {
    color: var(--text-primary-light)
}

._badge_19zq3_141 {
    display: inline-block;
    padding: .25rem .625rem;
    border-radius: .375rem;
    font-size: .75rem;
    font-weight: 500;
    background-color: #3eb48926;
    color: var(--accent-green)
}

._chevronIcon_19zq3_151 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

._optionCard_19zq3_70[data-theme=dark] ._chevronIcon_19zq3_151 svg {
    stroke: var(--text-secondary-dark)
}

._optionCard_19zq3_70[data-theme=light] ._chevronIcon_19zq3_151 svg {
    stroke: var(--text-secondary-light)
}

@media(max-width: 640px) {
    ._container_19zq3_1 {
        padding:1.5rem 1rem
    }

    ._title_19zq3_50 {
        font-size: 1.75rem
    }

    ._optionCard_19zq3_70 {
        padding: 1rem 1.25rem
    }
}

._container_1m9tw_1 {
    min-height: 100vh;
    padding: 2rem 1.5rem;
    position: relative
}

._container_1m9tw_1[data-theme=dark] {
    background-color: var(--bg-dark)
}

._container_1m9tw_1[data-theme=light] {
    background-color: var(--bg-light)
}

._content_1m9tw_15 {
    max-width: 26rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

._backButton_1m9tw_24 {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    background: none;
    border: none;
    padding: .5rem 0;
    cursor: pointer;
    font-size: .9375rem;
    transition: opacity .2s ease;
    width: fit-content
}

._backButton_1m9tw_24[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._backButton_1m9tw_24[data-theme=light] {
    color: var(--text-secondary-light)
}

._backButton_1m9tw_24:hover {
    opacity: .7
}

._title_1m9tw_49 {
    font-size: 2rem;
    font-weight: 600;
    margin: 1rem 0
}

._title_1m9tw_49[data-theme=dark] {
    color: var(--text-primary-dark)
}

._title_1m9tw_49[data-theme=light] {
    color: var(--text-primary-light)
}

._formContainer_1m9tw_63 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem
}

._inputGroup_1m9tw_70 {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

._label_1m9tw_76 {
    font-size: .9375rem;
    font-weight: 500
}

._label_1m9tw_76[data-theme=dark] {
    color: var(--text-primary-dark)
}

._label_1m9tw_76[data-theme=light] {
    color: var(--text-primary-light)
}

._inputWrapper_1m9tw_89 {
    position: relative;
    display: flex;
    align-items: center
}

._input_1m9tw_70 {
    width: 100%;
    padding: 1rem 3.5rem 1rem 1rem;
    border-radius: .75rem;
    font-size: 1rem;
    border: 1px solid;
    transition: all .2s ease;
    outline: none
}

._input_1m9tw_70[data-theme=dark] {
    background-color: #242628;
    border-color: #2d3135;
    color: var(--text-primary-dark)
}

._input_1m9tw_70[data-theme=light] {
    background-color: #f9fafb;
    border-color: var(--border-light);
    color: var(--text-primary-light)
}

._input_1m9tw_70::placeholder {
    color: var(--text-secondary-dark)
}

._input_1m9tw_70[data-theme=light]::placeholder {
    color: var(--text-secondary-light)
}

._input_1m9tw_70:focus {
    border-color: var(--accent-green)
}

._input_1m9tw_70[data-error=true] {
    border-color: #ef4444
}

._eyeButton_1m9tw_133 {
    position: absolute;
    right: 1rem;
    background: none;
    border: none;
    padding: .25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .2s ease
}

._eyeButton_1m9tw_133[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._eyeButton_1m9tw_133[data-theme=light] {
    color: var(--text-secondary-light)
}

._eyeButton_1m9tw_133:hover {
    opacity: .7
}

._checkIcon_1m9tw_158 {
    position: absolute;
    right: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-green);
    pointer-events: none
}

._errorText_1m9tw_168 {
    font-size: .875rem;
    color: #ef4444;
    margin-top: -.25rem
}

._submitButton_1m9tw_174 {
    width: 100%;
    padding: 1rem;
    border: none;
    border-radius: .75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    background-color: var(--accent-green);
    color: #fff;
    margin-top: 1rem
}

._submitButton_1m9tw_174:hover:not(:disabled) {
    background-color: var(--accent-green-hover)
}

._submitButton_1m9tw_174:disabled {
    opacity: .4;
    cursor: not-allowed
}

@media(max-width: 640px) {
    ._container_1m9tw_1 {
        padding:1.5rem 1rem
    }

    ._title_1m9tw_49 {
        font-size: 1.75rem
    }

    ._input_1m9tw_70 {
        padding: .875rem 3.5rem .875rem .875rem
    }
}

._passRules_1m9tw_212 {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

._ruleRow_1m9tw_219 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #9ca3af
}

._ruleOk_1m9tw_227 {
    color: #48ff91
}

._ruleDot_1m9tw_231 {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,.25);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    flex: 0 0 auto
}

._ruleDotOk_1m9tw_243 {
    border-color: #22c55ee6;
    color: #48ff91
}

._container_1d3vn_1 {
    min-height: 100vh;
    padding: 2rem 1.5rem;
    position: relative
}

._container_1d3vn_1[data-theme=dark] {
    background-color: var(--bg-dark)
}

._container_1d3vn_1[data-theme=light] {
    background-color: var(--bg-light)
}

._content_1d3vn_15 {
    max-width: 26rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

._backButton_1d3vn_24 {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    background: none;
    border: none;
    padding: .5rem 0;
    cursor: pointer;
    font-size: .9375rem;
    transition: opacity .2s ease;
    width: fit-content
}

._backButton_1d3vn_24[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._backButton_1d3vn_24[data-theme=light] {
    color: var(--text-secondary-light)
}

._backButton_1d3vn_24:hover {
    opacity: .7
}

._infoBox_1d3vn_49 {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border-radius: .75rem;
    margin: 1rem 0
}

._infoBox_1d3vn_49[data-theme=dark] {
    background-color: #242628
}

._infoBox_1d3vn_49[data-theme=light] {
    background-color: #f5f5f5
}

._infoIcon_1d3vn_66 {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

._infoText_1d3vn_73 {
    font-size: .9375rem;
    line-height: 1.5;
    margin: 0
}

._infoText_1d3vn_73[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._infoText_1d3vn_73[data-theme=light] {
    color: var(--text-secondary-light)
}

._seedContainer_1d3vn_87 {
    position: relative;
    border-radius: 1rem;
    margin: 1rem 0
}

._seedContainer_1d3vn_87[data-theme=dark] {
    background-color: #2a2c2e
}

._seedContainer_1d3vn_87[data-theme=light] {
    background-color: #f9fafb
}

._blurredOverlay_1d3vn_101 {
    position: absolute;
    inset: 0;
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    background: #1e1e1ed9;
    border-radius: 1rem;
    z-index: 10;
    pointer-events: none
}

._revealButton_1d3vn_115 {
    width: 100%;
    padding: 1rem;
    border: none;
    border-radius: .75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    background-color: var(--accent-green);
    color: #fff;
    margin-top: 1rem
}

._revealButton_1d3vn_115:hover:not(:disabled) {
    background-color: var(--accent-green-hover)
}

._revealButton_1d3vn_115:disabled {
    opacity: .4;
    cursor: not-allowed
}

._seedGrid_1d3vn_138 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: .75rem;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

._seedWord_1d3vn_148 {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1rem;
    border-radius: .5rem;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    pointer-events: none
}

._seedWord_1d3vn_148[data-theme=dark] {
    background-color: #3a3c3e
}

._seedWord_1d3vn_148[data-theme=light] {
    background-color: #fff;
    border: 1px solid var(--border-light)
}

._wordNumber_1d3vn_170 {
    font-size: .875rem;
    font-weight: 500;
    -webkit-user-select: none;
    user-select: none
}

._wordNumber_1d3vn_170[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._wordNumber_1d3vn_170[data-theme=light] {
    color: var(--text-secondary-light)
}

._word_1d3vn_170 {
    font-size: 1rem;
    font-weight: 500;
    -webkit-user-select: none;
    user-select: none
}

._word_1d3vn_170[data-theme=dark] {
    color: var(--text-primary-dark)
}

._word_1d3vn_170[data-theme=light] {
    color: var(--text-primary-light)
}

@media(max-width: 768px) {
    ._container_1d3vn_1 {
        padding:1.5rem 1rem
    }

    ._seedGrid_1d3vn_138 {
        grid-template-columns: repeat(2,1fr);
        gap: .625rem
    }

    ._seedContainer_1d3vn_87 {
        padding: 1.25rem
    }

    ._infoBox_1d3vn_49 {
        gap: .875rem;
        padding: .875rem
    }
}

@media(max-width: 480px) {
    ._seedGrid_1d3vn_138 {
        gap:.5rem
    }

    ._infoBox_1d3vn_49 {
        flex-direction: column;
        align-items: center;
        text-align: center
    }
}

._container_1e7pu_1 {
    min-height: 100vh;
    padding: 2rem 1.5rem;
    position: relative
}

._container_1e7pu_1[data-theme=dark] {
    background-color: var(--bg-dark)
}

._container_1e7pu_1[data-theme=light] {
    background-color: var(--bg-light)
}

._content_1e7pu_15 {
    max-width: 26rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

._backButton_1e7pu_24 {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    background: none;
    border: none;
    padding: .5rem 0;
    cursor: pointer;
    font-size: .9375rem;
    transition: opacity .2s ease;
    width: fit-content
}

._backButton_1e7pu_24[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._backButton_1e7pu_24[data-theme=light] {
    color: var(--text-secondary-light)
}

._backButton_1e7pu_24:hover {
    opacity: .7
}

._title_1e7pu_49 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 .75rem
}

._title_1e7pu_49[data-theme=dark] {
    color: var(--text-primary-dark)
}

._title_1e7pu_49[data-theme=light] {
    color: var(--text-primary-light)
}

._selectionGrid_1e7pu_64 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: .5rem;
    margin-bottom: 0
}

._selectionSlot_1e7pu_71 {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .625rem .875rem;
    border-radius: .5rem;
    min-height: 2.5rem;
    border: 1px solid transparent;
    transition: all .2s ease
}

._selectionSlot_1e7pu_71[data-theme=dark] {
    background-color: #2a2c2e;
    border-color: #3a3c3e
}

._selectionSlot_1e7pu_71[data-theme=light] {
    background-color: #f9fafb;
    border-color: var(--border-light)
}

._selectionSlot_1e7pu_71[data-filled=true][data-theme=dark] {
    background-color: #3a3c3e
}

._selectionSlot_1e7pu_71[data-filled=true][data-theme=light] {
    background-color: #fff
}

._slotNumber_1e7pu_100 {
    font-size: .875rem;
    font-weight: 500;
    flex-shrink: 0;
    color: #888
}

._slotWord_1e7pu_107 {
    font-size: .9375rem;
    font-weight: 500
}

._slotWord_1e7pu_107[data-theme=dark] {
    color: var(--text-primary-dark)
}

._slotWord_1e7pu_107[data-theme=light] {
    color: var(--text-primary-light)
}

._slotPlaceholder_1e7pu_120 {
    font-size: .875rem;
    color: #666
}

._clearButton_1e7pu_125 {
    align-self: center;
    background: none;
    border: none;
    padding: .375rem 1rem;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 500;
    transition: opacity .2s ease;
    color: var(--accent-green);
    margin: .25rem 0
}

._clearButton_1e7pu_125:hover {
    opacity: .7
}

._wordGrid_1e7pu_142 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin: .5rem 0
}

._wordButton_1e7pu_150 {
    padding: .5rem 1rem;
    border: none;
    border-radius: .375rem;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    background-color: var(--accent-green);
    color: #1a1a1a
}

._wordButton_1e7pu_150:hover:not(:disabled) {
    background-color: var(--accent-green-hover);
    transform: translateY(-1px)
}

._wordButton_1e7pu_150[data-selected=true] {
    opacity: .4;
    cursor: not-allowed
}

._wordButton_1e7pu_150:disabled {
    cursor: not-allowed
}

._nextButton_1e7pu_176 {
    width: 100%;
    padding: .875rem;
    border: none;
    border-radius: .75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    margin-top: 2.5rem
}

._nextButton_1e7pu_176[data-theme=dark] {
    background-color: var(--accent-green);
    color: #a0aec0
}

._nextButton_1e7pu_176[data-theme=light] {
    background-color: #e2e8f0;
    color: #718096
}

._nextButton_1e7pu_176:not(:disabled) {
    background-color: var(--accent-green);
    color: #fff
}

._nextButton_1e7pu_176:not(:disabled):hover {
    background-color: var(--accent-green-hover)
}

._nextButton_1e7pu_176:disabled {
    cursor: not-allowed;
    opacity: .6
}

@media(max-width: 768px) {
    ._container_1e7pu_1 {
        padding:1rem
    }

    ._content_1e7pu_15 {
        gap: .75rem
    }

    ._title_1e7pu_49 {
        font-size: 1rem;
        margin-bottom: .5rem
    }

    ._selectionGrid_1e7pu_64 {
        gap: .375rem
    }

    ._selectionSlot_1e7pu_71 {
        padding: .5rem .625rem;
        min-height: 2.25rem
    }

    ._slotNumber_1e7pu_100 {
        font-size: .75rem
    }

    ._slotWord_1e7pu_107 {
        font-size: .8125rem
    }

    ._wordGrid_1e7pu_142 {
        gap: .375rem;
        margin: .25rem 0
    }

    ._wordButton_1e7pu_150 {
        padding: .375rem .75rem;
        font-size: .8125rem
    }

    ._clearButton_1e7pu_125 {
        font-size: .8125rem;
        padding: .25rem .75rem;
        margin: .125rem 0
    }

    ._nextButton_1e7pu_176 {
        padding: .75rem;
        font-size: .9375rem;
        margin-top: .25rem
    }
}

@media(max-width: 480px) {
    ._container_1e7pu_1 {
        padding:.75rem
    }

    ._content_1e7pu_15 {
        gap: 3.625rem
    }

    ._title_1e7pu_49 {
        font-size: .9375rem;
        line-height: 1.3;
        margin-bottom: .375rem
    }

    ._selectionGrid_1e7pu_64 {
        gap: .3rem
    }

    ._selectionSlot_1e7pu_71 {
        padding: .4rem .5rem;
        min-height: 2rem;
        border-radius: .375rem
    }

    ._slotNumber_1e7pu_100 {
        font-size: .6875rem
    }

    ._slotWord_1e7pu_107,._slotPlaceholder_1e7pu_120 {
        font-size: .75rem
    }

    ._wordGrid_1e7pu_142 {
        gap: .3rem;
        margin: .25rem 0
    }

    ._wordButton_1e7pu_150 {
        padding: .3rem .625rem;
        font-size: 16px;
        border-radius: .3rem
    }

    ._clearButton_1e7pu_125 {
        font-size: .75rem;
        padding: .25rem .625rem
    }

    ._nextButton_1e7pu_176 {
        padding: .625rem;
        font-size: .875rem;
        border-radius: .625rem
    }

    ._backButton_1e7pu_24 {
        font-size: .875rem
    }
}

._container_9yj2o_1 {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center
}

._container_9yj2o_1[data-theme=dark] {
    background-color: var(--bg-dark)
}

._container_9yj2o_1[data-theme=light] {
    background-color: var(--bg-light)
}

._topBar_9yj2o_17 {
    width: 100%;
    max-width: 26rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 30
}

._topBar_9yj2o_17[data-theme=dark] {
    background-color: var(--bg-dark)
}

._topBar_9yj2o_17[data-theme=light] {
    background-color: var(--bg-light)
}

._headerWrapper_9yj2o_39 {
    width: 100%;
    max-width: 26rem;
    margin: 0 auto;
    padding: 0 1rem .75rem
}

._content_9yj2o_47 {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 26rem;
    margin: 0 auto;
    padding-top: 4rem;
    padding-bottom: 5rem
}

@media(max-width: 480px) {
    ._content_9yj2o_47 {
        scroll-padding-bottom:64px
    }
}

._footer_9yj2o_74 {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    max-width: 26rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: .75rem 1rem;
    border-top: 1px solid;
    z-index: 100;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

._footer_9yj2o_74[data-theme=dark] {
    background-color: var(--bg-dark);
    border-top-color: #ffffff1a
}

._footer_9yj2o_74[data-theme=light] {
    background-color: var(--bg-light);
    border-top-color: #0000001a
}

._footerButton_9yj2o_100 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: .25rem;
    transition: color .2s ease
}

._footerButton_9yj2o_100 span {
    font-size: .6875rem;
    font-weight: 500
}

._footer_9yj2o_74[data-theme=dark] ._footerButton_9yj2o_100 {
    color: var(--text-secondary-dark)
}

._footer_9yj2o_74[data-theme=light] ._footerButton_9yj2o_100 {
    color: var(--text-secondary-light)
}

._footerButton_9yj2o_100[data-active=true] {
    color: var(--accent-green)
}

._navLabel_9yj2o_129 {
    font-size: .6875rem;
    font-weight: 500
}

._header_1ay4f_2 {
    position: sticky;
    top: 0;
    z-index: 10;
    max-width: 26rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem
}

._header_1ay4f_2[data-theme=dark] {
    background-color: #1a1d1f;
    border-bottom-color: #2d3135
}

._header_1ay4f_2[data-theme=light] {
    background-color: #fff;
    border-bottom-color: #e5e7eb
}

._leftSection_1ay4f_24,._rightSection_1ay4f_25 {
    display: flex;
    align-items: center;
    gap: .5rem
}

._centerSection_1ay4f_31 {
    flex: 1;
    display: flex;
    justify-content: center;
    min-width: 0
}

._iconButton_1ay4f_41 {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .5rem;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .2s ease
}

._header_1ay4f_2[data-theme=dark] ._iconButton_1ay4f_41 {
    color: #9ca3af
}

._header_1ay4f_2[data-theme=light] ._iconButton_1ay4f_41 {
    color: #6b7280
}

._iconButton_1ay4f_41:hover {
    background-color: #ffffff0d
}

._header_1ay4f_2[data-theme=light] ._iconButton_1ay4f_41:hover {
    background-color: #0000000d
}

._walletSelector_1ay4f_71 {
    display: flex;
    align-items: center;
    gap: .375rem;
    padding: .5rem 1rem;
    border-radius: .5rem;
    border: none;
    font-size: .9375rem;
    font-weight: 500;
    cursor: pointer;
    background: transparent;
    min-width: 0;
    max-width: 100%
}

._walletSelectorCompact_1ay4f_88 {
    padding: .5rem .75rem
}

._header_1ay4f_2[data-theme=dark] ._walletSelector_1ay4f_71 {
    color: var(--text-primary-dark)
}

._header_1ay4f_2[data-theme=light] ._walletSelector_1ay4f_71 {
    color: var(--text-primary-light)
}

._centerTextWrap_1ay4f_102 {
    flex: 1 1 auto;
    min-width: 0;
    display: block;
    overflow: hidden
}

._centerText_1ay4f_102 {
    display: inline-block;
    transform-origin: center center;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    font-variant-numeric: tabular-nums;
    transition: transform .18s ease,opacity .18s ease
}

._centerTextCompact_1ay4f_126 {
    font-weight: 600
}

._chev_1ay4f_131 {
    flex: 0 0 auto;
    opacity: .9;
    transition: opacity .18s ease
}

._chevCompact_1ay4f_137 {
    opacity: .65
}

._avatarWrap_1ay4f_144 {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    overflow: visible;
    display: block
}

._avatarImg_1ay4f_154 {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain
}

._pulseBadge_1ay4f_164 {
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #2b2f33;
    border: 2px solid #1a1d1f;
    box-shadow: 0 0 0 1px #ffffff14,0 2px 4px #00000073
}

._header_1ay4f_2[data-theme=light] ._pulseBadge_1ay4f_164 {
    background: #d1d5db;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 1px #0000002e,0 2px 4px #00000040
}

._pulseBadge_1ay4f_164:before,._pulseBadge_1ay4f_164:after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,.35);
    opacity: 0;
    animation: _pulseRing_1ay4f_1 1.3s ease-out infinite
}

._header_1ay4f_2[data-theme=light] ._pulseBadge_1ay4f_164:before,._header_1ay4f_2[data-theme=light] ._pulseBadge_1ay4f_164:after {
    border: 2px solid rgba(0,0,0,.25)
}

._pulseBadge_1ay4f_164:after {
    animation-delay: .6s
}

@keyframes _pulseRing_1ay4f_1 {
    0% {
        transform: scale(.55);
        opacity: .85
    }

    70% {
        transform: scale(1.25);
        opacity: 0
    }

    to {
        transform: scale(1.25);
        opacity: 0
    }
}

._netIcon_1ay4f_230 {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 999px;
    object-fit: cover
}

.page-container {
    min-height: 100vh;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    background: var(--bg-dark);
    color: var(--text-primary-dark)
}

.top-bar {
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.title {
    font-size: 18px;
    font-weight: 600
}

.open-btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.open-btn {
    padding: 12px 24px;
    border-radius: 12px;
    background: var(--accent-green);
    color: #fff;
    font-weight: 600;
    transition: background .2s ease;
    border: none;
    cursor: pointer
}

.open-btn:hover {
    background: var(--accent-green-hover)
}

.modal-overlay {
    position: fixed;
    inset: 0;
    background: #00000073;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
    max-width: 768px;
    margin: 0 auto;
    z-index: 140
}

.modal-overlay-open {
    opacity: 1;
    pointer-events: auto
}

.modal-text {
    margin: 10px auto;
    color: var(--text-secondary-light)
}

html[data-theme=dark] .modal-text {
    color: var(--text-secondary-dark)
}

.modal-window {
    position: fixed;
    left: 50%;
    top: 64px;
    bottom: 0;
    transform: translate(-50%,100%);
    width: 100%;
    max-width: 768px;
    background: var(--bg-light);
    color: var(--text-primary-light);
    border-radius: 16px 16px 0 0;
    padding: 24px;
    transition: transform .3s ease;
    z-index: 150;
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: calc(env(safe-area-inset-bottom,0px) + 32px)
}

html[data-theme=dark] .modal-window {
    background: var(--bg-dark);
    color: var(--text-primary-dark)
}

.modal-window-open {
    transform: translate(-50%)
}

.modal-header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.modal-header {
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    margin-bottom: 16px
}

.modal-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.modal-title {
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.modal-title-addon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-dark)
}

.modal-title {
    font-size: 17px;
    font-weight: 600
}

.modal-close {
    background: none;
    border: none;
    font-size: 20px;
    color: var(--text-secondary-light);
    cursor: pointer
}

html[data-theme=dark] .modal-close {
    color: var(--text-secondary-dark)
}

.modal-buttons {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.modal-btn {
    width: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: background .2s ease,color .2s ease;
    display: flex;
    align-items: center;
    gap: 12px;
    box-sizing: border-box
}

.modal-btn.primary {
    background: var(--accent-green);
    color: #fff
}

.modal-btn.primary:hover {
    background: var(--accent-green-hover)
}

.modal-btn.secondary {
    background: var(--border-light);
    color: var(--text-primary-light)
}

.modal-btn.secondary:hover {
    background: #d1d5db
}

html[data-theme=dark] .modal-btn.secondary {
    background: var(--border-dark);
    color: var(--text-primary-dark)
}

html[data-theme=dark] .modal-btn.secondary:hover {
    background: #3a3d3f
}

.modal-btn-leftIcon {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    background: #ffffff14;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.modal-btn-leftIcon svg {
    width: 33px;
    height: 33px
}

.modal-btn-label {
    flex: 1;
    text-align: left
}

.modal-btn-rightIcon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.side-modal {
    text-align: center;
    position: fixed;
    top: 67px;
    left: 50%;
    bottom: 0;
    width: 100%;
    max-width: 768px;
    background: var(--bg-light);
    color: var(--text-primary-light);
    border-radius: 16px 16px 0 0;
    padding: 24px;
    box-sizing: border-box;
    transform: translate(100%);
    transition: transform .3s ease;
    z-index: 40;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: calc(env(safe-area-inset-bottom,0px) + 32px)
}

html[data-theme=dark] .side-modal {
    background: var(--bg-dark);
    color: var(--text-primary-dark)
}

.side-modal-open {
    transform: translate(-50%)
}

.modal-checkbox-group,.modal-checkboxes {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.checkbox-btn {
    width: 100%;
    padding: 12px 16px;
    border-radius: 12px;
    border: none;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    text-align: left;
    cursor: pointer;
    background: var(--border-light);
    color: var(--text-primary-light)
}

html[data-theme=dark] .checkbox-btn {
    background: var(--border-dark);
    color: var(--text-primary-dark)
}

.checkbox-mark {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 1px solid var(--border-light);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 14px;
    border-color: var(--border-dark)
}

html[data-theme=dark] .checkbox-mark {
    border-color: var(--border-light)
}

.checkbox-text {
    flex: 1;
    font-size: 14px;
    line-height: 1.35;
    text-align: left
}

.checkbox-btn.checked .checkbox-mark,.checkbox-btn-active .checkbox-mark {
    background: var(--accent-green);
    border-color: var(--accent-green);
    color: #fff
}

.checkbox-label {
    flex: 1;
    text-align: left
}

.confirm-btn {
    justify-content: center;
    border-radius: 25px
}

.confirm-btn-disabled {
    opacity: .5;
    cursor: default
}

.side-modal-2 {
    z-index: 70
}

.network-logo {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: block
}

.side-modal-2 .modal-btn-leftIcon {
    background: none;
    border-radius: 0;
    width: 48px;
    height: 48px;
    padding: 0
}

.side-modal-2 .network-logo,.logo-multitrust {
    width: 48px;
    height: 48px;
    object-fit: contain;
    display: block;
    border-radius: 45px
}

.modal-multitrust-button {
    position: relative;
    border-color: var(--accent-green);
    border-width: 2px;
    border-style: solid;
    border-radius: 14px;
    margin-bottom: 1rem
}

.modal-multitrust-label {
    position: absolute;
    top: -14px;
    left: 18px;
    padding: 4px 12px;
    border-radius: 9999px;
    background: var(--accent-green);
    color: var(--bg-dark);
    font-weight: 600;
    font-size: 14px
}

.side-modal-3 {
    z-index: 80
}

.modal-input-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px
}

.modal-input-label {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary-light);
    margin-bottom: 4px
}

html[data-theme=dark] .modal-input-label {
    color: var(--text-primary-dark)
}

.modal-input {
    width: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid var(--border-light);
    background: var(--bg-light);
    color: var(--text-primary-light);
    font-size: 16px;
    outline: none;
    box-sizing: border-box
}

html[data-theme=dark] .modal-input {
    background: var(--bg-dark);
    border-color: var(--border-dark);
    color: var(--text-primary-dark)
}

.modal-textarea {
    width: 100%;
    height: 160px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid var(--border-light);
    background: var(--bg-light);
    color: var(--text-primary-light);
    font-size: 16px;
    outline: none;
    resize: none;
    box-sizing: border-box
}

html[data-theme=dark] .modal-textarea {
    background: var(--bg-dark);
    border-color: var(--border-dark);
    color: var(--text-primary-dark)
}

.modal-hint {
    font-size: 14px;
    color: var(--text-secondary-light);
    text-align: center;
    margin: 8px 0 4px
}

html[data-theme=dark] .modal-hint {
    color: var(--text-secondary-dark)
}

.big-confirm-btn {
    margin-top: 12px;
    padding: 16px;
    border-radius: 26px;
    font-size: 17px;
    font-weight: 600;
    width: 100%
}

.big-confirm-btn-disabled {
    opacity: .45;
    cursor: default
}

.side-modal-3 .big-confirm-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

.side-modal-4 {
    z-index: 90
}

html[data-theme=light] .iconButton,html[data-theme=light] .iconButton svg {
    color: #6b7280;
    fill: currentColor
}

html[data-theme=dark] .iconButton,html[data-theme=dark] .iconButton svg {
    color: #9ca3af;
    fill: currentColor
}

.modal-btn.gray {
    background: var(--border-light);
    color: var(--text-primary-light)
}

.modal-btn.gray:hover {
    background: #d1d5db
}

html[data-theme=dark] .modal-btn.gray {
    background: var(--border-dark);
    color: var(--text-primary-dark)
}

html[data-theme=dark] .modal-btn.gray:hover {
    background: #3a3d3f
}

.logo-create-wallet {
    width: 240px;
    height: 240px;
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.logo-create-wallet img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.modal-window-6 .modal-btn-leftIcon {
    width: 50px;
    height: 50px;
    border-radius: 9999px;
    background: var(--accent-green);
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-window-6 .modal-btn-leftIcon img {
    width: 36px;
    height: 36px;
    object-fit: contain
}

.modal-btn-textblock {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1
}

.modal-btn-label {
    font-size: 16px;
    font-weight: 600
}

.modal-btn-sublabel {
    font-size: 13px;
    margin-top: 2px;
    color: var(--text-secondary-light);
    text-align: start
}

html[data-theme=dark] .modal-btn-sublabel {
    color: var(--text-secondary-dark)
}

.wallets-list {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.modal-settings-button {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .75rem;
    border: none;
    background-color: #111827;
    color: #f9fafb;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.network-recommended-wrapper {
    margin-top: 8px;
    margin-bottom: 12px
}

.networks-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px
}

.network-item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 16px;
    border: none;
    background: var(--border-light);
    color: var(--text-primary-light);
    cursor: pointer;
    text-align: left
}

html[data-theme=dark] .network-item {
    background: #2b2f33;
    color: var(--text-primary-dark)
}

.network-item.recommended {
    position: relative;
    border: 2px solid var(--accent-green)
}

.network-recommended-pill {
    position: absolute;
    top: -14px;
    left: 20px;
    padding: 3px 12px;
    border-radius: 9999px;
    background: var(--accent-green);
    color: #0b1220;
    font-size: 12px;
    font-weight: 600
}

.network-icon {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    background: #111827;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0
}

.network-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.network-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.network-name {
    font-size: 15px;
    font-weight: 600
}

.network-symbol {
    font-size: 13px;
    margin-top: 2px;
    color: var(--text-secondary-light)
}

html[data-theme=dark] .network-symbol {
    color: var(--text-secondary-dark)
}

.network-arrow {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-scroll {
    max-height: 100vh;
    overflow-y: auto;
    padding-bottom: 24px
}

.wallet-more-btn {
    width: 44px;
    height: 44px;
    border: none;
    background: transparent;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #919191
}

.wallet-more-btn:active {
    transform: scale(.98)
}

html[data-theme=dark] .wallet-more-btn {
    color: #9ca3af
}

.wallet-edit-header {
    display: grid;
    grid-template-columns: 44px 1fr auto;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px
}

.wallet-edit-back {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: none;
    background: transparent;
    font-size: 22px;
    cursor: pointer;
    color: var(--text-secondary-light)
}

html[data-theme=dark] .wallet-edit-back {
    color: var(--text-secondary-dark)
}

.wallet-edit-title {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin: 0
}

.wallet-edit-actions {
    display: flex;
    align-items: center;
    gap: 10px
}

.wallet-edit-trash {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 18px;
    color: var(--accent-green)
}

.wallet-edit-save {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: var(--accent-green)
}

.wallet-edit-save:disabled,.wallet-edit-trash:disabled {
    opacity: .5;
    cursor: default
}

.wallet-edit-body {
    margin-top: 8px
}

.wallet-edit-label {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-secondary-light);
    margin-bottom: 10px
}

html[data-theme=dark] .wallet-edit-label {
    color: var(--text-secondary-dark)
}

.wallet-edit-inputWrap {
    position: relative
}

.wallet-edit-input {
    width: 100%;
    padding: 14px 44px 14px 16px;
    border-radius: 12px;
    border: 1px solid var(--border-light);
    background: var(--bg-light);
    color: var(--text-primary-light);
    font-size: 16px;
    outline: none;
    box-sizing: border-box
}

html[data-theme=dark] .wallet-edit-input {
    background: var(--bg-dark);
    border-color: var(--border-dark);
    color: var(--text-primary-dark)
}

.wallet-edit-clear {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 9999px;
    border: none;
    background: #ffffff0f;
    color: #cbd5e1;
    cursor: pointer
}

.wallet-edit-error {
    margin-top: 10px;
    font-size: 13px;
    color: #ef4444
}

.wallet-edit-hint {
    margin-top: 12px;
    font-size: 13px;
    opacity: .7
}

.wallet-dots-btn {
    background: transparent;
    border: none;
    padding: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

._overlay_4q951_1 {
    position: fixed;
    inset: 0;
    background: #0009;
    display: flex;
    align-items: stretch;
    justify-content: center;
    z-index: 9999;
    padding-top: var(--app-top, 0px);
    isolation: isolate;
    transform: translateZ(0);
    overscroll-behavior: contain
}

._sheet_4q951_20 {
    width: 100%;
    max-width: 480px;
    height: calc(var(--app-height, 100dvh) - var(--app-top, 0px));
    max-height: calc(var(--app-height, 100dvh) - var(--app-top, 0px));
    background: var(--bg-dark);
    color: #e5e7eb;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    padding-bottom: calc(env(safe-area-inset-bottom,0px) + 32px);
    overscroll-behavior: contain
}

._header_4q951_42 {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--bg-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 16px;
    padding-top: max(14px,env(safe-area-inset-top));
    border-bottom: 1px solid rgba(255,255,255,.08)
}

._title_4q951_59 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px
}

._close_4q951_65 {
    position: absolute;
    left: 12px;
    top: 10px;
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
    color: #9ca3af;
    font-size: 20px;
    line-height: 1;
    padding: 8px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

._searchRow_4q951_86 {
    padding: 14px 16px 10px
}

._searchBox_4q951_90 {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--bg-dark);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 18px;
    padding: 12px 14px
}

._searchIcon_4q951_102 {
    color: #9ca3af;
    font-size: 16px
}

._searchInput_4q951_107 {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: #e5e7eb;
    font-size: 14px
}

._netsRow_4q951_118 {
    padding: 0 16px 12px;
    display: flex;
    gap: 12px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

._netChip_4q951_126 {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.1);
    background: var(--bg-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

._netChipActive_4q951_143 {
    border-color: #34d399;
    box-shadow: 0 0 0 2px #34d3992e inset
}

._netLogo_4q951_148 {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    object-fit: cover
}

._netAll_4q951_155 {
    font-weight: 800;
    font-size: 13px;
    color: #cbd1d6
}

._netFallback_4q951_161 {
    font-weight: 900;
    color: #cbd1d6
}

._list_4q951_167 {
    padding: 6px 16px 18px;
    display: flex;
    flex-direction: column
}

._item_4q951_173 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    border: none;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    -webkit-tap-highlight-color: transparent
}

._left_4q951_191 {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

._logoWrap_4q951_198 {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    background: var(--bg-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

._logoOuter_4q951_210 {
    position: relative;
    width: 52px;
    height: 52px;
    flex: 0 0 auto
}

._logo_4q951_198 {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    object-fit: cover;
    display: block
}

._logoFallback_4q951_225 {
    color: #e5e7eb;
    font-weight: 900
}

._meta_4q951_230 {
    min-width: 0
}

._symRow_4q951_234 {
    display: flex;
    align-items: center;
    gap: 8px
}

._symbol_4q951_240 {
    font-weight: 600;
    font-size: 16px;
    color: var(--text-primary-dark)
}

._badge_4q951_246 {
    font-size: 12px;
    color: #9ca3af;
    background: #ffffff0f;
    padding: 4px 10px;
    border-radius: 999px
}

._name_4q951_254 {
    color: #9ca3af;
    font-size: 14px;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px
}

._right_4q951_265 {
    text-align: right;
    flex: 0 0 auto
}

._amount_4q951_270 {
    font-weight: 600;
    font-size: 16px;
    color: var(--text-primary-dark)
}

._fiat_4q951_276 {
    color: #9ca3af;
    font-size: 13px;
    margin-top: 2px
}

._empty_4q951_282 {
    color: #9ca3af;
    text-align: center;
    padding: 24px 0
}

:root[data-theme=light] ._sheet_4q951_20,[data-theme=light] ._sheet_4q951_20 {
    background: var(--modal-bg);
    color: var(--text)
}

:root[data-theme=light] ._header_4q951_42,[data-theme=light] ._header_4q951_42 {
    background: var(--modal-bg);
    border-bottom: 1px solid var(--divider)
}

:root[data-theme=light] ._close_4q951_65,[data-theme=light] ._close_4q951_65 {
    color: var(--text-muted)
}

:root[data-theme=light] ._searchBox_4q951_90,[data-theme=light] ._searchBox_4q951_90 {
    background: var(--surface-1);
    border: 1px solid var(--border)
}

:root[data-theme=light] ._searchIcon_4q951_102,[data-theme=light] ._searchIcon_4q951_102 {
    color: var(--text-muted)
}

:root[data-theme=light] ._searchInput_4q951_107,[data-theme=light] ._searchInput_4q951_107 {
    color: var(--text)
}

:root[data-theme=light] ._netChip_4q951_126,[data-theme=light] ._netChip_4q951_126 {
    background: var(--surface-1);
    border: 1px solid var(--border)
}

:root[data-theme=light] ._netAll_4q951_155,:root[data-theme=light] ._netFallback_4q951_161,[data-theme=light] ._netAll_4q951_155,[data-theme=light] ._netFallback_4q951_161 {
    color: var(--text)
}

:root[data-theme=light] ._logoWrap_4q951_198,[data-theme=light] ._logoWrap_4q951_198 {
    background: var(--surface-1)
}

:root[data-theme=light] ._logoFallback_4q951_225,[data-theme=light] ._logoFallback_4q951_225 {
    color: var(--text)
}

:root[data-theme=light] ._symbol_4q951_240,:root[data-theme=light] ._amount_4q951_270,[data-theme=light] ._symbol_4q951_240,[data-theme=light] ._amount_4q951_270 {
    color: var(--text)
}

:root[data-theme=light] ._name_4q951_254,:root[data-theme=light] ._fiat_4q951_276,:root[data-theme=light] ._badge_4q951_246,:root[data-theme=light] ._empty_4q951_282,[data-theme=light] ._name_4q951_254,[data-theme=light] ._fiat_4q951_276,[data-theme=light] ._badge_4q951_246,[data-theme=light] ._empty_4q951_282 {
    color: var(--text-muted)
}

:root[data-theme=light] ._badge_4q951_246,[data-theme=light] ._badge_4q951_246 {
    background: var(--surface-2)
}

._networkBadge_4q951_370 {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    object-fit: cover;
    border: 2px solid var(--bg-dark);
    background: var(--bg-dark)
}

:root[data-theme=light] ._networkBadge_4q951_370,[data-theme=light] ._networkBadge_4q951_370 {
    border-color: var(--surface-1);
    background: var(--surface-1)
}

._backdrop_46ch6_2 {
    position: fixed;
    inset: 0;
    background: #0009;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 11000;
    overscroll-behavior: contain
}

._backdropHidden_46ch6_15 {
    background: transparent;
    pointer-events: none
}

._sheet_46ch6_20 {
    position: relative;
    width: 100%;
    max-width: 480px;
    height: var(--app-height);
    max-height: var(--app-height);
    margin: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    border-radius: 0;
    background: var(--bg-dark);
    overflow: hidden;
    padding-bottom: env(safe-area-inset-bottom)
}

._sheet_46ch6_20[data-theme=light] {
    background: var(--bg-light)
}

@keyframes _slideUp_46ch6_1 {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

._animateIn_46ch6_47 {
    animation: _slideUp_46ch6_1 .18s ease-out
}

._header_46ch6_50 {
    position: sticky;
    top: var(--app-top, 0px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 16px;
    padding-top: max(14px,env(safe-area-inset-top));
    border-bottom: 1px solid rgba(255,255,255,.08);
    z-index: 2;
    background: inherit
}

._sheet_46ch6_20[data-theme=light] ._header_46ch6_50 {
    border-bottom-color: #00000014
}

._title_46ch6_70 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .2px;
    color: var(--text-primary-dark);
    justify-self: center
}

._sheet_46ch6_20[data-theme=light] ._title_46ch6_70 {
    color: var(--text-primary-light)
}

._headerBalance_46ch6_80 {
    font-size: 12px;
    justify-self: start;
    color: var(--text-secondary-dark)
}

._sheet_46ch6_20[data-theme=light] ._headerBalance_46ch6_80 {
    color: var(--text-secondary-light)
}

._close_46ch6_87 {
    justify-self: end;
    background: none;
    border: 0;
    padding: 6px;
    cursor: pointer;
    color: var(--text-secondary-dark)
}

._sheet_46ch6_20[data-theme=light] ._close_46ch6_87 {
    color: var(--text-secondary-light)
}

._content_46ch6_35 {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px;
    padding-bottom: calc(112px + env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    gap: 18px;
    overscroll-behavior: contain
}

._block_46ch6_116 {
    display: flex;
    flex-direction: column;
    gap: 10px
}

._label_46ch6_118 {
    font-size: 14px;
    color: var(--text-secondary-dark)
}

._sheet_46ch6_20[data-theme=light] ._label_46ch6_118 {
    color: var(--text-secondary-light)
}

._inputRow_46ch6_122 {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    gap: 8px;
    align-items: center;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.1)
}

._inputRow_46ch6_122[data-theme=light] {
    border-color: #0000001a
}

._input_46ch6_122 {
    background: transparent;
    border: 0;
    outline: none;
    font-size: 16px;
    color: var(--text-primary-dark)
}

._sheet_46ch6_20[data-theme=light] ._input_46ch6_122 {
    color: var(--text-primary-light)
}

._inlineBtn_46ch6_142 {
    background: none;
    border: 0;
    cursor: pointer;
    font-weight: 600;
    color: var(--accent-green);
    padding: 6px 4px
}

._iconBtn_46ch6_151 {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff0f;
    border: 0;
    cursor: pointer;
    color: var(--text-primary-dark)
}

._sheet_46ch6_20[data-theme=light] ._iconBtn_46ch6_151 {
    background: #0000000f;
    color: var(--text-primary-light)
}

._networkRow_46ch6_169 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px
}

._networkRow_46ch6_169[data-theme=light] {
    border-color: #0000001a
}

._netLeft_46ch6_179 {
    display: flex;
    align-items: center;
    gap: 10px
}

._netIcon_46ch6_181 {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff14;
    font-size: 14px
}

._netLogo_46ch6_188 {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    object-fit: cover
}

._netName_46ch6_195 {
    font-weight: 600;
    color: var(--text-primary-dark)
}

._sheet_46ch6_20[data-theme=light] ._netName_46ch6_195 {
    color: var(--text-primary-light)
}

._netMore_46ch6_198 {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 6px;
    color: var(--text-secondary-dark)
}

._sheet_46ch6_20[data-theme=light] ._netMore_46ch6_198 {
    color: var(--text-secondary-light)
}

._dropdown_46ch6_205 {
    margin-top: 8px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    overflow: hidden
}

._dropdown_46ch6_205[data-theme=light] {
    border-color: #0000001a
}

._dropdownItem_46ch6_213 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: transparent;
    border: 0;
    cursor: pointer
}

._dropdownItem_46ch6_213:hover {
    background: #ffffff0f
}

._sheet_46ch6_20[data-theme=light] ._dropdownItem_46ch6_213:hover {
    background: #0000000f
}

._dropdownLogo_46ch6_226 {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    object-fit: cover
}

._dropdownName_46ch6_233 {
    font-size: 14px;
    color: var(--text-primary-dark)
}

._sheet_46ch6_20[data-theme=light] ._dropdownName_46ch6_233 {
    color: var(--text-primary-light)
}

._tokenSym_46ch6_241 {
    font-weight: 600
}

._tokenName_46ch6_242 {
    font-size: 12px;
    opacity: .8;
    margin-left: 2px
}

._balanceLine_46ch6_249 {
    margin-top: 6px;
    font-size: 13px;
    color: var(--text-secondary-dark)
}

._sheet_46ch6_20[data-theme=light] ._balanceLine_46ch6_249 {
    color: var(--text-secondary-light)
}

._amountRow_46ch6_257 {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    gap: 8px;
    align-items: center;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.1)
}

._amountRow_46ch6_257[data-theme=light] {
    border-color: #0000001a
}

._suffix_46ch6_268 {
    font-weight: 600;
    padding: 4px 6px;
    color: var(--text-primary-dark)
}

._sheet_46ch6_20[data-theme=light] ._suffix_46ch6_268 {
    color: var(--text-primary-light)
}

._maxBtn_46ch6_275 {
    border: 0;
    border-radius: 10px;
    padding: 6px 10px;
    cursor: pointer;
    background: #10b98126;
    color: var(--accent-green);
    font-weight: 600
}

._balanceRow_46ch6_286 {
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: var(--text-secondary-dark)
}

._sheet_46ch6_20[data-theme=light] ._balanceRow_46ch6_286 {
    color: var(--text-secondary-light)
}

._balanceFiat_46ch6_295 {
    font-size: 13px;
    opacity: .9
}

._quickRow_46ch6_301 {
    display: flex;
    gap: 8px;
    margin-top: 8px
}

._quickBtn_46ch6_306 {
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.12);
    background: transparent;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px
}

._quickBtn_46ch6_306:hover {
    background: #ffffff0f
}

._sheet_46ch6_20[data-theme=light] ._quickBtn_46ch6_306 {
    border-color: #0000001f
}

._sheet_46ch6_20[data-theme=light] ._quickBtn_46ch6_306:hover {
    background: #0000000f
}

._errorText_46ch6_324 {
    margin-top: 6px;
    color: #ef4444;
    font-size: 13px
}

._approx_46ch6_329 {
    margin-top: 6px;
    font-size: 14px;
    color: var(--text-secondary-dark)
}

._sheet_46ch6_20[data-theme=light] ._approx_46ch6_329 {
    color: var(--text-secondary-light)
}

._footer_46ch6_337 {
    position: sticky;
    bottom: 0;
    padding: 10px 12px 18px;
    padding-bottom: calc(18px + env(safe-area-inset-bottom));
    background: inherit;
    border-top: 1px solid rgba(255,255,255,.08);
    z-index: 3
}

._sheet_46ch6_20[data-theme=light] ._footer_46ch6_337 {
    border-top-color: #00000014
}

._nextBtn_46ch6_350 {
    width: 100%;
    height: 54px;
    border-radius: 999px;
    border: 0;
    font-weight: 600;
    font-size: 18px;
    background: var(--accent-green);
    color: #0f1b12;
    cursor: pointer
}

._nextBtn_46ch6_350:disabled {
    opacity: .55;
    cursor: not-allowed;
    filter: saturate(.6)
}

@media(min-width: 600px) {
    ._sheet_46ch6_20 {
        max-width:480px;
        height: auto;
        max-height: 90vh;
        margin: auto;
        border-radius: 16px;
        overflow: hidden;
        padding-bottom: 0
    }
}

.csm-overlay {
    position: fixed;
    inset: 0;
    background: #242426;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 11000
}

@keyframes csmSlideUp {
    0% {
        transform: translateY(24px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.csm-animate-in {
    animation: csmSlideUp .22s ease-out
}

.csm-sheet {
    background: #111315;
    color: #e5e7eb;
    width: 100%;
    max-width: 480px;
    height: 100%;
    display: flex;
    flex-direction: column
}

.csm-header {
    position: relative;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-dark)
}

.csm-title {
    font-size: 15px;
    font-weight: 600
}

.csm-back,.csm-gear {
    position: absolute;
    top: 8px;
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    padding: 6px;
    font-size: 18px
}

.csm-back {
    left: 4px
}

.csm-gear {
    right: 4px
}

.csm-body {
    flex: 1;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    background: var(--bg-dark)
}

.csm-main-card {
    background: #242426;
    border-radius: 16px;
    padding: 12px 14px
}

.csm-main-left {
    display: flex;
    align-items: center;
    gap: 10px
}

.csm-main-icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600
}

.csm-main-icon-img {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    object-fit: cover
}

.csm-main-amount {
    font-size: 18px;
    font-weight: 600
}

.csm-main-sub {
    font-size: 12px;
    color: #9ca3af
}

.csm-info-card {
    background: #242426;
    border-radius: 16px;
    padding: 12px 14px
}

.csm-row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.csm-row-top {
    margin-top: 10px
}

.csm-row-label {
    font-size: 13px;
    color: #9ca3af
}

.csm-row-value {
    font-size: 13px;
    font-weight: 600
}

.csm-row-sub {
    font-size: 12px;
    margin-top: 4px;
    text-align: right;
    color: #9ca3af
}

.csm-fee-card {
    background: #242426;
    border-radius: 16px;
    padding: 12px 14px
}

.csm-fee-link {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px
}

.csm-fee-gear {
    font-size: 13px
}

.csm-flexgas {
    text-decoration: underline;
    cursor: pointer
}

.csm-fee-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.csm-fee-left {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.csm-fee-info {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: 1px solid #29AA74;
    color: #29aa74;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center
}

.csm-fee-right {
    text-align: right
}

.csm-fee-amount {
    font-size: 13px;
    font-weight: 600
}

.csm-fee-sub {
    font-size: 11px;
    color: #9ca3af
}

.csm-total-card {
    background: #242426;
    border-radius: 16px;
    padding: 10px 14px
}

.csm-footer {
    margin-top: auto;
    padding-top: 4px
}

.csm-primary-btn {
    width: 100%;
    border-radius: 999px;
    border: none;
    padding: 12px 16px;
    background: #29aa74;
    color: #052e16;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer
}

.csm-primary-btn:disabled {
    opacity: .6;
    cursor: not-allowed
}

:root[data-theme=light] .csm-overlay,[data-theme=light] .csm-overlay {
    background: #00000038
}

:root[data-theme=dark] .csm-overlay,[data-theme=dark] .csm-overlay {
    background: #00000073
}

.csm-sheet {
    background: var(--modal-bg);
    color: var(--text)
}

.csm-header {
    background: var(--modal-bg);
    border-bottom: 1px solid var(--divider)
}

.csm-body {
    background: var(--modal-bg)
}

.csm-back,.csm-gear {
    color: var(--text-muted)
}

.csm-main-card,.csm-info-card,.csm-fee-card,.csm-total-card {
    background: var(--surface-1)
}

.csm-main-sub,.csm-row-label,.csm-row-sub,.csm-fee-sub {
    color: var(--text-muted)
}

.csm-row-value,.csm-main-amount,.csm-fee-amount {
    color: var(--text)
}

:root[data-theme=light] .csm-primary-btn,[data-theme=light] .csm-primary-btn {
    background: #2563eb;
    color: #fff
}

:root[data-theme=light] .csm-primary-btn:disabled,[data-theme=light] .csm-primary-btn:disabled {
    background: #2563eb59;
    color: #ffffffd9;
    opacity: 1
}

.processing-overlay {
    position: fixed;
    inset: 0;
    z-index: 11000;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    pointer-events: auto;
    background: transparent
}

.processing-sheet {
    position: relative;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    border-radius: 20px 20px 0 0;
    padding: 20px 16px 24px;
    background: var(--bg-dark);
    box-shadow: 0 -10px 40px #000000b3;
    animation: processing-slide-up .3s ease-out;
    color: #fff
}

@keyframes processing-slide-up {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.processing-close {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 18px
}

.processing-icon-wrap {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 16px
}

.processing-title {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #fff
}

.processing-text {
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    color: #fffc;
    margin-bottom: 20px
}

.processing-primary-btn {
    width: 100%;
    height: 48px;
    border-radius: 999px;
    border: 0;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    background: var(--accent-green);
    color: var(--bg-dark)
}

@media(min-width: 600px) {
    .processing-overlay {
        align-items:center;
        background: #0006
    }

    .processing-sheet {
        max-width: 360px;
        border-radius: 16px
    }
}

.processing-sheet {
    background: var(--modal-bg);
    color: var(--text)
}

.processing-close {
    color: var(--text-muted)
}

.processing-title {
    color: var(--text)
}

.processing-text {
    color: var(--text-muted)
}

.processing-primary-btn {
    color: #052e16
}

@media(min-width: 600px) {
    :root[data-theme=light] .processing-overlay,[data-theme=light] .processing-overlay {
        background:#00000038
    }
}

.rm-overlay {
    position: fixed;
    inset: 0;
    background: #0009;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 20000
}

.rm-sheet {
    background: var(--modal-bg);
    color: var(--text);
    width: 100%;
    max-width: 480px;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px
}

.rm-header {
    position: relative;
    padding: 12px 16px;
    border-bottom: 1px solid var(--divider);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--modal-bg)
}

.rm-title {
    font-size: 16px;
    font-weight: 600
}

.rm-close,.rm-header-info {
    position: absolute;
    top: 8px;
    border: none;
    background: none;
    color: var(--text-muted);
    padding: 6px;
    cursor: pointer
}

.rm-close {
    left: 4px;
    font-size: 18px
}

.rm-header-info {
    right: 4px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.rm-warning {
    margin: 12px 16px 16px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #92400e;
    display: flex;
    gap: 8px;
    align-items: center
}

.rm-warning-icon {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 1px solid #fbbf24;
    color: #fbbf24;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-shrink: 0
}

.rm-warning-text {
    font-size: 12px;
    line-height: 1.3
}

.rm-token-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 12px
}

.rm-token-icon-wrap {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: var(--surface-1);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.rm-token-icon {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    object-fit: cover
}

.rm-token-fallback {
    color: var(--text);
    font-weight: 600
}

.rm-token-symbol {
    font-weight: 600;
    font-size: 16px
}

.rm-network-pill {
    background: var(--surface-1);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px
}

.rm-qr-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 24px;
    margin-bottom: 16px
}

.rm-qr-card {
    background: #fff;
    border-radius: 28px;
    padding: 16px 18px 10px;
    text-align: center
}

.rm-qr-inner {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 0 auto
}

.rm-qr-shield {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.rm-qr-shield-circle {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.rm-qr-logo {
    width: 32px;
    height: 32px;
    display: block
}

.rm-address {
    font-size: 12px;
    text-align: center;
    max-width: 240px;
    word-break: break-all;
    margin: 8px auto 0;
    color: #111315
}

.rm-copy-btn {
    align-self: center;
    margin-top: 4px;
    border-radius: 999px;
    border: none;
    padding: 8px 18px;
    background: var(--surface-1);
    color: var(--text);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid var(--border)
}

.rm-copy-icon {
    font-size: 16px
}

.rm-bottom-btn {
    margin: 24px 16px 0;
    border-radius: 18px;
    border: none;
    background: #15803d;
    color: #ecfdf5;
    display: flex;
    align-items: center;
    padding: 12px 14px;
    gap: 10px;
    cursor: pointer
}

.rm-bottom-icon {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #0000002e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px
}

.rm-bottom-text {
    text-align: left
}

.rm-bottom-title {
    font-weight: 600;
    font-size: 14px
}

.rm-bottom-sub {
    font-size: 12px;
    opacity: .9
}

:root[data-theme=light] .rm-overlay,[data-theme=light] .rm-overlay {
    background: #00000038
}

.tm-overlay {
    position: fixed;
    inset: 0;
    background: #0009;
    display: flex;
    align-items: stretch;
    justify-content: center;
    z-index: 1000
}

.tm-sheet {
    position: relative;
    background: var(--modal-bg);
    color: var(--text);
    width: 100%;
    max-width: 480px;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 10px 40px #00000080
}

@keyframes tmFadeIn {
    0% {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.tm-animate-in {
    animation: tmFadeIn .18s ease-out
}

.tm-header {
    position: sticky;
    top: 0;
    background: var(--modal-bg);
    z-index: 2;
    padding: 12px 16px;
    border-bottom: 1px solid var(--divider);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tm-close {
    appearance: none;
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-size: 18px;
    padding: 6px;
    cursor: pointer
}

.tm-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 auto
}

.tm-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--surface-2);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    color: var(--text)
}

.tm-icon-img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover
}

.tm-title-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1
}

.tm-symbol {
    font-weight: 700;
    font-size: 14px;
    color: var(--text)
}

.tm-name {
    font-size: 12px;
    color: var(--text-muted)
}

.tm-star {
    margin-left: 8px;
    appearance: none;
    border: none;
    background: transparent;
    font-size: 18px;
    color: var(--accent-green);
    cursor: pointer
}

.tm-price-block {
    padding: 14px 16px 8px;
    display: flex;
    align-items: baseline;
    gap: 10px
}

.tm-price {
    font-size: 26px;
    font-weight: 700
}

.tm-change {
    font-size: 14px;
    font-weight: 600
}

.tm-green {
    color: var(--accent-green)
}

.tm-red {
    color: #ef4444
}

.tm-tabs {
    display: flex;
    gap: 6px;
    padding: 0 16px 12px;
    border-bottom: 1px solid var(--divider)
}

.tm-tab {
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 8px;
    cursor: pointer
}

.tm-tab-active {
    color: var(--text);
    background: var(--surface-1)
}

.tm-chart-placeholder {
    height: 120px;
    margin: 14px 16px;
    border-radius: 12px;
    background: linear-gradient(90deg,var(--surface-2) 25%,var(--surface-1) 50%,var(--surface-2) 75%);
    background-size: 200% 100%;
    animation: tmShimmer 1.2s linear infinite
}

@keyframes tmShimmer {
    0% {
        background-position: 200% 0
    }

    to {
        background-position: 0 0
    }
}

.tm-card {
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 12px;
    margin-bottom: 12px
}

.tm-card-title {
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--text)
}

.tm-buy-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tm-buy-price {
    font-size: 20px;
    font-weight: 700;
    color: var(--text)
}

.tm-buy-btn {
    background: var(--accent-green);
    color: #052e16;
    border: none;
    padding: 8px 12px;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 700
}

.tm-sections-tabs {
    display: flex;
    gap: 8px;
    margin: 12px 0
}

.tm-section-tab {
    border: none;
    background: transparent;
    color: var(--text-muted);
    padding: 6px 10px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600
}

.tm-section-active {
    color: var(--text);
    background: var(--surface-1)
}

.tm-balance-card {
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 12px;
    margin-bottom: 12px
}

.tm-balance-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tm-balance-left {
    display: flex;
    align-items: center;
    gap: 10px
}

.tm-mini-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--surface-2);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    color: var(--text)
}

.tm-mini-icon-img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover
}

.tm-balance-name {
    font-weight: 700;
    color: var(--text)
}

.tm-balance-amount {
    color: var(--text-muted);
    font-size: 12px
}

.tm-balance-right {
    color: var(--text);
    font-weight: 700
}

.tm-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 14px;
    padding: 14px;
    margin-bottom: 12px;
    font-weight: 700
}

.tm-yellow {
    background: #fcd34d;
    color: #0b1220
}

.tm-banner.tm-green {
    background: #34d399;
    color: #0b1220
}

.tm-banner-title {
    font-size: 14px
}

.tm-banner-sub {
    font-size: 12px;
    font-weight: 600;
    opacity: .9
}

.tm-banner-cta {
    background: #0003;
    color: #0b1220;
    border: none;
    padding: 8px 12px;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer
}

.tm-bottom-bar {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--modal-bg);
    border-top: 1px solid var(--divider);
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 4px;
    padding: 8px
}

.tm-action {
    background: transparent;
    color: var(--text);
    border: none;
    cursor: pointer;
    display: grid;
    gap: 6px;
    justify-items: center;
    padding: 6px 0;
    font-size: 12px
}

.tm-act-ico {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--surface-1);
    display: grid;
    place-items: center
}

.tm-chart-placeholder {
    height: 140px;
    margin: 14px 16px;
    border-radius: 12px;
    background: var(--surface-1);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.tm-chart-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

:root[data-theme=light] .tm-overlay,[data-theme=light] .tm-overlay {
    background: #00000038
}

:root[data-theme=light] .tm-banner-cta,[data-theme=light] .tm-banner-cta {
    background: #0000001f
}

:root[data-theme=light] .tm-tabs .tm-tab,[data-theme=light] .tm-tabs .tm-tab {
    color: #111827a6
}

:root[data-theme=light] .tm-tabs .tm-tab-active,[data-theme=light] .tm-tabs .tm-tab-active {
    color: #111827;
    background: #fff;
    border: 1px solid rgba(0,0,0,.12)
}

:root[data-theme=light] .tm-tabs .tm-tab:hover,[data-theme=light] .tm-tabs .tm-tab:hover {
    background: #0000000a
}

.tsm-overlay {
    position: fixed;
    inset: 0;
    background: #0009;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20000
}

.tsm-sheet {
    position: relative;
    z-index: 20001;
    width: 100%;
    max-width: 360px;
    border-radius: 24px;
    padding: 32px 24px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--modal-bg);
    color: var(--text)
}

.tsm-close {
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    background: none;
    color: var(--text-muted);
    font-size: 20px;
    padding: 4px;
    cursor: pointer
}

.tsm-icon-wrap {
    width: 120px;
    height: 120px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px
}

.tsm-image {
    width: 120px;
    height: 120px;
    object-fit: contain;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.tsm-message {
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 28px
}

.tsm-ok-btn {
    width: 100%;
    border-radius: 999px;
    border: none;
    padding: 12px 16px;
    background: var(--accent-green);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: transform .15s ease,opacity .2s ease
}

.tsm-ok-btn:hover {
    background: var(--accent-green-hover);
    transform: translateY(-1px)
}

.tsm-ok-btn:active {
    transform: scale(.98)
}

:root[data-theme=light] .tsm-overlay,[data-theme=light] .tsm-overlay {
    background: #00000059
}

._backdrop_1ey7d_2 {
    position: fixed;
    inset: 0;
    background: #0000008c;
    z-index: 999999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 76px;
    padding-left: 12px;
    padding-right: 12px
}

._sheet_1ey7d_17 {
    width: 100%;
    max-width: 420px;
    max-height: 520px;
    border-radius: 18px;
    overflow: hidden;
    padding: 14px 14px 10px;
    box-shadow: 0 20px 60px #0000008c;
    background: var(--modal-bg);
    color: var(--text)
}

._sheet_1ey7d_17[data-theme=dark],._sheet_1ey7d_17[data-theme=light] {
    background: var(--modal-bg);
    color: var(--text)
}

._headerRow_1ey7d_44 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 2px 10px
}

._title_1ey7d_51 {
    font-weight: 600;
    font-size: 14px;
    opacity: .9;
    color: var(--text)
}

._closeBtn_1ey7d_58 {
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    background: transparent;
    color: var(--text);
    font-size: 18px
}

._searchWrap_1ey7d_69 {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 999px;
    padding: 12px 14px;
    margin-bottom: 10px;
    background: var(--surface-1)
}

._searchIcon_1ey7d_82 {
    opacity: .75;
    color: var(--text-muted)
}

._search_1ey7d_69 {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--text);
    caret-color: var(--text);
    font-size: 16px
}

._search_1ey7d_69::placeholder {
    color: var(--text-muted)
}

._list_1ey7d_103 {
    overflow: auto;
    max-height: 400px;
    padding-bottom: 6px
}

._row_1ey7d_109 {
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 12px 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px
}

._row_1ey7d_109:hover {
    background: var(--surface-2)
}

._left_1ey7d_128 {
    display: flex;
    align-items: center;
    gap: 12px
}

._logo_1ey7d_134 {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    object-fit: cover;
    flex-shrink: 0
}

._globe_1ey7d_142 {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 18px;
    background: #22c55e1f;
    color: var(--text)
}

._names_1ey7d_156 {
    display: flex;
    flex-direction: column
}

._name_1ey7d_156 {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.1;
    color: var(--text)
}

._sub_1ey7d_168 {
    display: none
}

._state_1ey7d_172 {
    padding: 14px 8px;
    opacity: .75;
    color: var(--text-muted)
}

._stateErr_1ey7d_178 {
    padding: 14px 8px;
    color: #ff4d4f
}

._radio_1ey7d_184 {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    flex-shrink: 0
}

._radioOff_1ey7d_192 {
    border: 3px solid var(--border)
}

._radioOn_1ey7d_196 {
    background: var(--accent-green);
    border: 3px solid var(--accent-green)
}

._balanceCard_11dbr_1 {
    text-align: center;
    padding: 2rem 1rem
}

._balanceAmount_11dbr_6 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: .5rem
}

._balanceCard_11dbr_1[data-theme=dark] ._balanceAmount_11dbr_6 {
    color: var(--text-primary-dark)
}

._balanceCard_11dbr_1[data-theme=light] ._balanceAmount_11dbr_6 {
    color: var(--text-primary-light)
}

._balanceChange_11dbr_20 {
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem
}

._balanceChange_11dbr_20[data-positive=true] {
    color: var(--pct-green)
}

._balanceChange_11dbr_20[data-positive=false] {
    color: var(--pct-red)
}

._arrow_11dbr_35 {
    font-size: .75rem
}

._delta_11dbr_38 {
    opacity: .85;
    font-size: 13px
}

._overlay_e1sge_1 {
    position: fixed;
    inset: 0;
    background: #0009;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 1000;
    isolation: isolate;
    padding-top: var(--app-top, 0px);
    overscroll-behavior: contain
}

._sheet_e1sge_21 {
    width: 100%;
    max-width: 480px;
    position: relative;
    z-index: 1;
    height: calc(var(--app-height, 100dvh) - var(--app-top, 0px));
    max-height: calc(var(--app-height, 100dvh) - var(--app-top, 0px));
    background: var(--bg-dark);
    color: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    overscroll-behavior: contain
}

._stickyTop_e1sge_43 {
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--bg-dark);
    padding-top: calc(env(safe-area-inset-top,0px) + 12px);
    border-bottom: 1px solid rgba(255,255,255,.08)
}

._header_e1sge_58 {
    position: sticky;
    top: 0;
    z-index: 50;
    background: var(--bg-dark);
    padding: 14px 16px;
    padding-top: calc(14px + env(safe-area-inset-top,0px));
    min-height: calc(52px + env(safe-area-inset-top,0px));
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255,255,255,.08)
}

._title_e1sge_75 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px
}

._close_e1sge_80 {
    position: absolute;
    left: 12px;
    top: 10px;
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
    color: #9ca3af;
    font-size: 20px;
    line-height: 1;
    padding: 8px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

._searchRow_e1sge_101 {
    padding: 14px 16px 10px;
    background: transparent
}

._searchBox_e1sge_106 {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--bg-dark);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 18px;
    padding: 12px 14px
}

._searchIcon_e1sge_116 {
    color: #9ca3af;
    font-size: 16px
}

._searchInput_e1sge_121 {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: #e5e7eb;
    font-size: 14px
}

._netsRow_e1sge_131 {
    padding: 0 16px 12px;
    display: flex;
    gap: 12px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: transparent
}

._netChip_e1sge_140 {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.1);
    background: var(--bg-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

._netChipActive_e1sge_154 {
    border-color: #34d399;
    box-shadow: 0 0 0 2px #34d3992e inset
}

._netLogo_e1sge_159 {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    object-fit: cover
}

._netAll_e1sge_166 {
    font-weight: 800;
    font-size: 13px;
    color: #cbd1d6
}

._netFallback_e1sge_172 {
    font-weight: 900;
    color: #cbd1d6
}

._list_e1sge_178 {
    padding: 6px 16px 18px;
    display: flex;
    flex-direction: column
}

._itemRow_e1sge_184 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    position: relative
}

._left_e1sge_194 {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1 1 auto
}

._tokenIconWrap_e1sge_202 {
    position: relative;
    width: 52px;
    height: 52px;
    flex: 0 0 auto
}

._tokenIcon_e1sge_202 {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    object-fit: cover;
    display: block
}

._tokenFallback_e1sge_217 {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff0f;
    font-weight: 600;
    color: #e5e7eb
}

._networkBadge_e1sge_230 {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    object-fit: cover;
    border: 2px solid #0f1113;
    background: #0f1113
}

._meta_e1sge_242 {
    min-width: 0
}

._symRow_e1sge_246 {
    display: flex;
    align-items: center;
    gap: 8px
}

._symbol_e1sge_252 {
    font-weight: 600;
    font-size: 16px;
    color: #fff
}

._badge_e1sge_258 {
    font-size: 12px;
    color: #9ca3af;
    background: #ffffff0f;
    padding: 4px 10px;
    border-radius: 999px
}

._addr_e1sge_266 {
    color: #9ca3af;
    font-size: 14px;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px
}

._actions_e1sge_277 {
    flex: 0 0 auto;
    display: flex;
    gap: 10px;
    position: relative;
    z-index: 5
}

._iconBtn_e1sge_285 {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.1);
    background: #ffffff0f;
    color: #cbd1d6;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 6;
    pointer-events: auto
}

._iconBtn_e1sge_285:disabled {
    opacity: .45;
    cursor: default
}

._iconText_e1sge_307 {
    font-size: 18px;
    line-height: 1
}

._empty_e1sge_312 {
    color: #9ca3af;
    text-align: center;
    padding: 24px 0
}

._copied_e1sge_318 {
    background: #10b98140;
    border: 1px solid rgba(16,185,129,.8)
}

:root[data-theme=light] ._sheet_e1sge_21,[data-theme=light] ._sheet_e1sge_21 {
    background: var(--modal-bg);
    color: var(--text)
}

:root[data-theme=light] ._stickyTop_e1sge_43,[data-theme=light] ._stickyTop_e1sge_43 {
    background: var(--modal-bg);
    border-bottom: 1px solid var(--divider)
}

:root[data-theme=light] ._header_e1sge_58,[data-theme=light] ._header_e1sge_58 {
    background: transparent
}

:root[data-theme=light] ._close_e1sge_80,[data-theme=light] ._close_e1sge_80 {
    color: var(--text-muted)
}

:root[data-theme=light] ._searchBox_e1sge_106,[data-theme=light] ._searchBox_e1sge_106 {
    background: var(--surface-1);
    border: 1px solid var(--border)
}

:root[data-theme=light] ._searchIcon_e1sge_116,[data-theme=light] ._searchIcon_e1sge_116 {
    color: var(--text-muted)
}

:root[data-theme=light] ._searchInput_e1sge_121,[data-theme=light] ._searchInput_e1sge_121 {
    color: var(--text)
}

:root[data-theme=light] ._netChip_e1sge_140,[data-theme=light] ._netChip_e1sge_140 {
    background: var(--surface-1);
    border: 1px solid var(--border)
}

:root[data-theme=light] ._netAll_e1sge_166,:root[data-theme=light] ._netFallback_e1sge_172,[data-theme=light] ._netAll_e1sge_166,[data-theme=light] ._netFallback_e1sge_172 {
    color: var(--text)
}

:root[data-theme=light] ._tokenFallback_e1sge_217,[data-theme=light] ._tokenFallback_e1sge_217 {
    background: var(--surface-2);
    color: var(--text)
}

:root[data-theme=light] ._networkBadge_e1sge_230,[data-theme=light] ._networkBadge_e1sge_230 {
    border: 2px solid var(--modal-bg);
    background: var(--modal-bg)
}

:root[data-theme=light] ._symbol_e1sge_252,[data-theme=light] ._symbol_e1sge_252 {
    color: var(--text)
}

:root[data-theme=light] ._badge_e1sge_258,:root[data-theme=light] ._addr_e1sge_266,:root[data-theme=light] ._empty_e1sge_312,[data-theme=light] ._badge_e1sge_258,[data-theme=light] ._addr_e1sge_266,[data-theme=light] ._empty_e1sge_312 {
    color: var(--text-muted)
}

:root[data-theme=light] ._badge_e1sge_258,[data-theme=light] ._badge_e1sge_258 {
    background: var(--surface-2)
}

:root[data-theme=light] ._iconBtn_e1sge_285,[data-theme=light] ._iconBtn_e1sge_285 {
    border: 1px solid var(--border);
    background: var(--surface-1);
    color: var(--text)
}

._actionsContainer_ipj12_1 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 1.5rem 1rem;
    gap: .5rem
}

._actionButton_ipj12_9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    background: none;
    border: none;
    cursor: pointer;
    transition: transform .2s ease
}

._actionButton_ipj12_9:hover {
    transform: translateY(-2px)
}

._iconWrapper_ipj12_24 {
    width: 3rem;
    height: 3rem;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease
}

._iconWrapper_ipj12_24[data-variant=default] {
    background-color: #ffffff0d;
    color: #9ca3af
}

._actionButton_ipj12_9[data-theme=light] ._iconWrapper_ipj12_24[data-variant=default] {
    background-color: #0000000d;
    color: #6b7280
}

._actionButton_ipj12_9:hover ._iconWrapper_ipj12_24[data-variant=default] {
    background-color: var(--accent-green-hover)
}

._actionButton_ipj12_9[data-theme=light]:hover ._iconWrapper_ipj12_24[data-variant=default] {
    background-color: #0000001a
}

._iconWrapper_ipj12_24[data-variant=primary] {
    background-color: #ffffff0d;
    color: #9ca3af
}

._actionButton_ipj12_9[data-theme=light] ._iconWrapper_ipj12_24[data-variant=primary] {
    background-color: #0000000d;
    color: #6b7280
}

._actionButton_ipj12_9:hover ._iconWrapper_ipj12_24[data-variant=primary] {
    background-color: var(--accent-green-hover)
}

._actionButton_ipj12_9[data-theme=light]:hover ._iconWrapper_ipj12_24[data-variant=primary] {
    background-color: #0000001a
}

._actionLabel_ipj12_81 {
    font-size: .8125rem;
    font-weight: 500
}

._actionButton_ipj12_9[data-theme=dark] ._actionLabel_ipj12_81 {
    color: var(--text-secondary-dark)
}

._actionButton_ipj12_9[data-theme=light] ._actionLabel_ipj12_81 {
    color: var(--text-secondary-light)
}

@media(max-width: 640px) {
    ._actionsContainer_ipj12_1 {
        gap:.25rem
    }

    ._iconWrapper_ipj12_24 {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 20px
    }

    ._actionLabel_ipj12_81 {
        font-size: .75rem
    }
}

._carouselContainer_191r6_1 {
    position: relative;
    margin: 1rem;
    padding: 1.25rem;
    border-radius: 1rem;
    overflow: hidden
}

._carouselContainer_191r6_1[data-theme=dark] {
    background-color: #242426
}

._carouselContainer_191r6_1[data-theme=light] {
    background-color: #f9fafb
}

._dismissButton_191r6_17 {
    position: absolute;
    top: .75rem;
    right: .75rem;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .2s ease;
    z-index: 10
}

._dismissButton_191r6_17[data-theme=dark],._carouselContainer_191r6_1[data-theme=dark] ._dismissButton_191r6_17 {
    background-color: #ffffff1a;
    color: #9ca3af
}

._carouselContainer_191r6_1[data-theme=light] ._dismissButton_191r6_17 {
    background-color: #0000000d;
    color: #6b7280
}

._dismissButton_191r6_17:hover {
    background-color: #fff3
}

._carouselContent_191r6_52 {
    display: flex;
    align-items: center;
    gap: 1rem
}

._iconGroup_191r6_58 {
    display: flex;
    align-items: center;
    position: relative;
    flex-shrink: 0
}

._iconCircle_191r6_65 {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px #0000001a
}

._iconCircle_191r6_65:last-child {
    margin-left: -.5rem
}

._textContent_191r6_79 {
    flex: 1
}

._title_191r6_83 {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 .25rem
}

._carouselContainer_191r6_1[data-theme=dark] ._title_191r6_83 {
    color: var(--text-primary-dark)
}

._carouselContainer_191r6_1[data-theme=light] ._title_191r6_83 {
    color: var(--text-primary-light)
}

._description_191r6_97 {
    font-size: .875rem;
    margin: 0 0 .75rem
}

._carouselContainer_191r6_1[data-theme=dark] ._description_191r6_97 {
    color: var(--text-secondary-dark)
}

._carouselContainer_191r6_1[data-theme=light] ._description_191r6_97 {
    color: var(--text-secondary-light)
}

._exploreButton_191r6_110 {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    background: none;
    border: none;
    color: var(--accent-green);
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    transition: opacity .2s ease
}

._exploreButton_191r6_110:hover {
    opacity: .8
}

._dotsContainer_191r6_128 {
    display: flex;
    justify-content: center;
    gap: .375rem;
    margin-top: 1rem
}

._dot_191r6_128 {
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: all .3s ease;
    padding: 0
}

._carouselContainer_191r6_1[data-theme=dark] ._dot_191r6_128 {
    background-color: #fff3
}

._carouselContainer_191r6_1[data-theme=light] ._dot_191r6_128 {
    background-color: #0003
}

._dot_191r6_128[data-active=true] {
    width: 1.5rem;
    border-radius: .25rem
}

._carouselContainer_191r6_1[data-theme=dark] ._dot_191r6_128[data-active=true] {
    background-color: #fff
}

._carouselContainer_191r6_1[data-theme=light] ._dot_191r6_128[data-active=true] {
    background-color: #1a1d1f
}

._fireBadge_191r6_167 {
    position: absolute;
    top: .75rem;
    left: .75rem;
    width: 2rem;
    height: 2rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    color: #fff;
    z-index: 10;
    box-shadow: 0 4px 10px #00000040
}

._iconWrapper_191r6_184 {
    width: 4.5rem;
    height: 4.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

._iconWrapper_191r6_184 svg {
    width: 100%;
    height: 100%
}

._carouselContent_191r6_52:hover ._exploreButton_191r6_110 {
    opacity: .85
}

._carouselContent_191r6_52 {
    cursor: pointer
}

._carouselContent_191r6_52 {
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer
}

._iconGroup_191r6_58 {
    display: flex;
    align-items: center;
    position: relative;
    flex-shrink: 0;
    width: 84px;
    height: 84px
}

._mainIcon_191r6_228 {
    width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5aa0ff;
    opacity: .95
}

._badge_191r6_239 {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px #00000040;
    border: 2px solid rgba(255,255,255,.12)
}

._badgeIcon_191r6_254 {
    color: #0b1220;
    opacity: .95
}

._carouselContainer_191r6_1[data-theme=light] ._mainIcon_191r6_228 {
    color: #2b5cff
}

._carouselContainer_191r6_1[data-theme=light] ._badgeIcon_191r6_254 {
    color: #0b1220
}

._container_19mds_1 {
    display: flex;
    flex-direction: column;
    margin: 1rem;
    border-radius: 1rem;
    overflow: hidden
}

._container_19mds_1[data-theme=dark] {
    background-color: #242628
}

._container_19mds_1[data-theme=light] {
    background-color: #f9fafb
}

._tabs_19mds_17 {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1rem 1rem .75rem;
    border-bottom: 1px solid
}

._container_19mds_1[data-theme=dark] ._tabs_19mds_17 {
    border-bottom-color: #ffffff1a
}

._container_19mds_1[data-theme=light] ._tabs_19mds_17 {
    border-bottom-color: #0000001a
}

._tab_19mds_17 {
    padding: .5rem .75rem;
    border: none;
    background: none;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    border-radius: .5rem;
    position: relative
}

._tab_19mds_17[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._tab_19mds_17[data-theme=light] {
    color: var(--text-secondary-light)
}

._tab_19mds_17[data-active=true] {
    font-weight: 600
}

._tab_19mds_17[data-theme=dark][data-active=true] {
    color: var(--text-primary-dark);
    background-color: #ffffff0d
}

._tab_19mds_17[data-theme=light][data-active=true] {
    color: var(--text-primary-light);
    background-color: #0000000d
}

._iconButton_19mds_66 {
    width: 2rem;
    height: 2rem;
    border-radius: .5rem;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .2s ease;
    margin-left: auto;
    background: none
}

._iconButton_19mds_66[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._iconButton_19mds_66[data-theme=light] {
    color: var(--text-secondary-light)
}

._iconButton_19mds_66:hover {
    background-color: #ffffff0d
}

._container_19mds_1[data-theme=light] ._iconButton_19mds_66:hover {
    background-color: #0000000d
}

._iconButton_19mds_66:first-of-type {
    margin-left: auto
}

._tokenList_19mds_100 {
    display: flex;
    flex-direction: column
}

._tokenItem_19mds_105 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    cursor: pointer;
    transition: background-color .2s ease;
    border-bottom: 1px solid
}

._container_19mds_1[data-theme=dark] ._tokenItem_19mds_105 {
    border-bottom-color: #ffffff0d
}

._container_19mds_1[data-theme=light] ._tokenItem_19mds_105 {
    border-bottom-color: #0000000d
}

._tokenItem_19mds_105:last-child {
    border-bottom: none
}

._container_19mds_1[data-theme=light] ._tokenItem_19mds_105:hover {
    background-color: #00000008
}

._tokenLeft_19mds_127 {
    display: flex;
    align-items: center;
    gap: .75rem
}

._tokenIcon_19mds_132 {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    flex-shrink: 0
}

._tokenInfo_19mds_145 {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

._tokenSymbol_19mds_150 {
    display: flex;
    align-items: center;
    gap: .5rem
}

._symbol_19mds_155 {
    font-size: .9375rem;
    font-weight: 600
}

._container_19mds_1[data-theme=dark] ._symbol_19mds_155 {
    color: var(--text-primary-dark)
}

._container_19mds_1[data-theme=light] ._symbol_19mds_155 {
    color: var(--text-primary-light)
}

._name_19mds_168 {
    font-size: 12px;
    color: #9ca3af;
    background: #ffffff0f;
    padding: 4px 10px;
    border-radius: 999px
}

._container_19mds_1[data-theme=dark] ._name_19mds_168 {
    color: var(--text-secondary-dark)
}

._container_19mds_1[data-theme=light] ._name_19mds_168 {
    color: var(--text-secondary-light)
}

._tokenPrice_19mds_184 {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .8125rem
}

._container_19mds_1[data-theme=dark] ._tokenPrice_19mds_184 {
    color: var(--text-secondary-dark)
}

._container_19mds_1[data-theme=light] ._tokenPrice_19mds_184 {
    color: var(--text-secondary-light)
}

._change_19mds_199[data-negative=true] {
    color: var(--pct-red)
}

._change_19mds_199[data-negative=false] {
    color: var(--pct-green)
}

._tokenRight_19mds_208 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .25rem
}

._amount_19mds_215 {
    font-size: .9375rem;
    font-weight: 600
}

._container_19mds_1[data-theme=dark] ._amount_19mds_215 {
    color: var(--text-primary-dark)
}

._container_19mds_1[data-theme=light] ._amount_19mds_215 {
    color: var(--text-primary-light)
}

._amountUSD_19mds_228 {
    font-size: .8125rem
}

._container_19mds_1[data-theme=dark] ._amountUSD_19mds_228 {
    color: var(--text-secondary-dark)
}

._container_19mds_1[data-theme=light] ._amountUSD_19mds_228 {
    color: var(--text-secondary-light)
}

._tokenIconWrap_19mds_240 {
    position: relative;
    width: 40px;
    height: 40px
}

._tokenIcon_19mds_132 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    display: block
}

._networkBadge_19mds_242 {
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--bg-dark)
}

._container_19mds_1[data-theme=light] ._networkBadge_19mds_242 {
    border-color: var(--bg-light)
}

._manageLink_19mds_248 {
    width: 100%;
    border: none;
    background: transparent;
    padding: 16px 0 18px;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    color: var(--pct-green)
}

._manageLink_19mds_248:hover {
    opacity: .9
}

._nftEmpty_19mds_260 {
    width: 100%;
    min-height: 40vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem 1.25rem;
    text-align: center
}

._nftIconWrap_19mds_271 {
    width: 120px;
    height: 120px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem
}

._nftEmpty_19mds_260[data-theme=dark] ._nftIconWrap_19mds_271 {
    background: #ffffff0a
}

._nftEmpty_19mds_260[data-theme=light] ._nftIconWrap_19mds_271 {
    background: #0000000a
}

._nftIcon_19mds_271 {
    color: #9ca3af
}

._nftText_19mds_293 {
    max-width: 22rem
}

._nftTitle_19mds_297 {
    font-size: 13px;
    line-height: 1.35rem;
    margin-bottom: 1.25rem;
    opacity: .9
}

._nftEmpty_19mds_260[data-theme=dark] ._nftTitle_19mds_297 {
    color: var(--text-secondary-dark)
}

._nftEmpty_19mds_260[data-theme=light] ._nftTitle_19mds_297 {
    color: var(--text-secondary-light)
}

._nftButton_19mds_312 {
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--accent-green)
}

._nftButton_19mds_312:hover {
    opacity: .9
}

._overlay_eo7et_1 {
    position: fixed;
    inset: 0;
    background: #0009;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 9999;
    padding-top: var(--app-top, 0px);
    isolation: isolate;
    transform: translateZ(0);
    overscroll-behavior: contain
}

._sheet_eo7et_20 {
    width: 100%;
    max-width: 480px;
    height: calc(var(--app-height, 100dvh) - var(--app-top, 0px));
    max-height: calc(var(--app-height, 100dvh) - var(--app-top, 0px));
    background: var(--bg-dark);
    color: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    overscroll-behavior: contain
}

._header_eo7et_38 {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--bg-dark);
    display: flex;
    align-items: center;
    padding: 14px 16px;
    padding-top: max(14px,env(safe-area-inset-top));
    border-bottom: 1px solid rgba(255,255,255,.08)
}

._back_eo7et_55 {
    border: none;
    background: transparent;
    color: #fff;
    font-size: 22px;
    padding: 6px 8px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

._title_eo7et_65 {
    flex: 1;
    text-align: center;
    font-weight: 800;
    font-size: 16px
}

._add_eo7et_72 {
    border: none;
    background: transparent;
    color: #34d399;
    font-size: 28px;
    padding: 2px 8px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

._searchRow_eo7et_83 {
    padding: 12px 16px 10px
}

._searchBox_eo7et_87 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--bg-dark);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 18px;
    min-height: 48px;
    padding: 12px 14px;
    box-sizing: border-box
}

._searchIcon_eo7et_102 {
    color: #9ca3af;
    font-size: 16px
}

._searchInput_eo7et_107 {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: #fff;
    font-size: 16px
}

._netsRow_eo7et_117 {
    padding: 0 16px 12px;
    display: flex;
    gap: 12px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

._netChip_eo7et_125 {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.1);
    background: #15181c;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

._netChipActive_eo7et_139 {
    border-color: #34d399;
    box-shadow: 0 0 0 2px #34d3992e inset
}

._netLogo_eo7et_144 {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    object-fit: cover
}

._netAll_eo7et_151 {
    font-weight: 800;
    font-size: 13px;
    color: #cbd1d6
}

._netFallback_eo7et_157 {
    font-weight: 900;
    color: #cbd1d6
}

._list_eo7et_163 {
    padding: 6px 16px 18px;
    display: flex;
    flex-direction: column
}

._row_eo7et_169 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 14px 0
}

._left_eo7et_177 {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

._tokenIconWrap_eo7et_184 {
    position: relative;
    width: 52px;
    height: 52px;
    flex: 0 0 auto
}

._tokenIcon_eo7et_184 {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    background: var(--bg-dark)
}

._tokenFallback_eo7et_200 {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff0f;
    font-weight: 900
}

._networkBadge_eo7et_211 {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #0f1113;
    background: #0f1113
}

._meta_eo7et_223 {
    min-width: 0
}

._symRow_eo7et_225 {
    display: flex;
    align-items: center;
    gap: 8px
}

._symbol_eo7et_231 {
    font-weight: 600;
    font-size: 16px
}

._badge_eo7et_236 {
    font-size: 12px;
    color: #9ca3af;
    background: #ffffff0f;
    padding: 4px 10px;
    border-radius: 999px
}

._name_eo7et_244 {
    color: #9ca3af;
    font-size: 14px;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px
}

._switch_eo7et_255 {
    width: 56px;
    height: 32px;
    border-radius: 999px;
    background: #2a2f34;
    position: relative;
    border: 1px solid rgba(255,255,255,.1);
    cursor: pointer
}

._switch_eo7et_255[data-on=true] {
    background: #34d399;
    border-color: #34d3998c
}

._knob_eo7et_270 {
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    transition: left .18s ease
}

._switch_eo7et_255[data-on=true] ._knob_eo7et_270 {
    left: 28px
}

._empty_eo7et_286 {
    color: #9ca3af;
    text-align: center;
    padding: 24px 0
}

:root[data-theme=light] ._overlay_eo7et_1,[data-theme=light] ._overlay_eo7et_1 {
    background: #00000038
}

:root[data-theme=light] ._sheet_eo7et_20,[data-theme=light] ._sheet_eo7et_20 {
    background: var(--modal-bg);
    color: var(--text)
}

:root[data-theme=light] ._header_eo7et_38,[data-theme=light] ._header_eo7et_38 {
    background: var(--modal-bg);
    border-bottom: 1px solid var(--divider)
}

:root[data-theme=light] ._back_eo7et_55,[data-theme=light] ._back_eo7et_55 {
    color: var(--text)
}

:root[data-theme=light] ._title_eo7et_65,[data-theme=light] ._title_eo7et_65 {
    color: var(--text)
}

:root[data-theme=light] ._searchBox_eo7et_87,[data-theme=light] ._searchBox_eo7et_87 {
    background: var(--surface-1);
    border: 1px solid var(--border)
}

:root[data-theme=light] ._searchIcon_eo7et_102,[data-theme=light] ._searchIcon_eo7et_102 {
    color: var(--text-muted)
}

:root[data-theme=light] ._searchInput_eo7et_107,[data-theme=light] ._searchInput_eo7et_107 {
    color: var(--text)
}

:root[data-theme=light] ._netChip_eo7et_125,[data-theme=light] ._netChip_eo7et_125 {
    background: var(--surface-1);
    border: 1px solid var(--border)
}

:root[data-theme=light] ._netAll_eo7et_151,:root[data-theme=light] ._netFallback_eo7et_157,[data-theme=light] ._netAll_eo7et_151,[data-theme=light] ._netFallback_eo7et_157 {
    color: var(--text)
}

:root[data-theme=light] ._tokenIcon_eo7et_184,[data-theme=light] ._tokenIcon_eo7et_184 {
    background: var(--surface-1)
}

:root[data-theme=light] ._tokenFallback_eo7et_200,[data-theme=light] ._tokenFallback_eo7et_200 {
    background: var(--surface-2);
    color: var(--text)
}

:root[data-theme=light] ._networkBadge_eo7et_211,[data-theme=light] ._networkBadge_eo7et_211 {
    border: 2px solid var(--modal-bg);
    background: var(--modal-bg)
}

:root[data-theme=light] ._symbol_eo7et_231,[data-theme=light] ._symbol_eo7et_231 {
    color: var(--text)
}

:root[data-theme=light] ._name_eo7et_244,:root[data-theme=light] ._badge_eo7et_236,:root[data-theme=light] ._empty_eo7et_286,[data-theme=light] ._name_eo7et_244,[data-theme=light] ._badge_eo7et_236,[data-theme=light] ._empty_eo7et_286 {
    color: var(--text-muted)
}

:root[data-theme=light] ._badge_eo7et_236,[data-theme=light] ._badge_eo7et_236 {
    background: var(--surface-2)
}

:root[data-theme=light] ._switch_eo7et_255,[data-theme=light] ._switch_eo7et_255 {
    background: var(--surface-2);
    border: 1px solid var(--border)
}

:root[data-theme=light] ._switch_eo7et_255[data-on=true],[data-theme=light] ._switch_eo7et_255[data-on=true] {
    background: #34d399;
    border-color: #34d3998c;
    box-shadow: 0 0 0 2px #34d3992e inset
}

:root[data-theme=light] ._knob_eo7et_270,[data-theme=light] ._knob_eo7et_270 {
    background: #fff;
    box-shadow: 0 2px 6px #0000002e
}

._switch_eo7et_255:disabled {
    opacity: .6;
    cursor: default
}

._container_5bghi_1 {
    display: flex;
    flex-direction: column;
    margin: 1rem;
    border-radius: 1rem;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: calc(env(safe-area-inset-top,0px) + 12px);
    padding-bottom: calc(env(safe-area-inset-bottom,0px) + 32px)
}

._container_5bghi_1[data-theme=dark] {
    background-color: #242628
}

._container_5bghi_1[data-theme=light] {
    background-color: #f9fafb
}

._header_5bghi_20 {
    padding: 1rem 1rem .75rem
}

._title_5bghi_24 {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0
}

._title_5bghi_24[data-theme=dark] {
    color: var(--text-primary-dark)
}

._title_5bghi_24[data-theme=light] {
    color: var(--text-primary-light)
}

._tabs_5bghi_38 {
    display: flex;
    gap: .5rem;
    padding: 0 1rem .75rem;
    border-bottom: 1px solid
}

._container_5bghi_1[data-theme=dark] ._tabs_5bghi_38 {
    border-bottom-color: #ffffff1a
}

._container_5bghi_1[data-theme=light] ._tabs_5bghi_38 {
    border-bottom-color: #0000001a
}

._tab_5bghi_38 {
    padding: .5rem .75rem;
    border: none;
    background: none;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    border-radius: .5rem
}

._tab_5bghi_38[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._tab_5bghi_38[data-theme=light] {
    color: var(--text-secondary-light)
}

._tab_5bghi_38[data-active=true] {
    font-weight: 600
}

._tab_5bghi_38[data-theme=dark][data-active=true] {
    color: var(--text-primary-dark);
    background-color: #ffffff0d
}

._tab_5bghi_38[data-theme=light][data-active=true] {
    color: var(--text-primary-light);
    background-color: #0000000d
}

._description_5bghi_86 {
    padding: .75rem 1rem;
    font-size: .8125rem;
    line-height: 1.4
}

._description_5bghi_86[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._description_5bghi_86[data-theme=light] {
    color: var(--text-secondary-light)
}

._tokenList_5bghi_100 {
    display: flex;
    flex-direction: column
}

._tokenItem_5bghi_105 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .875rem 1rem;
    cursor: pointer;
    transition: background-color .2s ease;
    border-bottom: 1px solid
}

._container_5bghi_1[data-theme=dark] ._tokenItem_5bghi_105 {
    border-bottom-color: #ffffff0d
}

._container_5bghi_1[data-theme=light] ._tokenItem_5bghi_105 {
    border-bottom-color: #0000000d
}

._tokenItem_5bghi_105:last-child {
    border-bottom: none
}

._tokenItem_5bghi_105:hover {
    background-color: #ffffff08
}

._container_5bghi_1[data-theme=light] ._tokenItem_5bghi_105:hover {
    background-color: #00000008
}

._tokenLeft_5bghi_135 {
    display: flex;
    align-items: center;
    gap: .75rem
}

._rank_5bghi_141 {
    font-size: .875rem;
    font-weight: 500;
    width: 1.25rem;
    text-align: center
}

._rank_5bghi_141[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._rank_5bghi_141[data-theme=light] {
    color: var(--text-secondary-light)
}

._tokenIconWrap_5bghi_156 {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0
}

._tokenIcon_5bghi_156 {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0
}

._networkBadge_5bghi_174 {
    position: absolute;
    right: -.2rem;
    bottom: -.2rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    overflow: hidden;
    background: #242628;
    border: 2px solid #242628;
    z-index: 3
}

._networkBadgeImg_5bghi_187 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

._tokenInfo_5bghi_194 {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

._tokenName_5bghi_200 {
    font-size: .9375rem;
    font-weight: 600
}

._tokenName_5bghi_200[data-theme=dark] {
    color: var(--text-primary-dark)
}

._tokenName_5bghi_200[data-theme=light] {
    color: var(--text-primary-light)
}

._tokenStats_5bghi_213 {
    display: flex;
    align-items: center;
    gap: .375rem;
    font-size: .75rem
}

._tokenStats_5bghi_213[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._tokenStats_5bghi_213[data-theme=light] {
    color: var(--text-secondary-light)
}

._dot_5bghi_228 {
    opacity: .5
}

._tokenRight_5bghi_232 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .25rem
}

._price_5bghi_239 {
    font-size: .9375rem;
    font-weight: 500
}

._price_5bghi_239[data-theme=dark] {
    color: var(--text-primary-dark)
}

._price_5bghi_239[data-theme=light] {
    color: var(--text-primary-light)
}

._change_5bghi_252 {
    font-size: .8125rem;
    font-weight: 500
}

._change_5bghi_252[data-positive=true] {
    color: var(--pct-green)
}

._change_5bghi_252[data-positive=false] {
    color: var(--pct-red)
}

@media(max-width: 480px) {
    ._container_5bghi_1 {
        margin:.75rem
    }

    ._header_5bghi_20 {
        padding: .875rem .875rem .625rem
    }

    ._title_5bghi_24 {
        font-size: 1rem
    }

    ._tabs_5bghi_38 {
        padding: 0 .875rem .625rem
    }

    ._description_5bghi_86 {
        padding: .625rem .875rem;
        font-size: .75rem
    }

    ._tokenItem_5bghi_105 {
        padding: .75rem .875rem
    }

    ._tokenIconWrap_5bghi_156 {
        width: 2.5rem;
        height: 2.5rem
    }

    ._tokenIcon_5bghi_156 {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.125rem
    }

    ._networkBadge_5bghi_174 {
        width: 1.25rem;
        height: 1.25rem
    }

    ._tokenName_5bghi_200 {
        font-size: .875rem
    }

    ._tokenStats_5bghi_213 {
        font-size: .6875rem
    }

    ._price_5bghi_239 {
        font-size: .875rem
    }

    ._change_5bghi_252 {
        font-size: .75rem
    }
}

._tab_5552o_38 {
    padding: .5rem .75rem;
    border: none;
    background: none;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    border-radius: .5rem
}

._tab_5552o_38[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._tab_5552o_38[data-theme=light] {
    color: var(--text-secondary-light)
}

._tab_5552o_38[data-active=true] {
    font-weight: 600
}

._tab_5552o_38[data-theme=dark][data-active=true] {
    color: var(--text-primary-dark);
    background-color: #ffffff0d
}

._tab_5552o_38[data-theme=light][data-active=true] {
    color: var(--text-primary-light);
    background-color: #0000000d
}

._description_5552o_86 {
    padding: .75rem 1rem;
    font-size: .8125rem;
    line-height: 1.4
}

._description_5552o_86[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._description_5552o_86[data-theme=light] {
    color: var(--text-secondary-light)
}

._tokenStats_5552o_186 {
    display: flex;
    align-items: center;
    gap: .375rem;
    font-size: .75rem
}

._tokenStats_5552o_186[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._tokenStats_5552o_186[data-theme=light] {
    color: var(--text-secondary-light)
}

._dot_5552o_201 {
    opacity: .5
}

@media(max-width: 480px) {
    ._container_5552o_1 {
        margin:.75rem
    }

    ._header_5552o_20 {
        padding: .875rem .875rem .625rem
    }

    ._title_5552o_24 {
        font-size: 1rem
    }

    ._tabs_5552o_38 {
        padding: 0 .875rem .625rem
    }

    ._description_5552o_86 {
        padding: .625rem .875rem;
        font-size: .75rem
    }

    ._tokenItem_5552o_105 {
        padding: .75rem .875rem
    }

    ._tokenIcon_5552o_156 {
        width: 2.25rem;
        height: 2.25rem;
        font-size: 1.125rem
    }

    ._tokenName_5552o_173 {
        font-size: .875rem
    }

    ._tokenStats_5552o_186 {
        font-size: .6875rem
    }

    ._price_5552o_212 {
        font-size: .875rem
    }

    ._change_5552o_225 {
        font-size: .75rem
    }
}

._container_5552o_1 {
    display: flex;
    flex-direction: column;
    margin: 1rem;
    border-radius: 1rem;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: calc(env(safe-area-inset-top,0px) + 12px);
    padding-bottom: calc(env(safe-area-inset-bottom,0px) + 32px)
}

._container_5552o_1[data-theme=dark] {
    background-color: #242628
}

._container_5552o_1[data-theme=light] {
    background-color: #f9fafb
}

._header_5552o_20 {
    padding: 1rem 1rem .75rem
}

._title_5552o_24 {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0
}

._title_5552o_24[data-theme=dark] {
    color: var(--text-primary-dark)
}

._title_5552o_24[data-theme=light] {
    color: var(--text-primary-light)
}

._tabs_5552o_38 {
    display: flex;
    gap: .5rem;
    padding: 0 1rem .75rem;
    border-bottom: 1px solid
}

._container_5552o_1[data-theme=dark] ._tabs_5552o_38 {
    border-bottom-color: #ffffff1a
}

._container_5552o_1[data-theme=light] ._tabs_5552o_38 {
    border-bottom-color: #0000001a
}

._tokenList_5552o_100 {
    display: flex;
    flex-direction: column
}

._tokenItem_5552o_105 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .875rem 1rem;
    cursor: pointer;
    transition: background-color .2s ease;
    border-bottom: 1px solid
}

._container_5552o_1[data-theme=dark] ._tokenItem_5552o_105 {
    border-bottom-color: #ffffff0d
}

._container_5552o_1[data-theme=light] ._tokenItem_5552o_105 {
    border-bottom-color: #0000000d
}

._tokenItem_5552o_105:last-child {
    border-bottom: none
}

._tokenItem_5552o_105:hover {
    background-color: #ffffff08
}

._container_5552o_1[data-theme=light] ._tokenItem_5552o_105:hover {
    background-color: #00000008
}

._tokenLeft_5552o_135 {
    display: flex;
    align-items: center;
    gap: .75rem
}

._rank_5552o_141 {
    font-size: .875rem;
    font-weight: 500;
    width: 1.25rem;
    text-align: center
}

._rank_5552o_141[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._rank_5552o_141[data-theme=light] {
    color: var(--text-secondary-light)
}

._tokenIconWrap_5552o_397 {
    position: relative;
    width: 2.5rem;
    height: 2.5rem
}

._tokenIcon_5552o_156 {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0
}

._networkBadge_5552o_418 {
    position: absolute;
    right: -.15rem;
    bottom: -.15rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    overflow: hidden;
    background: #1f2328;
    border: 2px solid #242628;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2
}

._networkBadgeImg_5552o_434 {
    width: 100%;
    height: 100%;
    object-fit: cover
}

._tokenInfo_5552o_167 {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

._tokenName_5552o_173 {
    font-size: .9375rem;
    font-weight: 600
}

._tokenName_5552o_173[data-theme=dark] {
    color: var(--text-primary-dark)
}

._tokenName_5552o_173[data-theme=light] {
    color: var(--text-primary-light)
}

._tokenRight_5552o_205 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .25rem
}

._price_5552o_212 {
    font-size: .9375rem;
    font-weight: 500
}

._price_5552o_212[data-theme=dark] {
    color: var(--text-primary-dark)
}

._price_5552o_212[data-theme=light] {
    color: var(--text-primary-light)
}

._change_5552o_225 {
    font-size: .8125rem;
    font-weight: 500
}

._change_5552o_225[data-positive=true] {
    color: var(--pct-green)
}

._change_5552o_225[data-positive=false] {
    color: var(--pct-red)
}

@media(max-width: 480px) {
    ._container_5552o_1 {
        margin:.75rem
    }

    ._tokenItem_5552o_105 {
        padding: .75rem .875rem
    }

    ._tokenIconWrap_5552o_397,._tokenIcon_5552o_156 {
        width: 2.5rem;
        height: 2.5rem
    }

    ._networkBadge_5552o_418 {
        width: 1.25rem;
        height: 1.25rem
    }
}

._container_ylzn4_1 {
    display: flex;
    flex-direction: column;
    margin: 1rem
}

._header_ylzn4_7 {
    padding-bottom: .75rem
}

._title_ylzn4_11 {
    font-size: 1.125rem;
    font-weight: 600
}

._tokenList_ylzn4_16 {
    display: flex;
    gap: .75rem;
    overflow-x: auto;
    padding-bottom: .5rem;
    scrollbar-width: none
}

._tokenList_ylzn4_16::-webkit-scrollbar {
    display: none
}

._tokenCard_ylzn4_28 {
    min-width: 180px;
    padding: 1rem;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    cursor: pointer
}

._tokenCard_ylzn4_28[data-theme=dark] {
    background: #242628
}

._tokenCard_ylzn4_28[data-theme=light] {
    background: #f9fafb
}

._tokenHeader_ylzn4_46 {
    display: flex;
    align-items: center;
    gap: .625rem
}

._tokenIconWrap_ylzn4_52 {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0
}

._tokenIcon_ylzn4_52 {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    overflow: hidden;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    background: #ffffff0f
}

._tokenIconImg_ylzn4_70 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

._networkBadge_ylzn4_77 {
    position: absolute;
    right: -.15rem;
    bottom: -.15rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    overflow: hidden;
    background: #242628;
    border: 2px solid #242628;
    z-index: 2
}

._networkBadgeImg_ylzn4_90 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

._tokenInfo_ylzn4_97 {
    display: flex;
    flex-direction: column
}

._tokenName_ylzn4_102 {
    font-size: .9375rem;
    font-weight: 600
}

._tokenAmount_ylzn4_107 {
    font-size: .75rem;
    opacity: .7
}

._tokenStats_ylzn4_112 {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

._price_ylzn4_118 {
    font-size: 1.125rem;
    font-weight: 600
}

._change_ylzn4_123 {
    font-size: .8125rem;
    font-weight: 500
}

._change_ylzn4_123[data-positive=true] {
    color: #10b981
}

._change_ylzn4_123[data-positive=false] {
    color: #ef4444
}

._container_vtk31_1 {
    display: flex;
    flex-direction: column;
    margin: 1rem
}

._header_vtk31_7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 .75rem
}

._title_vtk31_14 {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0
}

._title_vtk31_14[data-theme=dark] {
    color: var(--text-primary-dark)
}

._title_vtk31_14[data-theme=light] {
    color: var(--text-primary-light)
}

._arrow_vtk31_28 {
    cursor: pointer;
    transition: transform .2s ease
}

._arrow_vtk31_28[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._arrow_vtk31_28[data-theme=light] {
    color: var(--text-secondary-light)
}

._arrow_vtk31_28:hover {
    transform: translate(2px)
}

._taskList_vtk31_45 {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-bottom: 1rem
}

._taskCard_vtk31_52 {
    padding: 1rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
    transition: all .2s ease
}

._taskCard_vtk31_52[data-theme=dark] {
    background-color: #242628
}

._taskCard_vtk31_52[data-theme=light] {
    background-color: #f9fafb
}

._taskCard_vtk31_52:hover {
    transform: translateY(-2px)
}

._taskCard_vtk31_52[data-theme=dark]:hover {
    background-color: #2a2c2e
}

._taskCard_vtk31_52[data-theme=light]:hover {
    background-color: #f3f4f6
}

._taskLeft_vtk31_83 {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex: 1
}

._icon_vtk31_90 {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0
}

._taskInfo_vtk31_101 {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

._taskTitle_vtk31_107 {
    font-size: .9375rem;
    font-weight: 600
}

._taskTitle_vtk31_107[data-theme=dark] {
    color: var(--text-primary-dark)
}

._taskTitle_vtk31_107[data-theme=light] {
    color: var(--text-primary-light)
}

._taskSubtitle_vtk31_120 {
    font-size: .8125rem
}

._taskSubtitle_vtk31_120[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._taskSubtitle_vtk31_120[data-theme=light] {
    color: var(--text-secondary-light)
}

._button_vtk31_132 {
    padding: .625rem 1.25rem;
    border: none;
    border-radius: 1.5rem;
    font-size: .875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    flex-shrink: 0;
    background-color: var(--accent-green);
    color: #fff
}

._button_vtk31_132:hover {
    transform: scale(1.05);
    background-color: var(--accent-green-hover)
}

._button_vtk31_132[data-theme=dark],._button_vtk31_132[data-theme=light] {
    background-color: var(--accent-green);
    color: #fff
}

._button_vtk31_132[data-theme=dark]:hover,._button_vtk31_132[data-theme=light]:hover {
    background-color: var(--accent-green-hover)
}

._disclaimer_vtk31_164 {
    font-size: .75rem;
    line-height: 1.5;
    padding: 0 .25rem
}

._disclaimer_vtk31_164[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._disclaimer_vtk31_164[data-theme=light] {
    color: var(--text-secondary-light)
}

@media(max-width: 480px) {
    ._container_vtk31_1 {
        margin:.75rem
    }

    ._title_vtk31_14 {
        font-size: 1rem
    }

    ._taskCard_vtk31_52 {
        padding: .875rem;
        flex-direction: column;
        align-items: flex-start
    }

    ._taskLeft_vtk31_83 {
        width: 100%
    }

    ._icon_vtk31_90 {
        width: 2.75rem;
        height: 2.75rem;
        font-size: 1.375rem
    }

    ._button_vtk31_132 {
        width: 100%;
        padding: .75rem
    }

    ._disclaimer_vtk31_164 {
        font-size: .6875rem
    }
}

._bottomNav_1q71y_1 {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 10;
    width: 100%;
    max-width: 430px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: .75rem 1rem 1rem;
    border-top: 1px solid;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

._bottomNav_1q71y_1[data-theme=dark] {
    background-color: #1a1d1ff2;
    border-top-color: #2d3135
}

._bottomNav_1q71y_1[data-theme=light] {
    background-color: #fffffff2;
    border-top-color: #e5e7eb
}

._navItem_1q71y_31 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .375rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: .5rem;
    transition: all .2s ease;
    position: relative
}

._navItem_1q71y_31 svg {
    transition: all .2s ease
}

._navItem_1q71y_31[data-theme=dark] {
    color: #9ca3af
}

._navItem_1q71y_31[data-theme=light] {
    color: #6b7280
}

._navItem_1q71y_31[data-active=true][data-theme=dark],._navItem_1q71y_31[data-active=true][data-theme=light] {
    color: var(--accent-green)
}

._navLabel_1q71y_64 {
    font-size: .6875rem;
    font-weight: 500;
    white-space: nowrap
}

@media(max-width: 640px) {
    ._bottomNav_1q71y_1 {
        max-width:100%;
        padding: .625rem .5rem .875rem
    }

    ._navItem_1q71y_31 {
        padding: .375rem
    }

    ._navItem_1q71y_31 svg {
        width: 20px;
        height: 20px
    }

    ._navLabel_1q71y_64 {
        font-size: .625rem
    }
}

._container_twfnd_1 {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5rem;
    box-sizing: border-box;
    padding-top: calc(env(safe-area-inset-top,0px) + 12px);
    padding-bottom: calc(env(safe-area-inset-bottom,0px) + 32px)
}

._container_twfnd_1[data-theme=dark] {
    background-color: var(--bg-dark)
}

._container_twfnd_1[data-theme=light] {
    background-color: var(--bg-light)
}

._header_twfnd_20 {
    width: 100%;
    max-width: 26rem;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 10;
    display: flex;
    flex-direction: column
}

._header_twfnd_20[data-theme=dark] {
    background-color: var(--bg-dark)
}

._header_twfnd_20[data-theme=light] {
    background-color: var(--bg-light)
}

._headerTop_twfnd_40 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding: .75rem 1rem
}

._backButton_twfnd_48,._searchButton_twfnd_49 {
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    background: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .2s ease
}

._backButton_twfnd_48[data-theme=dark],._searchButton_twfnd_49[data-theme=dark] {
    color: var(--text-primary-dark)
}

._backButton_twfnd_48[data-theme=light],._searchButton_twfnd_49[data-theme=light] {
    color: var(--text-primary-light)
}

._backButton_twfnd_48:hover,._searchButton_twfnd_49:hover {
    background-color: #ffffff0d
}

._container_twfnd_1[data-theme=light] ._backButton_twfnd_48:hover,._container_twfnd_1[data-theme=light] ._searchButton_twfnd_49:hover {
    background-color: #0000000d
}

._title_twfnd_82 {
    font-size: 1rem;
    font-weight: 600;
    white-space: nowrap
}

._container_twfnd_1[data-theme=dark] ._title_twfnd_82 {
    color: var(--text-primary-dark)
}

._container_twfnd_1[data-theme=light] ._title_twfnd_82 {
    color: var(--text-primary-light)
}

._filters_twfnd_96 {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex: 1;
    overflow-x: auto;
    scrollbar-width: none
}

._filters_twfnd_96::-webkit-scrollbar {
    display: none
}

._filterGroup_twfnd_109 {
    display: flex;
    gap: .5rem;
    align-items: center
}

._filterButton_twfnd_115 {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .375rem .625rem;
    border-radius: .75rem;
    font-size: .75rem;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s ease;
    border: 1px solid;
    flex-shrink: 0
}

._filterButton_twfnd_115[data-theme=dark] {
    background-color: transparent;
    border-color: #ffffff1a;
    color: var(--text-secondary-dark)
}

._filterButton_twfnd_115[data-theme=light] {
    background-color: transparent;
    border-color: #0000001a;
    color: var(--text-secondary-light)
}

._filterButton_twfnd_115[data-active=true] {
    border-color: var(--accent-green)
}

._filterButton_twfnd_115[data-theme=dark][data-active=true] {
    color: var(--text-primary-dark)
}

._filterButton_twfnd_115[data-theme=light][data-active=true] {
    color: var(--text-primary-light)
}

._iconButton_twfnd_154 {
    width: 2rem;
    height: 2rem;
    border-radius: .5rem;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .2s ease;
    flex-shrink: 0;
    background: none
}

._iconButton_twfnd_154[data-theme=dark] {
    border-color: #ffffff1a;
    color: var(--text-secondary-dark)
}

._iconButton_twfnd_154[data-theme=light] {
    border-color: #0000001a;
    color: var(--text-secondary-light)
}

._tableHeader_twfnd_178 {
    display: flex;
    justify-content: space-between;
    padding: .625rem 1rem;
    font-size: .75rem;
    font-weight: 500;
    border-top: 1px solid
}

._tableHeader_twfnd_178[data-theme=dark] {
    color: var(--text-secondary-dark);
    border-top-color: #ffffff1a
}

._tableHeader_twfnd_178[data-theme=light] {
    color: var(--text-secondary-light);
    border-top-color: #0000001a
}

._headerLeft_twfnd_197 {
    flex: 1
}

._headerRight_twfnd_201 {
    text-align: right
}

._content_twfnd_205 {
    width: 100%;
    max-width: 26rem;
    margin-top: 4.2rem;
    padding-bottom: 5rem
}

._tokenList_twfnd_212 {
    width: 100%;
    display: flex;
    flex-direction: column
}

._tokenItem_twfnd_218 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .875rem 1rem;
    cursor: pointer;
    transition: background-color .2s ease
}

._tokenItem_twfnd_218[data-theme=dark] {
    border-bottom-color: #ffffff0d
}

._tokenItem_twfnd_218[data-theme=light] {
    border-bottom-color: #0000000d
}

._tokenItem_twfnd_218:hover {
    background-color: #ffffff08
}

._container_twfnd_1[data-theme=light] ._tokenItem_twfnd_218:hover {
    background-color: #00000008
}

._tokenLeft_twfnd_244 {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex: 1
}

._tokenInfo_twfnd_258 {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

._tokenName_twfnd_264 {
    font-size: .9375rem;
    font-weight: 600
}

._container_twfnd_1[data-theme=dark] ._tokenName_twfnd_264 {
    color: var(--text-primary-dark)
}

._container_twfnd_1[data-theme=light] ._tokenName_twfnd_264 {
    color: var(--text-primary-light)
}

._tokenVolume_twfnd_277 {
    font-size: .8125rem
}

._container_twfnd_1[data-theme=dark] ._tokenVolume_twfnd_277 {
    color: var(--text-secondary-dark)
}

._container_twfnd_1[data-theme=light] ._tokenVolume_twfnd_277 {
    color: var(--text-secondary-light)
}

._tokenRight_twfnd_289 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .25rem
}

._tokenPrice_twfnd_296 {
    font-size: .9375rem;
    font-weight: 500
}

._container_twfnd_1[data-theme=dark] ._tokenPrice_twfnd_296 {
    color: var(--text-primary-dark)
}

._container_twfnd_1[data-theme=light] ._tokenPrice_twfnd_296 {
    color: var(--text-primary-light)
}

._tokenChange_twfnd_309 {
    font-size: .8125rem;
    font-weight: 500
}

._tokenChange_twfnd_309[data-negative=true] {
    color: #ef4444
}

._tokenChange_twfnd_309[data-negative=false] {
    color: var(--accent-green)
}

._footer_twfnd_322 {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    max-width: 26rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: .75rem 1rem;
    border-top: 1px solid;
    z-index: 100;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

._footer_twfnd_322[data-theme=dark] {
    background-color: var(--bg-dark);
    border-top-color: #ffffff1a
}

._footer_twfnd_322[data-theme=light] {
    background-color: var(--bg-light);
    border-top-color: #0000001a
}

._footerButton_twfnd_348 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: .25rem;
    transition: color .2s ease
}

._footerButton_twfnd_348 span {
    font-size: .6875rem;
    font-weight: 500
}

._footer_twfnd_322[data-theme=dark] ._footerButton_twfnd_348 {
    color: var(--text-secondary-dark)
}

._footer_twfnd_322[data-theme=light] ._footerButton_twfnd_348 {
    color: var(--text-secondary-light)
}

._footerButton_twfnd_348[data-active=true] {
    color: var(--accent-green)
}

._tokenLogoWrap_twfnd_376 {
    position: relative;
    width: 2.5rem;
    height: 2.5rem
}

._tokenLogo_twfnd_251 {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    flex-shrink: 0
}

._networkBadge_twfnd_391 {
    position: absolute;
    right: -.15rem;
    bottom: -.15rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    overflow: hidden;
    background: #1f2328;
    border: 2px solid var(--bg-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2
}

._networkBadgeImg_twfnd_407 {
    width: 100%;
    height: 100%;
    object-fit: cover
}

._overlay_vspit_4 {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 1200;
    overscroll-behavior: contain
}

._sheet_vspit_18 {
    width: 100%;
    max-width: 26rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: var(--app-height);
    max-height: var(--app-height);
    background: var(--modal-bg);
    color: var(--text);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: env(safe-area-inset-bottom);
    overscroll-behavior: contain
}

._header_vspit_44 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    padding-top: max(1rem,env(safe-area-inset-top));
    position: sticky;
    top: 0;
    z-index: 5;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background: var(--modal-bg);
    border-bottom: 1px solid var(--divider)
}

._backButton_vspit_61 {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .2s ease;
    color: var(--text);
    -webkit-tap-highlight-color: transparent
}

._backButton_vspit_61:hover {
    background-color: #94a3b829
}

._title_vspit_84 {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text)
}

._feeBadge_vspit_91 {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .3rem .6rem;
    border-radius: 999px;
    background: transparent;
    border: 1px solid var(--border);
    cursor: default
}

._feeIcon_vspit_105 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted)
}

._feeText_vspit_112 {
    font-size: .8rem;
    font-weight: 600;
    color: var(--text)
}

._mainCard_vspit_124 {
    margin: 0 1rem 1rem;
    border-radius: 1.25rem;
    padding: .9rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._cardRowHeader_vspit_139 {
    font-size: .85rem;
    font-weight: 600;
    margin-bottom: .25rem
}

._rowLabel_vspit_145 {
    color: var(--text-muted)
}

._tokenRow_vspit_150 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem
}

._tokenInfoLeft_vspit_157 {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-width: 0
}

._tokenAvatarWrapper_vspit_164 {
    position: relative;
    width: 2.8rem;
    height: 2.8rem;
    flex-shrink: 0
}

._tokenAvatar_vspit_164 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #fff;
    background: var(--surface-2, rgba(0,0,0,.2))
}

._networkBadge_vspit_186 {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--modal-bg)
}

._tokenText_vspit_200 {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    min-width: 0
}

._tokenSymbol_vspit_207 {
    font-size: .95rem;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._tokenNetwork_vspit_217 {
    font-size: .8rem;
    font-weight: 600;
    color: var(--text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._tokenAmounts_vspit_227 {
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    flex-shrink: 0
}

._amountMain_vspit_235 {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text)
}

._amountSub_vspit_241 {
    font-size: .8rem;
    font-weight: 600;
    color: var(--text-muted)
}

._cardDivider_vspit_247 {
    height: 1px;
    background: var(--divider);
    margin: .4rem 0
}

._feeSection_vspit_254 {
    margin: 0 1rem 1rem;
    padding: 1rem;
    border-radius: 1.1rem;
    background: var(--surface-1);
    border: 1px solid var(--border);
    scroll-margin-bottom: 110px
}

._feeRow_vspit_268 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .85rem;
    margin-bottom: .5rem;
    gap: 12px
}

._feeLabel_vspit_278 {
    color: var(--text-muted);
    font-weight: 600
}

._feeRight_vspit_283 {
    display: flex;
    flex-direction: column;
    text-align: right
}

._feeUsd_vspit_289 {
    color: var(--text);
    font-weight: 600
}

._feeToken_vspit_294 {
    font-size: .8rem;
    color: var(--text-muted);
    font-weight: 600
}

._detailsToggleRow_vspit_301 {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .75rem;
    margin-bottom: .5rem
}

._detailsLine_vspit_309 {
    flex: 1;
    height: 1px;
    background: var(--divider)
}

._detailsButton_vspit_315 {
    border: none;
    background: none;
    color: var(--accent-green);
    font-size: .9rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

._detailsIcon_vspit_331 {
    font-size: .7rem
}

._extraDetails_vspit_336 {
    margin-top: .5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

._extraRow_vspit_343 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .85rem;
    gap: 12px
}

._extraLabel_vspit_351 {
    color: var(--text-muted);
    font-weight: 600
}

._extraValue_vspit_356 {
    color: var(--text);
    font-weight: 600
}

._minReceiveCard_vspit_362 {
    margin: 0 1rem 1.25rem;
    padding: .85rem 1rem;
    border-radius: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._minReceiveCard_vspit_362 {
    margin-bottom: calc(1.25rem + 92px + env(safe-area-inset-bottom))
}

._minLabel_vspit_383 {
    font-size: .85rem;
    color: var(--text-muted);
    font-weight: 600
}

._minValue_vspit_389 {
    font-size: .9rem;
    font-weight: 600;
    color: var(--text)
}

._footer_vspit_396 {
    padding: 1rem;
    padding-bottom: max(1rem,env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    gap: .75rem;
    background: var(--modal-bg);
    border-top: 1px solid var(--divider);
    position: sticky;
    bottom: 0;
    z-index: 6
}

._confirmButton_vspit_413 {
    width: 100%;
    padding: 1rem;
    border-radius: 999px;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    background: var(--accent-green);
    color: #0b0f0c
}

._confirmButton_vspit_413:disabled {
    opacity: .7;
    cursor: default
}

._confirmButton_vspit_413:not(:disabled):hover {
    transform: translateY(-1px);
    opacity: .95
}

._rateRow_vspit_440 {
    text-align: center;
    font-size: .85rem;
    color: var(--text-muted);
    font-weight: 600
}

._overlay_1da01_3 {
    position: fixed;
    inset: 0;
    background: #0009;
    display: flex;
    align-items: stretch;
    justify-content: center;
    z-index: 9999
}

:root[data-theme=light] ._overlay_1da01_3 {
    background: #00000038
}

._sheet_1da01_18 {
    width: 100%;
    max-width: 480px;
    height: 100%;
    background: var(--modal-bg);
    color: var(--text);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 10px 40px #00000059
}

._header_1da01_30 {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--modal-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 16px;
    padding-top: max(14px,env(safe-area-inset-top));
    border-bottom: 1px solid var(--divider)
}

._title_1da01_43 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: var(--text)
}

._close_1da01_50 {
    position: absolute;
    left: 12px;
    top: 10px;
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
    color: var(--text-muted);
    font-size: 20px;
    line-height: 1;
    padding: 8px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

._searchRow_1da01_67 {
    padding: 14px 16px 10px
}

._searchBox_1da01_69 {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 12px 14px
}

._searchIcon_1da01_79 {
    color: var(--text-muted);
    font-size: 16px
}

._searchInput_1da01_84 {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--text);
    font-size: 14px;
    font-weight: 600
}

._searchInput_1da01_84::placeholder {
    color: var(--text-muted);
    font-weight: 600
}

._netsRow_1da01_99 {
    padding: 0 16px 12px;
    display: flex;
    gap: 12px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

._netsRow_1da01_99::-webkit-scrollbar {
    width: 0;
    height: 0
}

._netChip_1da01_110 {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

._netChipActive_1da01_124 {
    border-color: var(--accent-green);
    box-shadow: 0 0 0 2px #34d3992e inset
}

._netLogo_1da01_129 {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    object-fit: cover
}

._netAll_1da01_136,._netFallback_1da01_137 {
    font-weight: 900;
    font-size: 13px;
    color: var(--text)
}

._list_1da01_144 {
    padding: 6px 16px 18px;
    display: flex;
    flex-direction: column
}

._item_1da01_150 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    -webkit-tap-highlight-color: transparent
}

._item_1da01_150+._item_1da01_150 {
    border-top: 1px solid var(--divider)
}

._left_1da01_167 {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

._logoWrap_1da01_174 {
    position: relative;
    width: 52px;
    height: 52px;
    border-radius: 999px;
    background: var(--surface-1);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto
}

._logo_1da01_174 {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    object-fit: cover;
    display: block
}

._logoFallback_1da01_196 {
    color: var(--text);
    font-weight: 900
}

._networkBadge_1da01_202 {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    object-fit: cover;
    border: 2px solid var(--modal-bg);
    background: var(--surface-1)
}

._meta_1da01_214 {
    min-width: 0
}

._symRow_1da01_216 {
    display: flex;
    align-items: center;
    gap: 8px
}

._symbol_1da01_222 {
    font-weight: 600;
    font-size: 16px;
    color: var(--text)
}

._badge_1da01_228 {
    font-size: 12px;
    font-weight: 800;
    color: var(--text-muted);
    background: #ffffff0f;
    border: 1px solid var(--border);
    padding: 4px 10px;
    border-radius: 999px;
    white-space: nowrap
}

:root[data-theme=light] ._badge_1da01_228 {
    background: #00000008
}

._name_1da01_244 {
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 600;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px
}

._right_1da01_255 {
    text-align: right;
    flex: 0 0 auto
}

._amount_1da01_260 {
    font-weight: 900;
    font-size: 16px;
    color: var(--text)
}

._fiat_1da01_266 {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    margin-top: 2px
}

._empty_1da01_273 {
    color: var(--text-muted);
    text-align: center;
    padding: 24px 0;
    font-weight: 600
}

._container_prjni_1 {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    max-width: 26rem;
    margin: 0 auto;
    width: 100%
}

._container_prjni_1[data-theme=dark] {
    background-color: var(--bg-dark)
}

._container_prjni_1[data-theme=light] {
    background-color: var(--bg-light)
}

._header_prjni_20 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    padding-top: max(1rem,env(safe-area-inset-top));
    position: sticky;
    top: 0;
    z-index: 10
}

._header_prjni_20[data-theme=dark] {
    background-color: var(--bg-dark)
}

._header_prjni_20[data-theme=light] {
    background-color: var(--bg-light)
}

._backButton_prjni_39 {
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    background: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .2s ease
}

._backButton_prjni_39[data-theme=dark] {
    color: var(--text-primary-dark)
}

._backButton_prjni_39[data-theme=light] {
    color: var(--text-primary-light)
}

._backButton_prjni_39:hover {
    background-color: #ffffff0d
}

._container_prjni_1[data-theme=light] ._backButton_prjni_39:hover {
    background-color: #0000000d
}

._title_prjni_68 {
    font-size: 18px;
    font-weight: 600
}

._container_prjni_1[data-theme=dark] ._title_prjni_68 {
    color: var(--text-primary-dark)
}

._container_prjni_1[data-theme=light] ._title_prjni_68 {
    color: var(--text-primary-light)
}

._settingsButton_prjni_81 {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .375rem .625rem;
    border-radius: 1rem;
    background: none
}

._content_prjni_91 {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 1rem;
    gap: .75rem
}

._swapCard_prjni_100 {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    padding: 1rem;
    border-radius: 1.25rem;
    border: 1px solid var(--border);
    background: var(--surface-1)
}

._detailsCard_prjni_111 {
    padding: 0;
    overflow: hidden
}

._cardRow_prjni_117 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

._sectionLabel_prjni_123 {
    font-size: .8125rem;
    font-weight: 500
}

._container_prjni_1[data-theme=dark] ._sectionLabel_prjni_123 {
    color: var(--text-secondary-dark)
}

._container_prjni_1[data-theme=light] ._sectionLabel_prjni_123 {
    color: var(--text-secondary-light)
}

._topRightRow_prjni_136 {
    display: flex;
    align-items: center;
    gap: .55rem
}

._balanceInfo_prjni_142 {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .75rem
}

._container_prjni_1[data-theme=dark] ._balanceInfo_prjni_142 {
    color: var(--text-secondary-dark)
}

._container_prjni_1[data-theme=light] ._balanceInfo_prjni_142 {
    color: var(--text-secondary-light)
}

._balanceValue_prjni_157 {
    font-weight: 500
}

._balanceText_prjni_161 {
    opacity: .9
}

._quickBtns_prjni_166 {
    display: flex;
    gap: .4rem
}

._quickBtn_prjni_166 {
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: .78rem;
    padding: .32rem .62rem;
    border-radius: 999px;
    background: var(--accent-green)!important
}

._tokenSelect_prjni_188 {
    display: flex;
    align-items: center;
    gap: .6rem;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    flex: 1
}

._tokenLogoWrapper_prjni_199 {
    position: relative;
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0
}

._tokenLogo_prjni_199 {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    object-fit: cover
}

._networkBadge_prjni_213 {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: .95rem;
    height: .95rem;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--bg)
}

._tokenInfo_prjni_224 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .15rem;
    flex: 1
}

._tokenSymbol_prjni_232 {
    font-size: .95rem;
    font-weight: 600
}

._container_prjni_1[data-theme=dark] ._tokenSymbol_prjni_232 {
    color: var(--text-primary-dark)
}

._container_prjni_1[data-theme=light] ._tokenSymbol_prjni_232 {
    color: var(--text-primary-light)
}

._tokenNetwork_prjni_245 {
    font-size: .75rem;
    opacity: .85
}

._container_prjni_1[data-theme=dark] ._tokenNetwork_prjni_245 {
    color: var(--text-secondary-dark)
}

._container_prjni_1[data-theme=light] ._tokenNetwork_prjni_245 {
    color: var(--text-secondary-light)
}

._amountDisplay_prjni_259 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .25rem
}

._amountInput_prjni_266 {
    font-size: 24px;
    font-weight: 600;
    text-align: right;
    width: 10rem;
    outline: none;
    appearance: textfield;
    border: 1px solid transparent;
    border-radius: .9rem;
    padding: .25rem .55rem;
    background: transparent
}

._amountInput_prjni_266::-webkit-outer-spin-button,._amountInput_prjni_266::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

._amountInput_prjni_266[type=number] {
    -moz-appearance: textfield
}

._amountInput_prjni_266[data-theme=dark] {
    color: var(--text-primary-dark)
}

._amountInput_prjni_266[data-theme=light] {
    color: var(--text-primary-light)
}

._amountInput_prjni_266::placeholder {
    opacity: .5
}

._amountInputInvalid_prjni_301 {
    border-color: #ef4444
}

._inputErrorText_prjni_305 {
    padding-top: 6px;
    color: #ef4444;
    font-size: 13px;
    text-align: right
}

._amountOutput_prjni_312 {
    font-size: 24px;
    font-weight: 600;
    text-align: right;
    min-width: 4rem
}

._amountOutput_prjni_312[data-theme=dark] {
    color: var(--text-primary-dark)
}

._amountOutput_prjni_312[data-theme=light] {
    color: var(--text-primary-light)
}

._amountCurrency_prjni_327 {
    font-size: .8rem;
    opacity: .85
}

._container_prjni_1[data-theme=dark] ._amountCurrency_prjni_327 {
    color: var(--text-secondary-dark)
}

._container_prjni_1[data-theme=light] ._amountCurrency_prjni_327 {
    color: var(--text-secondary-light)
}

._swapButtonWrapper_prjni_341 {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10;
    margin: -.25rem 0 -.35rem
}

._swapButton_prjni_341 {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .2s ease,opacity .2s ease;
    background: var(--surface-2);
    color: var(--text)
}

._swapButton_prjni_341:hover {
    transform: rotate(180deg);
    opacity: .95
}

._rateRow_prjni_370 {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-top: .1rem;
    font-size: .82rem;
    opacity: .9
}

._rateRow_prjni_370[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._rateRow_prjni_370[data-theme=light] {
    color: var(--text-secondary-light)
}

._rateIcon_prjni_387 {
    font-size: .95rem
}

._detailsSection_prjni_392 {
    display: flex;
    flex-direction: column;
    gap: .95rem;
    padding: 1rem
}

._detailRow_prjni_399 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .875rem
}

._detailLeft_prjni_406 {
    display: flex;
    align-items: center;
    gap: .375rem
}

._container_prjni_1[data-theme=dark] ._detailLeft_prjni_406 {
    color: var(--text-secondary-dark)
}

._container_prjni_1[data-theme=light] ._detailLeft_prjni_406 {
    color: var(--text-secondary-light)
}

._detailLabel_prjni_420 {
    font-size: .875rem
}

._totalLabel_prjni_424 {
    font-weight: 800
}

._detailValue_prjni_428 {
    font-size: .875rem
}

._container_prjni_1[data-theme=dark] ._detailValue_prjni_428 {
    color: var(--text-primary-dark)
}

._container_prjni_1[data-theme=light] ._detailValue_prjni_428 {
    color: var(--text-primary-light)
}

._providerBadge_prjni_440 {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .35rem .6rem;
    border-radius: .75rem;
    font-size: .875rem;
    font-weight: 600;
    background: var(--surface-2);
    border: 1px solid var(--border)
}

._providerIcon_prjni_452 {
    font-size: 1rem
}

._footer_prjni_457 {
    padding: 1rem;
    padding-bottom: 0;
    position: sticky;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

._footer_prjni_457[data-theme=dark] {
    background-color: var(--bg-dark)
}

._footer_prjni_457[data-theme=light] {
    background-color: var(--bg-light)
}

._continueButton_prjni_475 {
    width: 100%;
    padding: 1rem;
    border-radius: 1.25rem;
    border: none;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform .2s ease,opacity .2s ease;
    background-color: var(--accent-green);
    color: #fff
}

._continueButton_prjni_475:hover {
    opacity: .92;
    transform: translateY(-1px)
}

._continueButton_prjni_475:active {
    transform: translateY(0)
}

._tokenListContainer_prjni_498 {
    flex: 1;
    overflow-y: auto;
    padding: 0 1rem
}

._tokenListItem_prjni_504 {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem;
    border: none;
    background: none;
    width: 100%;
    cursor: pointer;
    transition: background-color .2s ease;
    border-radius: .75rem
}

._tokenListItem_prjni_504:hover {
    background-color: #ffffff0d
}

._container_prjni_1[data-theme=light] ._tokenListItem_prjni_504:hover {
    background-color: #0000000d
}

._tokenListInfo_prjni_525 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

._tokenListSymbol_prjni_532 {
    font-size: .9375rem;
    font-weight: 600
}

._tokenListName_prjni_537 {
    font-size: .8125rem
}

._tokenListRight_prjni_541 {
    display: flex;
    align-items: center
}

._content_prjni_91 {
    gap: .9rem!important
}

._swapCard_prjni_100 {
    border-radius: 1.5rem!important;
    padding: 1.15rem!important;
    border: 1px solid rgba(255,255,255,.1)!important;
    background: #2a2b2d!important
}

._detailsCard_prjni_111 {
    margin-top: .9rem!important;
    padding: 0!important;
    background: #2a2b2d!important;
    overflow: hidden!important
}

._detailsSection_prjni_392 {
    padding: 1.15rem!important;
    margin: 0!important;
    border: none!important;
    background: transparent!important;
    gap: 1.05rem!important
}

._swapButtonWrapper_prjni_341 {
    margin: -.9rem 0!important;
    z-index: 20!important
}

._container_prjni_1[data-theme=dark] ._swapButton_prjni_341 {
    width: 2.6rem!important;
    height: 2.6rem!important;
    border-radius: 999px!important;
    background: #303134!important;
    border: 1px solid rgba(255,255,255,.12)!important;
    box-shadow: 0 8px 18px #00000059!important;
    color: #eaecef!important
}

._container_prjni_1[data-theme=light] ._swapButton_prjni_341 {
    width: 2.6rem!important;
    height: 2.6rem!important;
    border-radius: 999px!important;
    background: #fffffff2!important;
    border: 1px solid rgba(15,23,42,.14)!important;
    box-shadow: 0 8px 18px #0000001a!important;
    color: #0f172a!important
}

._container_prjni_1[data-theme=light] ._swapButton_prjni_341:hover {
    background: #fffffff2!important;
    opacity: .96!important
}

._cardRow_prjni_117 {
    padding: .15rem 0!important
}

._providerBadge_prjni_440 {
    border-radius: .9rem!important;
    padding: .45rem .75rem!important;
    background: #ffffff0f!important;
    border: 1px solid rgba(255,255,255,.1)!important
}

._detailRow_prjni_399 {
    font-size: .9rem!important
}

._container_prjni_1[data-theme=light] ._swapCard_prjni_100 {
    background: #ffffffd9!important;
    border: 1px solid rgba(15,23,42,.12)!important
}

._container_prjni_1[data-theme=light] ._detailsCard_prjni_111 {
    background: #ffffffd9!important
}

._container_prjni_1[data-theme=light] ._providerBadge_prjni_440 {
    background: #0000000a!important;
    border: 1px solid rgba(15,23,42,.1)!important
}

._swapBetweenWrapper_prjni_645 {
    display: flex;
    justify-content: center;
    margin: -18px 0;
    position: relative;
    z-index: 10
}

._swapBetweenButton_prjni_653 {
    width: 56px;
    height: 56px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.1);
    background: #1e1e1ef2;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    font-size: 20px;
    cursor: pointer;
    transition: all .2s ease;
    color: var(--text)
}

._swapBetweenButton_prjni_653:hover {
    transform: rotate(180deg)
}

._quickBtn_prjni_166 {
    background: #48ff912e!important;
    color: #48ff91!important
}

._quickBtn_prjni_166:hover {
    background: #48ff9142!important
}

._quickBtn_prjni_166:active {
    background: #48ff914d!important
}

._swapBetweenButton_prjni_653 {
    border-radius: 999px
}

._container_prjni_1[data-theme=dark] ._swapBetweenButton_prjni_653 {
    background: #1e1e1ef2!important;
    border: 1px solid rgba(255,255,255,.1)!important;
    color: #eaecef!important
}

._container_prjni_1[data-theme=light] ._swapBetweenButton_prjni_653 {
    background: #fff!important;
    border: 1px solid rgba(15,23,42,.14)!important;
    box-shadow: 0 8px 18px #0000001a!important;
    color: #0f172a!important
}

._container_prjni_1[data-theme=light] ._swapBetweenButton_prjni_653:hover {
    background: #fff!important;
    opacity: .96!important
}

._continueButton_prjni_475:disabled {
    opacity: .45;
    cursor: not-allowed;
    transform: none;
    filter: grayscale(.15)
}

._continueButton_prjni_475:disabled:hover {
    opacity: .45;
    transform: none
}

._container_am8ym_1 {
    min-height: 100vh;
    background: var(--bg-dark);
    color: #fff
}

._container_am8ym_1[data-theme=light] {
    background: var(--bg-light);
    color: #111827
}

._topBar_am8ym_13 {
    position: sticky;
    top: 0;
    z-index: 5;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    background: var(--bg-dark);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255,255,255,.06)
}

._container_am8ym_1[data-theme=light] ._topBar_am8ym_13 {
    background: var(--bg-light);
    border-bottom: 1px solid rgba(0,0,0,.08)
}

._backBtn_am8ym_33,._themeBtn_am8ym_34 {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: none;
    background: transparent;
    color: #fff;
    display: grid;
    place-items: center;
    cursor: pointer
}

._container_am8ym_1[data-theme=light] ._backBtn_am8ym_33,._container_am8ym_1[data-theme=light] ._themeBtn_am8ym_34 {
    color: #111827
}

._title_am8ym_52 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px
}

._container_am8ym_1[data-theme=light] ._title_am8ym_52 {
    color: #111827
}

._tabs_am8ym_63 {
    display: flex;
    gap: 10px;
    padding: 14px 14px 6px
}

._tab_am8ym_63 {
    flex: 0 0 auto;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.08);
    background: #ffffff0f;
    color: #fffc;
    cursor: pointer
}

._container_am8ym_1[data-theme=light] ._tab_am8ym_63 {
    border: 1px solid rgba(0,0,0,.1);
    background: #0000000a;
    color: #111827b3
}

._tab_am8ym_63[data-active=true] {
    background: #ffffff1f;
    color: #fff;
    border-color: #ffffff1a
}

._container_am8ym_1[data-theme=light] ._tab_am8ym_63[data-active=true] {
    background: #fff;
    color: #111827;
    border-color: #0000001f
}

._content_am8ym_99 {
    padding: 10px 14px 110px
}

._sectionTitle_am8ym_103 {
    margin: 18px 0 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px
}

._container_am8ym_1[data-theme=light] ._sectionTitle_am8ym_103 {
    color: #111827
}

._earnPortfolioCard_am8ym_119 {
    border-radius: 22px;
    background: #ffffff0f;
    border: 1px solid rgba(255,255,255,.08);
    padding: 14px;
    margin-top: 6px
}

._container_am8ym_1[data-theme=light] ._earnPortfolioCard_am8ym_119 {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1)
}

._earnPortfolioTop_am8ym_133 {
    display: grid;
    gap: 4px
}

._earnPortfolioTitle_am8ym_138 {
    font-size: 16px;
    font-weight: 600;
    color: #ffffffe6
}

._container_am8ym_1[data-theme=light] ._earnPortfolioTitle_am8ym_138 {
    color: #111827e6
}

._earnPortfolioValue_am8ym_149 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.06
}

._container_am8ym_1[data-theme=light] ._earnPortfolioValue_am8ym_149 {
    color: #111827
}

._earnPortfolioSub_am8ym_160 {
    font-size: 14px;
    font-weight: 500;
    color: #ffffffa6
}

._container_am8ym_1[data-theme=light] ._earnPortfolioSub_am8ym_160 {
    color: #11182799
}

._earnDivider_am8ym_171 {
    height: 1px;
    background: #ffffff1a;
    margin: 10px 0
}

._container_am8ym_1[data-theme=light] ._earnDivider_am8ym_171 {
    background: #00000014
}

._earnRows_am8ym_182 {
    display: grid;
    gap: 10px
}

._earnRow_am8ym_182 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

._earnLeft_am8ym_193 {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0
}

._earnIconWrap_am8ym_201 {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #ffffff14;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    overflow: visible;
    position: relative
}

._container_am8ym_1[data-theme=light] ._earnIconWrap_am8ym_201 {
    background: #0000000d
}

._earnTokenLogo_am8ym_219 {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    object-fit: cover;
    display: block
}

._earnIconFallback_am8ym_227 {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-weight: 600;
    color: #ffffffe6
}

._container_am8ym_1[data-theme=light] ._earnIconFallback_am8ym_227 {
    color: #111827e6
}

._earnNetBadge_am8ym_242 {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: 2px solid rgba(17,17,17,.95);
    background: #111111f2;
    display: grid;
    place-items: center
}

._container_am8ym_1[data-theme=light] ._earnNetBadge_am8ym_242 {
    border: 2px solid #ffffff;
    background: #fff;
    box-shadow: 0 0 0 1px #0000001f
}

._earnNetBadge_am8ym_242 img {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    object-fit: cover;
    display: block
}

._earnRowTexts_am8ym_270 {
    display: grid;
    gap: 1px;
    min-width: 0
}

._earnRowAmount_am8ym_276 {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._container_am8ym_1[data-theme=light] ._earnRowAmount_am8ym_276 {
    color: #111827
}

._earnRowUsd_am8ym_289 {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff9e
}

._container_am8ym_1[data-theme=light] ._earnRowUsd_am8ym_289 {
    color: #11182799
}

._earnRight_am8ym_300 {
    text-align: right;
    display: grid;
    gap: 1px
}

._earnApr_am8ym_306 {
    font-size: 14px;
    font-weight: 600;
    color: #ffffffe6
}

._container_am8ym_1[data-theme=light] ._earnApr_am8ym_306 {
    color: #111827e6
}

._earnAprLabel_am8ym_317 {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff9e
}

._container_am8ym_1[data-theme=light] ._earnAprLabel_am8ym_317 {
    color: #1118278c
}

._promoCard_am8ym_332 {
    width: 100%;
    margin-top: 14px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.08);
    background: #ffffff0f;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer
}

._container_am8ym_1[data-theme=light] ._promoCard_am8ym_332 {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1)
}

._promoIcon_am8ym_351 {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: linear-gradient(180deg,#788cff59,#788cff1a);
    flex: 0 0 auto
}

._promoText_am8ym_363 {
    flex: 1;
    min-width: 0;
    text-align: left
}

._promoTitle_am8ym_369 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2
}

._container_am8ym_1[data-theme=light] ._promoTitle_am8ym_369 {
    color: #111827
}

._promoLink_am8ym_380 {
    margin-top: 6px;
    font-size: 14px;
    color: #34d399;
    font-weight: 600
}

._promoArrow_am8ym_387 {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    opacity: .9
}

._categoryCard_am8ym_399 {
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.08);
    background: #ffffff0f;
    padding: 10px 10px 12px
}

._container_am8ym_1[data-theme=light] ._categoryCard_am8ym_399 {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1)
}

._categoryList_am8ym_412 {
    display: grid
}

._categoryRowBtn_am8ym_416 {
    width: 100%;
    border: 0;
    background: transparent;
    color: #fff;
    padding: 12px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    text-align: left
}

._container_am8ym_1[data-theme=light] ._categoryRowBtn_am8ym_416 {
    color: #111827
}

._categoryRowBtn_am8ym_416+._categoryRowBtn_am8ym_416 {
    border-top: 1px solid rgba(255,255,255,.07)
}

._container_am8ym_1[data-theme=light] ._categoryRowBtn_am8ym_416+._categoryRowBtn_am8ym_416 {
    border-top: 1px solid rgba(0,0,0,.08)
}

._categoryLeft_am8ym_443 {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

._categoryLogoWrap_am8ym_451 {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    overflow: visible;
    position: relative;
    flex: 0 0 auto;
    display: grid;
    place-items: center
}

._categoryLogo_am8ym_451 {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    object-fit: cover;
    display: block
}

._categoryLogoPlaceholder_am8ym_470 {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: #ffffff14
}

._container_am8ym_1[data-theme=light] ._categoryLogoPlaceholder_am8ym_470 {
    background: #0000000f
}

._networkBadge_am8ym_482 {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    object-fit: cover;
    border: 2px solid rgba(17,17,17,.95);
    background: #111111f2
}

._container_am8ym_1[data-theme=light] ._networkBadge_am8ym_482 {
    border: 2px solid #ffffff;
    background: #fff;
    box-shadow: 0 0 0 1px #0000001f
}

._categoryText_am8ym_501 {
    display: grid;
    gap: 2px;
    min-width: 0
}

._categorySymbol_am8ym_507 {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._container_am8ym_1[data-theme=light] ._categorySymbol_am8ym_507 {
    color: #111827
}

._categorySub_am8ym_521 {
    font-size: 14px;
    color: #fff9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._container_am8ym_1[data-theme=light] ._categorySub_am8ym_521 {
    color: #11182799
}

._categoryRight_am8ym_534 {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffffbf;
    white-space: nowrap
}

._container_am8ym_1[data-theme=light] ._categoryRight_am8ym_534 {
    color: #111827b3
}

._categoryTo_am8ym_547 {
    font-size: 16px;
    opacity: .75
}

._categoryApyBar_am8ym_552 {
    display: inline-block;
    width: 56px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg,#ff50dcd9,#ff50dc73)
}

._categoryType_am8ym_564 {
    font-size: 16px;
    opacity: .75
}

._seeAllBtn_am8ym_569 {
    margin-top: 12px;
    width: 100%;
    height: 44px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.1);
    background: #ffffff0f;
    color: #ffffffe6;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer
}

._container_am8ym_1[data-theme=light] ._seeAllBtn_am8ym_569 {
    border: 1px solid rgba(0,0,0,.12);
    background: #0000000a;
    color: #111827
}

._earnListCard_am8ym_593 {
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.08);
    background: #ffffff0f;
    padding: 6px;
    overflow: hidden
}

._container_am8ym_1[data-theme=light] ._earnListCard_am8ym_593 {
    border: 1px solid rgba(0,0,0,.1);
    background: #fff
}

._earnListRow_am8ym_607 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 12px
}

._earnListRow_am8ym_607+._earnListRow_am8ym_607 {
    border-top: 1px solid rgba(255,255,255,.08)
}

._container_am8ym_1[data-theme=light] ._earnListRow_am8ym_607+._earnListRow_am8ym_607 {
    border-top: 1px solid rgba(0,0,0,.08)
}

._earnListLeft_am8ym_623 {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

._coinWrap_am8ym_630 {
    position: relative;
    width: 54px;
    height: 54px;
    flex: 0 0 auto;
    overflow: visible
}

._coinCircle_am8ym_638 {
    width: 54px;
    height: 54px;
    border-radius: 999px;
    overflow: hidden;
    background: #ffffff14;
    display: grid;
    place-items: center
}

._container_am8ym_1[data-theme=light] ._coinCircle_am8ym_638 {
    background: #0000000f
}

._coinLogo_am8ym_653 {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 6px;
    display: block
}

._coinFallback_am8ym_661 {
    font-weight: 600;
    color: #ffffffd9
}

._container_am8ym_1[data-theme=light] ._coinFallback_am8ym_661 {
    color: #111827d9
}

._netBadge_am8ym_671 {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #000000bf;
    border: 2px solid rgba(17,17,17,.95);
    display: grid;
    place-items: center
}

._container_am8ym_1[data-theme=light] ._netBadge_am8ym_671 {
    background: #fff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 1px #0000001f
}

._netBadge_am8ym_671 img {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    object-fit: cover;
    display: block
}

._rowTexts_am8ym_699 {
    min-width: 0;
    display: grid;
    gap: 4px
}

._rowTitle_am8ym_705 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 1.05;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._container_am8ym_1[data-theme=light] ._rowTitle_am8ym_705 {
    color: #111827
}

._rowSub_am8ym_720 {
    font-size: 16px;
    color: #fff9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._container_am8ym_1[data-theme=light] ._rowSub_am8ym_720 {
    color: #11182799
}

._rowRight_am8ym_733 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto
}

._apyText_am8ym_740 {
    font-size: 18px;
    font-weight: 600;
    color: #ffffffd9;
    white-space: nowrap
}

._container_am8ym_1[data-theme=light] ._apyText_am8ym_740 {
    color: #111827d9
}

._apyLabel_am8ym_752 {
    font-size: 16px;
    color: #ffffff8c;
    white-space: nowrap
}

._container_am8ym_1[data-theme=light] ._apyLabel_am8ym_752 {
    color: #1118278c
}

._viewAllBtn_am8ym_763 {
    width: 100%;
    margin: 10px 6px 6px;
    border-radius: 18px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.1);
    background: #ffffff0f;
    color: #ffffffd9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer
}

._container_am8ym_1[data-theme=light] ._viewAllBtn_am8ym_763 {
    border: 1px solid rgba(0,0,0,.12);
    background: #0000000a;
    color: #111827
}

._earnIconWrap_am8ym_201 {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    overflow: hidden;
    background: #ffffff14;
    display: grid;
    place-items: center;
    flex: 0 0 auto
}

._earnIconImg_am8ym_797 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

._earnIconWrap_am8ym_201 {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #ffffff14;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    position: relative;
    overflow: visible
}

._container_am8ym_1[data-theme=light] ._earnIconWrap_am8ym_201 {
    background: #0000000f
}

._earnIconImg_am8ym_797 {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    object-fit: contain;
    padding: 4px;
    background: #00000014
}

._container_am8ym_1[data-theme=light] ._earnIconImg_am8ym_797 {
    background: #00000008
}

._earnNetworkBadge_am8ym_838 {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: #111;
    border: 2px solid rgba(17,17,17,.9);
    box-shadow: 0 0 0 1px #ffffff1a;
    object-fit: cover
}

._container_am8ym_1[data-theme=light] ._earnNetworkBadge_am8ym_838 {
    background: #fff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 1px #0000001f
}

._footer_am8ym_861[data-theme=dark] {
    background-color: var(--bg-dark);
    border-top-color: #ffffff1a
}

._footer_am8ym_861[data-theme=light] {
    background-color: var(--bg-light);
    border-top-color: #0000001a
}

._overlay_hx7qu_1 {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 999
}

._sheet_hx7qu_12 {
    width: 100%;
    max-width: 26rem;
    height: 100vh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: calc(env(safe-area-inset-top,0px) + 12px);
    padding-bottom: calc(env(safe-area-inset-bottom,0px) + 32px)
}

._sheet_hx7qu_12[data-theme=dark] {
    background-color: var(--bg-dark);
    color: var(--text-primary-dark)
}

._sheet_hx7qu_12[data-theme=light] {
    background-color: #fff;
    color: var(--text-primary-light)
}

._header_hx7qu_36 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    position: sticky;
    top: 0;
    z-index: 5;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px)
}

._header_hx7qu_36[data-theme=dark] {
    background: #1b1b1cf5;
    border-bottom: 1px solid rgba(255,255,255,.06)
}

._header_hx7qu_36[data-theme=light] {
    background: #eaeceff5;
    border-bottom: 1px solid rgba(0,0,0,.06)
}

._backButton_hx7qu_57,._infoButton_hx7qu_58 {
    background: none;
    border: none;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    cursor: pointer;
    transition: background .15s ease
}

._backButton_hx7qu_57[data-theme=dark],._infoButton_hx7qu_58[data-theme=dark] {
    color: var(--text-primary-dark)
}

._backButton_hx7qu_57[data-theme=light],._infoButton_hx7qu_58[data-theme=light] {
    color: var(--text-primary-light)
}

._backButton_hx7qu_57:hover,._infoButton_hx7qu_58:hover {
    background: #94a3b829
}

._title_hx7qu_85 {
    font-size: 18px;
    font-weight: 600
}

._content_hx7qu_92 {
    flex: 1;
    padding: 16px 20px 80px 24px;
    overflow-y: auto
}

._notice_hx7qu_100 {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 18px
}

._notice_hx7qu_100[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._notice_hx7qu_100[data-theme=light] {
    color: var(--text-secondary-light)
}

._noticeLink_hx7qu_114 {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
    color: inherit
}

._sectionTitle_hx7qu_127 {
    font-size: 18px;
    font-weight: 600;
    margin: 18px 0 10px
}

._sectionTitle_hx7qu_127[data-theme=dark] {
    color: var(--text-primary-dark)
}

._sectionTitle_hx7qu_127[data-theme=light] {
    color: var(--text-primary-light)
}

._infoCard_hx7qu_143 {
    border-radius: 16px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

._infoCard_hx7qu_143[data-theme=dark] {
    background-color: #ffffff08;
    border: 1px solid rgba(255,255,255,.06)
}

._infoCard_hx7qu_143[data-theme=light] {
    background-color: #00000005;
    border: 1px solid rgba(0,0,0,.05)
}

._infoRow_hx7qu_161 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

._infoLabel_hx7qu_168 {
    font-size: 14px
}

._infoLabel_hx7qu_168[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._infoLabel_hx7qu_168[data-theme=light] {
    color: var(--text-secondary-light)
}

._infoValue_hx7qu_180 {
    font-size: 14px;
    font-weight: 500
}

._infoValue_hx7qu_180[data-theme=dark] {
    color: var(--text-primary-dark)
}

._infoValue_hx7qu_180[data-theme=light] {
    color: var(--text-primary-light)
}

._infoValueAccent_hx7qu_193 {
    font-size: 14px;
    font-weight: 600;
    color: var(--pct-green)
}

._portfolioCard_hx7qu_201 {
    margin-top: 6px;
    border-radius: 16px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

._portfolioCard_hx7qu_201[data-theme=dark] {
    background-color: #ffffff08;
    border: 1px solid rgba(255,255,255,.06)
}

._portfolioCard_hx7qu_201[data-theme=light] {
    background-color: #00000005;
    border: 1px solid rgba(0,0,0,.05)
}

._portfolioLabel_hx7qu_220 {
    font-size: 14px
}

._portfolioLabel_hx7qu_220[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._portfolioLabel_hx7qu_220[data-theme=light] {
    color: var(--text-secondary-light)
}

._portfolioValue_hx7qu_232 {
    font-size: 14px;
    font-weight: 600
}

._portfolioPill_hx7qu_237 {
    padding: 6px 12px;
    border-radius: 999px;
    border: none;
    font-size: 14px;
    cursor: default
}

._portfolioPill_hx7qu_237[data-theme=dark] {
    background: #0f172acc;
    color: var(--text-primary-dark)
}

._portfolioPill_hx7qu_237[data-theme=light] {
    background: #d1d5dbe6;
    color: var(--text-primary-light)
}

._statsGrid_hx7qu_257 {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
    margin-top: 10px
}

._statCard_hx7qu_264 {
    padding: 12px 14px;
    border-radius: 14px
}

._statCard_hx7qu_264[data-theme=dark] {
    background-color: #ffffff08;
    border: 1px solid rgba(255,255,255,.06)
}

._statCard_hx7qu_264[data-theme=light] {
    background-color: #00000005;
    border: 1px solid rgba(0,0,0,.05)
}

._statLabel_hx7qu_279 {
    font-size: 13px;
    margin-bottom: 4px
}

._statLabel_hx7qu_279[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._statLabel_hx7qu_279[data-theme=light] {
    color: var(--text-secondary-light)
}

._statValue_hx7qu_292 {
    font-size: 14px;
    font-weight: 600
}

._stakingRow_hx7qu_299 {
    width: 100%;
    margin-top: 24px;
    padding: 16px 4px 40px;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    border-top: 1px solid
}

._stakingRow_hx7qu_299[data-theme=dark] {
    border-top-color: #ffffff14
}

._stakingRow_hx7qu_299[data-theme=light] {
    border-top-color: #0000000f
}

._stakingLabel_hx7qu_322 {
    font-size: 14px;
    font-weight: 600;
    color: var(--accent-green)
}

._stakingIcon_hx7qu_328 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8
}

._activeCard_hx7qu_336 {
    margin-top: 6px;
    border-radius: 18px;
    overflow: hidden
}

._activeCard_hx7qu_336[data-theme=dark] {
    background-color: #ffffff08;
    border: 1px solid rgba(255,255,255,.06)
}

._activeCard_hx7qu_336[data-theme=light] {
    background-color: #00000005;
    border: 1px solid rgba(0,0,0,.05)
}

._activeTop_hx7qu_352 {
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

._activeLeft_hx7qu_360 {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

._activeAvatar_hx7qu_367 {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #94a3b82e;
    flex: 0 0 auto
}

._activeNameRow_hx7qu_375 {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0
}

._activeName_hx7qu_375 {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._activeInfoIcon_hx7qu_390 {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .8
}

._activeApr_hx7qu_397 {
    font-size: 14px;
    font-weight: 600;
    color: var(--pct-green);
    white-space: nowrap
}

._activeDivider_hx7qu_404 {
    height: 1px
}

._activeDivider_hx7qu_404[data-theme=dark] {
    background: #ffffff0f
}

._activeDivider_hx7qu_404[data-theme=light] {
    background: #0000000f
}

._activeBottom_hx7qu_416 {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

._activeBottomLabel_hx7qu_424 {
    font-size: 14px
}

._activeBottomLabel_hx7qu_424[data-theme=dark] {
    color: var(--text-secondary-dark)
}

._activeBottomLabel_hx7qu_424[data-theme=light] {
    color: var(--text-secondary-light)
}

._activeBottomValue_hx7qu_436 {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap
}

._activeAvatarImg_hx7qu_441 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

._overlay_1a9zf_3 {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 999
}

._sheet_1a9zf_13 {
    width: 100%;
    max-width: 26rem;
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: calc(env(safe-area-inset-top,0px) + 12px);
    padding-bottom: calc(env(safe-area-inset-bottom,0px) + 32px);
    background: var(--modal-bg);
    color: var(--text)
}

._header_1a9zf_30 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    position: sticky;
    top: 0;
    z-index: 5;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background: var(--modal-bg);
    border-bottom: 1px solid var(--divider)
}

._backButton_1a9zf_45,._infoButton_1a9zf_46 {
    background: none;
    border: none;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    cursor: pointer;
    transition: background .15s ease;
    color: var(--text);
    -webkit-tap-highlight-color: transparent
}

._backButton_1a9zf_45:hover,._infoButton_1a9zf_46:hover {
    background: #94a3b829
}

._title_1a9zf_68 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text)
}

._content_1a9zf_75 {
    flex: 1;
    padding: 16px 20px 24px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

._fieldBlock_1a9zf_82 {
    margin-bottom: 20px
}

._fieldLabel_1a9zf_86 {
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--text)
}

._amountRow_1a9zf_94 {
    display: flex;
    align-items: center;
    border-radius: 14px;
    padding: 10px 12px;
    gap: 8px;
    background: var(--surface-1);
    border: 1px solid rgba(148,163,184,.4)
}

._amountInput_1a9zf_105 {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 20px;
    font-weight: 600;
    color: var(--text)
}

._amountInput_1a9zf_105::placeholder {
    color: #94a3b8e6;
    font-weight: 600
}

._maxButton_1a9zf_121 {
    padding: 6px 16px;
    border-radius: 999px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    background: #34d39938;
    color: var(--accent-green);
    -webkit-tap-highlight-color: transparent
}

._availableText_1a9zf_135 {
    margin-top: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted)
}

._validatorCard_1a9zf_143 {
    width: 100%;
    margin-top: 8px;
    border-radius: 18px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid var(--border);
    background: var(--surface-1);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

._validatorLeft_1a9zf_161 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0
}

._validatorLogo_1a9zf_169 {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0
}

._validatorLogoFallback_1a9zf_177 {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-2);
    color: var(--text);
    font-weight: 600;
    flex-shrink: 0
}

._validatorInfo_1a9zf_192 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0
}

._validatorName_1a9zf_199 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._validatorRight_1a9zf_209 {
    display: flex;
    align-items: center;
    gap: 8px
}

._validatorAprBlock_1a9zf_215 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 4px
}

._validatorAprValue_1a9zf_222 {
    font-size: 16px;
    font-weight: 600;
    color: var(--pct-green)
}

._validatorAprLabel_1a9zf_228 {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--text-muted);
    font-weight: 600
}

._rewardsCard_1a9zf_237 {
    margin-top: 8px;
    border-radius: 18px;
    padding: 14px 16px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._rewardsHeaderBtn_1a9zf_247 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

._rewardsTitle_1a9zf_262 {
    font-size: 15px;
    font-weight: 600;
    color: var(--text)
}

._chevron_1a9zf_269 {
    display: inline-flex;
    transition: transform .18s ease;
    transform: rotate(0)
}

._chevronOpen_1a9zf_274 {
    transform: rotate(180deg)
}

._rewardsBody_1a9zf_279 {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-2px);
    transition: max-height .22s ease,opacity .18s ease,transform .18s ease
}

._rewardsBodyOpen_1a9zf_287 {
    max-height: 220px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 10px
}

._rewardsRow_1a9zf_294 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px
}

._rewardsLabel_1a9zf_301 {
    font-size: 14px;
    color: var(--text-muted);
    font-weight: 600
}

._rewardsValue_1a9zf_307 {
    font-size: 14px;
    font-weight: 600;
    color: var(--text)
}

._infoBox_1a9zf_314 {
    margin-top: 18px;
    border-radius: 18px;
    padding: 14px 16px;
    background: #34d39924;
    border: 1px solid rgba(52,211,153,.22);
    color: var(--text)
}

._infoList_1a9zf_324 {
    margin: 0;
    padding-left: 18px;
    font-size: 13px;
    line-height: 1.45;
    list-style: disc;
    font-weight: 750
}

._infoList_1a9zf_324 li::marker {
    font-size: 7px
}

._bottom_1a9zf_338 {
    padding: 12px 20px 20px;
    background: var(--modal-bg)
}

._primaryButton_1a9zf_343 {
    width: 100%;
    padding: 14px 18px;
    border-radius: 999px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background: var(--accent-green);
    color: #0b0f0c
}

._primaryButton_1a9zf_343:disabled {
    opacity: .65;
    cursor: not-allowed
}

._overlay_18j31_3 {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 1000
}

._sheet_18j31_13 {
    width: 100%;
    max-width: 26rem;
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    background: var(--modal-bg);
    color: var(--text)
}

._header_18j31_27 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    position: sticky;
    top: 0;
    z-index: 5;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background: var(--modal-bg);
    border-bottom: 1px solid var(--divider)
}

._backButton_18j31_42 {
    background: none;
    border: none;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    cursor: pointer;
    color: var(--text);
    -webkit-tap-highlight-color: transparent
}

._title_18j31_58 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text)
}

._placeholder_18j31_64 {
    width: 32px
}

._content_18j31_69 {
    flex: 1;
    padding: 16px 20px 24px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

._sectionLabel_18j31_76 {
    font-size: 14px;
    margin-bottom: 8px;
    color: var(--text-muted);
    font-weight: 600
}

._list_18j31_83 {
    display: flex;
    flex-direction: column;
    gap: 1px
}

._item_18j31_89 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border: none;
    width: 100%;
    background: none;
    cursor: pointer;
    color: var(--text);
    -webkit-tap-highlight-color: transparent
}

._itemLeft_18j31_104 {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

._logoWrapper_18j31_111 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: var(--surface-2)
}

._logo_18j31_111 {
    width: 100%;
    height: 100%;
    object-fit: cover
}

._logoFallback_18j31_126 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-2);
    color: var(--text);
    font-weight: 600
}

._itemName_18j31_140 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._itemRight_18j31_150 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0
}

._itemAprValue_18j31_157 {
    font-size: 15px;
    font-weight: 600;
    color: var(--pct-green)
}

._itemAprLabel_18j31_163 {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--text-muted);
    font-weight: 600
}

._radioOuter_18j31_172 {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    border: 1.5px solid rgba(148,163,184,.7);
    display: flex;
    align-items: center;
    justify-content: center
}

._radioOuter_18j31_172[data-selected=true] {
    border-color: var(--accent-green)
}

._radioInner_18j31_187 {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: transparent
}

._radioOuter_18j31_172[data-selected=true] ._radioInner_18j31_187 {
    background: var(--accent-green)
}

._overlay_1q8tn_4 {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 999
}

._sheet_1q8tn_15 {
    width: 100%;
    max-width: 26rem;
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    background: var(--modal-bg);
    color: var(--text)
}

._sheet_1q8tn_15[data-theme=dark],._sheet_1q8tn_15[data-theme=light] {
    background: var(--modal-bg);
    color: var(--text)
}

._confirmHeader_1q8tn_38 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    position: sticky;
    top: 0;
    z-index: 5;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background: var(--modal-bg);
    border-bottom: 1px solid var(--divider)
}

._confirmCancel_1q8tn_53 {
    background: none;
    border: none;
    padding: 4px 0;
    color: var(--accent-green);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer
}

._confirmTitle_1q8tn_64 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text)
}

._confirmRightPlaceholder_1q8tn_70 {
    width: 60px
}

._content_1q8tn_75 {
    flex: 1;
    padding: 16px 20px 24px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

._assetCard_1q8tn_83 {
    border-radius: 22px;
    padding: 14px 16px;
    margin-bottom: 16px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._assetLeft_1q8tn_92 {
    display: flex;
    align-items: center;
    gap: 12px
}

._assetLogo_1q8tn_98 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0
}

._assetLogoFallback_1q8tn_106 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-2);
    color: var(--text);
    font-weight: 600;
    flex-shrink: 0
}

._assetInfo_1q8tn_121 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

._assetAmountUsd_1q8tn_127 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text)
}

._assetAmountToken_1q8tn_133 {
    font-size: 14px;
    color: var(--text-muted)
}

._detailCard_1q8tn_139 {
    border-radius: 20px;
    padding: 14px 16px;
    margin-bottom: 12px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._detailRow_1q8tn_148 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0
}

._detailLabel_1q8tn_156 {
    font-size: 14px;
    color: var(--text-muted)
}

._detailValueColumn_1q8tn_161 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px
}

._detailValuePrimary_1q8tn_168 {
    font-size: 14px;
    font-weight: 600;
    color: var(--text)
}

._detailValueSecondary_1q8tn_174 {
    font-size: 12px;
    color: var(--text-muted)
}

._feeCard_1q8tn_180 {
    border-radius: 20px;
    padding: 14px 16px;
    margin-top: 8px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._feeRowTop_1q8tn_189 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

._feeLabelBlock_1q8tn_196 {
    display: flex;
    align-items: center;
    gap: 6px
}

._feeInfoIcon_1q8tn_202 {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    color: var(--text-muted)
}

._feeAmountBlock_1q8tn_213 {
    display: flex;
    align-items: center;
    gap: 8px
}

._assetFeeLogo_1q8tn_219 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0
}

._assetFeeLogoFallback_1q8tn_227 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-2);
    color: var(--text);
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0
}

._assetFeeUsd_1q8tn_243 {
    font-size: 15px;
    font-weight: 600;
    color: var(--text)
}

._feeRowBottom_1q8tn_249 {
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

._feeBottomSpacer_1q8tn_256 {
    width: 40px
}

._assetFeeToken_1q8tn_260 {
    font-size: 13px;
    color: var(--text-muted)
}

._bottom_1q8tn_266 {
    padding: 12px 20px 20px;
    border-top: 1px solid var(--divider);
    background: var(--modal-bg)
}

._totalBar_1q8tn_273 {
    border-radius: 16px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._totalLabel_1q8tn_287 {
    font-size: 14px;
    color: var(--text-muted)
}

._totalValue_1q8tn_292 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text)
}

._primaryButton_1q8tn_299 {
    width: 100%;
    padding: 14px 18px;
    border-radius: 999px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background: var(--accent-green);
    color: #0b0f0c
}

._primaryButton_1q8tn_299:disabled {
    opacity: .65;
    cursor: not-allowed
}

._overlay_1k4n9_3 {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 999
}

._sheet_1k4n9_13 {
    width: 100%;
    max-width: 26rem;
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: calc(env(safe-area-inset-top,0px) + 12px);
    padding-bottom: calc(env(safe-area-inset-bottom,0px) + 32px);
    background: var(--modal-bg);
    color: var(--text)
}

._confirmHeader_1k4n9_31 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    position: sticky;
    top: 0;
    z-index: 5;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background: var(--modal-bg);
    border-bottom: 1px solid var(--divider)
}

._confirmCancel_1k4n9_46 {
    background: none;
    border: none;
    padding: 4px 0;
    color: var(--accent-green);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer
}

._confirmTitle_1k4n9_57 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text)
}

._confirmRightPlaceholder_1k4n9_63 {
    width: 60px
}

._content_1k4n9_68 {
    flex: 1;
    padding: 16px 20px 24px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

._assetCard_1k4n9_76 {
    border-radius: 22px;
    padding: 14px 16px;
    margin-bottom: 16px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._assetLeft_1k4n9_85 {
    display: flex;
    align-items: center;
    gap: 12px
}

._assetLogo_1k4n9_91 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0
}

._assetLogoFallback_1k4n9_99 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-2);
    color: var(--text);
    font-weight: 600;
    flex-shrink: 0
}

._assetInfo_1k4n9_114 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

._assetAmountUsd_1k4n9_120 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text)
}

._assetAmountToken_1k4n9_126 {
    font-size: 14px;
    color: var(--text-muted)
}

._detailCard_1k4n9_132 {
    border-radius: 20px;
    padding: 14px 16px;
    margin-bottom: 12px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._detailRow_1k4n9_141 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0
}

._detailLabel_1k4n9_149 {
    font-size: 14px;
    color: var(--text-muted);
    font-weight: 600
}

._detailValueColumn_1k4n9_155 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px
}

._detailValuePrimary_1k4n9_162 {
    font-size: 14px;
    font-weight: 600;
    color: var(--text)
}

._detailValueSecondary_1k4n9_168 {
    font-size: 12px;
    color: var(--text-muted)
}

._feeCard_1k4n9_174 {
    border-radius: 20px;
    padding: 14px 16px;
    margin-top: 8px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._feeRowTop_1k4n9_183 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

._feeLabelBlock_1k4n9_190 {
    display: flex;
    align-items: center;
    gap: 6px
}

._feeInfoIcon_1k4n9_196 {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    color: var(--text-muted)
}

._feeAmountBlock_1k4n9_207 {
    display: flex;
    align-items: center;
    gap: 8px
}

._assetFeeLogo_1k4n9_213 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0
}

._assetFeeLogoFallback_1k4n9_221 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-2);
    color: var(--text);
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0
}

._assetFeeUsd_1k4n9_237 {
    font-size: 15px;
    font-weight: 600;
    color: var(--text)
}

._feeRowBottom_1k4n9_243 {
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

._feeBottomSpacer_1k4n9_250 {
    width: 40px
}

._assetFeeToken_1k4n9_254 {
    font-size: 13px;
    color: var(--text-muted)
}

._bottom_1k4n9_260 {
    padding: 12px 20px 20px;
    border-top: 1px solid var(--divider);
    background: var(--modal-bg)
}

._totalBar_1k4n9_266 {
    border-radius: 16px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._totalLabel_1k4n9_280 {
    font-size: 14px;
    color: var(--text-muted);
    font-weight: 600
}

._totalValue_1k4n9_286 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text)
}

._primaryButton_1k4n9_292 {
    width: 100%;
    padding: 14px 18px;
    border-radius: 999px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background: var(--accent-green);
    color: #0b0f0c
}

._primaryButton_1k4n9_292:disabled {
    opacity: .65;
    cursor: not-allowed
}

._overlay_1usa0_3 {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 999
}

._sheet_1usa0_13 {
    width: 100%;
    max-width: 26rem;
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: calc(env(safe-area-inset-top,0px) + 12px);
    padding-bottom: calc(env(safe-area-inset-bottom,0px) + 32px);
    background: var(--modal-bg);
    color: var(--text)
}

._confirmHeader_1usa0_31 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    position: sticky;
    top: 0;
    z-index: 5;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background: var(--modal-bg);
    border-bottom: 1px solid var(--divider)
}

._confirmCancel_1usa0_46 {
    background: none;
    border: none;
    padding: 4px 0;
    color: var(--accent-green);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer
}

._confirmTitle_1usa0_57 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text)
}

._confirmRightPlaceholder_1usa0_63 {
    width: 60px
}

._content_1usa0_68 {
    flex: 1;
    padding: 16px 20px 24px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

._assetCard_1usa0_76 {
    border-radius: 22px;
    padding: 14px 16px;
    margin-bottom: 16px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._assetLeft_1usa0_85 {
    display: flex;
    align-items: center;
    gap: 12px
}

._assetLogo_1usa0_91 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0
}

._assetLogoFallback_1usa0_99 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-2);
    color: var(--text);
    font-weight: 600;
    flex-shrink: 0
}

._assetInfo_1usa0_114 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

._assetAmountUsd_1usa0_120 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text)
}

._assetAmountToken_1usa0_126 {
    font-size: 14px;
    color: var(--text-muted)
}

._detailCard_1usa0_132 {
    border-radius: 20px;
    padding: 14px 16px;
    margin-bottom: 12px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._detailRow_1usa0_141 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0
}

._detailLabel_1usa0_149 {
    font-size: 14px;
    color: var(--text-muted);
    font-weight: 600
}

._detailValueColumn_1usa0_155 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px
}

._detailValuePrimary_1usa0_162 {
    font-size: 14px;
    font-weight: 600;
    color: var(--text)
}

._detailValueSecondary_1usa0_168 {
    font-size: 12px;
    color: var(--text-muted)
}

._feeCard_1usa0_174 {
    border-radius: 20px;
    padding: 14px 16px;
    margin-top: 8px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._feeRowTop_1usa0_183 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

._feeLabelBlock_1usa0_190 {
    display: flex;
    align-items: center;
    gap: 6px
}

._feeInfoIcon_1usa0_196 {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    color: var(--text-muted)
}

._feeAmountBlock_1usa0_207 {
    display: flex;
    align-items: center;
    gap: 8px
}

._assetFeeLogo_1usa0_213 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0
}

._assetFeeLogoFallback_1usa0_221 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-2);
    color: var(--text);
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0
}

._assetFeeUsd_1usa0_237 {
    font-size: 15px;
    font-weight: 600;
    color: var(--text)
}

._feeRowBottom_1usa0_243 {
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

._feeBottomSpacer_1usa0_250 {
    width: 40px
}

._assetFeeToken_1usa0_254 {
    font-size: 13px;
    color: var(--text-muted)
}

._bottom_1usa0_260 {
    padding: 12px 20px 20px;
    border-top: 1px solid var(--divider);
    background: var(--modal-bg)
}

._totalBar_1usa0_266 {
    border-radius: 16px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._totalLabel_1usa0_280 {
    font-size: 14px;
    color: var(--text-muted);
    font-weight: 600
}

._totalValue_1usa0_286 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text)
}

._primaryButton_1usa0_292 {
    width: 100%;
    padding: 14px 18px;
    border-radius: 999px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background: var(--accent-green);
    color: #0b0f0c
}

._primaryButton_1usa0_292:disabled {
    opacity: .65;
    cursor: not-allowed
}

._overlay_5tqxe_3 {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 999
}

._sheet_5tqxe_13 {
    width: 100%;
    max-width: 26rem;
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: calc(env(safe-area-inset-top,0px) + 12px);
    padding-bottom: calc(env(safe-area-inset-bottom,0px) + 32px);
    background: var(--modal-bg);
    color: var(--text)
}

._confirmHeader_5tqxe_31 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    position: sticky;
    top: 0;
    z-index: 5;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background: var(--modal-bg);
    border-bottom: 1px solid var(--divider)
}

._confirmCancel_5tqxe_46 {
    background: none;
    border: none;
    padding: 4px 0;
    color: var(--accent-green);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer
}

._confirmTitle_5tqxe_57 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text)
}

._confirmRightPlaceholder_5tqxe_63 {
    width: 60px
}

._content_5tqxe_68 {
    flex: 1;
    padding: 16px 20px 24px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

._assetCard_5tqxe_76 {
    border-radius: 22px;
    padding: 14px 16px;
    margin-bottom: 16px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._assetLeft_5tqxe_85 {
    display: flex;
    align-items: center;
    gap: 12px
}

._assetLogo_5tqxe_91 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0
}

._assetLogoFallback_5tqxe_99 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-2);
    color: var(--text);
    font-weight: 600;
    flex-shrink: 0
}

._assetInfo_5tqxe_114 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

._assetAmountUsd_5tqxe_120 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text)
}

._assetAmountToken_5tqxe_126 {
    font-size: 14px;
    color: var(--text-muted)
}

._detailCard_5tqxe_132 {
    border-radius: 20px;
    padding: 14px 16px;
    margin-bottom: 12px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._detailRow_5tqxe_141 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0
}

._detailLabel_5tqxe_149 {
    font-size: 14px;
    color: var(--text-muted);
    font-weight: 600
}

._detailValueColumn_5tqxe_155 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px
}

._detailValuePrimary_5tqxe_162 {
    font-size: 14px;
    font-weight: 600;
    color: var(--text)
}

._detailValueSecondary_5tqxe_168 {
    font-size: 12px;
    color: var(--text-muted)
}

._feeCard_5tqxe_174 {
    border-radius: 20px;
    padding: 14px 16px;
    margin-top: 8px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._feeRowTop_5tqxe_183 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

._feeLabelBlock_5tqxe_190 {
    display: flex;
    align-items: center;
    gap: 6px
}

._feeInfoIcon_5tqxe_196 {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    color: var(--text-muted)
}

._feeAmountBlock_5tqxe_207 {
    display: flex;
    align-items: center;
    gap: 8px
}

._assetFeeLogo_5tqxe_213 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0
}

._assetFeeLogoFallback_5tqxe_221 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-2);
    color: var(--text);
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0
}

._assetFeeUsd_5tqxe_237 {
    font-size: 15px;
    font-weight: 600;
    color: var(--text)
}

._feeRowBottom_5tqxe_243 {
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

._feeBottomSpacer_5tqxe_250 {
    width: 40px
}

._assetFeeToken_5tqxe_254 {
    font-size: 13px;
    color: var(--text-muted)
}

._bottom_5tqxe_260 {
    padding: 12px 20px 20px;
    border-top: 1px solid var(--divider);
    background: var(--modal-bg)
}

._totalBar_5tqxe_266 {
    border-radius: 16px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    background: var(--surface-1);
    border: 1px solid var(--border)
}

._totalLabel_5tqxe_280 {
    font-size: 14px;
    color: var(--text-muted);
    font-weight: 600
}

._totalValue_5tqxe_286 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text)
}

._primaryButton_5tqxe_292 {
    width: 100%;
    padding: 14px 18px;
    border-radius: 999px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background: var(--accent-green);
    color: #0b0f0c
}

._primaryButton_5tqxe_292:disabled {
    opacity: .65;
    cursor: not-allowed
}

._overlay_1pp33_2 {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--app-top, 0px);
    height: var(--app-height);
    background: #0000008c;
    z-index: 9999
}

._sheet_1pp33_13 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: var(--app-height);
    background: var(--modal-bg);
    display: flex;
    flex-direction: column
}

._header_1pp33_25 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--modal-bg);
    border-bottom: 1px solid var(--divider)
}

._backButton_1pp33_38,._infoButton_1pp33_39 {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--text);
    transition: background .15s ease
}

._backButton_1pp33_38:hover,._infoButton_1pp33_39:hover {
    background: #8080801f
}

._title_1pp33_58 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: var(--text)
}

._content_1pp33_66 {
    flex: 1;
    padding: 10px 20px 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: var(--modal-bg)
}

._empty_1pp33_74 {
    padding: 22px 0;
    color: var(--text-muted);
    font-size: 14px
}

._list_1pp33_81 {
    display: flex;
    flex-direction: column
}

._row_1pp33_87 {
    width: 100%;
    background: transparent;
    border: none;
    padding: 18px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid var(--divider)
}

._row_1pp33_87:last-child {
    border-bottom: none
}

._row_1pp33_87:active {
    opacity: .85
}

._left_1pp33_109 {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0
}

._iconWrap_1pp33_116 {
    position: relative;
    width: 48px;
    height: 48px;
    flex: 0 0 auto
}

._tokenLogo_1pp33_123 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    display: block
}

._tokenLogoFallback_1pp33_131 {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: var(--text);
    background: #ffffff14
}

._networkBadge_1pp33_144 {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--modal-bg);
    border: 2px solid var(--modal-bg)
}

._texts_1pp33_156 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0
}

._amount_1pp33_164 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._usd_1pp33_174 {
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.2
}

._right_1pp33_181 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex: 0 0 auto
}

._apy_1pp33_189 {
    font-size: 14px;
    font-weight: 600;
    color: var(--pct-green);
    line-height: 1.2
}

._apyLabel_1pp33_196 {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.2
}

._container_ya21z_1 {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

._container_ya21z_1[data-theme=dark] {
    background: var(--bg-dark)
}

._container_ya21z_1[data-theme=light] {
    background: #fff
}

._header_ya21z_15 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    position: sticky;
    top: 0;
    z-index: 10;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

._header_ya21z_15[data-theme=dark] {
    background: var(--bg-dark);
    border-bottom: 1px solid rgba(255,255,255,.1)
}

._header_ya21z_15[data-theme=light] {
    background: #ffffffe6;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

._backButton_ya21z_36 {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: background .2s
}

._backButton_ya21z_36[data-theme=dark] {
    color: #eaecef
}

._backButton_ya21z_36[data-theme=light] {
    color: #000
}

._backButton_ya21z_36:hover {
    background: #8080801a
}

._title_ya21z_60 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: var(--text-primary-dark)
}

._infoButton_ya21z_68 {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: background .2s
}

._infoButton_ya21z_68[data-theme=dark] {
    color: #eaecef
}

._infoButton_ya21z_68[data-theme=light] {
    color: #000
}

._infoButton_ya21z_68:hover {
    background: #8080801a
}

._filterSection_ya21z_92 {
    padding: 12px 20px
}

._filterButton_ya21z_96 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all .2s
}

._filterButton_ya21z_96[data-theme=dark] {
    background: #ffffff14;
    color: #eaecef
}

._filterButton_ya21z_96[data-theme=light] {
    background: #0000000d;
    color: #000
}

._filterButton_ya21z_96:hover {
    opacity: .8
}

._content_ya21z_123 {
    flex: 1;
    padding: 0 20px 20px
}

._tokenList_ya21z_128 {
    display: flex;
    flex-direction: column;
    gap: 1px
}

._tokenItem_ya21z_134 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    cursor: pointer;
    transition: all .2s;
    border-bottom: 1px solid
}

._tokenItem_ya21z_134[data-theme=dark] {
    border-bottom-color: #ffffff0f
}

._tokenItem_ya21z_134[data-theme=light] {
    border-bottom-color: #0000000f
}

._tokenItem_ya21z_134:hover {
    opacity: .7
}

._tokenLeft_ya21z_156 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1
}

._tokenLogo_ya21z_163 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0
}

._tokenInfo_ya21z_170 {
    display: flex;
    flex-direction: column;
    gap: 6px
}

._tokenRow_ya21z_176 {
    display: flex;
    align-items: center;
    gap: 8px
}

._tokenSymbol_ya21z_182 {
    font-size: 16px;
    font-weight: 600
}

._tokenSymbol_ya21z_182[data-theme=dark] {
    color: #fff
}

._tokenSymbol_ya21z_182[data-theme=light] {
    color: #000
}

._tokenNetwork_ya21z_195 {
    font-size: 14px
}

._tokenNetwork_ya21z_195[data-theme=dark] {
    color: #ffffff80
}

._tokenNetwork_ya21z_195[data-theme=light] {
    color: #00000080
}

._tokenBadge_ya21z_207 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: linear-gradient(135deg,#667eea,#764ba2);
    color: #fff
}

._apyRow_ya21z_218 {
    display: flex;
    align-items: baseline;
    gap: 6px
}

._tokenApy_ya21z_224 {
    font-size: 14px;
    font-weight: 600;
    color: #10b981
}

._apyLabel_ya21z_230 {
    font-size: 12px
}

._apyLabel_ya21z_230[data-theme=dark] {
    color: #ffffff80
}

._apyLabel_ya21z_230[data-theme=light] {
    color: #00000080
}

._tokenRight_ya21z_242 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px
}

._tokenBalance_ya21z_249 {
    font-size: 16px;
    font-weight: 600
}

._tokenBalance_ya21z_249[data-theme=dark] {
    color: #fff
}

._tokenBalance_ya21z_249[data-theme=light] {
    color: #000
}

._tokenBalanceUsd_ya21z_262 {
    font-size: 13px
}

._tokenBalanceUsd_ya21z_262[data-theme=dark] {
    color: #ffffff80
}

._tokenBalanceUsd_ya21z_262[data-theme=light] {
    color: #00000080
}

._tokenIconWrap_ya21z_273 {
    position: relative;
    width: 44px;
    height: 44px;
    flex: 0 0 44px
}

._networkBadge_ya21z_280 {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid rgba(0,0,0,.35);
    background: #fff;
    object-fit: cover
}

._logoWrap_ya21z_291 {
    position: relative;
    width: 52px;
    height: 52px;
    border-radius: 999px;
    flex: 0 0 auto
}

._networkBadge_ya21z_280 {
    position: absolute;
    right: 2px;
    bottom: 6px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid rgba(17,17,17,.92);
    background: #ffffff0f;
    object-fit: cover
}

._container_1u5wk_1 {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

._container_1u5wk_1[data-theme=dark] {
    background: var(--bg-dark)
}

._container_1u5wk_1[data-theme=light] {
    background: #fff
}

._header_1u5wk_15 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    position: sticky;
    top: 0;
    z-index: 10;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

._header_1u5wk_15[data-theme=dark] {
    background: var(--bg-dark);
    border-bottom: 1px solid rgba(255,255,255,.1)
}

._header_1u5wk_15[data-theme=light] {
    background: #e5e7eb;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

._backButton_1u5wk_36 {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: background .2s
}

._backButton_1u5wk_36[data-theme=dark] {
    color: #fff
}

._backButton_1u5wk_36[data-theme=light] {
    color: #000
}

._backButton_1u5wk_36:hover {
    background: #8080801a
}

._title_1u5wk_60 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: var(--text-primary-dark)
}

._placeholder_1u5wk_67 {
    width: 36px
}

._content_1u5wk_71 {
    flex: 1;
    padding: 20px
}

._sectionTitle_1u5wk_76 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 20px
}

._sectionTitle_1u5wk_76[data-theme=dark] {
    color: #fff
}

._sectionTitle_1u5wk_76[data-theme=light] {
    color: #000
}

._promoCard_1u5wk_90 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-radius: 16px;
    margin-bottom: 24px;
    cursor: pointer;
    transition: transform .2s
}

._promoCard_1u5wk_90[data-theme=dark] {
    background: linear-gradient(135deg,#667eea1a,#764ba21a);
    border: 1px solid rgba(255,255,255,.05)
}

._promoCard_1u5wk_90[data-theme=light] {
    background: linear-gradient(135deg,#667eea0d,#764ba20d);
    border: 1px solid rgba(0,0,0,.05)
}

._promoCard_1u5wk_90:hover {
    transform: scale(1.01)
}

._promoContent_1u5wk_115 {
    display: flex;
    gap: 16px;
    align-items: center;
    flex: 1
}

._promoIcon_1u5wk_122 {
    flex-shrink: 0
}

._promoText_1u5wk_126 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

._promoTitle_1u5wk_132 {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    line-height: 1.4
}

._promoTitle_1u5wk_132[data-theme=dark] {
    color: #fff
}

._promoTitle_1u5wk_132[data-theme=light] {
    color: #000
}

._promoSubtitle_1u5wk_147 {
    font-size: 14px;
    color: #10b981;
    margin: 0
}

._tokenList_1u5wk_153 {
    display: flex;
    flex-direction: column;
    gap: 1px
}

._tokenItem_1u5wk_159 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    cursor: pointer;
    transition: all .2s;
    border-bottom: 1px solid
}

._tokenItem_1u5wk_159[data-theme=dark] {
    border-bottom-color: #ffffff0f
}

._tokenItem_1u5wk_159[data-theme=light] {
    border-bottom-color: #0000000f
}

._tokenItem_1u5wk_159:hover {
    opacity: .7
}

._tokenLeft_1u5wk_181 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1
}

._tokenLogo_1u5wk_188 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex-shrink: 0
}

._tokenInfo_1u5wk_195 {
    display: flex;
    flex-direction: column;
    gap: 6px
}

._tokenRow_1u5wk_201 {
    display: flex;
    align-items: center;
    gap: 8px
}

._tokenSymbol_1u5wk_207 {
    font-size: 17px;
    font-weight: 600
}

._tokenSymbol_1u5wk_207[data-theme=dark] {
    color: #fff
}

._tokenSymbol_1u5wk_207[data-theme=light] {
    color: #000
}

._tokenBadge_1u5wk_220 {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    background: linear-gradient(135deg,#667eea,#764ba2);
    color: #fff
}

._tokenName_1u5wk_232 {
    font-size: 14px
}

._tokenName_1u5wk_232[data-theme=dark] {
    color: #fff9
}

._tokenName_1u5wk_232[data-theme=light] {
    color: #0009
}

._tokenRight_1u5wk_244 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px
}

._tokenApy_1u5wk_251 {
    font-size: 14px;
    font-weight: 600;
    color: #10b981
}

._apyLabel_1u5wk_257 {
    font-size: 13px
}

._apyLabel_1u5wk_257[data-theme=dark] {
    color: #ffffff80
}

._apyLabel_1u5wk_257[data-theme=light] {
    color: #00000080
}

._logoStack_1u5wk_270 {
    position: relative;
    width: 48px;
    height: 48px;
    flex: 0 0 auto
}

._tokenLogo_1u5wk_188 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover;
    display: block
}

._networkBadge_1u5wk_286 {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
    background: #242426;
    border: 2px solid rgba(36,36,38,1)
}

._page_16n61_1 {
    height: var(--app-height);
    max-height: var(--app-height);
    background: var(--bg-dark);
    color: var(--text-primary-dark);
    display: flex;
    flex-direction: column;
    overflow: hidden
}

._header_16n61_12 {
    position: sticky;
    top: 0;
    z-index: 10;
    height: 56px;
    display: grid;
    grid-template-columns: 56px 1fr 56px;
    align-items: center;
    background: var(--bg-dark);
    border-bottom: 1px solid rgba(255,255,255,.06)
}

._headerBtn_16n61_27 {
    width: 56px;
    height: 56px;
    border: none;
    background: transparent!important;
    cursor: pointer;
    display: grid;
    place-items: center;
    color: var(--text-primary-dark);
    -webkit-tap-highlight-color: transparent
}

._headerBtn_16n61_27:focus,._headerBtn_16n61_27:focus-visible {
    outline: none
}

._headerBtn_16n61_27 svg {
    background: transparent!important;
    fill: currentColor
}

._headerBtn_16n61_27:hover {
    background: #ffffff0f;
    border-radius: 12px
}

._headerTitle_16n61_58 {
    text-align: center;
    font-size: 18px;
    font-weight: 600
}

._scroll_16n61_64 {
    flex: 1;
    overflow: auto;
    padding: 12px 14px 0;
    padding-bottom: calc(92px + env(safe-area-inset-bottom));
    scrollbar-width: none
}

._scroll_16n61_64::-webkit-scrollbar {
    width: 0;
    height: 0
}

._divider_16n61_77 {
    height: 1px;
    background: #ffffff0f;
    margin: 12px 0
}

._bottomSpace_16n61_83 {
    height: 0
}

._row_6e316_1 {
    width: 100%;
    background: var(--bg-dark);
    border: 0;
    color: var(--text-primary-dark);
    cursor: pointer;
    padding: 16px 4px;
    display: grid;
    grid-template-columns: 34px 1fr 24px;
    align-items: center;
    position: relative
}

._icon_6e316_14 {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    color: var(--text-primary-dark)
}

._title_6e316_22 {
    text-align: left;
    font-size: 18px;
    font-weight: 650
}

._right_6e316_28 {
    display: grid;
    place-items: center;
    color: var(--text-secondary-dark)
}

._divider_6e316_34 {
    position: absolute;
    left: 34px;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--border-dark)
}

body {
    font-family: Geeza,Ping Fang,Binance Plex,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

._overlay_bgn4g_9 {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: #000;
    display: flex;
    justify-content: center;
    overscroll-behavior: contain
}

._sheet_bgn4g_26 {
    width: 100%;
    max-width: 430px;
    height: var(--app-height);
    max-height: var(--app-height);
    background: var(--bg-dark);
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 0 1px #ffffff0f;
    overflow: hidden;
    padding-bottom: env(safe-area-inset-bottom)
}

._topbar_bgn4g_48 {
    height: 56px;
    display: grid;
    grid-template-columns: 56px 1fr 56px;
    align-items: center;
    padding: 0;
    position: sticky;
    top: 0;
    background: var(--bg-dark);
    border-bottom: 1px solid rgba(255,255,255,.08);
    z-index: 1
}

._title_bgn4g_63 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary-dark)
}

._closeBtn_bgn4g_70 {
    width: 56px;
    height: 56px;
    border: 0;
    background: transparent;
    cursor: pointer;
    color: #ffffffeb;
    display: grid;
    place-items: center
}

._body_bgn4g_81 {
    flex: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px 14px calc(18px + env(safe-area-inset-bottom)) 14px;
    overscroll-behavior: contain
}

._container_bgn4g_96[data-theme=light] {
    background: #f3f4f6;
    color: #111827
}

._container_bgn4g_96[data-theme=light] ._topBar_bgn4g_101 {
    background: #f3f4f6;
    border-bottom: 1px solid rgba(0,0,0,.08)
}

._container_bgn4g_96[data-theme=light] ._title_bgn4g_63 {
    color: #111827
}

._container_bgn4g_96[data-theme=light] ._tab_bgn4g_110 {
    background: #e5e7eb;
    color: #374151;
    border-color: #00000014
}

._container_bgn4g_96[data-theme=light] ._tab_bgn4g_110[data-active=true] {
    background: #fff;
    color: #111827;
    border-color: #0000001f
}

._container_bgn4g_96[data-theme=light] ._sectionTitle_bgn4g_122 {
    color: #111827
}

._container_bgn4g_96[data-theme=light] ._categoryCard_bgn4g_126,._container_bgn4g_96[data-theme=light] ._earnListCard_bgn4g_127,._container_bgn4g_96[data-theme=light] ._promoCard_bgn4g_128 {
    background: #fff;
    border-color: #00000014
}

._container_bgn4g_96[data-theme=light] ._rowSub_bgn4g_133,._container_bgn4g_96[data-theme=light] ._categorySub_bgn4g_134 {
    color: #6b7280
}

._container_bgn4g_96[data-theme=light] ._apyText_bgn4g_138 {
    color: #111827
}

._container_bgn4g_96[data-theme=light] ._apyLabel_bgn4g_142 {
    color: #6b7280
}

._container_bgn4g_96[data-theme=light] ._viewAllBtn_bgn4g_146,._container_bgn4g_96[data-theme=light] ._seeAllBtn_bgn4g_147 {
    background: #fff;
    color: #111827;
    border-color: #0000001f
}

._sheet_bgn4g_26 {
    background: var(--modal-bg);
    color: var(--text);
    box-shadow: 0 0 0 1px var(--border)
}

._topbar_bgn4g_48 {
    background: var(--modal-bg);
    border-bottom: 1px solid var(--divider)
}

._closeBtn_bgn4g_70 {
    color: var(--text-muted)
}

._root_19bdz_1 {
    display: flex;
    flex-direction: column
}

._center_19bdz_7 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 24px 0 12px
}

._illustration_19bdz_17 {
    width: 210px;
    height: 210px;
    flex: 0 0 auto;
    display: block
}

._caption_19bdz_24 {
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.35;
    color: var(--text-primary-light)
}

._bottom_19bdz_33 {
    flex: 0 0 auto;
    margin-top: auto;
    padding-bottom: calc(18px + env(safe-area-inset-bottom))
}

._primaryBtn_19bdz_39 {
    width: 100%;
    border: 0;
    cursor: pointer;
    background: #3be17a;
    color: #0b0f0c;
    font-weight: 600;
    font-size: 18px;
    padding: 16px 18px;
    border-radius: 999px
}

._root_9vz6b_1 {
    padding: 8px 0
}

._row_9vz6b_5 {
    width: 100%;
    border: 0;
    background: transparent;
    cursor: pointer;
    display: grid;
    grid-template-columns: 1fr 26px;
    align-items: center;
    padding: 18px 4px;
    position: relative
}

._title_9vz6b_19 {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary-dark)
}

:root[data-theme=light] ._title_9vz6b_19 {
    color: var(--text-primary-light)
}

:root[data-theme=light] ._divider_9vz6b_30 {
    background: #00000014
}

:root[data-theme=light] ._radio_9vz6b_34 {
    border-color: #00000038
}

._divider_9vz6b_30 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #ffffff14
}

._radio_9vz6b_34 {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,.22);
    display: grid;
    place-items: center
}

._dot_9vz6b_60 {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: transparent
}

._radioChecked_9vz6b_67 {
    border-color: #3be17a
}

._radioChecked_9vz6b_67 ._dot_9vz6b_60 {
    background: #3be17a
}

._root_ze0bz_1 {
    display: flex;
    flex-direction: column
}

._content_ze0bz_6 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px 16px 10px;
    gap: 18px
}

._illustration_ze0bz_17 {
    width: 230px;
    height: auto;
    display: block;
    margin-bottom: 10px
}

._desc_ze0bz_25 {
    margin: 0;
    text-align: center;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.35;
    color: var(--text-muted);
    max-width: 330px
}

._bottom_ze0bz_35 {
    flex: 0 0 auto;
    margin-top: auto;
    padding: 10px 0 0
}

._primaryBtn_ze0bz_41 {
    width: 100%;
    border: 0;
    cursor: pointer;
    background: var(--accent-green);
    color: #0b0f0c;
    font-weight: 600;
    font-size: 20px;
    padding: 16px 18px;
    border-radius: 999px
}

._linkBtn_ze0bz_56 {
    width: 100%;
    margin-top: 14px;
    border: 0;
    background: transparent;
    cursor: pointer;
    color: var(--accent-green);
    font-weight: 600;
    font-size: 18px
}

._safeArea_ze0bz_69 {
    height: calc(18px + env(safe-area-inset-bottom))
}

@media(max-height: 720px) {
    ._illustration_ze0bz_17 {
        width:210px
    }

    ._primaryBtn_ze0bz_41 {
        font-size: 18px
    }
}

._root_1vili_1 {
    padding: 8px 0
}

._row_1vili_5 {
    position: relative;
    width: 100%;
    padding: 18px 4px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px
}

._title_1vili_16 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text);
    text-align: left
}

._divider_1vili_24 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--divider)
}

._switch_1vili_34 {
    width: 46px;
    height: 26px;
    border-radius: 999px;
    border: 0;
    cursor: pointer;
    background: var(--surface-2);
    position: relative;
    transition: background .16s ease
}

._thumb_1vili_47 {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: transform .16s ease
}

._on_1vili_60 {
    background: var(--accent-green)
}

._on_1vili_60 ._thumb_1vili_47 {
    transform: translate(20px)
}

._root_kleb8_1 {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px
}

._statusRow_kleb8_10 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 2px 0
}

._dot_kleb8_17 {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--accent-green);
    box-shadow: 0 0 0 3px #3be17a2e
}

._statusText_kleb8_25 {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-muted)
}

._chatId_kleb8_31 {
    margin-left: auto;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
    opacity: .75
}

._error_kleb8_39 {
    padding: 10px 12px;
    border-radius: 12px;
    background: #ff50501f;
    border: 1px solid rgba(255,80,80,.25);
    color: var(--text);
    font-size: 13px;
    font-weight: 750
}

._messages_kleb8_3 {
    flex: 1 1 auto;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 4px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

._messages_kleb8_3::-webkit-scrollbar {
    width: 0;
    height: 0
}

._loading_kleb8_68 {
    margin: auto;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-muted);
    opacity: .8
}

._bubbleRow_kleb8_77 {
    display: flex;
    width: 100%
}

._left_kleb8_81 {
    justify-content: flex-start
}

._right_kleb8_84 {
    justify-content: flex-end
}

._msg_kleb8_88 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 78%
}

._bubble_kleb8_77 {
    padding: 10px 12px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    white-space: pre-wrap;
    word-break: break-word
}

._support_kleb8_105 {
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-top-left-radius: 10px;
    color: var(--text)
}

._user_kleb8_112 {
    background: var(--accent-green);
    color: #0b0f0c;
    border: 1px solid rgba(0,0,0,.12);
    border-top-right-radius: 10px
}

._time_kleb8_120 {
    font-size: 11px;
    font-weight: 750;
    color: var(--text-muted);
    opacity: .75;
    line-height: 1
}

._timeLeft_kleb8_127 {
    text-align: left
}

._timeRight_kleb8_130 {
    text-align: right
}

._composer_kleb8_135 {
    flex: 0 0 auto;
    padding-top: 10px;
    border-top: 1px solid var(--divider)
}

._inputWrap_kleb8_141 {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--surface-1);
    border-radius: 14px;
    border: 1px solid var(--border);
    padding: 8px
}

._input_kleb8_141 {
    flex: 1;
    resize: none;
    border: 0;
    outline: none;
    background: transparent;
    color: var(--text);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    min-height: 24px
}

._input_kleb8_141::placeholder {
    color: var(--text-muted);
    opacity: .75;
    font-weight: 600
}

._sendBtn_kleb8_174 {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    display: grid;
    place-items: center
}

._sendBtnOn_kleb8_184 {
    background: var(--accent-green);
    color: #0b0f0c
}

._sendBtnOff_kleb8_189 {
    background: var(--surface-2);
    color: var(--text-muted);
    cursor: not-allowed
}

._hint_kleb8_195 {
    margin-top: 8px;
    padding-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
    opacity: .75;
    text-align: center
}

._safeArea_kleb8_205 {
    height: calc(10px + env(safe-area-inset-bottom))
}

._root_a1yzu_1 {
    display: flex;
    flex-direction: column
}

._content_a1yzu_7 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px 16px 10px;
    gap: 16px
}

._illustration_a1yzu_19 {
    width: 240px;
    height: auto;
    display: block;
    margin-bottom: 6px
}

._title_a1yzu_27 {
    margin: 0;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.12;
    color: var(--text)
}

._desc_a1yzu_37 {
    margin: 0;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--text-muted);
    max-width: 320px
}

._bottom_a1yzu_48 {
    flex: 0 0 auto;
    margin-top: auto;
    padding: 10px 0 0
}

._primaryBtn_a1yzu_54 {
    width: 100%;
    border: 0;
    cursor: pointer;
    background: var(--accent-green);
    color: #0b0f0c;
    font-weight: 600;
    font-size: 20px;
    padding: 16px 18px;
    border-radius: 999px
}

._linkBtn_a1yzu_69 {
    width: 100%;
    margin-top: 14px;
    border: 0;
    background: transparent;
    cursor: pointer;
    color: var(--accent-green);
    font-weight: 600;
    font-size: 18px
}

._safeArea_a1yzu_82 {
    height: calc(18px + env(safe-area-inset-bottom))
}

@media(max-height: 720px) {
    ._illustration_a1yzu_19 {
        width:210px
    }

    ._title_a1yzu_27 {
        font-size: 26px
    }

    ._desc_a1yzu_37 {
        font-size: 14px
    }
}

._illustrationWrap_a1yzu_99 {
    width: 100%;
    display: grid;
    place-items: center
}

._illustration_a1yzu_19 {
    width: 230px;
    height: auto;
    display: block
}

._root_11a3s_1 {
    display: flex;
    flex-direction: column
}

._content_11a3s_6 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px 16px 10px;
    gap: 16px
}

._illustration_11a3s_17 {
    width: 250px;
    height: auto;
    display: block;
    margin-bottom: 10px
}

._title_11a3s_24 {
    margin: 0;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.12;
    color: var(--text)
}

._desc_11a3s_33 {
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--text-muted)
}

._bottom_11a3s_42 {
    flex: 0 0 auto;
    margin-top: auto;
    padding: 10px 0 0
}

._primaryBtn_11a3s_48 {
    width: 100%;
    border: 0;
    cursor: pointer;
    background: var(--accent-green);
    color: #0b0f0c;
    font-weight: 600;
    font-size: 20px;
    padding: 16px 18px;
    border-radius: 999px
}

._safeArea_11a3s_63 {
    height: calc(18px + env(safe-area-inset-bottom))
}

@media(max-height: 720px) {
    ._illustration_11a3s_17 {
        width:220px
    }

    ._title_11a3s_24 {
        font-size: 26px
    }
}

._root_rgiu7_1 {
    height: 100%;
    overflow: auto;
    padding: 8px 0 0
}

._sectionTitle_rgiu7_8 {
    padding: 14px 4px 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-muted);
    opacity: .75
}

._list_rgiu7_17 {
    display: flex;
    flex-direction: column
}

._row_rgiu7_23 {
    width: 100%;
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 16px 4px;
    display: grid;
    grid-template-columns: 1fr 26px;
    align-items: center;
    gap: 12px;
    -webkit-tap-highlight-color: transparent
}

._label_rgiu7_38 {
    text-align: left;
    font-size: 18px;
    font-weight: 750;
    color: var(--text);
    line-height: 1.15;
    min-width: 0
}

._code_rgiu7_47 {
    font-weight: 600
}

._dash_rgiu7_51 {
    color: var(--text-muted);
    opacity: .85
}

._name_rgiu7_56 {
    color: var(--text)
}

._radio_rgiu7_61 {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 2px solid var(--border);
    display: grid;
    place-items: center;
    box-sizing: border-box
}

._dot_rgiu7_71 {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: transparent
}

._radioChecked_rgiu7_78 {
    border-color: var(--accent-green)
}

._radioChecked_rgiu7_78 ._dot_rgiu7_71 {
    background: var(--accent-green)
}

._safeArea_rgiu7_86 {
    height: calc(18px + env(safe-area-inset-bottom))
}

:root[data-theme=light] ._sectionTitle_rgiu7_8,[data-theme=light] ._sectionTitle_rgiu7_8 {
    opacity: 1
}

:root[data-theme=light] ._radio_rgiu7_61,[data-theme=light] ._radio_rgiu7_61 {
    border-color: #0f172a38
}

._root_14lrm_1 {
    height: 100%;
    overflow: auto;
    padding: 8px 0 0
}

._row_14lrm_7 {
    width: 100%;
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 16px 4px;
    display: grid;
    grid-template-columns: 1fr 26px;
    align-items: center;
    gap: 12px;
    -webkit-tap-highlight-color: transparent
}

._label_14lrm_22 {
    text-align: left;
    font-size: 18px;
    font-weight: 750;
    color: var(--text);
    line-height: 1.15;
    min-width: 0
}

._title_14lrm_31 {
    color: var(--text)
}

._dash_14lrm_35 {
    color: var(--text-muted);
    opacity: .85
}

._code_14lrm_40 {
    font-weight: 600
}

._radio_14lrm_44 {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 2px solid var(--border);
    display: grid;
    place-items: center;
    box-sizing: border-box
}

._dot_14lrm_54 {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: transparent
}

._radioChecked_14lrm_61 {
    border-color: var(--accent-green)
}

._radioChecked_14lrm_61 ._dot_14lrm_54 {
    background: var(--accent-green)
}

._safeArea_14lrm_69 {
    height: calc(18px + env(safe-area-inset-bottom))
}

:root[data-theme=light] ._radio_14lrm_44,[data-theme=light] ._radio_14lrm_44 {
    border-color: #0f172a38
}

._page_l9m49_1 {
    min-height: 100%;
    background: var(--bg-dark);
    color: #e6e6e6
}

._header_l9m49_7 {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: var(--bg-dark);
    display: flex;
    align-items: center;
    justify-content: center
}

._title_l9m49_19 {
    font-weight: 600;
    font-size: 18px
}

._content_l9m49_24 {
    padding: 16px
}

._card_l9m49_28 {
    background: #15181c;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 14px;
    padding: 12px
}

._row_l9m49_35 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 4px
}

._row_l9m49_35+._row_l9m49_35 {
    border-top: 1px solid rgba(255,255,255,.06)
}

._label_l9m49_46 {
    opacity: .85
}

._value_l9m49_50 {
    color: #9aa0a6
}