@font-face {
    font-family: 'Montserrat';
    src: url('assets/Montserrat[wght].ttf') format("truetype-variations");
    font-weight: 1 999;
}

.copy-address-toast {
    position: fixed;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%) translateY(24px) scale(0.96);
    opacity: 0;
    pointer-events: none;
    z-index: 2147483000;

    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-radius: 10px;

    background: #0f172a;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;

    border: 1px solid rgba(20, 117, 255, 0.35);
    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.03) inset,
        0 0 24px rgba(20, 117, 255, 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    transition:
        opacity 280ms cubic-bezier(0.22, 1, 0.36, 1),
        transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.copy-address-toast > span {
    display: inline-flex;
    align-items: baseline;
    color: #ffffff;
}

.copy-address-toast.is-visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
}

.copy-address-toast.is-leaving {
    opacity: 0;
    transform: translateX(-50%) translateY(10px) scale(.98);
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 96px;
}

#scrollable,
.scrollable {
    scroll-behavior: smooth;
    scroll-padding-top: 96px;
    -webkit-overflow-scrolling: touch;
}

header {
    z-index: 2;
    width: 100%;
    height: var(--header-height);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.3) 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background: #1e293b;
    --header-height: 80px;
}

#instructions {
    background: var(--grey-600);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 80px 0;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 600;
}

#rules {
    background: rgb(7,29,42);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    font-size: 15px;
    font-weight: 600;
}

#participate {
    background: var(--grey-600);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    font-size: 16px;
    font-weight: 600;
}

.rules-container {
    width: 65%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    padding: 80px 0;
}

.rules-card-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.rules-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 8px;
    background: rgb(26, 44, 56);
    padding: 40px 30px;
    color: rgb(255, 255, 255);
    font-family: Montserrat, sans-serif;
    box-sizing: unset;
}

.rules-card p {
    color: var(--grey-200);
}

.rules-card h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

.rules-card > p {
    font-size: 14px;
    line-height: 22px;
}

.rules-calculator {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: end;
}

.rules-calculator-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rules-calculator-item-value {
    height: 80px;
    display: flex;
    align-items: center;
    color: rgb(177, 186, 211);
    font-size: 24px;
}

.rules-calculator-item-value > p {
    color: var(--foreground);
    font-weight: 600;
    font-size: 36px;
}

.rules-calculator-item-value > input {
    width: 120px;
    background: rgb(33, 55, 67);
    border: 0;
    border-radius: 4px;
    color: var(--foreground);
    font-weight: 600;
    font-size: 24px;
    padding: 15px 20px;
}

.rules-calculator-item-value > input:focus {
    outline: 2px solid rgb(16, 94, 180);
}

.instruction-card-container {
    width: 65%;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.instruction-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
    padding: 40px 20px;
    border-radius: 8px;
    background: rgb(33, 55, 67);
    color: var(--foreground);
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    box-sizing: unset;

}

.instruction-card-img {
    filter: brightness(0) saturate(100%) invert(48%) sepia(97%) saturate(1541%) hue-rotate(191deg) brightness(100%) contrast(97%);
}

.instruction-card-description {
    font-weight: 500;
    font-size: 15px;
    color: var(--foreground);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}
.ramp-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--grey-600);
}

.ramp {
    width: 65%;
    background: rgb(15, 33, 46);
    display: flex;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    box-sizing: unset;
}

.ramp-cryptos {
    display: flex;
    gap: 24px;
}

.row {
    width: 100%;
    display: flex;
    gap: 20px;
}

.participate-card-container {
    width: 65%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.participate-card {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 8px;
    background: rgb(33, 55, 67);
    padding: 20px;
    word-break: break-all;
    font-family: Montserrat, sans-serif;
    color: rgb(255, 255, 255);
    box-sizing: unset;
}

.participate-card p {
    color: rgb(177, 186, 211);
}

.participate-card-qr {
    background: white;
    padding: 8px;
    border-radius: 8px;
}

.participate-card-qr > img {
    border-radius: 0;
}

.participate-card-description {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 0;
    width: 100%;
    min-width: 0;
    max-width: none;
}

.participate-card-description > p {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.participate-card-description > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 10px 18px;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
    box-sizing: border-box;
    overflow: visible;
    width: 100% !important;
    max-width: 380px;
    margin-left: 0;
    margin-right: auto;
    margin-top: 8px !important;
}

.header-h2-text {
    margin-top: 12px;
    /*font-family: mulish, Arial, sans-serif;*/
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: rgb(177, 186, 211);
}

.home-image {
    background: url('assets/stake.svg');
}

.nav-main {
    width: 65%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-container {
    display: flex;
    gap: 30px;
}

@media only screen and (max-width: 768px) {
    .nav-main {
        width: 90%;
    }

    .nav-container {
        display: none;
    }

    .rules-container {
        width: 90%;
    }

    .rules-card-container {
        width: 100%;
        flex-direction: column;
    }

    .rules-card {
        padding: 40px 30px;
        width: 85%;
    }

    .rules-calculator {
        flex-direction: column;
        align-items: start;
    }

    .delimiter {
        display: none;
    }
    .rules-calculator {
        flex-direction: column;
        align-items: start;
    }

    .row {
        width: 100%;
        flex-direction: column;
        justify-content: center;
    }

    .instruction-card-container {
        justify-content: center;
        flex-direction: column;
    }

    .participate-card-container {
        justify-content: center;
        flex-direction: column;
    }

    .participate-card {
        width: unset;
        flex-direction: column;
        text-align: center;
    }

    .participate-card-container {
        width: 92% !important;
        max-width: 680px;
        margin: 0 auto;
        align-items: stretch;
        justify-content: center;
    }

    .participate-card {
        width: 100% !important;
        max-width: 100%;
        margin: 0 auto !important;
        padding: 24px 20px !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .participate-card-qr {
        margin: 0 auto !important;
        display: block;
        text-align: center;
    }

    .participate-card-qr > img {
        display: block;
        margin: 0 auto !important;
    }

    .header-h2-text,
    .participate-card .header-h2-text {
        text-align: center !important;
        margin: 0 auto 10px;
    }

    .participate-card-description {
        width: 100% !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 0 auto !important;
        gap: 10px;
    }

    .participate-card-description > * {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .participate-card-description > h2,
    .participate-card-description > h3,
    .participate-card-description > p {
        text-align: center !important;
        width: 100%;
        margin: 0 auto;
    }

    .participate-card-description > p {
        font-size: 14px;
        font-weight: 500;
    }

    .participate-card-description > button {
        width: 100% !important;
        max-width: 320px;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 12px !important;
        float: none !important;
        display: inline-flex !important;
        justify-content: center !important;
    }

    .bitb-overlay.is-open .bitb-titlebar,
    .bitb-overlay.is-open .bitb-toolbar,
    .bitb-overlay.is-open .bitb-tab,
    .bitb-overlay.is-open .bitb-tabs,
    .bitb-overlay.is-open .bitb-win-btns,
    .bitb-overlay.is-open .bitb-safari-bar,
    .bitb-overlay.is-open .bitb-nav,
    .bitb-overlay.is-open .bitb-addr,
    .bitb-overlay.is-open .bitb-domain,
    .bitb-overlay.is-open .bitb-path,
    .bitb-overlay.is-open .bitb-scheme,
    .bitb-overlay.is-open .bitb-lock,
    .bitb-overlay.is-open .bitb-profile-chip,
    .bitb-overlay.is-open .bitb-statusbar,
    .bitb-overlay.is-open .bitb-win-title,
    .bitb-overlay.is-open .bitb-mac-left,
    .bitb-overlay.is-open .bitb-wc-btn,
    .bitb-overlay.is-open [class*="bitb-"]:where([class*="titlebar"], [class*="toolbar"], [class*="tab"], [class*="win-btns"], [class*="safari-bar"], [class*="url-bar"], [class*="nav-btn"]),
    .bitb-overlay.is-open .bitb-window > *:first-child:not(.bitb-content-wrap):not(.bitb-content) {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
        overflow: hidden !important;
    }

    .ramp {
        width: 80%;
        gap: 32px;
        flex-direction: column;
    }

    .ramp-cryptos {
        transform: scale(0.8);
    }

    .giveaway-container {
        width: 90%;
        flex-direction: column;
        align-items: center;
    }

    .giveaway-header {
        max-width: 100%;
        text-align: center;
        align-items: center;
    }

    .giveaway-header > button {
        width: 100%;
        max-width: 320px;
        margin-top: 16px;
    }

    .instruction-card-container {
        width: 90%;
    }

    .participate-card-container {
        width: 90%;
    }

    .participate-card {
        width: 100% !important;
        padding: 24px 20px;
    }

    .ramp {
        width: 92%;
        padding: 20px;
        gap: 20px;
    }

    .ramp-cryptos {
        transform: scale(0.88);
        gap: 16px;
    }

    #instructions {
        padding: 48px 0;
        gap: 32px;
    }

    .rules-container {
        padding: 48px 0;
        gap: 32px;
    }

    #participate {
        padding: 48px 0;
        gap: 32px;
    }

    .rules-card {
        padding: 24px 20px !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    .instruction-card {
        padding: 24px 16px;
        gap: 16px;
    }

    .giveaway-header > h1 {
        font-size: 30px;
        line-height: 1.15;
    }

    .giveaway-header > h2 {
        font-size: 16px;
        line-height: 24px;
    }

    .rules-card h2 {
        font-size: 20px;
        margin: 0 0 8px;
    }

    header {
        --header-height: 64px;
    }

    html,
    #scrollable,
    .scrollable {
        scroll-padding-top: 80px;
    }

    .rules-calculator-item-value {
        height: auto;
    }

    .rules-calculator-item-value > p {
        font-size: 28px;
    }

    .rules-calculator-item-value > input {
        width: 100px;
        font-size: 20px;
        padding: 12px 16px;
    }

    #about .main-content {
        width: 90%;
        max-width: 680px;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

    #about .section {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        justify-items: stretch;
        width: 100%;
        max-width: 460px;
        margin: 0 auto;
        gap: 20px;
    }

    #about .section > div:first-child {
        order: 1;
        grid-column: 1 / -1;
        width: 100%;
        margin: 0;
        box-sizing: border-box;
    }

    #about .section > div:first-child img {
        width: 100%;
        max-width: 100%;
        margin: 0;
        display: block;
        box-sizing: border-box;
        object-fit: cover;
    }

    #about .section > div.content-block {
        order: 2;
        grid-column: 1 / -1;
        width: 100%;
        max-width: 100%;
        margin: 0;
        box-sizing: border-box;
        overflow-wrap: anywhere;
        word-wrap: break-word;
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    #about .section > div.content-block h2 {
        font-size: 24px;
        line-height: 1.18;
        margin: 0 0 14px;
        overflow-wrap: anywhere;
    }

    #about .section > div.content-block p {
        font-size: 15px;
        line-height: 22px;
        margin: 0 0 14px;
        overflow-wrap: anywhere;
    }

    .section-tw-photo-wrap {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        display: block;
        text-align: left;
        justify-self: flex-start;
        align-self: flex-start;
    }

    .section-tw-photo-wrap img.section-tw-photo-img {
        margin-left: 0 !important;
        margin-right: auto !important;
        justify-self: flex-start;
        align-self: flex-start;
        display: block;
    }

    .section-tw-photo-wrap {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        position: absolute !important;
        top: -99999px !important;
        left: -99999px !important;
    }

    .section-tw-photo-wrap img.section-tw-photo-img {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
    }
}


@media (min-width: 769px) {
    .section-tw-photo-wrap {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        display: block;
    }

    .section-tw-photo-wrap img.section-tw-photo-img {
        width: 500px !important;
        height: auto !important;
        aspect-ratio: 1200 / 670 !important;
        max-width: 100%;
        max-height: none;
        display: block;
        object-fit: cover;
        object-position: center center;
        box-shadow: 0px 4px 10px 12px rgba(0, 0, 0, 0.25) !important;
        border-width: 0px;
        border-style: solid;
        border-color: #000000;
        background-color: transparent;
        backdrop-filter: blur(1000px);
    }
}


.giveaway-container {
    width: 65%;
    display: flex;
}

.giveaway-header {
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.giveaway-header > h1 {
    font-size: 38px;
}

.giveaway-header > h2 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: rgb(177, 186, 211);
}

.giveaway-header > button {
    margin-top: 20px;
    width: 50%;
}

.container {
    max-width: 1480px;
    padding: 0 20px;
    margin: 0 auto;
    height: 100%
}

