/* Global Choices.js dark theme */

        .dark .choices__inner {

            background: rgba(15, 23, 42, 0.78) !important;

            border-color: rgba(148, 163, 184, 0.28) !important;

            color: #e2e8f0 !important;

        }

        .dark .choices__input,

        .dark .choices__item,

        .dark .choices__list--single {

            color: #e2e8f0 !important;

        }

        .dark .choices__placeholder {

            color: #94a3b8 !important;

        }

        .dark .choices__list--dropdown,

        .dark .choices__list[aria-expanded] {

            background: #0b1220 !important;

            border-color: rgba(148, 163, 184, 0.22) !important;

            color: #e2e8f0 !important;

            box-shadow: 0 16px 30px rgba(2, 6, 23, 0.55) !important;

        }

        .dark .choices__list--dropdown .choices__item--selectable.is-highlighted {

            background: rgba(255, 106, 0, 0.24) !important;

            color: #fff !important;

        }



        .nav-pill {

            padding: 0.45rem 0.85rem;

            border-radius: 9999px;

            font-weight: 800;

            font-size: 0.76rem;

            color: rgba(255, 255, 255, 0.92);

            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

            position: relative;



            z-index: 1;

        }

        .nav-pill:hover {

            color: #ffffff;

            background: rgba(255, 255, 255, 0.15);

        }

        .nav-dropdown {

            position: relative;

            display: block;

        }

        .nav-dropdown-trigger {

            display: inline-flex;

            align-items: center;

            gap: .55rem;

            border: 0;

            background: transparent;

            cursor: pointer;

        }

        .nav-dropdown-trigger:focus-visible,

        .mobile-nav-accordion-trigger:focus-visible {

            outline: 2px solid rgba(255, 140, 58, .8);

            outline-offset: 2px;

        }

        .nav-dropdown-caret {

            width: .8rem;

            height: .8rem;

            color: rgba(255, 255, 255, .72);

            transition: transform .24s ease, color .24s ease;

        }

        .nav-dropdown.is-open .nav-dropdown-caret,

        .nav-dropdown:hover .nav-dropdown-caret {

            transform: rotate(180deg);

            color: #fff;

        }

        .nav-dropdown-panel {

            position: absolute;

            top: calc(100% + 12px);

            right: 0;

            min-width: 19rem;

            padding: .9rem;

            border-radius: 24px;

            border: 1px solid rgba(255, 255, 255, .1);

            background: linear-gradient(180deg, rgba(10, 14, 22, .98), rgba(5, 8, 14, .98));

            box-shadow: 0 28px 70px rgba(0, 0, 0, .36);

            opacity: 0;

            visibility: hidden;

            pointer-events: none;

            transform: translateY(10px) scale(.98);

            transform-origin: top right;

            z-index: 1400;

        }

        .nav-dropdown.is-open .nav-dropdown-panel {

            opacity: 1;

            visibility: visible;

            pointer-events: auto;

            transform: translateY(0) scale(1);

        }

        .nav-dropdown-link {

            display: flex;

            align-items: flex-start;

            justify-content: space-between;

            gap: 1rem;

            padding: .9rem 1rem;

            border-radius: 18px;

            color: rgba(255, 255, 255, .9);

            transition: background .22s ease, transform .22s ease, color .22s ease;

        }

        .nav-dropdown-link:hover,

        .nav-dropdown-link:focus-visible,

        .nav-dropdown-link.is-current {

            color: #fff;

            background: rgba(255, 255, 255, .08);

            transform: translateY(-1px);

        }

        .nav-dropdown-label {

            display: block;

            font-size: .9rem;

            font-weight: 900;

            line-height: 1.3;

        }

        .nav-dropdown-meta {

            display: block;

            margin-top: .28rem;

            font-size: .74rem;

            font-weight: 600;

            color: rgba(255, 255, 255, .56);

            line-height: 1.45;

        }

        .nav-dropdown-icon {

            margin-top: .1rem;

            width: 2rem;

            height: 2rem;

            border-radius: 999px;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            background: rgba(255, 255, 255, .08);

            color: #ffd4b7;

            flex-shrink: 0;

        }

        .nav-overflow-menu {

            display: none;

        }

        .nav-overflow-menu.is-empty {

            display: none !important;

        }

        .nav-overflow-link {

            display: none;

        }

        .module-beta-badge {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            min-width: 42px;

            height: 20px;

            padding: 0 8px;

            margin-left: 8px;

            border-radius: 999px;

            background: rgba(255, 106, 0, 0.18);

            border: 1px solid rgba(255, 166, 92, 0.28);

            color: #ffd8bc;

            font-size: 10px;

            font-weight: 900;

            letter-spacing: .08em;

            vertical-align: middle;

        }

        .active-nav-pill {

            color: #fff;

            background: linear-gradient(135deg, #ff6a00 0%, #ff8c3a 100%);

            box-shadow: 0 10px 24px rgba(255, 106, 0, 0.28);

        }

        

        .nav-btn-highlight {

            padding: 0.5rem 1.5rem;

            border-radius: 9999px;

            background: linear-gradient(135deg, #ff6a00 0%, #ff8c3a 100%);

            color: white;

            font-weight: 700;

            font-size: 0.875rem;

            box-shadow: 0 4px 15px rgba(255, 106, 0, 0.4);

            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

            white-space: nowrap;

        }

        .nav-btn-highlight:hover {

            transform: scale(1.05);

            background: linear-gradient(135deg, #ff8c3a 0%, #ff6a00 100%);

            box-shadow: 0 6px 20px rgba(255, 106, 0, 0.5);

        }



        .header-logo-container {

            cursor: pointer;

            position: relative;

            display: inline-flex;

            align-items: center;

        }

        .mini-gear-container {

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            z-index: -1;

            pointer-events: none;

        }

        .global-header-shell {

            position: relative;

            display: flex;

            justify-content: center;

            padding: 1rem 1rem 0;

            width: 100%;

            transition: padding 0.25s ease;

            z-index: 1300;

            isolation: isolate;

        }

        .reference-nav {
            position: relative;
            z-index: 1301;
            border-radius: 18px;
            background: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.15);
            box-shadow: 0 16px 42px rgba(0, 0, 0, 0.25);
        }

        .reference-nav-icon {



            flex: 0 0 auto;

            position: relative;

            width: 2.15rem;

            height: 2.15rem;

            border-radius: 999px;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            background: rgba(255, 255, 255, .08);

            border: 1px solid rgba(255, 255, 255, .12);

            color: #fff;

            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 18px rgba(0, 0, 0, .18);

            transition: color .2s ease, transform .2s ease, background .2s ease, border-color .2s ease;

        }

        .reference-nav-icon:hover {

            background: linear-gradient(135deg, #ff6a00 0%, #ff8c3a 100%);

            color: #fff;

            border-color: rgba(255, 255, 255, .16);

            transform: translateY(-1px);

        }

        .header-actions {



            display: flex;



            align-items: center;



            justify-content: flex-end;



            gap: .5rem;



            flex: 0 0 auto;



            margin-left: auto;



        }



        .reference-nav-badge {

            position: absolute;

            top: -.28rem;

            right: -.28rem;

            min-width: 1rem;

            height: 1rem;

            padding: 0 .22rem;

            border-radius: 9999px;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            background: #ff6a00;

            color: #fff;

            font-size: .55rem;

            font-weight: 900;

            line-height: 1;

            box-shadow: 0 0 0 2px rgba(3, 3, 3, 1);

        }

        .reference-nav-badge.hidden {

            display: none;

        }

        .mobile-menu-shell {

            position: absolute;

            top: var(--mobile-drawer-edge, .95rem);

            bottom: var(--mobile-drawer-edge, .95rem);

            left: var(--mobile-drawer-edge, .95rem);

            right: var(--mobile-drawer-edge, .95rem);

            z-index: 2;

            width: auto;

            min-height: 0;

            border-radius: .65rem;

            background: #1f1f1e;

            box-shadow: 0 24px 70px rgba(0, 0, 0, .42);

            display: flex;

            flex-direction: column;

            overflow: hidden;

        }

        .mobile-menu-panel-head {

            position: absolute;

            top: .55rem;

            left: .55rem;

            right: .55rem;

            z-index: 3;

            min-height: 2.45rem;

            padding: .35rem .35rem .35rem .55rem;

            border-radius: .45rem;

            display: flex;

            align-items: center;

            gap: .55rem;

            background: #f5eadb;

            color: #1d1d1b;

        }

        .mobile-menu-panel-logo {

            display: inline-flex;

            align-items: center;

            gap: .45rem;

            min-width: 0;

            color: #1d1d1b;

            font-size: .86rem;

            font-weight: 900;

            line-height: 1;

        }

        .mobile-menu-panel-gear {

            width: 1.45rem;

            height: 1.45rem;

            border-radius: 999px;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            flex-shrink: 0;

            background: #ff6a00;

            color: #fff;

        }

        .mobile-menu-panel-close {

            width: 2rem;

            height: 2rem;

            margin-left: auto;

            border-radius: .45rem;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            background: #242424;

            color: #fff;

        }

        .mobile-menu-scroll {

            flex: 1;

            overflow-y: auto;

            padding: 3.95rem .65rem .8rem;

            scrollbar-width: none;

            -ms-overflow-style: none;

            -webkit-overflow-scrolling: touch;

            overscroll-behavior: contain;

        }

        .mobile-menu-scroll::-webkit-scrollbar {

            width: 0;

            height: 0;

        }

        .mobile-nav-list {

            min-height: 100%;

            display: flex;

            flex-direction: column;

        }

        .mobile-nav-link,

        .mobile-nav-accordion-trigger {

            width: 100%;

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: .6rem;

            min-height: 3.35rem;

            padding: .75rem .12rem;

            border-radius: 0;

            border: 0;

            border-bottom: 1px solid rgba(255, 255, 255, .36);

            background: transparent;

            color: rgba(255, 255, 255, .94);

            font-size: .78rem;

            font-weight: 700;

            line-height: 1.2;

            text-align: left;

            transition: background .22s ease, border-color .22s ease, transform .22s ease, color .22s ease;

        }

        .mobile-nav-link:hover,

        .mobile-nav-link:focus-visible,

        .mobile-nav-accordion-trigger:hover,

        .mobile-nav-accordion-trigger:focus-visible {

            background: transparent;

            border-color: rgba(255, 255, 255, .5);

            color: #fff;

            transform: none;

        }

        .mobile-nav-note {

            display: none;

        }

        .mobile-nav-divider {

            display: block;

            width: 100%;

            height: 0;

            margin-top: auto;

        }

        .mobile-quick-actions {

            display: flex;

            flex-wrap: wrap;

            gap: .55rem;

            align-items: stretch;

            width: 100%;

            padding: .25rem 0 .75rem;

        }

        .mobile-quick-action {

            position: relative;

            flex: 1 1 8.4rem;

            min-width: min(100%, 8.4rem);

            min-height: 3.15rem;

            border-radius: .55rem;

            border: 1px solid rgba(255, 255, 255, .14);

            display: inline-flex;

            align-items: center;

            gap: .65rem;

            padding: .68rem .72rem;

            background: rgba(255, 255, 255, .06);

            color: #fff;

            font-size: .76rem;

            font-weight: 850;

            line-height: 1.12;

            overflow: hidden;

            transition: transform .2s ease, border-color .2s ease, background .2s ease;

        }

        .mobile-quick-action:hover,

        .mobile-quick-action:focus-visible {

            transform: translateY(-1px);

            border-color: rgba(255, 106, 0, .48);

            background: rgba(255, 106, 0, .13);

            outline: none;

        }

        .mobile-quick-action.is-primary {

            border-color: rgba(255, 106, 0, .6);

            background: linear-gradient(135deg, #ff6a00, #ff8c3a);

            box-shadow: 0 14px 28px rgba(255, 106, 0, .22);

        }

        .mobile-quick-action-icon {

            width: 2rem;

            height: 2rem;

            border-radius: .45rem;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            flex: 0 0 auto;

            background: rgba(255, 255, 255, .1);

            color: #ffd7bd;

        }

        .mobile-quick-action.is-primary .mobile-quick-action-icon {

            background: rgba(255, 255, 255, .18);

            color: #fff;

        }

        .mobile-quick-action-icon svg {

            width: 1.08rem;

            height: 1.08rem;

        }

        .mobile-quick-action-label {

            min-width: 0;

            overflow-wrap: anywhere;

        }

        .mobile-quick-action-badge {

            position: absolute;

            top: .38rem;

            right: .42rem;

            min-width: 1.2rem;

            height: 1.2rem;

            padding: 0 .32rem;

            border-radius: 999px;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            background: #fff;

            color: #18181b;

            font-size: .62rem;

            font-weight: 950;

            line-height: 1;

            box-shadow: 0 0 0 2px rgba(31, 31, 30, .96);

        }

        .mobile-quick-action-badge.hidden {

            display: none;

        }

        .mobile-quick-action.is-primary .mobile-quick-action-badge {

            background: #18181b;

            color: #fff;

            box-shadow: 0 0 0 2px rgba(255, 255, 255, .24);

        }

        @media (max-width: 360px) {

            .mobile-quick-action {

                flex-basis: 100%;

                width: 100%;

            }

        }

        .mobile-nav-accordion {

            overflow: hidden;

        }

        .mobile-nav-accordion-trigger {

            border-color: rgba(255, 255, 255, .36);

        }

        .mobile-nav-accordion-icon {

            width: 1rem;

            height: 1rem;

            color: rgba(255, 255, 255, .72);

            flex-shrink: 0;

            transition: transform .24s ease, color .24s ease;

        }

        .mobile-nav-accordion.is-open .mobile-nav-accordion-icon {

            transform: rotate(180deg);

            color: #fff;

        }

        .mobile-nav-accordion-panel {

            display: grid;

            gap: 0;

        }

        .mobile-nav-sublink {

            display: block;

            padding: .7rem .12rem .7rem .65rem;

            border-bottom: 1px solid rgba(255, 255, 255, .16);

            color: rgba(255, 255, 255, .78);

            font-size: .72rem;

            font-weight: 600;

            border-radius: 0;

            background: transparent;

            transition: background .22s ease, color .22s ease, border-color .22s ease, transform .22s ease;

        }

        .mobile-nav-sublink:hover,

        .mobile-nav-sublink:focus-visible {

            background: transparent;

            color: #fff;

            border-color: rgba(255, 255, 255, .32);

            transform: none;

        }

        .rate-gear-toggle {

            position: relative;

            display: inline-flex;

            align-items: center;

            z-index: 1040;

        }

        .rates-dropdown {

            position: absolute;

            top: calc(100% + 10px);

            left: 50%;

            width: 320px;

            padding: 12px;

            border-radius: 22px;

            background: rgba(9, 12, 18, .98);

            border: 1px solid rgba(255, 255, 255, .08);

            box-shadow: 0 24px 80px rgba(0, 0, 0, .35);

            opacity: 0;

            visibility: hidden;

            transform: translateX(-50%) translateY(8px) scale(.98);

            transition: all .22s ease;

            z-index: 1050;

        }

        .rates-dropdown.is-open { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0) scale(1); }

        .rates-dropdown-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; color: #fff; }

        .rates-dropdown-title { font-size: 13px; font-weight: 900; }

        .rates-dropdown-subtitle { font-size: 11px; color: rgba(255, 255, 255, .55); margin-top: 2px; }

        .rates-dropdown-close { width: 28px; height: 28px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .08); background: rgba(255, 255, 255, .05); color: #fff; }

        .rates-converter { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-bottom: 10px; }

        .rates-input, .rates-select { width: 100%; height: 38px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .08); background: rgba(255, 255, 255, .06); color: #fff; padding: 0 12px; font-size: 13px; font-weight: 700; }

        .rates-table { width: 100%; border-collapse: collapse; overflow: hidden; border-radius: 16px; }

        .rates-table th, .rates-table td { padding: 8px 9px; font-size: 11px; border-bottom: 1px solid rgba(255, 255, 255, .07); }

        .rates-table th { color: rgba(255, 255, 255, .55); font-weight: 800; text-align: left; }

        .rates-table td { color: rgba(255, 255, 255, .9); font-weight: 700; }

        .rates-price { text-align: right; font-variant-numeric: tabular-nums; }

        @media (max-width: 640px) {

            .rates-dropdown {

                width: min(92vw, 320px);

                max-width: min(92vw, 320px);

            }

        }

        .payment-badges { flex-wrap: wrap; gap: 8px; align-items: center; }

        .developer-credit {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 0.45rem;
            color: #8b949e;
            font-size: 0.75rem;
            line-height: 1.5;
            text-align: center;
        }

        .developer-credit::before {
            content: '';
            width: 0.45rem;
            height: 0.45rem;
            border-radius: 999px;
            background: #ff6a00;
            box-shadow: 0 0 16px rgba(255,106,0,0.55);
            animation: developer-pulse 2.4s ease-in-out infinite;
        }

        .developer-credit a {
            color: #d1d5db;
            font-weight: 700;
            letter-spacing: 0.02em;
            text-transform: uppercase;
            transition: color 180ms ease, text-shadow 180ms ease;
        }

        .developer-credit a:hover {
            color: #ff6a00;
            text-shadow: 0 0 18px rgba(255,106,0,0.45);
        }

        @keyframes developer-pulse {
            0%, 100% {
                transform: scale(0.86);
                opacity: 0.62;
            }

            50% {
                transform: scale(1.12);
                opacity: 1;
            }
        }
        .payment-badge { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 6px 10px; border-radius: 999px; background: transparent; }

        .payment-badge img { display: block; width: auto; height: auto; max-width: none; flex-shrink: 0; }

        .cart-count-badge {

            position: absolute;

            right: -0.35rem;

            top: -0.35rem;

            min-width: 1.1rem;

            height: 1.1rem;

            padding: 0 0.28rem;

            border-radius: 999px;

            background: #ff6a00;

            color: #fff;

            font-size: .62rem;

            line-height: 1.1rem;

            text-align: center;

            font-weight: 950;

            box-shadow: 0 0 0 2px #030303;

        }

        .global-header-shell.main-header-pinned {

            position: fixed;

            top: 0;

            left: 0;

            right: 0;

            pointer-events: none;

            padding-top: 0.75rem;

        }

        .global-header-shell.global-header-shell-static {

            position: relative;

            padding-top: 0;

        }

        .global-header-shell.main-header-pinned #main-header {

            pointer-events: auto;

        }

        .global-header-spacer {

            height: 0;

            transition: height 0.25s ease;

        }

        .back-to-top-btn {

            position: fixed;

            right: 1rem;

            bottom: 1rem;

            width: 3.25rem;

            height: 3.25rem;

            border-radius: 999px;

            border: 1px solid rgba(255, 255, 255, 0.12);

            background: linear-gradient(135deg, rgba(255, 106, 0, 0.96), rgba(255, 140, 58, 0.96));

            color: #fff;

            box-shadow: 0 18px 38px rgba(255, 106, 0, 0.32), 0 12px 22px rgba(2, 6, 23, 0.18);

            display: inline-flex;

            align-items: center;

            justify-content: center;

            opacity: 0;

            visibility: hidden;

            transform: translateY(14px) scale(0.9);

            transition: opacity .22s ease, transform .22s cubic-bezier(.2,.9,.2,1), visibility .22s ease, box-shadow .22s ease;

            z-index: 180;

            pointer-events: none;

        }

        .back-to-top-btn.is-visible {

            opacity: 1;

            visibility: visible;

            transform: translateY(0) scale(1);

            pointer-events: auto;

        }

        .back-to-top-btn:hover {

            box-shadow: 0 22px 45px rgba(255, 106, 0, 0.38), 0 14px 26px rgba(2, 6, 23, 0.2);

            transform: translateY(-2px) scale(1.02);

        }

        .back-to-top-btn:active {

            transform: translateY(0) scale(0.98);

        }

        .header-desktop-nav {

            display: none;

        }

        .header-desktop-action {

            display: none;

        }

        .header-mobile-action {

            display: inline-flex;

        }

        .header-mobile-action.reference-nav-icon {

            width: 1.95rem;

            height: 1.95rem;

        }

        .header-mobile-toggle {

            display: inline-flex;

        }

        #mobile-menu-overlay {

            position: fixed;

            z-index: 1400;

            top: 0;

            left: 0;

            right: 0;

            bottom: 0;

            padding: 0;

            background: rgba(0, 0, 0, .42);

            opacity: 0;

            pointer-events: none;

            overflow: hidden;

            transition: opacity .18s ease;

        }

        #mobile-menu-overlay.hidden {

            display: none;

        }

        #mobile-menu-backdrop {

            position: absolute;

            inset: 0;

            z-index: 1;

            border: 0;

            padding: 0;

            background: transparent;

        }

        @media (max-width: 420px) {

            .mobile-menu-scroll {

                padding: 3.95rem .65rem .8rem;

            }

            .mobile-nav-link,

            .mobile-nav-accordion-trigger {

                padding: .75rem .12rem;

            }

            .mobile-nav-note {

                line-height: 1.35;

            }

        }

        @media (min-width: 1281px) {

            .header-desktop-nav {

                display: flex;

            }

            .header-desktop-action {

                display: inline-flex;

            }

            .header-desktop-action.header-mobile-action {

                display: inline-flex;

            }

            .header-mobile-action {

                display: none;

            }

            .header-mobile-toggle {

                display: none;

            }

        }

        @media (min-width: 1281px) and (max-width: 1560px) {

            .header-desktop-nav {

                min-width: 0;

            }

            .nav-collapse-wide,

            .nav-overflow-wide {

                display: none;

            }

            .nav-overflow-menu,

            .nav-overflow-wide {

                display: block;

            }

        }

        @media (min-width: 1281px) and (max-width: 1420px) {

            #main-header {

                flex-wrap: nowrap;

            }

            .nav-pill {

                padding-inline: .72rem;

            }

            .nav-collapse-medium,

            .nav-overflow-medium {

                display: none;

            }

            .nav-overflow-menu,

            .nav-overflow-wide,

            .nav-overflow-medium {

                display: block;

            }

            .header-actions {

                flex: 0 0 auto;

                min-width: max-content;

            }

        }

        @media (min-width: 1281px) and (max-width: 1340px) {

            .nav-collapse-narrow,

            .nav-overflow-narrow {

                display: none;

            }

            .nav-overflow-menu,

            .nav-overflow-wide,

            .nav-overflow-medium,

            .nav-overflow-narrow {

                display: block;

            }

        }

        @media (min-width: 1281px) and (max-width: 1420px) {



            .header-actions {



                flex-direction: row;



                align-self: center;



                gap: .35rem;



            }



        }



        .site-atmosphere {

            position: fixed;

            inset: 0;

            pointer-events: none;

            overflow: hidden;

            z-index: 0;

        }

        .site-atmo-blob {

            position: absolute;

            border-radius: 9999px;

            filter: blur(80px);

            opacity: 0.42;

            transform: translateZ(0);

        }

        .site-atmo-warm {

            width: 34rem;

            height: 34rem;

            top: -9rem;

            left: -7rem;

            background: radial-gradient(circle, rgba(255, 106, 0, 0.22) 0%, rgba(255, 106, 0, 0.06) 50%, transparent 74%);

        }

        .site-atmo-cool {

            width: 30rem;

            height: 30rem;

            top: 20%;

            right: -8rem;

            background: radial-gradient(circle, rgba(56, 189, 248, 0.2) 0%, rgba(56, 189, 248, 0.05) 52%, transparent 75%);

        }

        .site-atmo-accent {

            width: 32rem;

            height: 32rem;

            bottom: -11rem;

            left: 30%;

            background: radial-gradient(circle, rgba(251, 146, 60, 0.18) 0%, rgba(251, 146, 60, 0.05) 52%, transparent 76%);

        }

        ::-webkit-scrollbar {

            width: 11px;

            height: 11px;

        }

        ::-webkit-scrollbar-track {

            background: linear-gradient(180deg, rgba(241, 245, 249, 0.75), rgba(226, 232, 240, 0.7));

        }

        ::-webkit-scrollbar-thumb {

            border-radius: 999px;

            background: linear-gradient(180deg, rgba(255, 106, 0, 0.85), rgba(251, 146, 60, 0.78));

            border: 2px solid rgba(255, 255, 255, 0.55);

        }

        ::-webkit-scrollbar-thumb:hover {

            background: linear-gradient(180deg, rgba(255, 106, 0, 0.95), rgba(249, 115, 22, 0.88));

        }

        * {

            scrollbar-width: thin;

            scrollbar-color: rgba(255, 106, 0, 0.9) rgba(226, 232, 240, 0.75);

        }

        .gayka-toast-root {

            position: fixed;

            top: 1rem;

            right: 1rem;

            z-index: 1600;

            display: grid;

            gap: .8rem;

            width: min(92vw, 380px);

            pointer-events: none;

        }

        .gayka-toast {

            position: relative;

            overflow: hidden;

            border-radius: 22px;

            border: 1px solid rgba(255, 255, 255, .12);

            background: linear-gradient(180deg, rgba(7, 10, 16, .97), rgba(15, 23, 42, .96));

            color: #fff;

            box-shadow: 0 24px 60px rgba(2, 6, 23, .34);

            pointer-events: auto;

            cursor: pointer;

            transform: translateY(-8px) scale(.98);

            opacity: 0;

            transition: transform .24s ease, opacity .24s ease;

        }

        .gayka-toast.is-visible {

            transform: translateY(0) scale(1);

            opacity: 1;

        }

        .gayka-toast::after {

            content: '';

            position: absolute;

            inset: auto 0 0;

            height: 4px;

            background: linear-gradient(90deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .2));

            transform-origin: left center;

            animation: gayka-toast-timer 5s linear forwards;

        }

        .gayka-toast.is-closing::after {

            animation-play-state: paused;

        }

        .gayka-toast-inner {

            display: grid;

            grid-template-columns: auto 1fr auto;

            gap: .9rem;

            align-items: start;

            padding: 1rem 1rem 1.05rem;

        }

        .gayka-toast-icon {

            width: 2.5rem;

            height: 2.5rem;

            border-radius: 16px;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            font-size: 1rem;

            font-weight: 950;

            background: rgba(255, 255, 255, .08);

            color: #fff;

        }

        .gayka-toast-label {

            font-size: .7rem;

            font-weight: 950;

            letter-spacing: .16em;

            text-transform: uppercase;

            color: rgba(255, 255, 255, .62);

        }

        .gayka-toast-message {

            margin-top: .32rem;

            color: rgba(255, 255, 255, .96);

            font-size: .95rem;

            font-weight: 700;

            line-height: 1.5;

        }

        .gayka-toast-close {

            width: 2rem;

            height: 2rem;

            border: 0;

            border-radius: 999px;

            background: rgba(255, 255, 255, .08);

            color: rgba(255, 255, 255, .92);

            font-size: 1rem;

            font-weight: 900;

            line-height: 1;

            cursor: pointer;

        }

        .gayka-toast-close:hover {

            background: rgba(255, 255, 255, .16);

        }

        .gayka-toast[data-tone="success"] .gayka-toast-icon { background: rgba(16, 185, 129, .18); color: #86efac; }

        .gayka-toast[data-tone="error"] .gayka-toast-icon { background: rgba(244, 63, 94, .18); color: #fda4af; }

        .gayka-toast[data-tone="warning"] .gayka-toast-icon { background: rgba(245, 158, 11, .18); color: #fcd34d; }

        .gayka-toast[data-tone="info"] .gayka-toast-icon { background: rgba(59, 130, 246, .18); color: #93c5fd; }

        .gayka-toast[data-tone="kp_success"] {

            border-color: rgba(255, 106, 0, .32);

            background: linear-gradient(135deg, rgba(17, 24, 39, .98), rgba(124, 45, 18, .96));

            box-shadow: 0 24px 64px rgba(124, 45, 18, .32);

        }

        .gayka-toast[data-tone="kp_success"] .gayka-toast-icon {

            background: rgba(255, 106, 0, .18);

            color: #fed7aa;

        }

        @keyframes gayka-toast-timer {

            from { transform: scaleX(1); }

            to { transform: scaleX(0); }

        }