.zg-prose>*:first-child {
            margin-top: 0;
        }

        .zg-prose>*:last-child {
            margin-bottom: 0;
        }

        .zg-prose p {
            margin: 0 0 14px;
        }

        .zg-prose h1,
        .zg-prose h2,
        .zg-prose h3,
        .zg-prose h4,
        .zg-prose h5,
        .zg-prose h6 {
            font-family: var(--zg-display);
            font-weight: 800;
            color: #fff;
            line-height: 1.18;
            margin: 30px 0 12px;
        }

        .zg-prose h1 {
            font-size: 28px;
        }

        .zg-prose h2 {
            font-size: 24px;
        }

        .zg-prose h3 {
            font-size: 20px;
        }

        .zg-prose h4,
        .zg-prose h5,
        .zg-prose h6 {
            font-size: 17px;
        }

        .zg-prose a {
            color: #c3a3ff;
            text-decoration: underline;
            text-underline-offset: 3px;
            transition: color var(--zg-t) ease;
        }

        .zg-prose a:hover {
            color: #fff;
        }

        .zg-prose strong,
        .zg-prose b {
            color: #fff;
            font-weight: 700;
        }

        .zg-prose ul,
        .zg-prose ol {
            margin: 0 0 14px;
            padding-left: 22px;
        }

        .zg-prose ul {
            list-style: disc;
        }

        .zg-prose ol {
            list-style: decimal;
        }

        .zg-prose li {
            margin: 6px 0;
        }

        .zg-prose li::marker {
            color: #8b5cf6;
        }

        .zg-prose blockquote {
            margin: 18px 0;
            padding: 12px 18px;
            border-left: 3px solid var(--zg-purple);
            border-radius: 0 12px 12px 0;
            background: rgba(105, 0, 255, .08);
            color: rgba(255, 255, 255, .84);
        }

        .zg-prose blockquote p:last-child {
            margin-bottom: 0;
        }

        .zg-prose img {
            max-width: 100%;
            height: auto;
            border-radius: 16px;
            margin: 18px 0;
            border: 1px solid var(--zg-line);
        }

        .zg-prose hr {
            margin: 26px 0;
            border: 0;
            height: 1px;
            background: linear-gradient(90deg, rgba(50, 0, 121, 0), #320079 22%, #320079 78%, rgba(50, 0, 121, 0));
        }

        .zg-prose code {
            padding: 2px 6px;
            border-radius: 7px;
            border: 1px solid var(--zg-line);
            background: var(--zg-deep);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 13px;
            color: #d4bcff;
        }

        .zg-prose pre {
            margin: 18px 0;
            padding: 16px;
            border-radius: 16px;
            border: 1px solid var(--zg-line);
            background: var(--zg-deep);
            overflow-x: auto;
        }

        .zg-prose pre code {
            padding: 0;
            border: 0;
            background: none;
        }

        .zg-prose table {
            width: 100%;
            margin: 18px 0;
            border-collapse: collapse;
            font-size: 14px;
        }

        .zg-prose th,
        .zg-prose td {
            padding: 10px 12px;
            border: 1px solid var(--zg-line);
            text-align: left;
        }

        .zg-prose th {
            background: rgba(105, 0, 255, .12);
            color: #fff;
            font-weight: 700;
        }

        .zg-prose iframe {
            max-width: 100%;
            border-radius: 16px;
            border: 1px solid var(--zg-line);
        }

        .zg-posts {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 22px;
        }

        .zg-post {
            position: relative;
            display: flex;
            flex-direction: column;
            height: 100%;
            border-radius: 20px;
            border: 1px solid var(--zg-line);
            background: linear-gradient(180deg, rgba(61, 0, 147, .34) 0%, var(--zg-bg) 58%);
            overflow: hidden;
            color: #fff;
            text-decoration: none;
            transition: border-color var(--zg-t) ease, translate var(--zg-t) var(--zg-out), box-shadow var(--zg-t) ease;
        }

        .zg-post:hover {
            border-color: rgba(105, 0, 255, .7);
            translate: 0 -2px;
            box-shadow: 0 20px 40px -28px rgba(105, 0, 255, .85);
        }

        .zg-post__media {
            position: relative;
            aspect-ratio: 16 / 9;
            overflow: hidden;
            border-bottom: 1px solid var(--zg-line);
            background: var(--zg-deep);
        }

        .zg-post__img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: scale 520ms var(--zg-out);
        }

        .zg-post:hover .zg-post__img {
            scale: 1.05;
        }

        .zg-post__scrim {
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(19, 0, 45, 0) 42%, rgba(19, 0, 45, .82) 100%);
            pointer-events: none;
        }

        .zg-post__date {
            position: absolute;
            left: 12px;
            bottom: 11px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            height: 25px;
            padding: 0 10px;
            border-radius: 999px;
            border: 1px solid rgba(105, 0, 255, .5);
            background: rgba(15, 0, 37, .78);
            backdrop-filter: blur(6px);
            -webkit-backdrop-filter: blur(6px);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .04em;
            color: #d4bcff;
        }

        .zg-post__date svg {
            width: 12px;
            height: 12px;
        }

        .zg-post__body {
            display: flex;
            flex-direction: column;
            flex: 1;
            padding: 16px 18px 17px;
        }

        .zg-post__t {
            font-family: var(--zg-display);
            font-weight: 800;
            font-size: 17px;
            line-height: 1.24;
            color: #fff;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            transition: color var(--zg-t) ease;
        }

        .zg-post:hover .zg-post__t {
            color: #c3a3ff;
        }

        .zg-post__x {
            margin-top: 8px;
            font-size: 13.5px;
            line-height: 1.55;
            color: rgba(255, 255, 255, .5);
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .zg-post__line {
            margin: 14px 0 12px;
            margin-top: auto;
            height: 1px;
            background: repeating-linear-gradient(90deg, #320079 0 6px, transparent 6px 12px);
        }

        .zg-post__foot {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

        .zg-post__by {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            min-width: 0;
            font-size: 12.5px;
            color: rgba(255, 255, 255, .48);
        }

        .zg-post__by svg {
            width: 14px;
            height: 14px;
            flex: none;
            color: #8b5cf6;
        }

        .zg-post__by span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .zg-post__go {
            flex: none;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font-family: var(--zg-display);
            font-weight: 800;
            font-size: 12.5px;
            text-transform: uppercase;
            letter-spacing: .05em;
            color: #c3a3ff;
        }

        .zg-post__go svg {
            width: 14px;
            height: 14px;
            transition: translate var(--zg-t) var(--zg-back);
        }

        .zg-post:hover .zg-post__go svg {
            translate: 3px 0;
        }

        .zg-post--sm .zg-post__body {
            padding: 13px 15px 14px;
        }

        .zg-post--sm .zg-post__t {
            font-size: 15px;
        }

        .zg-post--sm .zg-post__x {
            display: none;
        }

        .zg-pag {
            margin-top: 34px;
        }

        .zg-pag__row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .zg-pag__b {
            display: inline-grid;
            place-items: center;
            min-width: 38px;
            height: 38px;
            padding: 0 11px;
            border-radius: 12px;
            border: 1px solid var(--zg-line);
            background: var(--zg-deep);
            font-family: var(--zg-display);
            font-weight: 800;
            font-size: 13.5px;
            color: rgba(255, 255, 255, .72);
            text-decoration: none;
            transition: border-color var(--zg-t) ease, background-color var(--zg-t) ease, color var(--zg-t) ease;
        }

        .zg-pag__b svg {
            width: 16px;
            height: 16px;
        }

        .zg-pag__b:hover {
            border-color: rgba(105, 0, 255, .7);
            background: rgba(105, 0, 255, .16);
            color: #fff;
        }

        .zg-pag__b--now {
            border-color: var(--zg-purple);
            background: var(--zg-purple);
            color: #fff;
            box-shadow: 0 12px 26px -14px rgba(105, 0, 255, .95);
        }

        .zg-pag__gap {
            padding: 0 2px;
            color: rgba(255, 255, 255, .34);
            font-size: 13px;
            letter-spacing: .12em;
        }

        .zg-pag__info {
            margin-top: 14px;
            text-align: center;
            font-size: 12.5px;
            color: rgba(255, 255, 255, .42);
        }

        .zg-art {
            max-width: 880px;
            margin-inline: auto;
        }

        .zg-art__meta {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
            margin-top: 18px;
        }

        .zg-art__hero {
            margin-top: 26px;
            border-radius: 22px;
            border: 1px solid var(--zg-line);
            overflow: hidden;
            aspect-ratio: 16 / 9;
            background: var(--zg-deep);
        }

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

        .zg-art__cta {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 18px;
        }

        .zg-art__cta-l {
            display: flex;
            align-items: center;
            gap: 14px;
            min-width: 0;
        }

        .zg-art__cta-t {
            font-family: var(--zg-display);
            font-weight: 800;
            font-size: 18px;
            line-height: 1.2;
            color: #fff;
        }

        .zg-art__cta-x {
            margin-top: 5px;
            font-size: 13.5px;
            color: rgba(255, 255, 255, .52);
        }

        .zg-art__cta-b {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .zg-tos {
            max-width: 900px;
            margin-inline: auto;
        }

        .zg-tos__head {
            text-align: center;
            margin-bottom: 32px;
        }

        .zg-tos__head .zg-title {
            font-size: 42px;
            line-height: 1.02;
        }

        .zg-tos__k {
            display: block;
            margin-bottom: 13px;
            font-family: var(--zg-ui);
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .22em;
            text-transform: uppercase;
            color: #8b5cf6;
        }

        @media (max-width: 1023px) {
            .zg-posts {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 16px;
            }
            .zg-art__hero {
                border-radius: 18px;
            }
            .zg-tos__head .zg-title {
                font-size: 32px;
            }
        }

        @media (max-width: 639px) {
            .zg-posts {
                grid-template-columns: minmax(0, 1fr);
                gap: 14px;
            }
            .zg-prose {
                font-size: 15px;
            }
            .zg-prose h1 {
                font-size: 24px;
            }
            .zg-prose h2 {
                font-size: 21px;
            }
            .zg-prose h3 {
                font-size: 18px;
            }
            .zg-art__cta {
                flex-direction: column;
                align-items: stretch;
            }
            .zg-art__cta-b .zg-btn {
                flex: 1;
            }
            .zg-pag__b {
                min-width: 34px;
                height: 34px;
                padding: 0 9px;
                font-size: 12.5px;
            }
            .zg-tos__head {
                text-align: left;
            }
            .zg-tos__head .zg-title {
                font-size: 27px;
            }
        }

        .zg-hours {
            display: grid;
            gap: 2px;
        }

        .zg-hours__r {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 8px 0;
            font-size: 13.5px;
            border-bottom: 1px solid rgba(50, 0, 121, .45);
        }

        .zg-hours__r:last-child {
            border-bottom: 0;
        }

        .zg-hours__d {
            font-weight: 600;
            color: #fff;
            white-space: nowrap;
        }

        .zg-hours__h {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            color: rgba(255, 255, 255, .58);
            white-space: nowrap;
            font-variant-numeric: tabular-nums;
        }

        .zg-hours__h b {
            font-weight: 600;
            color: rgba(255, 255, 255, .8);
        }

        .zg-hours__off {
            color: rgba(255, 255, 255, .34);
        }

        .zg-hours__p {
            width: 6px;
            height: 6px;
            border-radius: 999px;
            background: #4ade80;
            box-shadow: 0 0 9px rgba(74, 222, 128, .8);
        }

        .zg-hours__p--off {
            background: rgba(255, 255, 255, .22);
            box-shadow: none;
        }

        .zg-stars {
            display: inline-flex;
            align-items: center;
            gap: 2px;
        }

        .zg-stars svg {
            width: 14px;
            height: 14px;
            color: rgba(255, 255, 255, .18);
            fill: none;
        }

        .zg-stars svg.is-on {
            color: #c3a3ff;
            fill: #c3a3ff;
        }

        .zg-stars--lg svg {
            width: 16px;
            height: 16px;
        }

        .zg-rate {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .zg-rate__s {
            width: 38px;
            height: 38px;
            display: grid;
            place-items: center;
            border: 0;
            border-radius: 11px;
            background: transparent;
            color: rgba(255, 255, 255, .2);
            cursor: pointer;
            transition: color var(--zg-t) ease, background-color var(--zg-t) ease, scale var(--zg-t) var(--zg-back);
        }

        .zg-rate__s svg {
            width: 25px;
            height: 25px;
            fill: none;
            transition: fill var(--zg-t) ease;
        }

        .zg-rate__s:hover {
            background: rgba(105, 0, 255, .14);
            scale: 1.08;
        }

        .zg-rate__s:active {
            scale: .94;
        }

        .zg-rate__s.is-on {
            color: #c3a3ff;
        }

        .zg-rate__s.is-on svg {
            fill: #c3a3ff;
        }

        .zg-sugg {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
        }

        .zg-sugg__c {
            height: 30px;
            padding: 0 12px;
            border-radius: 999px;
            border: 1px solid var(--zg-line);
            background: var(--zg-deep);
            font-family: var(--zg-ui);
            font-size: 12px;
            font-weight: 600;
            color: rgba(255, 255, 255, .62);
            cursor: pointer;
            transition: border-color var(--zg-t) ease, background-color var(--zg-t) ease, color var(--zg-t) ease;
        }

        .zg-sugg__c:hover {
            border-color: rgba(105, 0, 255, .6);
            color: #fff;
        }

        .zg-sugg__c.is-on {
            border-color: var(--zg-purple);
            background: var(--zg-purple);
            color: #fff;
        }

        .zg-ta {
            width: 100%;
            padding: 12px 16px;
            border-radius: 14px;
            border: 1px solid var(--zg-line);
            background: var(--zg-deep);
            font-family: var(--zg-ui);
            font-size: 14.5px;
            line-height: 1.5;
            color: #fff;
            resize: none;
        }

        .zg-ta::placeholder {
            color: rgba(255, 255, 255, .34);
        }

        .zg-ta:focus-visible {
            outline: none;
            border-color: var(--zg-purple);
            box-shadow: 0 0 0 3px rgba(105, 0, 255, .24);
        }

        .zg-rev {
            display: flex;
            gap: 12px;
        }

        .zg-rev+.zg-rev {
            padding-top: 16px;
            border-top: 1px solid rgba(50, 0, 121, .45);
        }

        .zg-rev__av {
            flex: none;
            width: 36px;
            height: 36px;
            border-radius: 999px;
            border: 1px solid rgba(105, 0, 255, .45);
            background: rgba(105, 0, 255, .16);
            display: grid;
            place-items: center;
            font-family: var(--zg-display);
            font-weight: 800;
            font-size: 12.5px;
            text-transform: uppercase;
            color: #c3a3ff;
        }

        .zg-rev__b {
            min-width: 0;
            flex: 1;
        }

        .zg-rev__top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
        }

        .zg-rev__n {
            font-size: 13.5px;
            font-weight: 700;
            color: #fff;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .zg-rev__d {
            flex: none;
            font-size: 11.5px;
            color: rgba(255, 255, 255, .38);
        }

        .zg-rev .zg-stars {
            margin-top: 3px;
        }

        .zg-rev__m {
            margin-top: 6px;
            font-size: 13.5px;
            line-height: 1.5;
            color: rgba(255, 255, 255, .6);
        }

        .zg-rev__m em {
            font-style: italic;
            opacity: .6;
        }

        .zg-rsum {
            display: flex;
            gap: 18px;
        }

        .zg-rsum__l {
            flex: none;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .zg-rsum__avg {
            font-family: var(--zg-display);
            font-weight: 900;
            font-style: italic;
            font-size: 40px;
            line-height: 1;
            color: #c3a3ff;
        }

        .zg-rsum__l .zg-stars {
            margin-top: 7px;
        }

        .zg-rsum__n {
            margin-top: 5px;
            font-size: 11.5px;
            color: rgba(255, 255, 255, .42);
        }

        .zg-rsum__r {
            flex: 1;
            min-width: 0;
            display: grid;
            gap: 6px;
            align-content: center;
        }

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

        .zg-rsum__k {
            width: 8px;
            text-align: right;
            font-size: 11.5px;
            color: rgba(255, 255, 255, .42);
        }

        .zg-rsum__row svg {
            width: 11px;
            height: 11px;
            flex: none;
            color: #8b5cf6;
            fill: #8b5cf6;
        }

        .zg-rsum__bar {
            display: block;
            flex: 1;
            height: 6px;
            border-radius: 999px;
            background: rgba(255, 255, 255, .07);
            overflow: hidden;
        }

        .zg-rsum__fill {
            display: block;
            height: 100%;
            border-radius: 999px;
            background: linear-gradient(90deg, #6900ff, #a855f7);
        }

        .zg-rsum__sep {
            margin: 16px 0;
            height: 1px;
            background: rgba(50, 0, 121, .8);
        }

        .zg-fbdlg {
            display: flex;
            gap: 24px;
        }

        .zg-fbdlg__l {
            flex: none;
            width: 260px;
        }

        .zg-fbdlg__r {
            flex: 1;
            min-width: 0;
        }

        .zg-fbdlg__list {
            display: grid;
            gap: 18px;
            max-height: 50vh;
            overflow: auto;
            padding-right: 6px;
        }

        .zg-sel {
            position: relative;
            display: block;
        }

        .zg-sel select {
            width: 100%;
            height: 42px;
            padding: 0 38px 0 14px;
            border-radius: 12px;
            font-size: 14px;
            appearance: none;
        }

        .zg-sel>svg,
        .zg-sel>i {
            position: absolute;
            right: 13px;
            top: 50%;
            margin-top: -8px;
            width: 16px;
            height: 16px;
            color: rgba(255, 255, 255, .45);
            pointer-events: none;
        }

        .zg-cf {
            display: grid;
            gap: 7px;
        }

        .zg-cf__l {
            display: flex;
            align-items: center;
            font-size: 13px;
            font-weight: 600;
            color: rgba(255, 255, 255, .82);
        }

        .zg-cf__l i {
            margin-left: 4px;
            color: #ff8a9b;
            font-style: normal;
        }

        .zg-cf__in {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
        }

        .zg-cf__ico {
            position: absolute;
            left: 11px;
            width: 17px;
            height: 17px;
            color: rgba(255, 255, 255, .38);
            pointer-events: none;
        }

        .zg-cf__av {
            position: absolute;
            left: 10px;
            width: 20px;
            height: 20px;
            border-radius: 999px;
            object-fit: cover;
        }

        .zg-cf__load {
            position: absolute;
            right: 12px;
            color: rgba(255, 255, 255, .45);
            display: flex;
        }

        .zg-cf__load svg {
            width: 16px;
            height: 16px;
        }

        .zg-cf__in input,
        .zg-cf__in select {
            width: 100%;
            height: 46px;
            padding: 0 15px;
            border-radius: 13px;
            font-size: 14.5px;
        }

        .zg-cf__in select {
            padding-right: 38px;
            appearance: none;
        }

        .zg-cf__caret {
            position: absolute;
            right: 13px;
            width: 16px;
            height: 16px;
            color: rgba(255, 255, 255, .45);
            pointer-events: none;
        }

        .zg-cf__in input[data-state="error"],
        .zg-cf__in select[data-state="error"] {
            border-color: #ff4860;
        }

        .zg-cf__in input[data-state="error"]:focus-visible,
        .zg-cf__in select[data-state="error"]:focus-visible {
            box-shadow: 0 0 0 3px rgba(255, 72, 96, .24);
        }

        .zg-cf__in input.has-ico {
            padding-left: 36px;
        }

        .zg-cf__err {
            font-size: 12px;
            color: #ff8a9b;
        }

        .zg-cf__res {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 9px 11px;
            border-radius: 14px;
            border: 1px solid var(--zg-line);
            background: var(--zg-deep);
        }

        .zg-cf__resl {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
        }

        .zg-cf__resl img {
            width: 32px;
            height: 32px;
            border-radius: 999px;
            object-fit: cover;
            flex: none;
        }

        .zg-cf__resn {
            font-size: 13px;
            font-weight: 600;
            color: #fff;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .zg-cf__resu {
            font-size: 11.5px;
            color: rgba(255, 255, 255, .42);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .zg-maint {
            min-height: 100dvh;
            display: grid;
            place-items: center;
            padding: 40px 24px;
            font-family: var(--zg-ui);
        }

        .zg-maint__b {
            position: relative;
            z-index: 1;
            max-width: 460px;
            text-align: center;
        }

        .zg-maint__ico {
            width: 88px;
            height: 88px;
            margin: 0 auto 26px;
            border-radius: 28px;
            border: 1px solid rgba(105, 0, 255, .5);
            background: rgba(105, 0, 255, .12);
            display: grid;
            place-items: center;
            color: #c3a3ff;
        }

        .zg-maint__ico svg {
            width: 38px;
            height: 38px;
        }

        .zg-maint__ico img {
            width: 100%;
            height: 100%;
            border-radius: 27px;
            object-fit: contain;
        }

        .zg-maint .zg-title {
            font-size: 42px;
            line-height: 1.04;
        }

        .zg-maint__x {
            margin-top: 16px;
            font-size: 16px;
            line-height: 1.5;
            color: rgba(255, 255, 255, .56);
        }

        .zg-maint__pulse {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            margin-top: 26px;
            height: 34px;
            padding: 0 15px;
            border-radius: 999px;
            border: 1px solid var(--zg-line);
            background: var(--zg-deep);
            font-size: 11.5px;
            font-weight: 700;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, .55);
        }

        @media (max-width: 767px) {
            .zg-fbdlg {
                flex-direction: column;
                gap: 18px;
            }
            .zg-fbdlg__l {
                width: auto;
            }
            .zg-fbdlg__list {
                max-height: 46vh;
            }
        }

        @media (max-width: 639px) {
            .zg-rsum {
                gap: 14px;
            }
            .zg-rsum__avg {
                font-size: 34px;
            }
            .zg-rate__s {
                width: 34px;
                height: 34px;
            }
            .zg-rate__s svg {
                width: 23px;
                height: 23px;
            }
            .zg-hours__r {
                font-size: 13px;
                gap: 12px;
            }
            .zg-maint .zg-title {
                font-size: 30px;
            }
            .zg-maint__x {
                font-size: 15px;
            }
            .zg-maint__ico {
                width: 74px;
                height: 74px;
                border-radius: 24px;
                margin-bottom: 22px;
            }
            .zg-maint__ico svg {
                width: 32px;
                height: 32px;
            }
        }

        .zg-upsblk {
            display: grid;
            gap: 9px;
        }

        .zg-upsblk__h {
            display: flex;
            align-items: center;
            gap: 7px;
            font-family: var(--zg-display);
            font-weight: 800;
            font-size: 12.5px;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #c3a3ff;
        }

        .zg-upsblk__h svg {
            width: 14px;
            height: 14px;
        }

        .zg-upslist {
            border-radius: 16px;
            border: 1px solid var(--zg-line);
            background: var(--zg-deep);
            overflow: hidden;
        }

        .zg-upslist>*+* {
            border-top: 1px solid rgba(50, 0, 121, .6);
        }

        .zg-ups {
            display: flex;
            align-items: center;
            gap: 11px;
            padding: 11px 12px;
        }

        .zg-ups__pic {
            flex: none;
            width: 44px;
            height: 44px;
            border-radius: 12px;
            border: 1px solid var(--zg-line);
            background: var(--zg-bg);
            overflow: hidden;
            display: grid;
            place-items: center;
            color: rgba(255, 255, 255, .3);
        }

        .zg-ups__pic img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .zg-ups__pic svg {
            width: 18px;
            height: 18px;
        }

        .zg-ups__body {
            flex: 1;
            min-width: 0;
        }

        .zg-ups__name {
            font-family: var(--zg-display);
            font-weight: 700;
            font-size: 13.5px;
            line-height: 1.25;
            color: #fff;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .zg-ups__price {
            margin-top: 4px;
            display: flex;
            align-items: baseline;
            gap: 6px;
            font-size: 12.5px;
        }

        .zg-ups__price s {
            color: rgba(255, 255, 255, .32);
        }

        .zg-ups__price b {
            font-family: var(--zg-display);
            font-weight: 800;
            font-size: 14px;
            color: #c3a3ff;
        }

        .zg-ups__end {
            flex: none;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .zg-ups__add {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            height: 32px;
            padding: 0 12px;
            border-radius: 11px;
            border: 1px solid var(--zg-purple);
            background: var(--zg-purple);
            font-family: var(--zg-ui);
            font-size: 12px;
            font-weight: 700;
            color: #fff;
            cursor: pointer;
            white-space: nowrap;
            transition: filter var(--zg-t) ease, scale var(--zg-t) var(--zg-back);
        }

        .zg-ups__add svg {
            width: 14px;
            height: 14px;
        }

        .zg-ups__add:hover {
            filter: brightness(1.14);
        }

        .zg-ups__add:active {
            scale: .95;
        }

        .zg-ups .zg-step {
            height: 30px;
        }

        .zg-ups .zg-step button {
            width: 28px;
        }

        .zg-ups .zg-step input {
            width: 30px;
            font-size: 12px;
        }

        .zg-ups .zg-citem__rm {
            width: 30px;
            height: 30px;
        }

        .zg-ups--alt {
            margin-left: 14px;
            padding: 12px;
            border-radius: 16px;
            border: 1px dashed rgba(105, 0, 255, .75);
            background: linear-gradient(180deg, rgba(105, 0, 255, .14) 0%, rgba(15, 0, 37, 0) 80%), var(--zg-deep);
        }

        .zg-ups--alt .zg-ups {
            padding: 0;
        }

        .zg-ups--alt .zg-ups__pic {
            width: 40px;
            height: 40px;
        }

        .zg-ups--alt__tag {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-bottom: 10px;
            height: 22px;
            padding: 0 9px;
            border-radius: 999px;
            border: 1px solid rgba(105, 0, 255, .55);
            background: rgba(105, 0, 255, .2);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: #d4bcff;
        }

        .zg-ups--alt__tag svg {
            width: 12px;
            height: 12px;
        }

        .zg-dl {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding: 14px 16px;
            border-radius: 16px;
            border: 1px solid var(--zg-line);
            background: var(--zg-bg);
        }

        .zg-dl__n {
            font-family: var(--zg-display);
            font-weight: 700;
            font-size: 14.5px;
            color: #fff;
        }

        .zg-dl__s {
            margin-top: 4px;
            font-size: 12.5px;
            color: rgba(255, 255, 255, .45);
        }

        .zg-dl__s b {
            color: rgba(255, 255, 255, .78);
            font-weight: 600;
        }

        .zg-keybar {
            display: flex;
            justify-content: flex-end;
            gap: 8px;
            margin-bottom: 9px;
        }

        .zg-iconbtn2 {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            height: 30px;
            padding: 0 11px;
            border-radius: 10px;
            border: 1px solid var(--zg-line);
            background: var(--zg-deep);
            font-family: var(--zg-ui);
            font-size: 12px;
            font-weight: 600;
            color: rgba(255, 255, 255, .7);
            cursor: pointer;
            transition: border-color var(--zg-t) ease, color var(--zg-t) ease, background-color var(--zg-t) ease;
        }

        .zg-iconbtn2 svg {
            width: 14px;
            height: 14px;
        }

        .zg-iconbtn2:hover {
            border-color: rgba(105, 0, 255, .7);
            background: rgba(105, 0, 255, .14);
            color: #fff;
        }

        .zg-iconbtn2[data-is-copied="true"],
        .zg-iconbtn2[data-is-downloaded="true"] {
            border-color: rgba(56, 214, 140, .5);
            color: #6fe3a8;
        }

        .zg-iconbtn2 [data-lucide="check"],
        .zg-iconbtn2 .zg-ok {
            display: none;
        }

        .zg-iconbtn2[data-is-copied="true"] [data-lucide="copy"],
        .zg-iconbtn2[data-is-downloaded="true"] [data-lucide="download"] {
            display: none;
        }

        .zg-iconbtn2[data-is-copied="true"] [data-lucide="check"],
        .zg-iconbtn2[data-is-downloaded="true"] [data-lucide="check"] {
            display: block;
        }

        [data-action="copy"] {
            border: 0;
            background: transparent;
            color: rgba(255, 255, 255, .42);
            cursor: pointer;
            padding: 2px;
            transition: color var(--zg-t) ease;
        }

        [data-action="copy"]:hover {
            color: #c3a3ff;
        }

        [data-action="copy"] [data-lucide="check"] {
            display: none;
        }

        [data-action="copy"][data-is-copied="true"] [data-lucide="copy"] {
            display: none;
        }

        [data-action="copy"][data-is-copied="true"] [data-lucide="check"] {
            display: block;
            color: #6fe3a8;
        }

        .zg-tx {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 13px 0;
            border-bottom: 1px solid rgba(50, 0, 121, .55);
        }

        .zg-tx:last-child {
            border-bottom: 0;
        }

        .zg-tx__ico {
            flex: none;
            width: 34px;
            height: 34px;
            border-radius: 11px;
            display: grid;
            place-items: center;
            border: 1px solid var(--zg-line);
            background: var(--zg-deep);
        }

        .zg-tx__ico svg {
            width: 16px;
            height: 16px;
        }

        .zg-tx__b {
            flex: 1;
            min-width: 0;
        }

        .zg-tx__x {
            margin-top: 5px;
            font-size: 12px;
            color: rgba(255, 255, 255, .42);
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .zg-tx__link {
            cursor: pointer;
            color: #c3a3ff;
        }

        .zg-tx__link:hover {
            text-decoration: underline;
        }

        .zg-tx__end {
            flex: none;
            display: flex;
            align-items: center;
            gap: 12px;
            text-align: right;
        }

        .zg-tx__amt {
            font-family: var(--zg-display);
            font-weight: 800;
            font-size: 14.5px;
        }

        .zg-tx__amt--in {
            color: #6fe3a8;
        }

        .zg-tx__amt--out {
            color: #ff8a9b;
        }

        .zg-tx__amt--dead {
            color: rgba(255, 255, 255, .34);
            text-decoration: line-through;
        }

        .zg-tx__d {
            margin-top: 4px;
            font-size: 11.5px;
            color: rgba(255, 255, 255, .34);
            white-space: nowrap;
        }

        .zg-tx--ok .zg-tx__ico {
            border-color: rgba(56, 214, 140, .45);
            background: rgba(56, 214, 140, .1);
            color: #6fe3a8;
        }

        .zg-tx--wait .zg-tx__ico {
            border-color: rgba(251, 191, 36, .45);
            background: rgba(251, 191, 36, .1);
            color: #fbbf24;
        }

        .zg-tx--bad .zg-tx__ico {
            border-color: rgba(255, 72, 96, .45);
            background: rgba(255, 72, 96, .1);
            color: #ff8a9b;
        }

        .zg-tx--ok .zg-chip {
            border-color: rgba(56, 214, 140, .35);
            background: rgba(56, 214, 140, .12);
            color: #6fe3a8;
        }

        .zg-tx--wait .zg-chip {
            border-color: rgba(251, 191, 36, .35);
            background: rgba(251, 191, 36, .12);
            color: #fbbf24;
        }

        .zg-tx--bad .zg-chip {
            border-color: rgba(255, 72, 96, .35);
            background: rgba(255, 72, 96, .12);
            color: #ff8a9b;
        }

        .zg-hl {
            position: absolute;
            z-index: 7;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 4px 11px;
            border-radius: 999px;
            background: var(--zg-purple);
            box-shadow: 0 8px 20px -8px rgba(105, 0, 255, .9);
            font-family: var(--zg-ui);
            font-size: 9.5px;
            font-weight: 800;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: #fff;
            white-space: nowrap;
        }

        .zg-hl svg {
            width: 12px;
            height: 12px;
        }

        .zg-hl--top {
            top: 0;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .zg-hl--corner {
            top: 10px;
            left: 10px;
        }

        .zg-pop {
            border-radius: 18px;
            border: 1px solid rgba(105, 0, 255, .5);
            background: rgba(19, 0, 45, .94);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            box-shadow: 0 26px 60px -28px rgba(0, 0, 0, .9);
            font-family: var(--zg-ui);
            color: #fff;
        }

        .zg-pop__h {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 13px 14px 11px;
            font-family: var(--zg-display);
            font-weight: 800;
            font-size: 13.5px;
            text-transform: uppercase;
            letter-spacing: .04em;
            white-space: nowrap;
        }

        .zg-pop__h svg {
            width: 16px;
            height: 16px;
            color: #8b5cf6;
        }

        .zg-pop__sep {
            height: 1px;
            margin: 0 12px;
            background: rgba(50, 0, 121, .8);
        }

        .zg-pop__body {
            padding: 8px;
            display: grid;
            gap: 3px;
        }

        .zg-pop__row {
            display: flex;
            align-items: center;
            gap: 11px;
            padding: 9px 10px;
            border-radius: 12px;
            text-decoration: none;
            color: #fff;
            transition: background-color var(--zg-t) ease;
        }

        .zg-pop__row:hover {
            background: rgba(105, 0, 255, .18);
        }

        .zg-pop__row svg {
            width: 17px;
            height: 17px;
            flex: none;
        }

        .zg-pop__ico {
            width: 20px;
            height: 20px;
            flex: none;
        }

        .zg-pop__b {
            flex: 1;
            min-width: 0;
        }

        .zg-pop__n {
            font-size: 13.5px;
            font-weight: 600;
        }

        .zg-pop__s {
            margin-top: 2px;
            font-size: 11.5px;
            color: rgba(255, 255, 255, .45);
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .zg-pop__go {
            flex: none;
            color: rgba(255, 255, 255, .3);
            transition: color var(--zg-t) ease;
        }

        .zg-pop__row:hover .zg-pop__go {
            color: #c3a3ff;
        }

        .zg-pop__foot {
            padding: 4px 14px 14px;
        }

        .zg-pop__foot .zg-pop__h {
            padding: 0 0 10px;
        }

        .zg-supbtn {
            width: 36px;
            height: 36px;
            border-radius: 12px;
            border: 1px solid var(--zg-line);
            background: var(--zg-pill);
            color: #fff;
            display: grid;
            place-items: center;
            cursor: pointer;
            transition: background-color var(--zg-t) ease, border-color var(--zg-t) ease;
        }

        .zg-supbtn svg {
            width: 17px;
            height: 17px;
        }

        .zg-supbtn:hover,
        .zg-supbtn[data-state="open"] {
            background: rgba(105, 0, 255, .24);
            border-color: rgba(105, 0, 255, .6);
        }

        .zg-supmenu {
            position: absolute;
            top: calc(100% + 12px);
            right: -48px;
            z-index: 60;
            width: 292px;
            max-height: calc(100vh - 120px);
            overflow-y: auto;
            transform-origin: top right;
        }

        @media (min-width: 640px) {
            .zg-supmenu {
                right: 0;
            }
        }

        .zg-phone {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            flex: none;
            height: 50px;
            padding: 0 13px;
            border-radius: 15px;
            border: 1px solid var(--zg-line);
            background: var(--zg-deep);
            font-family: var(--zg-ui);
            font-size: 14px;
            color: #fff;
            cursor: pointer;
            white-space: nowrap;
            transition: border-color var(--zg-t) ease;
        }

        .zg-phone:hover,
        .zg-phone[data-state="open"] {
            border-color: rgba(105, 0, 255, .7);
        }

        .zg-phone svg {
            width: 13px;
            height: 13px;
            opacity: .5;
        }

        .zg-phonemenu {
            position: absolute;
            bottom: calc(100% + 8px);
            left: 0;
            z-index: 60;
            width: 232px;
            max-height: 224px;
            overflow-y: auto;
            transform-origin: bottom left;
            padding: 7px;
        }

        .zg-phonemenu button {
            display: flex;
            align-items: center;
            gap: 9px;
            width: 100%;
            padding: 8px 10px;
            border: 0;
            border-radius: 11px;
            background: transparent;
            font-family: var(--zg-ui);
            font-size: 13px;
            color: #fff;
            text-align: left;
            cursor: pointer;
            transition: background-color var(--zg-t) ease;
        }

        .zg-phonemenu button:hover {
            background: rgba(105, 0, 255, .2);
        }

        .zg-phonemenu button span:nth-child(2) {
            flex: 1;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .zg-phonemenu button span:last-child {
            color: rgba(255, 255, 255, .4);
            font-size: 12px;
        }

        .zg-store {
            position: relative;
        }

        .zg-catside {
            position: absolute;
            left: -196px;
            top: 0;
            height: 100%;
            display: none;
        }

        @media (min-width: 1800px) {
            .zg-catside {
                display: block;
            }
        }

        .zg-catside__in {
            position: sticky;
            top: 96px;
            z-index: 30;
            width: 188px;
            max-height: 80vh;
            overflow: auto;
            padding: 8px;
            display: grid;
            gap: 3px;
            align-content: start;
        }

        .zg-catbtn {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            width: 100%;
            padding: 8px 11px;
            border: 1px solid transparent;
            border-radius: 12px;
            background: transparent;
            font-family: var(--zg-ui);
            font-size: 12.5px;
            font-weight: 600;
            color: rgba(255, 255, 255, .74);
            text-align: left;
            text-decoration: none;
            cursor: pointer;
            transition: background-color var(--zg-t) ease, border-color var(--zg-t) ease, color var(--zg-t) ease;
        }

        .zg-catbtn>span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .zg-catbtn svg {
            width: 15px;
            height: 15px;
            flex: none;
            transition: rotate var(--zg-t) ease;
        }

        .zg-catbtn:hover {
            background: rgba(105, 0, 255, .18);
            border-color: rgba(105, 0, 255, .45);
            color: #fff;
        }

        .zg-catbtn[data-state="open"] {
            background: rgba(105, 0, 255, .2);
            border-color: rgba(105, 0, 255, .5);
            color: #fff;
        }

        .zg-catbtn[data-state="open"] .zg-catbtn__chev {
            rotate: 180deg;
        }

        .zg-catsub {
            display: grid;
            overflow: hidden;
            border-radius: 12px;
            margin: 1px 0 3px;
            background: var(--zg-deep);
            border: 1px solid var(--zg-line);
        }

        .zg-catsub[data-state="closed"] {
            display: none;
        }