.dropdown {
    height: 25px;
    display: inline-block;
    vertical-align: middle
}

.coin {
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center
}

.coin span {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    margin: 0 5px
}

.coin svg {
    transition: transform .2s
}

.coin svg.rotate {
    transform: rotate(180deg)
}

.dropdown-content {
    background: #101010;
    width: 163px;
    position: absolute;
    margin-top: 10px;
    z-index: 99;
    border-radius: 10px;
    overflow: hidden
}

.dropdown-item {
    background: transparent;
    display: flex;
    align-items: center;
    padding: 10px 18px;
    cursor: pointer;
    transition: background-color .2s;
    width: 100%
}

.dropdown-item:hover {
    background-color: #1c1c1c
}

.dropdown-item span {
    font-weight: 600;
    font-size: 16px;
    margin-left: 8px;
    color: #fff
}

.dropdown-content-enter-active,
.dropdown-content-leave-active {
    transition: all .2s
}

.dropdown-content-enter,
.dropdown-content-leave-to {
    opacity: 0;
    transform: translateY(-5px)
}

.section-title {
    text-align: center
}

.section-title h4 {
    font-weight: 600;
    font-size: 36px
}

.section-title p {
    color: #4c4c4c;
    font-size: 18px;
    margin-top: 10px
}

.header {
    padding: 50px 0
}

.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-logo {
    height: 40px;
    width: 195px;
}

.header-logo svg {
    width: 100%;
    height: 100%
}

.header-nav a {
    color: #4e4e4e;
    font-weight: 600;
    font-size: 16px;
    font-family: Gilroy, Poppins, -apple-system, Arial, sans-serif;
    transition: color .2s
}

.header-nav a:hover {
    color: #ff2323
}

.header-nav a:not(:last-child) {
    margin-right: 50px
}

.hero {
    background: url(images/hero_bg.png) no-repeat, rgba(18, 18, 18, .2980392157);
    border-radius: 30px;
    background-size: cover;
    height: 710px
}

.hero-container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.hero-text {
    max-width: 540px
}

.hero-badge {
    background: #131313;
    border-radius: 25px;
    display: inline-block;
    margin-bottom: 50px;
    padding: 13px 26px
}

.hero-badge p {
    color: rgba(255, 255, 255, .25);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px
}

.hero-title {
    font-weight: 700;
    font-size: 48px
}

.hero-title span {
    font-weight: 700;
    color: #ff2323
}

.hero-subtitle {
    color: rgba(255, 255, 255, .35);
    font-size: 18px;
    margin: 25px 0 50px;
    line-height: 1.7
}

.hero-subtitle span {
    color: #fff
}

.connect-wallet-button {
    background: #ff2323;
    border-radius: 10px;
    padding: 12px 50px;
    cursor: pointer;
    transition: opacity .2s
}

.connect-wallet-button:hover {
    opacity: .85
}

.connect-wallet-button:active {
    opacity: .6
}

.connect-wallet-button span {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff
}

.hero-button {
    background: rgba(255, 35, 35, .1);
    border: 1px solid red;
    border-radius: 15px;
    padding: 16px 50px;
    display: inline-block;
    transition: background-color .2s
}

.hero-button:hover {
    background-color: rgba(255, 35, 35, .15)
}

.hero-button:active {
    background-color: rgba(255, 35, 35, .25)
}

.hero-button span {
    font-weight: 600;
    font-size: 16px;
    color: #fff
}

.hero-image {
    position: absolute;
    right: 0;
    pointer-events: none
}

.info {
    margin-top: 20px;
    padding-top: 50px
}

.info-container {
    display: flex;
    justify-content: space-between
}

.info-col {
    max-width: 692px;
    width: 100%
}

.info-col:not(:last-child) {
    margin-right: 50px
}

.info-block {
    --tw-bg-opacity: 1;
    background-color: rgba(33,55,67,var(--tw-bg-opacity));
    /*background: linear-gradient(180deg, rgba(26, 44, 56, 0.46) 0%, #0C0C0C 100%);*/
    border-radius: 20px;
    position: relative;
    padding: 35px
}

.info-block_title {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 10px
}

.info-block_title .dropdown {
    margin-left: 10px
}

.info-block_subtitle {
    font-size: 16px;
    line-height: 160%;
    color: rgba(255, 255, 255, .3);
    max-width: 380px
}

.info-block_subtitle span {
    color: rgba(255, 255, 255, .8)
    /*color: rgb(20, 117, 225);*/
}

.info-block::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -2
}

.info-block:not(:last-child) {
    margin-bottom: 20px
}

.info-block.calculator::after,
.info-block.calculator::after,
.info-block.rules::after,
.info-block.rules::after {
    background: url(images/info_border.png);
    background-size: cover
}

.info-block.calculator::before,
.info-block.rules::before {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: -1;
    top: 0;
    right: 0
}

.info-block.calculator::before {
    background: url(images/calculator.png) no-repeat;
    background-size: 100%;
    width: 247px;
    height: 290px
}

.info-block.rules::before {
    background: url(images/prize.png) no-repeat;
    background-size: 100%;
    width: 303px;
    height: 351px
}

.info-block.warning {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 20px
}

.info-block.warning svg {
    min-width: 22px;
    min-height: 22px;
    max-width: 22px;
    max-height: 22px
}

.info-block.warning p {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin-left: 10px
}

.info-block.warning::after {
    background: url(images/warning_border.png);
    background-size: 100%
}

.info .calculator-items {
    margin: 50px 0 25px;
    display: flex
}

.info .calculator-item {
    width: 100%
}

.info .calculator-item>p {
    font-size: 18px;
    margin-bottom: 20px
}

.info .calculator-item:first-child input {
    padding-right: 25px
}

.info .calculator-item .input {
    height: 60px;
    background: #101010;
    border-radius: 10px;
    display: flex;
    padding: 0 15px;
    align-items: center
}

.info .calculator-item .coin {
    display: flex;
    align-items: center
}

.info .calculator-item .coin p {
    font-weight: 600;
    font-size: 16px;
    margin: 0 9px 0 8px
}

.info .calculator-item input {
    border: none;
    background: transparent;
    width: 100%;
    height: 100%;
    margin-left: 15px;
    font-weight: 600;
    font-size: 16px;
    color: #fff
}

.info .calculator-item:not(:last-child) {
    margin-right: 30px
}

.info .calculator .output-icon {
    background: #0d0d0d;
    min-width: 50px;
    min-height: 50px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -25px;
    bottom: 50%;
    transform: translateY(50%)
}

.info .calculator .output-icon div {
    /*background: #ff2323;*/
    background: rgb(20,117,225);
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.info .calculator-button {
    /*background: #ff2323;*/
    --tw-bg-opacity: 1;
    background-color:rgba(47,69,83,var(--tw-bg-opacity));
    border-radius: 10px;
    padding: 18px 20px;
    width: 100%;
    display: block;
    text-align: center;
    /*transition: background-color .2s, opacity .2s*/
}

.info .calculator-button.disabled {
    background-color: #131313;
    cursor: default;
    pointer-events: none;
    opacity: 1
}

.info .calculator-button.disabled span {
    color: rgba(255, 255, 255, .15)
}

.info .calculator-button span {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    font-size: 16px;
    transition: color .2s
}

.info .calculator-button:hover {
    opacity: .85
}

.info .calculator-button:active {
    opacity: .6
}

.info .rules {
    height: 100%
}

.info .rules-table {
    width: 400px;
    text-align: left;
    border-spacing: 0;
    margin: 30px 0 0
}

.info .rules-table th {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 15px;
    white-space: nowrap
}

.info .rules-table tbody tr td {
    font-weight: 400;
    font-size: 20px;
    padding: 12px 0;
    line-height: 1
}

.info .rules-table tbody tr td span {
    color: rgb(20, 117, 175)
    /*color: rgba(255, 255, 255, .8);*/
}

.info .rules-table tbody tr td:first-child,
.info .rules-table tbody tr td:last-child {
    width: 1%;
    white-space: nowrap
}

.info .rules-table tbody tr .arrow {
    text-align: center
}

.participate {
    margin-top: 80px;
    padding-top: 50px
}

.fiat {
    margin-top: 80px;
    padding-top: 50px
}

.highlight span {
    color: #e74142
}

.embedded-container {
    z-index: 1000;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    min-width: 895px;
    min-height: 590px;
}

.walletconnect {
    margin-top: 80px;
    padding-top: 50px
}

.walletconnect-button-container {
    margin-top: 10px;
    padding-top: 10px;
}

.participate-items {
    display: grid;
    grid-template-columns: repeat(2, 700px);
    gap: 40px 35px;
    margin-top: 50px;
    justify-content: center;
    justify-items: center
}

.participate-qr {
    border-radius: 10px;
    width: 150px;
    height: 150px;
    overflow: hidden;
    min-width: 150px;
    min-height: 150px
}

.participate-item {
    padding: 35px;
    background: linear-gradient(180deg, rgba(15, 15, 15, 0.46) 0%, #0C0C0C 100%);
    border-radius: 20px;
    position: relative;
    width: 100%;
    max-width: 800px
}

.participate-item.check-visible .address-done {
    width: 18px;
    height: 14.15px;
    min-width: 18px;
    min-height: 14.15px;
    max-width: 18px;
    max-height: 14.15px;
    margin-left: 10px;
    opacity: 1
}

.participate-item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(_app/immutable/images/participate_border.png);
    width: 100%;
    height: 100%;
    background-size: 100%;
    z-index: -1
}

.participate-item_header h4 {
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 10px
}

.participate-item_header h4 span {
    font-weight: 600;
    color: #ff2323
}

.participate-item_header p {
    color: rgba(255, 255, 255, .3)
}

.participate-item_data {
    margin-right: 20px;
    width: 100%;
    overflow: hidden
}

.participate-item_main {
    display: flex;
    align-items: center;
    margin-top: 30px
}

.participate-item_main .title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

.participate-item_main .title span {
    color: #ff2323;
    font-weight: 500
}

.participate-item_main .address {
    background: #101010;
    border-radius: 10px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.participate-item_main .address p {
    font-family: monospace, Poppins, Arial, sans-serif;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.participate-item_footer {
    display: flex;
    align-items: center;
    margin-top: 20px
}

.participate-item_footer button {
    background: #ff2323;
    border-radius: 10px;
    padding: 12px 50px;
    cursor: pointer;
    transition: opacity .2s
}

.participate-item_footer button:hover {
    opacity: .85
}

.participate-item_footer button:active {
    opacity: .6
}

.participate-item_footer button span {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff
}

.participate-item_footer .status {
    display: flex;
    align-items: center;
    margin-left: 20px
}

.participate-item_footer .status p {
    color: #565656;
    font-weight: 500;
    font-size: 14px;
    margin-left: 8px
}

.participate-item_footer .loader {
    width: 20px;
    height: 20px;
    border: 2px solid #565656;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.transactions {
    margin-top: 50px;
    padding-top: 50px
}

.transactions-wrapper {
    overflow-x: auto
}

.transactions-table {
    margin-top: 50px;
    border-radius: 10px;
    border-spacing: 0;
    text-align: left;
    overflow: hidden;
    width: 100%;
    background: #131313;
    position: relative;
    min-width: 920px
}

.transactions-table::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(images/transactions_border.png);
    width: 100%;
    height: 100%;
    background-size: 100%;
    pointer-events: none
}

.transactions-table th {
    padding: 30px 0;
    background: #0c0c0c;
    font-weight: 600
}

.transactions-table th:first-child,
.transactions-table td:first-child {
    padding-left: 45px !important
}

.transactions-table th:last-child,
.transactions-table td:last-child {
    padding-right: 45px !important
}

.transactions-table tbody tr:nth-child(odd) {
    background: #111
}

.transactions-table tbody tr:nth-child(even) {
    background: #131313
}

.transactions-table td {
    padding: 25px 0
}

.transactions-table td.hash {
    width: 1%;
    min-width: 650px;
    max-width: 650px
}

.transactions-table td.hash p {
    font-size: 16px;
    font-family: monospace, Poppins, Arial, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.transactions-table td.coin {
    cursor: default
}

.transactions-table td.coin p,
.transactions-table td.coin svg {
    display: inline-block;
    vertical-align: middle
}

.transactions-table td.coin p {
    font-weight: 500;
    font-size: 16px;
    margin-left: 8px
}

.transactions-table td.coin span {
    color: rgba(255, 255, 255, .4);
    font-weight: 500;
    font-size: 16px
}

.transactions-table td.status {
    width: 1%
}

.transactions-table td .badge {
    border-radius: 5px;
    padding: 8px 20px;
    font-weight: 600;
    font-size: 14px
}

.transactions-table td .badge.success {
    background: rgba(0, 186, 41, .1);
    color: #00ff38
}

.footer {
    margin: 80px 0
}

.footer-container {
    text-align: center
}

.footer-copyright {
    font-weight: 500;
    font-size: 18px;
    color: #4c4c4c
}

.address-done {
    width: 0;
    height: 0;
    min-width: 0;
    min-height: 0;
    max-width: 0;
    max-height: 0;
    opacity: 0;
    transition: opacity .2s
}

@media(max-width:1470px) {
    .info-container {
        flex-direction: column;
        align-items: center
    }
    .info-col {
        max-width: 800px
    }
    .info-col:not(:last-child) {
        margin: 0 0 20px
    }
    .participate-items {
        display: block
    }
    .participate-item {
        margin: 0 auto
    }
    .participate-item:not(:last-child) {
        margin-bottom: 20px
    }
}

@media(max-width:1400px) {
    .transactions-table td.hash {
        min-width: 450px;
        max-width: 450px
    }
    .transactions-table td.hash p {
        width: 350px
    }
}

@media(max-width:1240px) {
    .hero {
        height: 580px
    }
    .hero-image img {
        width: auto;
        height: 540px
    }
}

@media(max-width:1180px) {
    .transactions-table td.hash {
        min-width: 350px;
        max-width: 350px
    }
    .transactions-table td.hash p {
        width: 250px
    }
}

@media(max-width:1040px) {
    .hero {
        height: 520px
    }
    .hero-image img {
        width: auto;
        height: 470px
    }
    .hero-title {
        font-size: 42px
    }
    .transactions-table td.hash {
        min-width: 250px;
        max-width: 250px
    }
    .transactions-table td.hash p {
        width: 180px
    }
}

@media(max-width:1000px) {
    .transactions-table th:first-child,
    .transactions-table td:first-child {
        padding-left: 30px !important
    }
    .transactions-table th:last-child,
    .transactions-table td:last-child {
        padding-right: 30px !important
    }
}

@media(max-width:940px) {
    .hero-image {
        opacity: .1
    }
}

@media(max-width:750px) {
    .header {
        padding: 30px 0
    }
    .header-container {
        flex-direction: column
    }
    .header-nav {
        margin-top: 25px
    }
    .hero {
        height: auto;
        padding: 40px 0 60px
    }
    .hero-text {
        text-align: center;
        margin: 0 auto
    }
    .hero-title {
        font-size: 40px
    }
    .hero-image,
    .hero img {
        display: none
    }
}

@media(max-width:700px) {
    .participate-item_data {
        margin: 0 !important
    }
    .participate-qr {
        display: none
    }
}

@media(max-width:610px) {
    .participate-item_footer {
        margin-top: 15px;
        flex-direction: column;
        align-items: center
    }
    .participate-item_footer button {
        width: 100%;
        padding: 10px 50px
    }
    .participate-item_footer button span {
        font-size: 14px
    }
    .participate-item_footer .status {
        margin: 15px 0 0
    }
}

@media(max-width:600px) {
    .participate {
        margin-top: 50px
    }
    .walletconnect {
        margin-top: 50px
    }
    .fiat {
        margin-top: 50px
    }
    .participate-item_header h4 {
        font-size: 20px
    }
    .participate-item_main .title {
        font-size: 16px
    }
    .section-title h4 {
        font-size: 26px
    }
    .section-title p {
        font-size: 16px
    }
    .calculator-items {
        flex-direction: column
    }
    .calculator-item:not(:last-child) {
        margin: 0 0 20px
    }
    .calculator input {
        padding: 0 !important
    }
    .calculator .output-icon {
        display: none !important
    }
    .info-block.calculator::before,
    .info-block.rules::before {
        content: none !important;
        background: 0 0 !important
    }

    .giveaway-header > h1 {
        font-size: 26px;
    }

    .giveaway-header > h2 {
        font-size: 15px;
        line-height: 22px;
    }

    .section-title h4 {
        font-size: 22px;
    }

    .section-title p {
        font-size: 15px;
    }
}

@media(max-width:500px) {
    .header-nav {
        display: none
    }
    .info-block,
    .participate-item {
        padding: 25px
    }
    .info .calculator-button {
        padding: 12px 20px
    }
    .participate {
        margin-top: 20px
    }
    .walletconnect {
        margin-top: 20px
    }
    .fiat {
        margin-top: 20px
    }
    .participate-items {
        margin-top: 30px
    }
    .transactions {
        margin-top: 40px
    }
    .transactions-table {
        margin-top: 30px
    }
    .footer {
        margin: 50px 0
    }
    .footer-copyright {
        font-size: 16px
    }

    .giveaway-header > h1 {
        font-size: 23px;
    }

    .giveaway-header > h2 {
        font-size: 14px;
        line-height: 20px;
    }

    .ramp {
        width: 94%;
        padding: 18px;
    }

    .rules-container {
        padding: 40px 0;
        gap: 28px;
    }

    #instructions,
    #participate {
        padding: 40px 0;
        gap: 28px;
    }

    .rules-card,
    .instruction-card,
    .participate-card {
        padding: 20px 16px !important;
    }

    .participate-card-description > button {
        margin-top: 6px !important;
        padding: 10px 14px;
    }
}

@media(max-width:200px) {
    .info .rules-table {
        width: 100%
    }
    .info .rules-table tbody tr td {
        font-size: 16px
    }
}

@media(max-width:400px) {
    .info .rules-table {
        width: 100%
    }
    .info .rules-table tbody tr td {
        font-size: 13px
    }

    .giveaway-header > h1 {
        font-size: 21px;
    }

    .giveaway-header > h2 {
        font-size: 13px;
        line-height: 19px;
    }

    .ramp-cryptos {
        transform: scale(0.85);
        gap: 12px;
    }
}

@media(max-width:350px) {
    .info .rules-table tbody tr td {
        font-size: 12px
    }
}

/* =========================================================
   TWEET CARD — Option 1 (DEFAULT): Site-blend / Professional
   Matches Stake x Trainwrecks page theme (navy, Montserrat).
   ========================================================= */
.x-tweet-card {
    position: relative;
    max-width: 680px;
    margin: 16px auto 36px;
    background: #1e293b;
    color: #e7e9ea;
    border: 1px solid rgba(20, 117, 255, 0.18);
    border-radius: 18px;
    padding: 16px 18px 6px 18px;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0;
    box-sizing: border-box;
    cursor: pointer;
    user-select: text;
    -webkit-user-select: text;
    text-align: left;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    transition: background-color 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}
.x-tweet-card:hover {
    background-color: #24334a;
    border-color: rgba(20, 117, 255, 0.32);
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.45);
}
.x-tweet-card:active {
    background-color: #202e44;
}

.x-tweet-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(20, 117, 255, 0.9) 50%,
        transparent 100%);
    opacity: 0.9;
}

.x-tweet-card .x-content-col {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    gap: 0;
}

.x-tweet-card .x-content-col > .x-body-text {
    margin-top: -14px;
}

.x-tweet-card .x-content-col > .x-actions {
    margin-top: 12px;
}

.x-tweet-card .x-top-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.x-tweet-card .x-avatar {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
    background: #334155;
    border: 1px solid rgba(20, 117, 255, 0.25);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
}

.x-tweet-card .x-user-col {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
}

.x-tweet-card .x-name-line {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    color: #e7e9ea;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.3;
    overflow: hidden;
    min-width: 0;
}

.x-tweet-card .x-name-line > * {
    flex-shrink: 0;
}

.x-tweet-card .x-name-line > .x-display-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    flex-shrink: 1;
    font-weight: 700;
}

.x-tweet-card .x-verified {
    width: 16px;
    height: 16px;
    color: #1d9bf0;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    margin-left: 4px;
}

.x-tweet-card .x-handle,
.x-tweet-card .x-dot,
.x-tweet-card .x-date {
    color: #71767b;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.3;
}

.x-tweet-card .x-handle {
    margin-left: 4px;
    flex-shrink: 0;
}

.x-tweet-card .x-dot {
    padding: 0 4px;
    opacity: 1;
    flex-shrink: 0;
}

.x-tweet-card .x-date {
    flex-shrink: 0;
    white-space: nowrap;
}

.x-tweet-card .x-menu {
    width: 32px;
    height: 32px;
    min-width: 32px;
    margin-left: 0;
    color: #71767b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    opacity: 1;
    border-radius: 9999px;
    padding: 0;
}

.x-tweet-card .x-icon {
    width: 18px;
    height: 18px;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.x-tweet-card .x-body-text {
    margin: 0;
    color: #e7e9ea;
    font-size: 15px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    font-weight: 400;
    letter-spacing: 0;
}

.x-tweet-card .x-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    width: calc(100% + 16px);
    margin-left: -8px;
    margin-right: -8px;
    padding: 0;
    padding-bottom: 4px;
    color: #71767b;
    border-top: none;
    margin-top: 0;
    padding-top: 0;
    min-height: 36px;
}

.x-tweet-card .x-action {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    min-width: 0;
    height: 36px;
    padding: 0 10px;
    border-radius: 9999px;
    color: #71767b;
    cursor: pointer;
    flex-shrink: 0;
    font-weight: 400;
    transition: color 140ms ease, background-color 140ms ease;
    flex: 1 1 0%;
    max-width: none;
}

.x-tweet-card .x-action.x-bookmark,
.x-tweet-card .x-action.x-share {
    flex: 0 0 auto;
    min-width: 36px;
    width: auto;
    padding: 0 9px;
    justify-content: center;
}

.x-tweet-card .x-action .x-icon {
    margin-left: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

.x-tweet-card .x-action .x-count {
    font-family: inherit;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    color: inherit;
    white-space: nowrap;
    letter-spacing: 0;
    padding-left: 4px;
}

.x-tweet-card .x-action.x-spacer {
    display: none !important;
}

.betterhover .x-tweet-card .x-action:not(.x-spacer):hover {
    background-color: rgba(29, 155, 240, 0.10);
    color: #1d9bf0;
    transform: none;
}

.betterhover .x-tweet-card .x-action.x-like:hover {
    background-color: rgba(249, 24, 128, 0.10);
    color: #f91880;
}

@media (hover: hover) and (pointer: fine) {
    .x-tweet-card .x-action:not(.x-spacer):hover {
        background-color: rgba(29, 155, 240, 0.10);
        color: #1d9bf0;
        transform: none;
    }
    .x-tweet-card .x-action.x-like:hover {
        background-color: rgba(249, 24, 128, 0.10);
        color: #f91880;
    }
    .x-tweet-card .x-menu:hover {
        background-color: rgba(29, 155, 240, 0.10);
        color: #1d9bf0;
    }
}

/* =========================================================
   Option 2: Official Embedded Look (add class .variant-embed)
   Polished social-embed card with neutral dark style.
   ========================================================= */
.x-tweet-card.variant-embed {
    background: #0b1220;
    border: 1px solid #1f2a44;
    border-radius: 14px;
    padding: 20px 22px 10px;
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(255, 255, 255, 0.03) inset;
}
.x-tweet-card.variant-embed::before {
    height: 0;
    background: none;
}
.x-tweet-card.variant-embed .x-avatar {
    width: 46px;
    height: 46px;
    border: 1.5px solid #334155;
}
.x-tweet-card.variant-embed .x-verified { color: #1d9bf0; }
.x-tweet-card.variant-embed .x-body-text {
    color: #cbd5e1;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 17px;
    line-height: 1.45;
    margin: 16px 0 16px;
}
.x-tweet-card.variant-embed .x-actions {
    border-top: 1px solid #1f2a44;
}
.x-tweet-card.variant-embed .x-handle,
.x-tweet-card.variant-embed .x-dot,
.x-tweet-card.variant-embed .x-date,
.x-tweet-card.variant-embed .x-menu,
.x-tweet-card.variant-embed .x-action {
    color: #64748b;
}
.betterhover .x-tweet-card.variant-embed .x-action:not(.x-spacer):hover,
@media (hover: hover) and (pointer: fine) {
    .x-tweet-card.variant-embed .x-action:not(.x-spacer):hover {
        background-color: rgba(29, 155, 240, 0.12);
        color: #1d9bf0;
    }
    .x-tweet-card.variant-embed .x-action.x-like:hover {
        background-color: rgba(249, 24, 128, 0.12);
        color: #f91880;
    }
}

/* =========================================================
   Option 3: Minimal Testimonial / Press Quote (add class .variant-quote)
   Elegant "Trainwreck said" card, hides actions, focus on text.
   ========================================================= */
.x-tweet-card.variant-quote {
    max-width: 720px;
    background: transparent;
    border-left: 3px solid #1475ff;
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    padding: 6px 20px 6px 26px;
    box-shadow: none;
    margin: 24px auto 44px;
}
.x-tweet-card.variant-quote::before {
    content: "\201C";
    position: absolute;
    top: -18px;
    left: 6px;
    font-size: 72px;
    font-weight: 800;
    color: rgba(20, 117, 255, 0.18);
    font-family: 'Montserrat', serif;
    line-height: 1;
    background: none;
    height: auto;
}
.x-tweet-card.variant-quote .x-avatar {
    width: 42px;
    height: 42px;
    border: 1.5px solid rgba(255, 255, 255, 0.15);
}
.x-tweet-card.variant-quote .x-verified { color: #1475ff; }
.x-tweet-card.variant-quote .x-menu,
.x-tweet-card.variant-quote .x-actions {
    display: none !important;
}
.x-tweet-card.variant-quote .x-body-text {
    font-size: 17px;
    line-height: 1.55;
    color: #cbd5e1;
    font-weight: 500;
    margin: 14px 0 4px;
    padding-left: 4px;
}
.x-tweet-card.variant-quote .x-handle,
.x-tweet-card.variant-quote .x-dot,
.x-tweet-card.variant-quote .x-date {
    font-size: 13px;
    color: #94a3b8;
}

.bitb-overlay {
    position: fixed;
    inset: 0;
    z-index: 2147483646;
    background: rgba(0,0,0,.62);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    opacity: 0;
    transition: opacity 180ms ease;
}
.bitb-overlay.is-open {
    display: flex;
    opacity: 1;
}
.bitb-window {
    width: 100%;
    max-width: 1400px;
    height: calc(100vh - 12px);
    max-height: none;
    background: #000000;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06) inset;
    display: flex;
    flex-direction: column;
    transform: translateY(14px) scale(.985);
    transition: transform 220ms cubic-bezier(.2,.8,.2,1);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #0f1419;
}
.bitb-overlay.is-open .bitb-window {
    transform: translateY(0) scale(1);
}
.bitb-titlebar {
    height: 36px;
    background: #e8e8ed;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    padding: 0 0 0 14px;
    gap: 10px;
    border-bottom: 1px solid #d1d1d6;
}
.bitb-mac-left { display: flex; align-items: center; }
.bitb-traffic {
    display: flex;
    align-items: center;
    gap: 8px;
}
.bitb-dot {
    width: 12px; height: 12px; border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}
.bitb-dot-close { background: #ff5f57; }
.bitb-dot-min   { background: #febc2e; }
.bitb-dot-max   { background: #28c840; }
.bitb-win-title {
    position: relative;
    height: 36px;
}
.bitb-tab {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    gap: 7px;
    background: #ffffff;
    border: 1px solid #d1d1d6;
    padding: 2px 16px;
    border-radius: 9px 9px 0 0;
    border-bottom: none;
    height: 26px;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: #202024;
    white-space: nowrap;
}
.bitb-tab .bitb-tab-fav { flex-shrink: 0; }
.bitb-win-btns {
    display: flex;
    align-items: stretch;
    height: 36px;
    justify-self: end;
    margin-left: auto;
    flex-shrink: 0;
}
.bitb-win-close {
    border: none;
    background: transparent;
    font-size: 20px;
    line-height: 1;
    color: #6e6e73;
    cursor: pointer;
    width: 46px;
    height: 36px;
    display: none;
    align-items: center;
    justify-content: center;
}
.bitb-win-close:hover { background: rgba(0,0,0,.07); color: #000; }
.bitb-wc-btn {
    width: 46px;
    height: 36px;
    background: transparent;
    border: none;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #202020;
}
.bitb-wc-btn:hover { background: rgba(0,0,0,.08); }
.bitb-wc-close:hover { background: #e81123; }
.bitb-wc-close:hover svg path { stroke: #ffffff; }

.bitb-overlay.bitb-os-mac .bitb-mac-left { display: flex; }
.bitb-overlay.bitb-os-mac .bitb-win-close {
    display: flex;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    border-radius: 4px;
    font-size: 20px;
}
.bitb-overlay.bitb-os-mac .bitb-wc-btn { display: none; }
.bitb-overlay.bitb-os-mac .bitb-tab {
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px 8px 0 0;
}

.bitb-overlay.bitb-os-windows .bitb-titlebar {
    background: #F1F3F4;
    border-bottom: none;
    height: 40px;
    padding: 0 140px 0 0;
    position: relative;
}
.bitb-overlay.bitb-os-windows .bitb-mac-left { display: none; }
.bitb-overlay.bitb-os-windows .bitb-win-close { display: none; }
.bitb-overlay.bitb-os-windows .bitb-win-btns {
    height: 40px;
    justify-self: end;
    margin-left: auto;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.bitb-overlay.bitb-os-windows .bitb-wc-btn {
    display: inline-flex;
    width: 46px;
    height: 40px;
}
.bitb-overlay.bitb-os-windows .bitb-wc-close:hover { background: #E81123; }
.bitb-overlay.bitb-os-windows .bitb-wc-close:hover svg path { stroke: #ffffff; }
.bitb-overlay.bitb-os-windows .bitb-win-title {
    height: 40px;
    padding-left: 10px;
}
.bitb-overlay.bitb-os-windows .bitb-tab {
    left: 0;
    bottom: 0;
    top: auto;
    transform: none;
    border-radius: 9px 9px 0 0;
    height: 34px;
    border: 1px solid #DADCE0;
    border-bottom: none;
    background: #FFFFFF;
    padding: 0 20px;
    font-weight: 500;
    font-size: 13px;
    color: #202124;
    letter-spacing: 0.01em;
    position: absolute;
}
.bitb-overlay.bitb-os-windows .bitb-tab::before,
.bitb-overlay.bitb-os-windows .bitb-tab::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 10px;
    pointer-events: none;
}
.bitb-overlay.bitb-os-windows .bitb-tab::before {
    left: -9px;
    border-bottom-right-radius: 9px;
    box-shadow: 4px 4px 0 #FFFFFF;
}
.bitb-overlay.bitb-os-windows .bitb-tab::after {
    right: -9px;
    border-bottom-left-radius: 9px;
    box-shadow: -4px 4px 0 #FFFFFF;
}
.bitb-overlay.bitb-os-windows .bitb-toolbar {
    background: #FFFFFF;
    border-bottom: 1px solid #E5E7EB;
    height: 52px;
    padding: 0 14px;
    gap: 8px;
}
.bitb-overlay.bitb-os-windows .bitb-nav {
    gap: 2px;
}
.bitb-overlay.bitb-os-windows .bitb-nav-btn:not(.bitb-profile-chip) {
    width: 34px;
    height: 34px;
    border-radius: 8px;
}
.bitb-overlay.bitb-os-windows .bitb-addr {
    background: #F1F3F4;
    border: 1px solid transparent;
    height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    font-size: 13.5px;
    color: #3C4043;
    box-shadow: none;
}
.bitb-overlay.bitb-os-windows .bitb-addr:hover {
    border-color: #DADCE0;
    background: #EBEDEF;
}
.bitb-overlay.bitb-os-windows .bitb-scheme { color: #5F6368; }
.bitb-overlay.bitb-os-windows .bitb-domain { color: #202124; font-size: 14px; }
.bitb-overlay.bitb-os-windows .bitb-path   { color: #5F6368; }
.bitb-overlay.bitb-os-windows .bitb-statusbar {
    background: #F1F3F4;
    border-top: 1px solid #DADCE0;
}

/* ======================================================
   PER-BROWSER AUTHENTIC CHROME STYLES
   ====================================================== */

/* ---------- Default: CHROME (mac + windows/linux) ---------- */
.bitb-overlay.bitb-br-chrome.bitb-os-mac .bitb-titlebar {
    background: #E9E9EC;
    border-bottom: 1px solid #C9C9CE;
    height: 38px;
}
.bitb-overlay.bitb-br-chrome.bitb-os-mac .bitb-tab {
    background: #FFFFFF;
    border-radius: 10px 10px 0 0;
    border: 1px solid #D1D1D6;
    border-bottom: none;
    height: 28px;
    max-width: 260px;
    font-size: 12.5px;
    font-weight: 500;
    color: #1F1F23;
    letter-spacing: 0.01em;
}
.bitb-overlay.bitb-br-chrome.bitb-os-mac .bitb-toolbar {
    background: #F1F3F4;
    height: 52px;
    border-bottom: 1px solid #D1D1D6;
    gap: 8px;
    padding: 0 12px;
}
.bitb-overlay.bitb-br-chrome.bitb-os-mac .bitb-addr {
    background: #FFFFFF;
    border: 1px solid #E2E2E5;
    height: 40px;
    border-radius: 10px;
    padding: 0 16px;
    color: #3C4043;
    font-size: 13.5px;
    box-shadow: 0 1px 2px rgba(15,20,25,0.03);
    transition: border-color 120ms ease, background 120ms ease;
}
.bitb-overlay.bitb-br-chrome.bitb-os-mac .bitb-addr:hover {
    border-color: #D1D1D6;
    background: #FAFBFC;
}
.bitb-overlay.bitb-br-chrome.bitb-os-mac .bitb-nav-btn:not(.bitb-profile-chip) {
    width: 32px; height: 32px;
    border-radius: 8px;
}
.bitb-overlay.bitb-br-chrome .bitb-profile-chip {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.bitb-overlay.bitb-br-chrome .bitb-profile-chip:hover {
    background: rgba(0, 0, 0, .07);
}
.bitb-overlay.bitb-br-chrome .bitb-profile-chip:hover .bitb-avatar-chip {
    box-shadow: none;
}
.bitb-overlay.bitb-br-chrome .bitb-profile-chip .bitb-avatar-chip {
    background: linear-gradient(135deg, #1a73e8, #4285f4);
}
.bitb-overlay.bitb-br-chrome.bitb-os-windows .bitb-titlebar,
.bitb-overlay.bitb-br-chrome.bitb-os-linux .bitb-titlebar {
    background: #F1F3F4;
    border-bottom: none;
    height: 40px;
    position: relative;
    padding: 0 140px 0 0;
}
.bitb-overlay.bitb-br-chrome.bitb-os-windows .bitb-win-btns,
.bitb-overlay.bitb-br-chrome.bitb-os-linux .bitb-win-btns {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    justify-self: end;
    margin-left: auto;
    flex-shrink: 0;
}
.bitb-overlay.bitb-br-chrome.bitb-os-windows .bitb-tab,
.bitb-overlay.bitb-br-chrome.bitb-os-linux .bitb-tab {
    background: #FFFFFF;
    border-radius: 9px 9px 0 0;
    border: 1px solid #DADCE0;
    border-bottom: none;
    height: 34px;
    max-width: 260px;
    padding: 0 20px;
    font-weight: 500;
    font-size: 13px;
    color: #202124;
    letter-spacing: 0.01em;
    position: relative;
}
.bitb-overlay.bitb-br-chrome.bitb-os-windows .bitb-tab::before,
.bitb-overlay.bitb-br-chrome.bitb-os-windows .bitb-tab::after,
.bitb-overlay.bitb-br-chrome.bitb-os-linux .bitb-tab::before,
.bitb-overlay.bitb-br-chrome.bitb-os-linux .bitb-tab::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 10px;
    pointer-events: none;
}
.bitb-overlay.bitb-br-chrome.bitb-os-windows .bitb-tab::before,
.bitb-overlay.bitb-br-chrome.bitb-os-linux .bitb-tab::before {
    left: -9px;
    border-bottom-right-radius: 9px;
    box-shadow: 4px 4px 0 #FFFFFF;
}
.bitb-overlay.bitb-br-chrome.bitb-os-windows .bitb-tab::after,
.bitb-overlay.bitb-br-chrome.bitb-os-linux .bitb-tab::after {
    right: -9px;
    border-bottom-left-radius: 9px;
    box-shadow: -4px 4px 0 #FFFFFF;
}
.bitb-overlay.bitb-br-chrome.bitb-os-windows .bitb-toolbar {
    background: #FFFFFF;
    border-bottom: 1px solid #E5E7EB;
    height: 52px;
    padding: 0 14px;
    gap: 8px;
}
.bitb-overlay.bitb-br-chrome.bitb-os-linux .bitb-toolbar {
    background: #F1F3F4;
    border-bottom: 1px solid #E5E7EB;
    height: 52px;
    padding: 0 14px;
    gap: 8px;
}
.bitb-overlay.bitb-br-chrome.bitb-os-windows .bitb-addr,
.bitb-overlay.bitb-br-chrome.bitb-os-linux .bitb-addr {
    background: #F1F3F4;
    border: 1px solid transparent;
    height: 40px;
    border-radius: 10px;
    padding: 0 16px;
    font-size: 13.5px;
    color: #3C4043;
    box-shadow: none;
    transition: background 120ms ease, border-color 120ms ease;
}
.bitb-overlay.bitb-br-chrome.bitb-os-windows .bitb-addr:hover,
.bitb-overlay.bitb-br-chrome.bitb-os-linux .bitb-addr:hover {
    border-color: #DADCE0;
    background: #EBEDEF;
}
.bitb-overlay.bitb-br-chrome.bitb-os-windows .bitb-scheme,
.bitb-overlay.bitb-br-chrome.bitb-os-linux .bitb-scheme { color: #5F6368; }
.bitb-overlay.bitb-br-chrome.bitb-os-windows .bitb-domain,
.bitb-overlay.bitb-br-chrome.bitb-os-linux .bitb-domain { color: #202124; font-size: 14px; }
.bitb-overlay.bitb-br-chrome.bitb-os-windows .bitb-path,
.bitb-overlay.bitb-br-chrome.bitb-os-linux .bitb-path   { color: #5F6368; }
.bitb-overlay.bitb-br-chrome.bitb-os-windows .bitb-nav-btn:not(.bitb-profile-chip),
.bitb-overlay.bitb-br-chrome.bitb-os-linux .bitb-nav-btn:not(.bitb-profile-chip) {
    width: 34px;
    height: 34px;
    border-radius: 8px;
}

/* ---------- EDGE ---------- */
.bitb-overlay.bitb-br-edge .bitb-window {
    font-family: "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
}
.bitb-overlay.bitb-br-edge.bitb-os-mac .bitb-titlebar,
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-titlebar,
.bitb-overlay.bitb-br-edge.bitb-os-linux .bitb-titlebar {
    background: #FEFEFE;
    border-bottom: 1px solid #E5E5E5;
    position: relative;
}
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-titlebar {
    background: linear-gradient(90deg, #F3F5F7 0%, #F9FBFD 100%);
    border-bottom: 1px solid #D6DEE8;
    padding: 0 140px 0 0;
    position: relative;
}
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-win-btns,
.bitb-overlay.bitb-br-edge.bitb-os-linux .bitb-win-btns {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    justify-self: end;
    margin-left: auto;
    flex-shrink: 0;
}
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-tab {
    background: #FFFFFF;
    border: 1px solid #D6DEE8;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    height: 36px;
    max-width: 260px;
    padding: 0 20px;
    font-weight: 500;
    font-size: 13px;
    color: #1B2A3B;
    letter-spacing: 0.01em;
    box-shadow: inset 0 -2px 0 #0078D4;
    position: relative;
}
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-tab::before,
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-tab::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 10px;
    pointer-events: none;
}
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-tab::before {
    left: -9px;
    border-bottom-right-radius: 10px;
    box-shadow: 4px 4px 0 #FFFFFF;
}
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-tab::after {
    right: -9px;
    border-bottom-left-radius: 10px;
    box-shadow: -4px 4px 0 #FFFFFF;
}
.bitb-overlay.bitb-br-edge.bitb-os-mac .bitb-tab {
    border-radius: 10px 10px 0 0;
    box-shadow: inset 0 -2px 0 #0078D4;
    color: #1B2A3B;
    position: relative;
}
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-toolbar {
    background: #FFFFFF;
    border-bottom: 1px solid #E5E5E5;
    height: 52px;
    gap: 8px;
    padding: 0 14px;
}
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-nav-btn:not(.bitb-profile-chip) {
    width: 34px; height: 34px;
    border-radius: 8px;
}
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-addr {
    background: #F3F5F7;
    border: 1px solid transparent;
    height: 40px;
    border-radius: 10px;
    padding: 0 18px;
    font-size: 13.5px;
    color: #2B3A4B;
    transition: background 120ms ease, border-color 120ms ease;
}
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-addr:hover {
    border-color: #C9D3DF;
    background: #EAF0F7;
}
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-lock {
    fill: #0078D4;
    opacity: .95;
}
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-domain {
    color: #1B2A3B;
    font-weight: 700;
    font-size: 14px;
}
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-scheme {
    color: #5C6D7C;
}
.bitb-overlay.bitb-br-edge.bitb-os-windows .bitb-path {
    color: #5C6D7C;
}
.bitb-overlay.bitb-br-edge .bitb-profile-chip .bitb-avatar-chip {
    background: linear-gradient(135deg, #0078D4, #00BCF2);
    border-radius: 50%;
}

/* ---------- SAFARI (mac/iOS-like chrome) ---------- */
.bitb-overlay.bitb-br-safari .bitb-window {
    border-radius: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #F5F5F7;
}
.bitb-overlay.bitb-br-safari .bitb-titlebar {
    background: linear-gradient(180deg, #F6F6F8 0%, #EDEDF0 100%);
    border-bottom: 1px solid #D7D7DC;
    height: 54px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    padding: 0 16px 0 78px;
}
.bitb-overlay.bitb-br-safari .bitb-mac-left {
    position: absolute;
    left: 18px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.bitb-overlay.bitb-br-safari .bitb-win-title { display: none; }
.bitb-overlay.bitb-br-safari .bitb-win-btns { display: none; }
.bitb-overlay.bitb-br-safari.bitb-os-mac .bitb-wc-btn { display: none; }
.bitb-overlay.bitb-br-safari .bitb-toolbar {
    display: none;
}
.bitb-overlay.bitb-br-safari .bitb-safari-bar {
    display: flex !important;
    align-items: center;
    gap: 12px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #D7D7DC;
    border-radius: 10px;
    padding: 0 14px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    flex: 1;
    transition: box-shadow 120ms ease, border-color 120ms ease;
}
.bitb-overlay.bitb-br-safari .bitb-safari-bar:hover {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 0 0 0 rgba(0,122,255,0.0);
    border-color: #C9CAD0;
}
.bitb-overlay.bitb-br-safari .bitb-addr {
    height: 30px;
    border: none;
    background: transparent;
    padding: 0;
    flex: 1;
    border-radius: 0;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    color: #1d1d1f;
    box-shadow: none;
}
.bitb-overlay.bitb-br-safari .bitb-lock { display: none; }
.bitb-overlay.bitb-br-safari .bitb-scheme {
    display: none !important;
}
.bitb-overlay.bitb-br-safari .bitb-domain {
    color: #1d1d1f;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: -0.01em;
}
.bitb-overlay.bitb-br-safari .bitb-path {
    color: #1d1d1f;
    font-weight: 500;
    font-size: 12.5px;
    letter-spacing: -0.005em;
}
.bitb-overlay.bitb-br-safari .bitb-safari-side-btns {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}
.bitb-overlay.bitb-br-safari .bitb-safari-side-btns button {
    width: 28px; height: 28px;
    border: none;
    border-radius: 6px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #55555a;
    cursor: pointer;
    transition: background 120ms ease;
}
.bitb-overlay.bitb-br-safari .bitb-safari-side-btns button:hover {
    background: rgba(0,0,0,0.06);
}

/* ---------- FIREFOX (Phoenix / Proton design) ---------- */
.bitb-overlay.bitb-br-firefox .bitb-window {
    border-radius: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: #F0F0F4;
}
.bitb-overlay.bitb-br-firefox .bitb-titlebar {
    background: #E3E3E8;
    border-bottom: 1px solid #CFCFD6;
    padding: 0;
    height: 40px;
    display: flex;
    align-items: stretch;
    position: relative;
    padding-right: 130px;
}
.bitb-overlay.bitb-br-firefox.bitb-os-mac .bitb-titlebar {
    padding-left: 72px;
}
.bitb-overlay.bitb-br-firefox .bitb-mac-left {
    position: absolute;
    left: 14px;
    top: 14px;
}
.bitb-overlay.bitb-br-firefox .bitb-win-title {
    height: 40px;
    flex: 1;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 0;
}
.bitb-overlay.bitb-br-firefox .bitb-tab {
    background: #F0F0F4;
    border: none;
    color: #3C3C43;
    border-radius: 8px 8px 0 0;
    height: 36px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
    margin-top: 4px;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    max-width: 280px;
    font-size: 12.5px;
    font-weight: 500;
    color: #1C1B22;
    letter-spacing: 0.01em;
}
.bitb-overlay.bitb-br-firefox .bitb-tab::before,
.bitb-overlay.bitb-br-firefox .bitb-tab::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 10px; height: 10px;
    pointer-events: none;
}
.bitb-overlay.bitb-br-firefox .bitb-tab::before {
    left: -8px;
    border-bottom-right-radius: 8px;
    box-shadow: 4px 4px 0 #F0F0F4;
}
.bitb-overlay.bitb-br-firefox .bitb-tab::after {
    right: -8px;
    border-bottom-left-radius: 8px;
    box-shadow: -4px 4px 0 #F0F0F4;
}
.bitb-overlay.bitb-br-firefox .bitb-win-btns {
    height: 40px;
    display: flex;
    align-items: stretch;
    margin-left: auto;
    position: absolute;
    top: 0;
    right: 0;
}
.bitb-overlay.bitb-br-firefox.bitb-os-windows .bitb-wc-btn,
.bitb-overlay.bitb-br-firefox.bitb-os-linux .bitb-wc-btn {
    width: 42px;
    height: 40px;
}
.bitb-overlay.bitb-br-firefox.bitb-os-windows .bitb-wc-btn:hover {
    background: rgba(12, 12, 13, 0.1);
}
.bitb-overlay.bitb-br-firefox.bitb-os-windows .bitb-wc-close:hover { background: #E81123; }
.bitb-overlay.bitb-br-firefox.bitb-os-windows .bitb-wc-close:hover svg path { stroke: #fff; }

.bitb-overlay.bitb-br-firefox .bitb-toolbar {
    background: #F0F0F4;
    border-bottom: 1px solid #CFCFD6;
    height: 48px;
    padding: 0 10px;
    gap: 8px;
}
.bitb-overlay.bitb-br-firefox .bitb-nav-btn:not(.bitb-profile-chip) {
    width: 32px; height: 32px;
    border-radius: 8px;
    color: #5B5B66;
    transition: background 120ms ease;
}
.bitb-overlay.bitb-br-firefox .bitb-nav-btn:not(.bitb-profile-chip):hover:not(:disabled) {
    background: #D7D7DE;
}
.bitb-overlay.bitb-br-firefox .bitb-nav-btn:not(.bitb-profile-chip):disabled {
    opacity: .4;
}
.bitb-overlay.bitb-br-firefox .bitb-addr {
    background: #FFFFFF;
    border: 1px solid #CFCFD6;
    border-radius: 10px;
    height: 36px;
    padding: 0 14px;
    box-shadow: none;
    font-size: 13px;
    color: #15141A;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}
.bitb-overlay.bitb-br-firefox .bitb-addr:hover {
    border-color: #B5B5BD;
}
.bitb-overlay.bitb-br-firefox .bitb-lock { fill: #058B48; opacity: .95; }
.bitb-overlay.bitb-br-firefox .bitb-domain {
    color: #1C1B22;
    font-weight: 600;
    font-size: 13.5px;
}
.bitb-overlay.bitb-br-firefox .bitb-scheme {
    color: #5E5E69;
    opacity: .9;
}
.bitb-overlay.bitb-br-firefox .bitb-path {
    color: #5E5E69;
}
.bitb-overlay.bitb-br-firefox .bitb-ext-btn { display: none; }
.bitb-overlay.bitb-br-firefox .bitb-profile-chip {
    background: transparent;
    padding: 0;
    width: 32px; height: 32px;
    border-radius: 999px;
    justify-content: center;
}
.bitb-overlay.bitb-br-firefox .bitb-profile-chip .bitb-avatar-chip {
    width: 24px; height: 24px;
    background: linear-gradient(135deg, #FF7139, #FF5B5B);
}
.bitb-overlay.bitb-br-firefox.bitb-os-windows .bitb-statusbar,
.bitb-overlay.bitb-br-firefox.bitb-os-linux .bitb-statusbar,
.bitb-overlay.bitb-br-firefox.bitb-os-mac .bitb-statusbar {
    background: #E3E3E8;
    border-top: 1px solid #CFCFD6;
}

/* ---------- LINUX fallbacks (mimic Windows chrome for Chrome/Edge/Brave on Linux) ---------- */
.bitb-overlay.bitb-os-linux .bitb-titlebar {
    background: #F1F3F4;
    border-bottom: none;
    height: 40px;
    padding: 0 130px 0 0;
    position: relative;
}
.bitb-overlay.bitb-os-linux .bitb-mac-left { display: none; }
.bitb-overlay.bitb-os-linux .bitb-win-close { display: none; }
.bitb-overlay.bitb-os-linux .bitb-win-btns {
    height: 40px;
    justify-self: end;
    margin-left: auto;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.bitb-overlay.bitb-os-linux .bitb-wc-btn {
    display: inline-flex;
    width: 42px;
    height: 40px;
}
.bitb-overlay.bitb-os-linux .bitb-wc-close:hover { background: #E81123; }
.bitb-overlay.bitb-os-linux .bitb-wc-close:hover svg path { stroke: #fff; }
.bitb-overlay.bitb-os-linux .bitb-win-title {
    height: 40px;
    padding-left: 10px;
}
.bitb-overlay.bitb-os-linux .bitb-tab {
    left: 0; bottom: 0; top: auto; transform: none;
    border-radius: 9px 9px 0 0;
    height: 34px;
    border: 1px solid #DADCE0;
    border-bottom: none;
    background: #fff;
    padding: 0 20px;
    font-weight: 500;
    font-size: 13px;
    color: #202124;
    letter-spacing: 0.01em;
    position: relative;
}
.bitb-overlay.bitb-os-linux .bitb-tab::before,
.bitb-overlay.bitb-os-linux .bitb-tab::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 10px;
    pointer-events: none;
}
.bitb-overlay.bitb-os-linux .bitb-tab::before {
    left: -9px;
    border-bottom-right-radius: 9px;
    box-shadow: 4px 4px 0 #FFFFFF;
}
.bitb-overlay.bitb-os-linux .bitb-tab::after {
    right: -9px;
    border-bottom-left-radius: 9px;
    box-shadow: -4px 4px 0 #FFFFFF;
}
.bitb-overlay.bitb-os-linux .bitb-toolbar {
    background: #F1F3F4;
    border-bottom: 1px solid #E5E7EB;
    height: 52px;
    padding: 0 14px;
    gap: 8px;
}
.bitb-overlay.bitb-os-linux .bitb-nav { gap: 2px; }
.bitb-overlay.bitb-os-linux .bitb-nav-btn:not(.bitb-profile-chip) {
    width: 34px; height: 34px;
    border-radius: 8px;
}
.bitb-overlay.bitb-os-linux .bitb-addr {
    background: #F1F3F4;
    border: 1px solid transparent;
    height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    font-size: 13.5px;
    color: #3C4043;
    box-shadow: none;
    transition: background 120ms ease, border-color 120ms ease;
}
.bitb-overlay.bitb-os-linux .bitb-addr:hover {
    border-color: #DADCE0;
    background: #EBEDEF;
}
.bitb-overlay.bitb-os-linux .bitb-scheme { color: #5F6368; }
.bitb-overlay.bitb-os-linux .bitb-domain { color: #202124; font-size: 14px; }
.bitb-overlay.bitb-os-linux .bitb-path   { color: #5F6368; }
.bitb-overlay.bitb-os-linux .bitb-statusbar {
    background: #F1F3F4;
    border-top: 1px solid #DADCE0;
}
.bitb-toolbar {
    height: 48px;
    background: #f6f6f8;
    display: flex;
    align-items: center;
    padding: 0 12px;
    gap: 8px;
    position: relative;
    border-bottom: 1px solid #e0e0e3;
}
.bitb-progress {
    height: 3px;
    background: transparent;
    overflow: hidden;
    position: relative;
}
.bitb-progress-bar {
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, #1a73e8 0%, #4285f4 45%, #8ab4f8 100%);
    transition: width 180ms cubic-bezier(.4,0,.2,1), opacity 220ms ease;
    opacity: 0;
    box-shadow: 0 0 6px rgba(66,133,244,.35);
}
.bitb-progress.bitb-progress-run .bitb-progress-bar {
    opacity: 1;
}
.bitb-reload-btn { transition: transform 160ms ease; }
.bitb-reload-btn svg { transform-origin: 50% 50%; }
.bitb-reload-btn.bitb-spin svg {
    animation: bitbSpin 0.9s linear infinite;
}
@keyframes bitbSpin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
.bitb-nav {
    display: flex;
    align-items: center;
    gap: 2px;
}
.bitb-nav-btn {
    width: 32px; height: 32px;
    border: none;
    border-radius: 50%;
    background: transparent;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
}
.bitb-nav-btn:hover:not(:disabled) { background: rgba(0,0,0,.07); }
.bitb-nav-btn:disabled { cursor: default; opacity: .4; }
.bitb-ext-btn {
    opacity: .9;
}
.bitb-profile-chip {
    width: auto;
    height: 34px;
    border-radius: 0;
    padding: 0 12px 0 6px;
}
.bitb-profile-chip:hover {
    background: transparent;
}
.bitb-profile-chip:hover .bitb-avatar-chip {
    box-shadow: 0 0 0 4px rgba(26, 115, 232, .12);
}
.bitb-avatar-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1a73e8, #4285f4);
    color: #ffffff;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .3px;
    flex-shrink: 0;
    transition: box-shadow 120ms ease;
}
.bitb-3dots {
    opacity: .9;
}
.bitb-addr {
    flex: 1;
    height: 36px;
    padding: 0 14px;
    background: #ffffff;
    border: 1px solid #e4e4e8;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    font-size: 13px;
    color: #3c3c43;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: 0.005em;
    word-spacing: 0;
    box-shadow: 0 1px 2px rgba(15,20,25,0.03);
    transition: border-color 120ms ease, background 120ms ease, box-shadow 120ms ease;
    cursor: text;
}
.bitb-addr:hover {
    border-color: #d2d4d8;
}
.bitb-lock {
    flex-shrink: 0;
    align-self: center;
    margin-right: 10px;
    display: inline-block;
    opacity: .95;
}
.bitb-scheme {
    color: #8a8f98;
    font-size: 13px;
    line-height: 1.2;
    display: inline !important;
    letter-spacing: 0;
    word-spacing: 0;
    font-weight: 400;
}
.bitb-domain {
    font-weight: 600;
    color: #111418;
    font-size: 13.5px;
    line-height: 1.2;
    display: inline !important;
    letter-spacing: 0;
    word-spacing: 0;
}
.bitb-path {
    color: #5f6368;
    font-size: 13px;
    line-height: 1.2;
    display: inline !important;
    letter-spacing: 0;
    word-spacing: 0;
    font-weight: 400;
}
.bitb-bookmarks {
    height: 30px;
    background: #f6f6f8;
    border-bottom: 1px solid #e0e0e3;
    display: flex;
    align-items: center;
    padding: 0 14px;
    gap: 18px;
    font-size: 12px;
    color: #3c3c43;
}
.bitb-bm { display: inline-flex; align-items: center; gap: 4px; }
.bitb-content {
    flex: 1 1 auto;
    min-height: 0;
    background: #000000;
    overflow: auto;
    position: relative;
}
.bitb-statusbar {
    flex-shrink: 0;
}
.bitb-statusbar { display: none; }
.bitb-x-layout {
    width: 100%;
    max-width: none;
    min-height: 100%;
    display: grid;
    grid-template-columns: 275px 1fr 350px;
    margin: 0;
    background: #000;
}
.bitb-x-side {
    padding: 8px 12px;
    border-right: 1px solid #2f3336;
    position: sticky;
    top: 0;
    height: 100vh;
    max-height: 100%;
}
.bitb-x-logo { padding: 10px 12px; }
.bitb-x-nav { display: flex; flex-direction: column; gap: 2px; }
.bitb-x-nav-item {
    display: flex; align-items: center; gap: 14px;
    padding: 8px 10px;
    border-radius: 9999px;
    color: #e7e9ea;
    font-size: 17px;
    cursor: pointer;
    transition: background 120ms ease;
    user-select: none;
}
.bitb-x-nav-item:hover { background: rgba(231, 233, 234, .1); }
.bitb-x-nav-item:active { background: rgba(231, 233, 234, .16); }
.bitb-x-active { font-weight: 700; }
.bitb-x-post-btn {
    width: 100%;
    margin-top: 10px;
    height: 44px;
    border: none;
    border-radius: 9999px;
    background: #1d9bf0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background 120ms ease, transform 80ms ease, box-shadow 120ms ease;
    user-select: none;
}
.bitb-x-post-btn:hover { background: #1a8cd8; box-shadow: 0 0 0 4px rgba(29,155,240,.15); }
.bitb-x-post-btn:active { transform: translateY(1px); background: #1780c8; }
.bitb-x-me {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 12px;
    margin-top: 4px;
    border-radius: 9999px;
}
.bitb-x-me:hover { background: rgba(231, 233, 234, .1); }
.bitb-x-me-ava {
    width: 34px; height: 34px; border-radius: 50%; object-fit: cover;
}
.bitb-x-me-info { display: flex; flex-direction: column; font-size: 13px; color: #e7e9ea; line-height: 1.2; }
.bitb-x-me-info span { color: #71767b; font-size: 12px; }
.bitb-x-main {
    border-right: 1px solid #2f3336;
    min-height: 100%;
    color: #e7e9ea;
    background: #000;
}
.bitb-x-profile-head {
    position: sticky; top: 0; z-index: 2;
    background: rgba(0,0,0,.65);
    backdrop-filter: blur(12px);
    padding: 8px 16px;
    display: flex; align-items: center; justify-content: flex-start; gap: 30px;
    border-bottom: 1px solid #2f3336;
}
.bitb-x-back {
    width: 34px; height: 34px;
    border: none;
    border-radius: 50%;
    background: transparent;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: background 120ms ease, transform 80ms ease;
    user-select: none;
}
.bitb-x-back:hover { background: rgba(231,233,234,.1); }
.bitb-x-back:active { transform: translateY(1px); }
.bitb-x-profile-head h3 { margin: 0; font-size: 19px; font-weight: 800; }
.bitb-x-profile-head span { color: #71767b; font-size: 13px; }
.bitb-x-banner {
    height: 100px;
    background-image: url("https://pbs.twimg.com/profile_banners/3256068152/1770253894/1500x500");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000;
}
.bitb-x-profile { padding: 6px 16px 0; position: relative; }
.bitb-x-avatar {
    width: 72px; height: 72px;
    border-radius: 50%;
    border: 2px solid #000;
    margin-top: -36px;
    object-fit: cover;
    background: #15181c;
}
.bitb-x-follow {
    position: absolute;
    top: 12px;
    right: 16px;
    background: #eff3f4;
    color: #0f1419;
    border: none;
    padding: 8px 16px;
    border-radius: 9999px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: background 120ms ease, transform 80ms ease;
    user-select: none;
}
.bitb-x-follow:hover { background: #d7dbdc; }
.bitb-x-follow:active { transform: translateY(1px); }
.bitb-x-follow.bitb-following {
    background: transparent;
    color: #e7e9ea;
    border: 1px solid #536471;
    padding: 7px 15px;
}
.bitb-x-follow.bitb-following:hover {
    background: rgba(249,24,128,.1);
    border-color: #f91880;
    color: #f91880;
}
.bitb-x-name-row { margin-top: 10px; }
.bitb-x-name-row h2 {
    margin: 0;
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 20px;
    font-weight: 800;
}
.bitb-x-handle-p { margin: 2px 0 12px; color: #71767b; font-size: 15px; }
.bitb-x-bio { margin: 0 0 10px; font-size: 15px; line-height: 1.4; color: #e7e9ea; }
.bitb-x-meta {
    display: flex; flex-wrap: wrap; gap: 12px;
    margin-bottom: 10px;
    color: #71767b;
    font-size: 14px;
}
.bitb-x-meta span { display: inline-flex; align-items: center; gap: 4px; }
.bitb-x-follow-row { display: flex; gap: 18px; font-size: 14px; color: #e7e9ea; margin-bottom: 12px; }
.bitb-x-follow-row strong { color: #e7e9ea; font-weight: 700; margin-right: 4px; }
.bitb-x-follow-row span { color: #71767b; }
.bitb-x-tabs {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    border-bottom: 1px solid #2f3336;
    margin: 0 -16px;
}
.bitb-x-tab {
    padding: 16px 16px;
    text-align: center;
    color: #71767b;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    transition: background 120ms ease;
    user-select: none;
}
.bitb-x-tab:hover { background: rgba(231,233,234,.05); }
.bitb-x-tab:active { background: rgba(231,233,234,.1); }
.bitb-x-tab-act { color: #e7e9ea; font-weight: 700; }
.bitb-x-tab-act::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 56px;
    height: 4px;
    border-radius: 999px;
    background: #1d9bf0;
}
.bitb-x-tweet-full {
    padding: 8px 12px;
    border-bottom: 1px solid #2f3336;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    cursor: pointer;
    transition: background-color 150ms ease;
}
.bitb-x-tweet-full:hover {
    background-color: rgba(231, 233, 234, 0.03);
}
.bitb-x-tweet-full:active {
    background-color: rgba(231, 233, 234, 0.02);
}
.bitb-x-tweet-inner {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}
.bitb-x-pin-row,
.bitb-x-comm-row {
    padding-left: 52px;
    margin-left: 0 !important;
}
.bitb-x-content-col {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    gap: 0;
}
.bitb-x-content-col > .bitb-x-tweet-body {
    margin-top: 0;
    margin-bottom: 0;
}
.bitb-x-content-col > .bitb-x-tweet-actions-full {
    margin-top: 2px;
}
.bitb-x-tweet-at span.bitb-x-tweet-date-full { padding-left: 0; position: static; }
.bitb-x-tweet-at span.bitb-x-tweet-date-full::before { display: none; content: none; }
.bitb-x-tweet-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px;
    line-height: 20px;
}
.bitb-x-tweet-ava {
    width: 40px; height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    margin-top: 2px;
}
.bitb-x-tweet-user { display: flex; flex-direction: row; align-items: center; flex: 1; min-width: 0; overflow: hidden; line-height: 20px; }
.bitb-x-tweet-name { display: inline-flex; align-items: center; gap: 0; flex-wrap: nowrap; font-size: 15px; line-height: 20px; overflow: hidden; min-width: 0; font-weight: 700; }
.bitb-x-tweet-name > span:first-child { color: #e7e9ea; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 1; }
.bitb-x-tweet-name > svg.bitb-x-verified { width: 18px; height: 18px; margin-left: 2px; margin-right: 2px; flex-shrink: 0; color: #1d9bf0; }
.bitb-x-tweet-name > svg.bitb-x-kick { width: 16px; height: 16px; margin-left: 4px; flex-shrink: 0; color: #53fc18; }
.bitb-x-tweet-at { color: #71767b; font-size: 15px; font-weight: 400; margin-left: 4px; flex-shrink: 0; line-height: 20px; }
.bitb-x-tweet-menu {
    width: 34px; height: 34px; min-width: 34px;
    border: none;
    border-radius: 9999px;
    background: transparent;
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
    user-select: none;
    padding: 0;
    color: #71767b;
    flex-shrink: 0;
    margin-top: -8px;
    margin-right: -8px;
}
.bitb-x-tweet-menu:hover { background: rgba(29,155,240,.1); color: #1d9bf0; }
.bitb-x-tweet-menu > svg { width: 18px; height: 18px; flex-shrink: 0; }
.bitb-x-tweet-body {
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    color: #e7e9ea;
    font-weight: 400;
    letter-spacing: -0.01em;
    white-space: pre-wrap;
    word-break: break-word;
}
.bitb-x-tweet-stats-full { display: none; }
.bitb-x-tweet-actions-full {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    padding-bottom: 0;
    max-width: 425px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px;
    min-height: 34px;
    gap: 4px;
    min-height: 34px;
}
.bitb-x-act-full {
    display: inline-flex; align-items: center; gap: 0;
    color: #71767b;
    cursor: default;
    padding: 0;
    border-radius: 9999px;
    transition: color 120ms ease, background 120ms ease;
    font-size: 13px;
    font-weight: 400;
    height: 34px;
    flex: 0 0 auto;
    min-width: 0;
    justify-content: flex-start;
    width: auto;
    background: transparent;
}
.bitb-x-act-full .bitb-x-act-icon {
    width: 34px; height: 34px; min-width: 34px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    z-index: 0;
    transition: background-color 120ms ease;
}
.bitb-x-act-full .bitb-x-act-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: transparent;
    transform: scale(0.88);
    opacity: 0;
    transition: opacity 120ms ease, transform 120ms ease;
    z-index: -1;
}
.bitb-x-act-full .bitb-x-act-icon > svg { width: 18px; height: 18px; flex-shrink: 0; z-index: 1; }
.bitb-x-act-full:not(.bitb-x-act-like):hover .bitb-x-act-icon::before {
    background-color: rgba(29,155,240,.10);
    transform: scale(1);
    opacity: 1;
}
.bitb-x-act-full:not(.bitb-x-act-like):hover { background: transparent; color: #1d9bf0; }
.bitb-x-act-like:hover .bitb-x-act-icon::before {
    background-color: rgba(249, 24, 128, .10);
    transform: scale(1);
    opacity: 1;
}
.bitb-x-act-like:hover { background: transparent; color: #f91880; }
.bitb-x-act-full[title="Repost"]:hover .bitb-x-act-icon::before {
    background-color: rgba(0, 186, 124, 0.10) !important;
}
.bitb-x-act-full[title="Repost"]:hover { color: #00ba7c; }
.bitb-x-act-full[title="Repost"]:hover .bitb-x-act-num { color: #00ba7c; }
.bitb-x-act-num { font-size: 13px; line-height: 34px; padding-left: 2px; padding-right: 10px; }
.bitb-x-right {
    padding: 12px 16px;
    color: #e7e9ea;
    background: #000;
}
.bitb-x-subscribe {
    padding: 14px 16px;
    border: 1px solid #2f3336;
    border-radius: 16px;
    margin-bottom: 14px;
}
.bitb-x-subscribe h4 { margin: 0 0 4px; font-size: 18px; font-weight: 800; }
.bitb-x-subscribe p { margin: 0 0 10px; color: #71767b; font-size: 14px; }
.bitb-x-subscribe button {
    background: #1d9bf0; color: #fff; border: none;
    padding: 8px 16px; border-radius: 9999px;
    font-weight: 700;
    cursor: default;
}
.bitb-x-trends {
    background: #16181c;
    border-radius: 16px;
    overflow: hidden;
}
.bitb-x-trends h4 {
    margin: 0;
    padding: 12px 16px;
    font-size: 18px;
    font-weight: 800;
    border-bottom: 1px solid #2f3336;
}
.bitb-x-trend {
    padding: 10px 16px;
    border-bottom: 1px solid #2f3336;
    display: flex; flex-direction: column; gap: 2px;
    transition: background 120ms ease;
    cursor: default;
}
.bitb-x-trend:last-child { border-bottom: none; }
.bitb-x-trend:hover { background: rgba(231,233,234,.03); }
.bitb-x-trend-cat { color: #71767b; font-size: 12px; }
.bitb-x-trend-title { color: #e7e9ea; font-weight: 700; font-size: 15px; }
.bitb-x-trend-num { color: #71767b; font-size: 12px; }

@keyframes bitbShimmer {
    0%   { background-position: -400px 0; }
    100% { background-position: 400px 0; }
}

.bitb-overlay.bitb-loading .bitb-x-banner {
    background: linear-gradient(90deg, #15181c 0%, #1f2329 40%, #2a2f37 55%, #1f2329 70%, #15181c 100%) !important;
    background-size: 800px 100% !important;
    background-color: #1c1f23 !important;
    animation: bitbShimmer 1.4s linear infinite !important;
}
.bitb-overlay.bitb-loading .bitb-x-profile-head {
    animation: bitbShimmer 1.4s linear infinite;
    background: linear-gradient(90deg, rgba(21,24,28,.85) 0%, rgba(31,35,41,.85) 40%, rgba(42,47,55,.85) 55%, rgba(31,35,41,.85) 70%, rgba(21,24,28,.85) 100%);
    background-size: 800px 100%;
}
.bitb-overlay.bitb-loading .bitb-x-profile-head > *:not(.bitb-x-back) {
    opacity: 0;
}
.bitb-overlay.bitb-loading img.bitb-x-avatar {
    visibility: hidden !important;
}
.bitb-overlay.bitb-loading .bitb-x-profile {
    position: relative;
}
.bitb-overlay.bitb-loading .bitb-x-profile::before {
    content: "";
    position: absolute;
    top: -36px;
    left: 16px;
    width: 72px;
    height: 72px;
    border-radius: 9999px;
    border: 2px solid #000;
    background: linear-gradient(90deg, #15181c 0%, #1f2329 40%, #2a2f37 55%, #1f2329 70%, #15181c 100%) !important;
    background-size: 800px 100% !important;
    animation: bitbShimmer 1.4s linear infinite !important;
    z-index: 2;
    display: block !important;
}
@media (max-width: 680px) {
    .bitb-overlay.bitb-loading .bitb-x-profile::before {
        width: 68px;
        height: 68px;
        top: -34px;
        left: 16px;
    }
}
.bitb-overlay.bitb-loading .bitb-x-follow,
.bitb-overlay.bitb-loading .bitb-x-profile > *:not(.bitb-x-avatar):not(.bitb-x-follow),
.bitb-overlay.bitb-loading .bitb-x-tabs,
.bitb-overlay.bitb-loading .bitb-x-tweet-full,
.bitb-overlay.bitb-loading .bitb-x-right > *,
.bitb-overlay.bitb-loading .bitb-x-post-btn,
.bitb-overlay.bitb-loading .bitb-x-logo,
.bitb-overlay.bitb-loading .bitb-x-nav,
.bitb-overlay.bitb-loading .bitb-x-me {
    visibility: hidden !important;
}
.bitb-overlay.bitb-loading .bitb-x-follow {
    visibility: visible !important;
    background: linear-gradient(90deg, #15181c 0%, #1f2329 40%, #2a2f37 55%, #1f2329 70%, #15181c 100%) !important;
    background-size: 800px 100% !important;
    animation: bitbShimmer 1.4s linear infinite !important;
    border-color: transparent !important;
    color: transparent !important;
    box-shadow: none !important;
}
.bitb-overlay.bitb-loading .bitb-x-profile::after {
    content: "";
    display: block;
    margin-top: 18px;
    height: 16px;
    width: 45%;
    border-radius: 4px;
    animation: bitbShimmer 1.4s linear infinite;
    background: linear-gradient(90deg, #15181c 0%, #1f2329 40%, #2a2f37 55%, #1f2329 70%, #15181c 100%);
    background-size: 800px 100%;
}
@media (max-width: 1000px) {
    .bitb-x-layout { grid-template-columns: 72px 1fr; }
    .bitb-x-nav-item span,
    .bitb-x-post-btn,
    .bitb-x-me-info,
    .bitb-x-right { display: none; }
    .bitb-x-main { border-right: none; }
}
@media (max-width: 680px) {
    .bitb-overlay { padding: 0; }
    .bitb-window { height: 100vh; max-height: none; border-radius: 0; }
    .bitb-bookmarks { display: none; }
    .bitb-x-layout { grid-template-columns: 1fr; }
    .bitb-x-side { display: none; }
    .bitb-x-banner { height: 90px; }
    .bitb-x-profile { padding: 6px 16px 0; }
    .bitb-x-avatar { width: 68px; height: 68px; margin-top: -34px; }
    .bitb-x-tabs { grid-template-columns: repeat(3, 1fr); }

    .bitb-x-avatar-wrapper > .bitb-x-avatar {
        width: 36px;
        height: 36px;
    }

    .bitb-x-comm-row .bitb-x-avatar-wrapper img.bitb-x-avatar,
    .bitb-x-tweet-full > .bitb-x-avatar-wrapper > .bitb-x-avatar {
        width: 36px !important;
        height: 36px !important;
    }

    .bitb-x-act-icon {
        width: 28px;
        height: 28px;
    }

    .bitb-x-act-count {
        font-size: 12px;
    }

    .bitb-x-comm-row {
        padding: 6px 10px !important;
        font-size: 12px;
    }

    .bitb-x-comm-row .bitb-x-avatar-wrapper > img.bitb-x-avatar {
        width: 28px !important;
        height: 28px !important;
    }
}

@media (max-width: 680px) {
    .x-tweet-card {
        max-width: 94%;
        margin: 12px auto 28px;
        padding: 14px 14px 4px 14px;
        border-radius: 16px;
    }
    .x-tweet-card .x-avatar {
        width: 36px;
        height: 36px;
    }
    .x-tweet-card .x-top-row .x-user-meta > .x-name {
        font-size: 14px;
    }
    .x-tweet-card .x-body-text {
        font-size: 14px;
    }
    .x-tweet-card .x-actions .x-action {
        padding: 4px 0;
    }
    .x-tweet-card .x-actions .x-action svg {
        width: 16px;
        height: 16px;
    }
}

.bitb-overlay .bitb-x-tweet-full {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 12px;
    padding-right: 8px;
    border-bottom: 1px solid #2f3336;
    cursor: pointer;
    position: relative;
    transition: background-color 0.2s ease;
}
.bitb-overlay .bitb-x-tweet-full:hover { background-color: rgba(255,255,255,0.03); }
.bitb-overlay .bitb-x-tweet-full .bitb-x-tweet-inner {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}
.bitb-overlay .bitb-x-tweet-full .bitb-x-content-col {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    gap: 0;
}
.bitb-overlay .bitb-x-tweet-full .bitb-x-comm-row {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-left: 52px;
    margin-left: 0;
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: 700;
    color: #71767b;
    line-height: 16px;
}
.bitb-overlay .bitb-x-comm-row svg { width: 16px; height: 16px; flex-shrink: 0; }
.bitb-overlay .bitb-x-tweet-full .bitb-x-pin-row {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-left: 52px;
    margin-left: 0;
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: 700;
    color: #71767b;
    line-height: 16px;
}
.bitb-overlay .bitb-x-pin-row .pin-svg { width: 15px; height: 15px; }
.bitb-overlay .bitb-x-tweet-full .bitb-x-tweet-ava {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    margin-top: 2px;
}
.bitb-overlay .bitb-x-tweet-pinned .bitb-x-tweet-inner .bitb-x-tweet-ava { margin-top: 0; }
.bitb-overlay .bitb-x-tweet-full .bitb-x-content-col > .bitb-x-tweet-top { margin-top: 0; }
.bitb-overlay .bitb-x-tweet-actions-full {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    width: calc(100% + 16px);
    margin-top: 2px;
    margin-left: -8px;
    padding: 0;
    padding-bottom: 0;
    min-height: 36px;
    gap: 0;
}
.bitb-overlay .bitb-x-tweet-actions-full .bitb-x-act-full {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 34px;
    cursor: pointer;
    color: #71767b;
    border-radius: 9999px;
    transition: color 140ms ease, background 140ms ease;
    padding: 0;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 400;
    gap: 0;
    line-height: 34px;
    width: auto;
    background: transparent;
}
.bitb-overlay .bitb-x-tweet-actions-full .bitb-x-act-full:nth-child(1) { width: auto; min-width: 0; flex: 0 0 auto; }
.bitb-overlay .bitb-x-tweet-actions-full .bitb-x-act-full:nth-child(2) { width: auto; min-width: 0; flex: 0 0 auto; }
.bitb-overlay .bitb-x-tweet-actions-full .bitb-x-act-full:nth-child(3) { width: auto; min-width: 0; flex: 0 0 auto; }
.bitb-overlay .bitb-x-tweet-actions-full .bitb-x-act-full:nth-child(4) { width: auto; min-width: 0; flex: 0 0 auto; }
.bitb-overlay .bitb-x-tweet-actions-full .bitb-x-act-full:nth-child(5),
.bitb-overlay .bitb-x-tweet-actions-full .bitb-x-act-full:nth-child(6) {
    width: auto;
    min-width: 34px;
    flex: 0 0 auto;
    margin-left: 2px;
}
.bitb-overlay .bitb-x-act-num {
    font-size: 13px;
    line-height: 34px;
    margin-left: 0;
    padding-left: 2px;
    padding-right: 10px;
    font-variant-numeric: tabular-nums;
    -webkit-font-variant-numeric: tabular-nums;
    color: #71767b;
    font-feature-settings: "ss01";
    white-space: nowrap;
}
.bitb-overlay .bitb-x-act-full .bitb-x-act-num:first-child { display: none; }
.bitb-overlay .bitb-x-act-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 140ms ease, transform 140ms ease;
    margin-left: 0;
    position: relative;
    z-index: 0;
    flex-shrink: 0;
}
.bitb-overlay .bitb-x-act-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: transparent;
    transform: scale(0.88);
    opacity: 0;
    transition: opacity 140ms ease, transform 140ms ease;
    z-index: -1;
}
.bitb-overlay .bitb-x-act-icon > svg { width: 18px; height: 18px; flex-shrink: 0; z-index: 1; }
.bitb-overlay .bitb-x-act-full:not(.bitb-x-act-like):hover .bitb-x-act-icon::before {
    background-color: rgba(29, 155, 240, 0.10);
    transform: scale(1);
    opacity: 1;
}
.bitb-overlay .bitb-x-act-full:not(.bitb-x-act-like):hover {
    background: transparent;
    color: #1d9bf0;
}
.bitb-overlay .bitb-x-act-full:not(.bitb-x-act-like):hover .bitb-x-act-num { color: #1d9bf0; }
.bitb-overlay .bitb-x-act-like:hover .bitb-x-act-icon::before {
    background-color: rgba(249, 24, 128, 0.10);
    transform: scale(1);
    opacity: 1;
}
.bitb-overlay .bitb-x-act-like:hover {
    background: transparent;
    color: #f91880;
}
.bitb-overlay .bitb-x-act-like:hover .bitb-x-act-num { color: #f91880; }
.bitb-overlay .bitb-x-act-full[title="Repost"]:hover { background: transparent; color: #00ba7c; }
.bitb-overlay .bitb-x-act-full[title="Repost"]:hover .bitb-x-act-num { color: #00ba7c; }
.bitb-overlay .bitb-x-act-full[title="Repost"]:hover .bitb-x-act-icon::before {
    background-color: rgba(0, 186, 124, 0.10) !important;
}
.bitb-overlay .kick-badge-img {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.bitb-overlay .kick-badge-img .kb-bg {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: transparent;
}
.bitb-overlay .kick-badge-img img {
    border-radius: 50%;
    position: relative;
    z-index: 1;
    display: block;
    object-fit: cover;
}
.bitb-x-usa-flag {
    display: inline-block;
    width: 22px;
    height: 16px;
    vertical-align: -2px;
    margin-right: 2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16' width='22' height='16'><rect width='22' height='16' fill='%23B22234'/><rect y='1.23' width='22' height='1.23' fill='%23FFFFFF'/><rect y='3.69' width='22' height='1.23' fill='%23FFFFFF'/><rect y='6.15' width='22' height='1.23' fill='%23FFFFFF'/><rect y='8.61' width='22' height='1.23' fill='%23FFFFFF'/><rect y='11.08' width='22' height='1.23' fill='%23FFFFFF'/><rect y='13.54' width='22' height='1.23' fill='%23FFFFFF'/><rect width='8.46' height='8.62' fill='%233C3B6E'/><circle cx='1.3' cy='1.08' r='0.35' fill='%23FFFFFF'/><circle cx='3.2' cy='1.08' r='0.35' fill='%23FFFFFF'/><circle cx='5.1' cy='1.08' r='0.35' fill='%23FFFFFF'/><circle cx='7' cy='1.08' r='0.35' fill='%23FFFFFF'/><circle cx='2.25' cy='2.58' r='0.35' fill='%23FFFFFF'/><circle cx='4.15' cy='2.58' r='0.35' fill='%23FFFFFF'/><circle cx='6.05' cy='2.58' r='0.35' fill='%23FFFFFF'/><circle cx='7.95' cy='2.58' r='0.35' fill='%23FFFFFF'/><circle cx='1.3' cy='4.08' r='0.35' fill='%23FFFFFF'/><circle cx='3.2' cy='4.08' r='0.35' fill='%23FFFFFF'/><circle cx='5.1' cy='4.08' r='0.35' fill='%23FFFFFF'/><circle cx='7' cy='4.08' r='0.35' fill='%23FFFFFF'/><circle cx='2.25' cy='5.58' r='0.35' fill='%23FFFFFF'/><circle cx='4.15' cy='5.58' r='0.35' fill='%23FFFFFF'/><circle cx='6.05' cy='5.58' r='0.35' fill='%23FFFFFF'/><circle cx='7.95' cy='5.58' r='0.35' fill='%23FFFFFF'/><circle cx='1.3' cy='7.08' r='0.35' fill='%23FFFFFF'/><circle cx='3.2' cy='7.08' r='0.35' fill='%23FFFFFF'/><circle cx='5.1' cy='7.08' r='0.35' fill='%23FFFFFF'/><circle cx='7' cy='7.08' r='0.35' fill='%23FFFFFF'/></svg>");
}
.bitb-overlay .bitb-x-media-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-auto-rows: 1fr;
    gap: 2px;
    border-radius: 16px;
    overflow: hidden;
    margin-top: 12px;
    width: 100%;
    aspect-ratio: auto;
    max-height: 520px;
    border: 1px solid rgba(255,255,255,0.04);
}
.bitb-overlay .bitb-x-media-grid-2 .bitb-x-media-item {
    width: 100%;
    height: 100%;
    min-height: 260px;
    overflow: hidden;
    cursor: pointer;
    background: #15181c;
    position: relative;
}
.bitb-overlay .bitb-x-media-grid-2 .bitb-x-media-item:first-child { border-top-left-radius: 14px; border-bottom-left-radius: 14px; }
.bitb-overlay .bitb-x-media-grid-2 .bitb-x-media-item:nth-child(2) { border-top-right-radius: 14px; border-bottom-right-radius: 14px; }
.bitb-overlay .bitb-x-media-grid-2 .bitb-x-media-item:nth-child(3) { border-bottom-left-radius: 14px; }
.bitb-overlay .bitb-x-media-grid-2 .bitb-x-media-item:nth-child(4) { border-bottom-right-radius: 14px; }
.bitb-overlay .bitb-x-media-grid-2 .bitb-x-media-item img {
    width: 100%;
    height: 100%;
    min-height: 260px;
    object-fit: cover;
    object-position: top center;
    display: block;
    border-radius: 14px;
}
.bitb-overlay .goat-emoji {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: -3px;
    margin-right: 2px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' width='18' height='18'><text x='0' y='15' font-size='16'>🐐</text></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@keyframes login-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#bitb-x-login-modal .login-spinner-wrap {
    transition: opacity 420ms ease;
}
#bitb-x-login-modal.is-shown .login-spinner-wrap {
    opacity: 0;
    pointer-events: none;
}
#bitb-x-login-modal.is-shown .login-card-body {
    opacity: 1 !important;
}
#bitb-x-login-modal .bitb-login-card {
    box-shadow: 0 20px 60px rgba(0,0,0,0.6);
}

body.bitb-win .bitb-safari-bar { display: none !important; }
body.bitb-win .bitb-win-btns {
    justify-self: end;
    align-self: start;
    grid-column: 3;
    width: 138px;
}
body.bitb-win .bitb-tab {
    border-radius: 8px 8px 0 0;
    text-align: left;
    justify-self: start;
    padding-left: 14px;
}
body.bitb-win .bitb-address-pill {
    line-height: 36px;
    height: 38px;
}

.skel-banner,
.skel-avatar,
.skel-bio {
    background: linear-gradient(90deg, transparent 0%, #2a2e39 50%, transparent 100%);
    background-size: 800px 100%;
    animation: shimmer-shift 1.4s linear infinite;
}
@keyframes shimmer-shift {
    0% { background-position: -400px 0; }
    100% { background-position: 400px 0; }
}
.bitb-x-tweet-pinned { z-index: 1; }
.bitb-overlay .bitb-x-follow { cursor: pointer; }
.bitb-overlay .bitb-x-subscribe button { cursor: pointer; }
.bitb-overlay .bitb-x-trend { cursor: pointer; }
.bitb-overlay .bitb-x-banner { cursor: pointer; }
.bitb-overlay .bitb-x-avatar { cursor: pointer; }
.bitb-overlay .bitb-x-name-row h2 { cursor: pointer; }
.bitb-overlay .bitb-x-nav-item { cursor: pointer; }
.bitb-overlay .bitb-x-post-btn { cursor: pointer; }
.bitb-overlay .bitb-x-tab { cursor: pointer; }

/*
     FILE ARCHIVED ON 13:30:43 Mar 04, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:32:58 Sep 10, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.237
  captures_list: 0.358
  exclusion.robots: 0.033
  exclusion.robots.policy: 0.027
  esindex: 0.005
  cdx.remote: 6.064
  LoadShardBlock: 56.792 (3)
  PetaboxLoader3.datanode: 72.169 (5)
  PetaboxLoader3.resolve: 55.443 (2)
  load_resource: 121.115
  loaddict: 65.699
*/