.mobile-map-post-marker.is-selected > div {
            transform: scale(1.08);
            box-shadow:
                0 0 0 3px rgba(255,255,255,0.92),
                0 0 0 7px rgba(var(--primary-rgb), 0.34),
                0 10px 24px rgba(0,0,0,0.34) !important;
        }

        #mobile-current-map-location,
        #current-location-display {
            display: flex !important;
        }

        #bottom-nav .bottom-nav-btn {
            flex: 1 1 0;
            min-width: 0;
            width: auto;
            height: 58px;
            border-radius: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            -webkit-tap-highlight-color: transparent;
            -webkit-focus-ring-color: transparent;
            -webkit-appearance: none;
            appearance: none;
            touch-action: manipulation;
            outline: none !important;
            border: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
            transform: translateZ(0);
            will-change: transform, opacity;
            transition: transform 0.1s ease, color 0.12s ease, opacity 0.12s ease;
        }
        #bottom-nav .bottom-nav-btn i {
            font-size: 22px;
            color: var(--text-primary) !important;
            pointer-events: none;
            width: 24px;
            height: 24px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }
        #bottom-nav .mobile-nav-glyph {
            width: 24px;
            height: 24px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--text-primary) !important;
            pointer-events: none;
        }
        #bottom-nav .mobile-nav-glyph svg {
            width: 25px;
            height: 25px;
            display: block;
            stroke: currentColor;
            fill: none;
            stroke-width: 2.35;
            stroke-linecap: round;
            stroke-linejoin: round;
        }
        #bottom-nav .bytes-grid-dot-icon {
            width: 22px;
            height: 22px;
            display: inline-grid;
            grid-template-columns: repeat(2, 5px);
            grid-template-rows: repeat(2, 5px);
            gap: 5px;
            align-content: center;
            justify-content: center;
            color: var(--text-primary) !important;
            pointer-events: none;
        }
        #bottom-nav .bytes-grid-dot-icon span {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: currentColor;
            display: block;
        }
        #bottom-nav .bottom-nav-avatar {
            width: 28px;
            height: 28px;
            border-radius: 8px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            background: color-mix(in srgb, var(--text-primary) 12%, transparent);
            border: 1px solid color-mix(in srgb, var(--text-primary) 24%, transparent);
            color: var(--text-primary);
            font-size: 11px;
            font-weight: 900;
            line-height: 1;
            text-transform: uppercase;
            pointer-events: none;
        }
        #bottom-nav .bottom-nav-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        #bottom-nav #center-plus-btn.bottom-nav-btn i {
            font-size: 23px;
        }
        #bottom-nav #tab-plus-btn.bottom-nav-btn i {
            font-size: 23px;
            transform: translateY(0);
        }

        #bottom-nav .market-nav-label,
        #bottom-nav .shop-nav-label {
            display: none;
        }

        body.shop-active #bottom-nav .bottom-nav-btn,
        body.market-active #bottom-nav .bottom-nav-btn {
            flex-direction: column !important;
            gap: 3px !important;
            padding-top: 5px;
        }

        body.shop-active #bottom-nav .bottom-nav-btn i,
        body.shop-active #bottom-nav .bottom-nav-btn .mobile-nav-glyph,
        body.market-active #bottom-nav .bottom-nav-btn i,
        body.market-active #bottom-nav .bottom-nav-btn .mobile-nav-glyph {
            width: 22px;
            height: 22px;
            flex: 0 0 auto;
        }

        body.shop-active #bottom-nav .bottom-nav-btn i,
        body.market-active #bottom-nav .bottom-nav-btn i {
            font-size: 20px;
        }

        body.shop-active #bottom-nav .shop-nav-label,
        body.market-active #bottom-nav .market-nav-label {
            display: block;
            max-width: 100%;
            color: var(--text-secondary, rgba(255,255,255,0.62));
            -webkit-text-fill-color: var(--text-secondary, rgba(255,255,255,0.62));
            font-size: 8px;
            line-height: 1;
            font-weight: 760;
            letter-spacing: 0.01em;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            pointer-events: none;
            opacity: 0.68;
            flex: 0 0 auto;
            writing-mode: horizontal-tb;
            transform: none;
        }

        #bottom-nav #center-plus-btn {
            position: relative;
            background: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
        }
        #bottom-nav #center-plus-btn i {
            color: var(--text-primary) !important;
        }
        #bottom-nav .mobile-cart-increment {
            position: absolute;
            top: -9px;
            right: -7px;
            min-width: 24px;
            height: 20px;
            padding: 0 7px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--text-primary, #111111);
            color: #fff;
            -webkit-text-fill-color: #fff;
            font-size: 11px;
            line-height: 1;
            font-weight: 850;
            border: 2px solid rgba(255, 255, 255, 0.94);
            box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
            pointer-events: none;
            animation: mobileCartIncrementPop 900ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;
        }
        #bottom-nav .mobile-cart-count,
        #bottom-nav #cart-badge.mobile-cart-count {
            position: absolute;
            top: -4px;
            right: -4px;
            min-width: 17px;
            height: 17px;
            padding: 0 5px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--text-primary, #111111);
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
            font-size: 10px;
            line-height: 1;
            font-weight: 850;
            border: 2px solid rgba(255, 255, 255, 0.92);
            pointer-events: none;
        }
        @keyframes mobileCartIncrementPop {
            0% { opacity: 0; transform: translateY(5px) scale(0.82); }
            18% { opacity: 1; transform: translateY(-2px) scale(1); }
            72% { opacity: 1; transform: translateY(-7px) scale(1); }
            100% { opacity: 0; transform: translateY(-13px) scale(0.94); }
        }
        #bottom-nav .bottom-nav-btn:focus,
        #bottom-nav .bottom-nav-btn:focus-visible,
        #bottom-nav .bottom-nav-btn:hover {
            outline: none !important;
            border-color: transparent !important;
            background: transparent !important;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
            opacity: 0.78;
        }
        #bottom-nav .bottom-nav-btn:active {
            outline: none !important;
            transform: scale(0.92);
            border-color: transparent !important;
            background: transparent !important;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
            opacity: 0.62;
        }
        #bottom-nav #center-plus-btn:focus,
        #bottom-nav #center-plus-btn:focus-visible,
        #bottom-nav #center-plus-btn:hover,
        #bottom-nav #center-plus-btn:active {
            background: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
        }
        [data-theme="dark"] #bottom-nav .bottom-nav-btn {
            border-color: transparent !important;
            background: transparent !important;
        }
        [data-theme="dark"] #bottom-nav .bottom-nav-btn:focus,
        [data-theme="dark"] #bottom-nav .bottom-nav-btn:focus-visible,
        [data-theme="dark"] #bottom-nav .bottom-nav-btn:hover {
            border-color: transparent !important;
            background: transparent !important;
        }
        [data-theme="dark"] #bottom-nav .bottom-nav-btn:active {
            border-color: transparent !important;
            background: transparent !important;
        }
        [data-theme="dark"] #bottom-nav {
            background: var(--bg-primary, var(--background-color, Canvas)) !important;
            border-top: 1px solid color-mix(in srgb, var(--text-primary, CanvasText) 20%, transparent) !important;
            box-shadow: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }
        [data-theme="dark"] #tab-menu-modal {
            background: #000000 !important;
        }

        /* Dark Accent Bottom Nav - Neon glow style */
        [data-theme="dark-accent"] #bottom-nav .bottom-nav-btn {
            border-color: transparent !important;
            background: transparent !important;
            box-shadow: none !important;
        }
        [data-theme="dark-accent"] #bottom-nav .bottom-nav-btn:focus,
        [data-theme="dark-accent"] #bottom-nav .bottom-nav-btn:focus-visible,
        [data-theme="dark-accent"] #bottom-nav .bottom-nav-btn:hover {
            border-color: transparent !important;
            background: transparent !important;
            box-shadow: none !important;
        }
        [data-theme="dark-accent"] #bottom-nav .bottom-nav-btn:active {
            border-color: transparent !important;
            background: transparent !important;
            box-shadow: none !important;
        }
        [data-theme="dark-accent"] #bottom-nav {
            background: var(--bg-primary, var(--background-color, Canvas)) !important;
            border-top: 1px solid color-mix(in srgb, var(--primary-color, var(--text-primary, CanvasText)) 28%, transparent) !important;
            box-shadow: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }
        [data-theme="dark-accent"] #tab-menu-modal {
            background: #000000 !important;
            border: 1px solid rgba(var(--primary-rgb), 0.3);
        }

        #bottom-nav .bottom-nav-btn::-moz-focus-inner {
            border: 0;
        }
        body.mobile-shop-nav-hidden #bottom-nav {
            opacity: 0 !important;
            transform: translate(-50%, calc(120% + env(safe-area-inset-bottom, 0px))) scale(0.96) !important;
            pointer-events: none !important;
        }

        /* The shop surfaces (products, cart, reviews, ask) all stop at
           --mobile-shop-bottom-nav-offset, and the nav pill above that line is
           translucent with rounded corners. Without this strip the page behind
           the shop shows through the glass and around the pill's edges. */
        body:has(#bottom-nav .shop-nav-label)::after {
            content: '';
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            height: calc(var(--mobile-shop-bottom-nav-offset, calc(64px + env(safe-area-inset-bottom, 0px))) + 14px);
            background: var(--background-color, #ffffff);
            z-index: 240019;
            pointer-events: none;
        }

        body.mobile-shop-nav-hidden:has(#bottom-nav .shop-nav-label)::after {
            display: none;
        }
        .bloc-filter-chip {
            background: color-mix(in srgb, var(--surface-color, var(--bg-primary)) 86%, transparent);
            border: 1px solid color-mix(in srgb, var(--text-color) 10%, transparent);
            color: var(--text-primary) !important;
            -webkit-text-fill-color: var(--text-primary) !important;
            padding: 8px 13px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 850;
            cursor: pointer;
            white-space: nowrap;
            letter-spacing: 0.01em;
            transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
            box-shadow: 0 8px 22px color-mix(in srgb, var(--text-color) 6%, transparent);
            -webkit-tap-highlight-color: transparent;
        }
        .bloc-filter-chip.active {
            background: color-mix(in srgb, var(--primary-color, var(--accent-color)) 12%, var(--surface-color, var(--bg-primary)));
            border: 1px solid color-mix(in srgb, var(--primary-color, var(--accent-color)) 42%, transparent);
            color: var(--primary-color, var(--accent-color)) !important;
            -webkit-text-fill-color: var(--primary-color, var(--accent-color)) !important;
            box-shadow: 0 10px 24px color-mix(in srgb, var(--primary-color, var(--accent-color)) 14%, transparent);
            transform: translateY(-1px);
        }
        .bloc-filter-chip:active {
            transform: translateY(0) scale(0.97);
        }
        .bloc-filter-chip.active:active {
            transform: translateY(-1px) scale(0.97);
        }
        .bloc-filter-chip:hover {
            background: color-mix(in srgb, var(--surface-color, var(--bg-primary)) 72%, var(--text-color) 4%);
            border-color: color-mix(in srgb, var(--text-color) 18%, transparent);
            color: var(--text-primary) !important;
            -webkit-text-fill-color: var(--text-primary) !important;
        }
        [data-theme="light"] .bloc-filter-chip.active,
        [data-theme="light-accent"] .bloc-filter-chip.active {
            background: color-mix(in srgb, var(--primary-color, var(--accent-color)) 10%, #ffffff);
            border: 1px solid color-mix(in srgb, var(--primary-color, var(--accent-color)) 32%, transparent);
            color: var(--primary-color, var(--accent-color)) !important;
            -webkit-text-fill-color: var(--primary-color, var(--accent-color)) !important;
        }
        [data-theme="dark"] .bloc-filter-chip {
            background: color-mix(in srgb, var(--surface-color, var(--bg-primary)) 76%, #ffffff 4%);
            border-color: color-mix(in srgb, #ffffff 10%, transparent);
            color: var(--text-primary) !important;
            -webkit-text-fill-color: var(--text-primary) !important;
            box-shadow: 0 8px 22px color-mix(in srgb, #000000 24%, transparent);
        }
        [data-theme="dark"] .bloc-filter-chip.active {
            background: color-mix(in srgb, var(--primary-color, var(--accent-color)) 18%, var(--surface-color, var(--bg-primary)));
            border: 1px solid color-mix(in srgb, var(--primary-color, var(--accent-color)) 44%, transparent);
            color: var(--primary-color, var(--accent-color)) !important;
            -webkit-text-fill-color: var(--primary-color, var(--accent-color)) !important;
            box-shadow: 0 10px 24px color-mix(in srgb, var(--primary-color, var(--accent-color)) 18%, transparent);
        }
        .bytes-bloc-card {
            --active-bloc-accent: var(--primary-color, var(--accent-color));
            position: relative;
            background:
                radial-gradient(circle at 78% 14%, color-mix(in srgb, var(--active-bloc-accent) 10%, transparent), transparent 38%),
                var(--surface-color);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            border: 1px solid color-mix(in srgb, var(--text-color) 7%, transparent);
            border-radius: 26px;
            padding: 10px;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            gap: 10px;
            flex: 0 0 min(54vw, 220px);
            width: min(54vw, 220px);
            height: clamp(150px, 22dvh, 190px);
            scroll-snap-align: center;
            scroll-snap-stop: always;
            box-shadow: 0 22px 54px color-mix(in srgb, var(--text-color) 15%, transparent);
            transition: transform 0.24s ease, box-shadow 0.24s ease, opacity 0.24s ease, filter 0.24s ease, border-color 0.24s ease;
            overflow: hidden;
            cursor: pointer;
            isolation: isolate;
            opacity: var(--bloc-card-opacity, 0.58);
            transform: scale(var(--bloc-card-scale, 0.88)) translateY(var(--bloc-card-y, 12px));
            filter: saturate(var(--bloc-card-saturation, 0.68)) contrast(var(--bloc-card-contrast, 0.94));
        }
        .bytes-bloc-card.is-active {
            opacity: var(--bloc-card-opacity, 1);
            transform: scale(var(--bloc-card-scale, 1.02)) translateY(var(--bloc-card-y, 0px));
            filter: saturate(var(--bloc-card-saturation, 1.18)) contrast(var(--bloc-card-contrast, 1.05));
            border-color: color-mix(in srgb, var(--active-bloc-accent) 46%, transparent);
            box-shadow:
                0 22px 58px color-mix(in srgb, var(--text-color) 20%, transparent),
                0 10px 30px color-mix(in srgb, var(--active-bloc-accent) 26%, transparent),
                0 0 0 1px color-mix(in srgb, var(--active-bloc-accent) 14%, transparent),
                inset 0 0 0 1px color-mix(in srgb, var(--active-bloc-accent) 20%, transparent);
        }
        .bytes-bloc-card.is-active::before {
            content: "";
            position: absolute;
            left: 22px;
            right: 22px;
            bottom: -1px;
            height: 3px;
            border-radius: 999px 999px 0 0;
            background: var(--active-bloc-accent, var(--primary-color, var(--accent-color)));
            box-shadow: 0 -8px 24px color-mix(in srgb, var(--active-bloc-accent) 42%, transparent);
            z-index: 5;
        }
        .bytes-bloc-card .bloc-accent {
            display: none;
        }
        .bytes-bloc-card .bloc-badge {
            position: absolute;
            top: 8px;
            left: 12px;
            padding: 4px 8px;
            border-radius: 999px;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.03em;
            text-transform: uppercase;
            background: rgba(15,23,42,0.08);
            color: rgba(15,23,42,0.75);
            border: 1px solid rgba(15,23,42,0.1);
            z-index: 1;
        }
        [data-theme="dark"] .bytes-bloc-card {
            background: #0b0b0c;
            border: 1px solid rgba(255,255,255,0.10);
            box-shadow: 0 26px 68px rgba(0,0,0,0.52);
        }
        [data-theme="dark"] .bytes-bloc-card.is-active {
            border-color: color-mix(in srgb, var(--active-bloc-accent) 38%, rgba(255,255,255,0.16));
            box-shadow:
                0 24px 62px rgba(0,0,0,0.58),
                0 12px 34px color-mix(in srgb, var(--active-bloc-accent) 24%, transparent),
                0 0 0 1px color-mix(in srgb, var(--active-bloc-accent) 16%, transparent),
                inset 0 0 0 1px rgba(255,255,255,0.08);
        }
        [data-theme="light"] .bytes-bloc-card,
        [data-theme="light-accent"] .bytes-bloc-card {
            background: #ffffff;
            border: 1px solid rgba(15,23,42,0.1);
            box-shadow: 0 18px 42px rgba(15,23,42,0.14);
        }
        [data-theme="light"] .bytes-bloc-card.is-active,
        [data-theme="light-accent"] .bytes-bloc-card.is-active {
            border-color: color-mix(in srgb, var(--active-bloc-accent) 42%, rgba(15,23,42,0.12));
            box-shadow:
                0 20px 46px rgba(15,23,42,0.16),
                0 10px 28px color-mix(in srgb, var(--active-bloc-accent) 18%, transparent),
                0 0 0 1px color-mix(in srgb, var(--active-bloc-accent) 14%, transparent),
                inset 0 0 0 1px rgba(255,255,255,0.72);
        }
        .bytes-bloc-card:hover {
            transform: scale(0.86) translateY(10px);
            box-shadow: 0 26px 62px color-mix(in srgb, var(--text-color) 18%, transparent);
        }
        .bytes-bloc-card.is-active:hover {
            transform: scale(1.02) translateY(-2px);
        }
        [data-theme="dark"] .bytes-bloc-card .bloc-badge {
	                background: var(--modal-bg, var(--bg-primary));
            color: rgba(255,255,255,0.8);
            border: 1px solid rgba(255,255,255,0.12);
        }
        .bytes-bloc-card:active {
            transform: scale(1.005);
        }
        .bytes-bloc-card .bloc-info {
            display: none;
            flex-direction: column;
            gap: 8px;
            min-width: 0;
            z-index: 4;
            position: absolute;
            left: 12px;
            right: 12px;
            bottom: 12px;
            margin-top: 0;
            padding: 12px;
            color: #ffffff;
            border-radius: 14px;
            background: rgba(0,0,0,0.48);
            border: 1px solid rgba(255,255,255,0.14);
            box-shadow: 0 14px 30px rgba(0,0,0,0.18);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
        }
        .bytes-bloc-card .bloc-title-row {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-top: 0;
            justify-content: flex-start;
            z-index: 4;
            padding: 0 2px;
            position: relative;
            inset: auto;
            border-radius: 0;
            background: transparent;
            border: none;
            box-shadow: none;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            flex: 0 0 auto;
        }
        .bytes-bloc-card .bloc-title-row .bloc-title-wrap {
            display: flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
            flex: 1;
        }
        .bytes-bloc-card .bloc-title-copy {
            min-width: 0;
            display: flex;
            flex-direction: column;
            gap: 2px;
        }
        .bytes-bloc-card .bloc-card-meta {
            font-size: 11px;
            line-height: 1.15;
            font-weight: 800;
            color: var(--text-secondary);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bytes-bloc-card .bloc-card-chevron {
            display: none;
        }
        .blocs-split .bytes-bloc-card .bloc-card-chevron {
            display: none;
        }
        [data-theme="dark"] .bytes-bloc-card .bloc-card-chevron {
            color: rgba(255,255,255,0.5);
        }
        .bytes-bloc-card .bloc-share-icon {
            display: none;
        }
        .bytes-bloc-card .bloc-card-actions {
            position: static;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            flex: 0 0 auto;
        }
        .bytes-bloc-card .bloc-card-action {
            width: 24px;
            height: 24px;
            border-radius: 999px;
            border: 1px solid color-mix(in srgb, var(--text-color) 8%, transparent);
            background: color-mix(in srgb, var(--surface-color, var(--bg-primary)) 84%, transparent);
            color: var(--text-secondary);
            -webkit-text-fill-color: var(--text-secondary);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-shadow: none;
            cursor: pointer;
            transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
            -webkit-tap-highlight-color: transparent;
        }
        .bytes-bloc-card .bloc-card-action.is-primary {
            background: var(--active-bloc-accent, var(--primary-color, var(--accent-color)));
            border-color: transparent;
            color: #ffffff;
            -webkit-text-fill-color: #ffffff;
        }
        .bytes-bloc-card .bloc-card-action i {
            color: currentColor !important;
            -webkit-text-fill-color: currentColor !important;
            font-size: 9px;
        }
        .bytes-bloc-card .bloc-card-action:hover {
            transform: translateY(-1px);
            color: var(--text-primary);
            background: color-mix(in srgb, var(--surface-color, var(--bg-primary)) 94%, transparent);
            border-color: color-mix(in srgb, var(--text-color) 16%, transparent);
        }
        .bytes-bloc-card .bloc-card-action:active {
            transform: scale(0.94);
        }
        .bytes-bloc-card.is-selector-pulse .bloc-thumb {
            animation: blocSelectorIconBump 640ms cubic-bezier(0.2, 0.9, 0.2, 1);
        }
        .bloc-selector-count-bump {
            display: inline-block;
            animation: blocSelectorCountBump 640ms cubic-bezier(0.2, 0.9, 0.2, 1);
        }
        @keyframes blocSelectorIconBump {
            0% { transform: scale(1); box-shadow: none; }
            34% {
                transform: scale(1.045);
                box-shadow: 0 14px 34px color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 28%, transparent);
            }
            100% { transform: scale(1); box-shadow: none; }
        }
        @keyframes blocSelectorCountBump {
            0% { transform: translateY(0); color: inherit; }
            34% {
                transform: translateY(-1px) scale(1.08);
                color: var(--active-bloc-accent, var(--primary-color, var(--accent-color)));
            }
            100% { transform: translateY(0); color: inherit; }
        }
        .bytes-bloc-card .bloc-title-icon {
            width: 30px;
            height: 30px;
            border-radius: 10px;
            background: rgba(255,255,255,0.12);
            border: 1px solid rgba(255,255,255,0.14);
            box-shadow: 0 8px 16px rgba(0,0,0,0.16);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            color: #ffffff;
            flex-shrink: 0;
            overflow: hidden;
        }
        .bloc-selector-footer {
            display: flex;
            align-items: center;
            gap: 7px;
            min-width: 0;
            flex: 0 0 auto;
            padding: 0 1px;
        }
        .bytes-bloc-card.is-active .bloc-selector-title {
            color: var(--text-primary);
        }
        .bytes-bloc-card.is-active .bloc-selector-meta {
            color: color-mix(in srgb, var(--active-bloc-accent) 68%, var(--text-secondary));
        }
        .bloc-selector-copy {
            min-width: 0;
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 1px;
        }
        .bloc-selector-title {
            color: var(--text-primary);
            font-size: 11px;
            line-height: 1.05;
            font-weight: 950;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bloc-selector-meta {
            color: var(--text-secondary);
            font-size: 9px;
            line-height: 1;
            font-weight: 850;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }
        .bytes-bloc-card .bloc-title-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            object-position: center;
            display: block;
        }
        .bytes-bloc-card .bloc-title-icon.has-custom-image img {
            object-fit: cover;
        }
        .bytes-bloc-card .bloc-owner-badge {
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            padding: 2px 6px;
            border-radius: 999px;
            background: rgba(var(--primary-rgb), 0.12);
            color: #ffffff;
            border: 1px solid rgba(var(--primary-rgb), 0.25);
        }
        .bytes-bloc-card .bloc-accent-bar {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 3px;
            border-radius: 0;
            opacity: 0.7;
        }
        .bloc-grid-fade {
            animation: blocFadeIn 0.2s ease;
        }
        .bloc-feed-fade {
            animation: blocFadeIn 0.2s ease;
        }
        @keyframes blocFadeIn {
            from { opacity: 0; transform: translateY(4px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes slideUp {
            from { transform: translateY(100%); }
            to { transform: translateY(0); }
        }
        @keyframes floatUp {
            0% { opacity: 0; transform: translateX(-50%) translateY(0); }
            20% { opacity: 1; }
            100% { opacity: 0; transform: translateX(-50%) translateY(-40px); }
        }
        @keyframes cubeFillIn {
            0% {
                clip-path: inset(100% 0 0 0);
            }
            100% {
                clip-path: inset(0 0 0 0);
            }
        }
        @keyframes cubeBounce {
            0% {
                transform: scale(1) rotate(0deg);
            }
            50% {
                transform: scale(1.3) rotate(-8deg);
            }
            100% {
                transform: scale(1) rotate(0deg);
            }
        }
        @keyframes cubeDrain {
            0% {
                clip-path: inset(0 0 0 0);
            }
            100% {
                clip-path: inset(100% 0 0 0);
            }
        }
        @keyframes cubeShrink {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(0.85);
            }
        }
        @keyframes pulse {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0.4;
            }
            100% {
                transform: scale(1);
            }
        }
        @keyframes buttonFillUp {
            0% {
                background: linear-gradient(to top, rgba(239, 68, 68, 0.25) 0%, rgba(239, 68, 68, 0.25) 0%, transparent 0%, transparent 100%);
            }
            100% {
                background: linear-gradient(to top, rgba(239, 68, 68, 0.25) 0%, rgba(239, 68, 68, 0.25) 100%, transparent 100%, transparent 100%);
            }
        }
        @keyframes buttonDrain {
            0% {
                background: linear-gradient(to top, rgba(239, 68, 68, 0.25) 0%, rgba(239, 68, 68, 0.25) 100%, transparent 100%, transparent 100%);
            }
            100% {
                background: linear-gradient(to top, rgba(239, 68, 68, 0.25) 0%, rgba(239, 68, 68, 0.25) 0%, transparent 0%, transparent 100%);
            }
        }
        [data-theme="dark"] .bytes-bloc-card .bloc-title-icon {
            background: #000000;
            color: rgba(255,255,255,0.9);
        }
        .bytes-bloc-card .bloc-actions {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 6px;
            z-index: 1;
        }
        .bytes-bloc-card .bloc-actions {
            display: none;
        }
        .bytes-bloc-card .bloc-chevron {
            font-size: 12px;
            color: rgba(15,23,42,0.35);
        }
        [data-theme="dark"] .bytes-bloc-card .bloc-chevron {
            color: rgba(255,255,255,0.35);
        }
        .bytes-bloc-card .bloc-open-pill {
            font-size: 10px;
            font-weight: 700;
            padding: 6px 10px;
            border-radius: 999px;
            background: rgba(15,23,42,0.06);
            border: 1px solid rgba(15,23,42,0.12);
            color: rgba(15,23,42,0.7);
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }
        [data-theme="dark"] .bytes-bloc-card .bloc-open-pill {
            background: #000000;
            border: 1px solid rgba(255,255,255,0.18);
            color: rgba(255,255,255,0.8);
        }
        .bytes-bloc-card .bloc-meta-row {
            display: flex;
            gap: 6px;
            flex-wrap: wrap;
            align-items: center;
            padding-top: 0;
            margin-top: 0;
            border-top: none;
            padding-right: 28px;
        }
        .bytes-bloc-card .bloc-type-line {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            min-width: 0;
        }
        .bytes-bloc-card .bloc-type-label {
            min-width: 0;
            color: rgba(255,255,255,0.72);
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bytes-bloc-card .bloc-open-label {
            flex-shrink: 0;
            color: rgba(255,255,255,0.9);
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .bytes-bloc-card .bloc-pill {
            font-size: 12px;
            font-weight: 700;
            padding: 4px 8px;
            border-radius: 999px;
            background: rgba(255,255,255,0.16);
            border: 1px solid rgba(255,255,255,0.14);
            color: rgba(255,255,255,0.88);
        }
        .bytes-bloc-card .bloc-pill + .bloc-pill::before {
            content: none;
        }
        .bytes-bloc-card .bloc-share-pill {
            display: none;
        }
        .bytes-bloc-card .bloc-delete-pill {
            display: none;
        }
        [data-theme="dark"] .bytes-bloc-card .bloc-pill {
            color: rgba(255,255,255,0.88);
        }
        .bytes-bloc-card .bloc-title {
            font-size: 15px;
            line-height: 1.1;
            font-weight: 900;
            color: var(--text-primary);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-shadow: none;
        }
        .bytes-bloc-card .bloc-subtitle {
            font-size: 13px;
            font-weight: 700;
            color: rgba(255,255,255,0.82);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-shadow: 0 1px 8px rgba(0,0,0,0.32);
        }
        .bytes-bloc-card .bloc-meta {
            font-size: 12px;
            color: var(--text-secondary);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bytes-bloc-card .bloc-thumb {
            width: 100%;
            height: auto;
            flex: 1 1 auto;
            min-height: 0;
            border-radius: 20px;
            background: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-color);
            font-size: 26px;
            box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            overflow: hidden;
            flex-shrink: 1;
            z-index: 1;
            position: relative;
            inset: auto;
            padding: 12px;
            background-origin: content-box;
        }
        .bytes-bloc-card .bloc-thumb.has-custom-image {
            padding: 0;
            background-size: cover;
            background-origin: border-box;
        }
        .bytes-bloc-card::after {
            display: none;
        }
        [data-theme="dark"] .bytes-bloc-card .bloc-thumb {
            background: rgba(0,0,0,0.3);
            box-shadow: none;
        }
        [data-theme="light"] .bytes-bloc-card .bloc-thumb,
        [data-theme="light-accent"] .bytes-bloc-card .bloc-thumb {
            background: #f6f7fb;
            border: none;
        }
        .bytes-bloc-card .bloc-thumb.has-embed {
            background: transparent;
            box-shadow: none;
        }
        .bytes-bloc-select {
            width: 100%;
            background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));
            border: 1px solid rgba(255,255,255,0.16);
            border-radius: 14px;
            padding: 12px 40px 12px 14px;
            color: var(--text-color);
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.01em;
            box-shadow: 0 10px 24px rgba(0,0,0,0.18);
            outline: none;
            appearance: none;
            -webkit-appearance: none;
            background-image: linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%),
                              linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);
            background-position: calc(100% - 18px) calc(50% - 2px),
                                 calc(100% - 12px) calc(50% - 2px);
            background-size: 6px 6px, 6px 6px;
            background-repeat: no-repeat;
        }
        [data-theme="light"] .bytes-bloc-select,
        [data-theme="light-accent"] .bytes-bloc-select {
            background: #ffffff;
            border: 1px solid rgba(15,23,42,0.12);
            color: #0f172a;
            box-shadow: 0 10px 24px rgba(15,23,42,0.08);
            background-image: linear-gradient(45deg, transparent 50%, rgba(15,23,42,0.5) 50%),
                              linear-gradient(135deg, rgba(15,23,42,0.5) 50%, transparent 50%);
        }
        .bytes-bloc-select:focus {
            border-color: rgba(var(--primary-rgb), 0.6);
            box-shadow: 0 12px 28px rgba(var(--primary-rgb), 0.22);
        }
        /* ---- Create ----
           Moved to static/css/create.css. Linked in <head>. */
        /* ============================================== */
        /* DARK ACCENT THEME - Super Techy Cyberpunk 🌐 */
        /* ============================================== */

        /* Core Background & Text with Neon Glow */
        [data-theme="dark-accent"] {
            --bg-primary: #000000;
            --bg-secondary: #0a0a0a;
            --text-color: #ffffff;
            --text-secondary: rgba(255,255,255,0.7);
            --accent-glow: 0 0 20px rgba(var(--primary-rgb), 0.6), 0 0 40px rgba(var(--primary-rgb), 0.3);
            --border-glow: 0 0 10px rgba(var(--primary-rgb), 0.5);
        }

        /* Cards with Neon Borders */
        [data-theme="dark-accent"] .bytes-bloc-card {
            background: linear-gradient(135deg, #0a0a0a 0%, #000000 100%);
            border: 1px solid rgba(var(--primary-rgb), 0.4);
            box-shadow: var(--accent-glow), 0 8px 24px rgba(0,0,0,0.8);
        }
        [data-theme="dark-accent"] .bytes-bloc-card:active {
            box-shadow: var(--accent-glow), 0 4px 16px rgba(0,0,0,0.9);
            border-color: rgba(var(--primary-rgb), 0.6);
        }

        /* Badges & Pills with Glow */
        [data-theme="dark-accent"] .bytes-bloc-card .bloc-badge {
            background: rgba(var(--primary-rgb), 0.15);
            color: rgb(var(--primary-rgb));
            border: 1px solid rgba(var(--primary-rgb), 0.5);
            box-shadow: var(--border-glow);
        }

        /* Icons with Cyberpunk Glow */
        [data-theme="dark-accent"] .bytes-bloc-card .bloc-title-icon {
            background: #000000;
            border: 1px solid rgba(var(--primary-rgb), 0.5);
            box-shadow: var(--accent-glow);
        }

        /* Sharp Geometric Buttons */
        [data-theme="dark-accent"] .bytes-bloc-select {
            background: linear-gradient(180deg, #0a0a0a, #000000);
            border: 1px solid rgba(var(--primary-rgb), 0.4);
            box-shadow: var(--border-glow), 0 10px 30px rgba(0,0,0,0.5);
        }
        [data-theme="dark-accent"] .bytes-bloc-select:focus {
            border-color: rgb(var(--primary-rgb));
            box-shadow: var(--accent-glow), 0 12px 35px rgba(var(--primary-rgb), 0.3);
        }

        /* Dropdown with Tech Vibes */
        [data-theme="dark-accent"] .bytes-bloc-dropdown-btn {
            background: linear-gradient(180deg, #0a0a0a, #000000);
            border: 1px solid rgba(var(--primary-rgb), 0.4);
            box-shadow: var(--border-glow), 0 10px 30px rgba(0,0,0,0.5);
        }
        [data-theme="dark-accent"] .bytes-bloc-dropdown-btn::after {
            border-top-color: rgb(var(--primary-rgb));
        }

        /* Chevrons & Accent Elements */
        [data-theme="dark-accent"] .bytes-bloc-card .bloc-card-chevron,
        [data-theme="dark-accent"] .bytes-bloc-card .bloc-chevron {
            color: rgba(var(--primary-rgb), 0.8);
            text-shadow: 0 0 8px rgba(var(--primary-rgb), 0.6);
        }

        /* Pills with Neon Accent */
        [data-theme="dark-accent"] .bytes-bloc-card .bloc-pill {
            color: rgba(255,255,255,0.8);
        }
        [data-theme="dark-accent"] .bytes-bloc-card .bloc-open-pill {
            background: rgba(var(--primary-rgb), 0.15);
            border: 1px solid rgba(var(--primary-rgb), 0.5);
            color: rgb(var(--primary-rgb));
            box-shadow: var(--border-glow);
        }

        /* Thumbnails with Sharp Edges */
        [data-theme="dark-accent"] .bytes-bloc-card .bloc-thumb {
            background: #000000;
            border: 1px solid rgba(var(--primary-rgb), 0.3);
            box-shadow: inset 0 0 30px rgba(var(--primary-rgb), 0.1);
        }

        /* Share Icon Glow */
        [data-theme="dark-accent"] .bytes-bloc-card .bloc-share-icon {
            background: var(--surface-color);
            border: 1px solid rgba(var(--primary-rgb), 0.5);
            box-shadow: var(--border-glow);
        }

        /* Owner Badge Cyberpunk Style */
        [data-theme="dark-accent"] .bytes-bloc-card .bloc-owner-badge {
            background: rgba(var(--primary-rgb), 0.2);
            border: 1px solid rgba(var(--primary-rgb), 0.6);
            color: rgb(var(--primary-rgb));
            text-shadow: 0 0 6px rgba(var(--primary-rgb), 0.8);
        }

        /* Accent Bar with Maximum Glow */
        [data-theme="dark-accent"] .bytes-bloc-card .bloc-accent-bar {
            background: linear-gradient(180deg, rgb(var(--primary-rgb)), rgba(var(--primary-rgb), 0.5));
            box-shadow: var(--accent-glow);
            opacity: 1;
        }

        .bytes-bloc-dropdown-panel {
            position: absolute;
            top: calc(100% + 8px);
            left: 0;
            right: 0;
            background: color-mix(in srgb, var(--bg-primary) 88%, var(--text-color) 3%);
            border: 1px solid color-mix(in srgb, var(--text-color) 10%, transparent);
            border-radius: 18px;
            padding: 6px 0;
            box-shadow: 0 18px 44px color-mix(in srgb, var(--text-color) 10%, transparent);
            z-index: 10020;
            opacity: 0;
            transform: translateY(-6px) scale(0.985);
            pointer-events: none;
            visibility: hidden;
            transform-origin: top center;
            transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
            backdrop-filter: blur(22px);
            -webkit-backdrop-filter: blur(22px);
        }
        .bytes-bloc-dropdown-panel::before {
            content: "";
            position: absolute;
            top: -6px;
            left: 26px;
            width: 12px;
            height: 12px;
            transform: rotate(45deg);
            background: inherit;
            border-left: 1px solid color-mix(in srgb, var(--text-color) 10%, transparent);
            border-top: 1px solid color-mix(in srgb, var(--text-color) 10%, transparent);
        }
        .bytes-bloc-dropdown-panel.active {
            opacity: 1;
            transform: translateY(0) scale(1);
            pointer-events: auto;
            visibility: visible;
        }
        .bytes-bloc-dropdown-auto {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            width: calc(100% - 12px);
            padding: 10px 8px;
            border-radius: 12px;
            border: 0;
            border-bottom: 1px solid color-mix(in srgb, var(--text-color) 8%, transparent);
            background: transparent;
            color: var(--text-primary, var(--text-color));
            font-size: 12px;
            font-weight: 850;
            cursor: pointer;
            margin: 0 6px 6px;
            transition: background 0.16s ease, transform 0.16s ease, border-color 0.16s ease;
        }
        .bytes-bloc-dropdown-auto::before {
            content: none;
        }
        .bytes-bloc-dropdown-auto::after {
            content: none;
        }
        .bytes-bloc-auto-icon {
            width: 30px;
            height: 30px;
            border-radius: 11px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            flex: 0 0 30px;
            font-size: 12px;
        }
        .bytes-bloc-auto-meta {
            margin-left: auto;
            min-width: 0;
            color: var(--text-secondary);
            font-size: 10px;
            font-weight: 850;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bytes-bloc-dropdown-auto:hover,
        .bytes-bloc-dropdown-item:hover {
            transform: none;
            border-color: color-mix(in srgb, var(--text-color) 10%, transparent);
            background: color-mix(in srgb, var(--text-color) 5%, transparent);
        }
        .bytes-bloc-dropdown-search {
            width: calc(100% - 12px);
            border-radius: 14px;
            border: 1px solid color-mix(in srgb, var(--text-color) 10%, transparent);
            padding: 11px 12px;
            background: color-mix(in srgb, var(--surface-color, var(--bg-primary)) 88%, var(--text-color) 4%);
            color: var(--text-primary, var(--text-color));
            font-size: 12px;
            outline: none;
            margin: 0 6px 8px;
            transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
        }
        .bytes-bloc-dropdown-list {
            max-height: 220px;
            overflow-y: auto;
            display: grid;
            gap: 0;
            scrollbar-width: none;
        }
        .bytes-bloc-dropdown-list::-webkit-scrollbar {
            display: none;
        }
        .bytes-bloc-dropdown-item {
            display: flex;
            align-items: center;
            gap: 11px;
            padding: 11px 14px;
            border-radius: 0;
            border: 0;
            border-top: 1px solid color-mix(in srgb, var(--text-color) 6%, transparent);
            background: transparent;
            color: var(--text-primary, var(--text-color));
            cursor: pointer;
            font-size: 12px;
            text-align: left;
            transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
            min-width: 0;
            position: relative;
            overflow: hidden;
        }
        .bytes-bloc-dropdown-item::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, color-mix(in srgb, var(--text-color) 7%, transparent), transparent 42%);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.16s ease;
        }
        .bytes-bloc-dropdown-item:hover::before,
        .bytes-bloc-dropdown-item.is-selected::before {
            opacity: 1;
        }
        .bytes-bloc-dropdown-item.is-selected {
            border-color: color-mix(in srgb, var(--text-color) 8%, transparent);
            background: color-mix(in srgb, var(--text-color) 5%, transparent);
        }
        .bytes-bloc-dropdown-item-icon {
            width: 34px;
            height: 34px;
            border-radius: 12px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 34px;
            color: #ffffff;
            font-size: 13px;
            box-shadow: 0 10px 20px color-mix(in srgb, var(--text-color) 10%, transparent);
        }
        .bytes-bloc-dropdown-item-copy {
            min-width: 0;
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 3px;
        }
        .bytes-bloc-dropdown-item-title {
            color: var(--text-primary, var(--text-color));
            font-size: 13px;
            font-weight: 900;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bytes-bloc-dropdown-item .item-meta {
            color: var(--text-secondary);
            font-size: 11px;
            font-weight: 700;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bytes-bloc-dropdown-item-check {
            width: 24px;
            height: 24px;
            border-radius: 999px;
            flex: 0 0 24px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--bg-primary);
            background: var(--text-primary, var(--text-color));
            font-size: 10px;
            opacity: 0;
            transform: scale(0.75);
            transition: opacity 0.16s ease, transform 0.16s ease;
        }
        .bytes-bloc-dropdown-item.is-selected .bytes-bloc-dropdown-item-check {
            opacity: 1;
            transform: scale(1);
        }
        .bytes-bloc-dropdown-empty {
            display: flex;
            align-items: center;
            gap: 10px;
            margin: 0 6px;
            padding: 14px 10px;
            border-radius: 12px;
            background: transparent;
            border: 1px dashed color-mix(in srgb, var(--text-color) 12%, transparent);
            color: var(--text-secondary);
            font-size: 12px;
            font-weight: 700;
        }
        .bytes-bloc-dropdown-empty i {
            width: 30px;
            height: 30px;
            border-radius: 11px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: color-mix(in srgb, var(--text-color) 7%, transparent);
            color: var(--text-secondary);
            flex: 0 0 30px;
        }
        #new-custom-modal .bytes-bloc-dropdown-auto .bytes-bloc-auto-icon,
        #new-custom-modal .bytes-bloc-dropdown-item .bytes-bloc-dropdown-item-icon,
        #new-custom-modal .bytes-bloc-dropdown-btn .bloc-drop-icon {
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
        }

        .bytes-bloc-card .bloc-thumb iframe,
        .bytes-bloc-card .bloc-thumb img {
            width: 100%;
            height: 100%;
            border: 0;
            object-fit: contain;
            object-position: center;
        }
        .bytes-bloc-card .bloc-thumb.has-custom-image img {
            object-fit: cover;
        }
        .bytes-bloc-card .bloc-thumb .bloc-embed-thumb,
        .bytes-bloc-card .bloc-thumb .bloc-embed-thumb iframe,
        .bytes-bloc-card .bloc-thumb .bloc-embed-thumb blockquote {
            width: 100% !important;
            height: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            border: 0 !important;
        }
        .bytes-bloc-card .bloc-thumb .bloc-embed-thumb {
            overflow: hidden;
            display: block;
        }
        .bytes-bloc-card .bloc-thumb iframe {
            pointer-events: auto;
        }
        .bloc-lazy-iframe {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(255,255,255,0.5);
            font-size: 11px;
        }
        .bytes-bloc-card[data-bloc-type="new"] {
            min-height: 0;
        }
        .bytes-bloc-card[data-bloc-type="new"] .bloc-thumb {
            position: relative;
            inset: auto;
            height: auto;
            background:
                radial-gradient(circle at 30% 20%, rgba(var(--primary-rgb),0.32), transparent 38%),
                linear-gradient(135deg, rgba(15,23,42,0.92), rgba(15,23,42,0.72));
            color: #ffffff;
            font-size: 34px;
        }
        .bytes-bloc-card[data-bloc-type="new"] .bloc-thumb > i {
            width: 42px;
            height: 42px;
            border-radius: 14px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(255,255,255,0.12);
            border: 1px solid rgba(255,255,255,0.18);
            box-shadow: 0 18px 34px rgba(0,0,0,0.22);
            font-size: 16px;
        }
        .bytes-bloc-card[data-bloc-type="new"] .bloc-title-row {
            justify-content: space-between;
        }
        .bytes-bloc-card[data-bloc-type="new"] .bloc-meta-row {
            margin-top: 4px;
        }
        @media (max-width: 520px) {
            .bytes-bloc-card {
                flex-basis: 54vw;
                width: 54vw;
                height: clamp(150px, 22dvh, 190px);
            }
            .bytes-bloc-card .bloc-thumb {
                height: auto;
                border-radius: 18px;
            }
        }

        .blocs-split #bytes-bloc-grid {
            max-height: none;
            overflow-y: visible;
        }

        #bytes-bloc-grid {
            display: flex;
            flex-direction: row;
            gap: 10px;
            overflow-x: auto;
            overflow-y: visible;
            scroll-snap-type: x mandatory;
            scroll-padding: 16px;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior-x: contain;
            padding: 4px 21vw 7px;
            margin: 0 -16px;
            scrollbar-width: none;
        }
        #bytes-bloc-grid::-webkit-scrollbar {
            display: none;
        }
        #new-custom-modal.blocs-mode #bytes-bloc-grid.bytes-bloc-grid--simple {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) !important;
            gap: 18px !important;
            overflow: visible !important;
            scroll-snap-type: none !important;
            padding: 18px 18px 122px !important;
            margin: 0 !important;
        }
        #new-custom-modal.blocs-mode #bytes-bloc-grid.bytes-bloc-grid--simple .bytes-bloc-card {
            width: 100% !important;
            flex: none !important;
            height: auto !important;
            min-height: 0 !important;
            transform: none !important;
            opacity: 1 !important;
            filter: none !important;
            scroll-snap-align: none !important;
            border: 0;
            border-radius: 0;
            padding: 0;
            background: transparent;
            box-shadow: none;
            overflow: visible;
        }
        #new-custom-modal.blocs-mode #bytes-bloc-grid.bytes-bloc-grid--simple .bytes-bloc-card::before,
        #new-custom-modal.blocs-mode #bytes-bloc-grid.bytes-bloc-grid--simple .bytes-bloc-card::after,
        #new-custom-modal.blocs-mode #bytes-bloc-grid.bytes-bloc-grid--simple .bytes-bloc-card .bloc-accent,
        #new-custom-modal.blocs-mode #bytes-bloc-grid.bytes-bloc-grid--simple .bytes-bloc-card .bloc-card-chevron,
        #new-custom-modal.blocs-mode #bytes-bloc-grid.bytes-bloc-grid--simple .bytes-bloc-card .bloc-info {
            display: flex !important;
        }
        #new-custom-modal.blocs-mode #bytes-bloc-grid.bytes-bloc-grid--simple .bytes-bloc-card .bloc-thumb {
            display: flex;
            width: 100%;
            aspect-ratio: 16 / 10;
            height: auto;
            min-height: 0;
            flex: none;
            border-radius: 22px;
            padding: 0;
            background-size: cover;
            background-position: center;
            background-color: color-mix(in srgb, var(--surface-color, var(--bg-primary)) 82%, var(--text-color) 8%);
            box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text-color) 8%, transparent);
        }
        #new-custom-modal.blocs-mode #bytes-bloc-grid.bytes-bloc-grid--simple .bytes-bloc-card .bloc-selector-footer {
            position: relative;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
            padding: 12px 2px 0;
            background: transparent;
            color: var(--text-primary, var(--text-color));
            -webkit-text-fill-color: var(--text-primary, var(--text-color));
        }
        #new-custom-modal.blocs-mode #bytes-bloc-grid.bytes-bloc-grid--simple .bytes-bloc-card .bloc-selector-title {
            color: var(--text-primary, var(--text-color));
            -webkit-text-fill-color: var(--text-primary, var(--text-color));
            font-size: 24px;
            font-weight: 950;
            line-height: 1.02;
            letter-spacing: -0.02em;
            text-shadow: none;
        }
        #new-custom-modal.blocs-mode #bytes-bloc-grid.bytes-bloc-grid--simple .bytes-bloc-card .bloc-selector-meta {
            color: var(--text-secondary);
            -webkit-text-fill-color: var(--text-secondary);
            font-size: 10px;
            font-weight: 850;
            letter-spacing: 0.13em;
            line-height: 1.05;
            text-transform: uppercase;
        }
        #new-custom-modal.blocs-mode #bytes-bloc-grid.bytes-bloc-grid--simple .bytes-bloc-card .bloc-card-actions {
            position: static;
            display: flex;
            gap: 8px;
            flex: 0 0 auto;
        }
        #new-custom-modal.blocs-mode #bytes-bloc-grid.bytes-bloc-grid--simple .bytes-bloc-card .bloc-card-action {
            width: 34px;
            height: 34px;
            border-radius: 999px;
            background: rgba(0,0,0,0.42);
            color: #fff;
            -webkit-text-fill-color: #fff;
            border: 1px solid rgba(255,255,255,0.14);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }
        .bytes-bloc-carousel-progress {
            height: 3px;
            width: min(34vw, 128px);
            border-radius: 999px;
            background: rgba(15,23,42,0.12);
            overflow: hidden;
            margin: 6px auto 8px;
            display: none;
        }
        .bytes-bloc-carousel-progress.is-visible {
            display: block;
        }
        .bytes-bloc-carousel-progress-fill {
            height: 100%;
            width: 0%;
            border-radius: inherit;
            background: var(--text-color);
            transition: width 0.12s ease;
        }
        [data-theme="dark"] .bytes-bloc-carousel-progress,
        [data-theme="dark-accent"] .bytes-bloc-carousel-progress {
            background: rgba(255,255,255,0.14);
        }
        [data-theme="dark"] .bytes-bloc-carousel-progress-fill,
        [data-theme="dark-accent"] .bytes-bloc-carousel-progress-fill {
            background: #ffffff;
        }
        .bytes-bloc-active-caption {
            width: min(82vw, 350px);
            min-height: 54px;
            margin: 2px auto 10px;
            display: none !important;
            align-items: center;
            justify-content: flex-start;
            gap: 12px;
            padding: 0 2px;
            border-radius: 0;
            background: transparent;
            border: none;
            box-shadow: none;
            color: var(--text-color);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
        .bytes-bloc-active-caption.is-visible {
            display: none !important;
        }
        .bytes-bloc-active-caption-icon {
            width: 42px;
            height: 42px;
            border-radius: 13px;
            flex: 0 0 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: color-mix(in srgb, var(--text-color) 7%, transparent);
            border: 1px solid color-mix(in srgb, var(--text-color) 10%, transparent);
            color: var(--text-color);
            font-size: 14px;
            overflow: hidden;
        }
        .bytes-bloc-active-caption-icon img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: contain;
            object-position: center;
        }
        .bytes-bloc-active-caption-icon.has-custom-image img {
            object-fit: cover;
        }
        .bytes-bloc-active-caption-copy {
            min-width: 0;
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 4px;
        }
        .bytes-bloc-active-caption-title {
            min-width: 0;
            font-size: 15px;
            font-weight: 900;
            color: var(--text-color);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bytes-bloc-active-caption-meta {
            font-size: 11px;
            font-weight: 800;
            color: var(--text-secondary);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bytes-bloc-active-caption-action {
            flex: 0 0 auto;
            width: 38px;
            height: 38px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            background: var(--text-color);
            color: var(--bg-primary, #ffffff);
            font-size: 13px;
            box-shadow: 0 10px 24px color-mix(in srgb, var(--text-color) 14%, transparent);
        }
        [data-theme="dark"] .bytes-bloc-active-caption,
        [data-theme="dark-accent"] .bytes-bloc-active-caption {
            background: transparent;
            border: none;
            box-shadow: none;
        }
        [data-theme="dark"] .bytes-bloc-active-caption-icon,
        [data-theme="dark-accent"] .bytes-bloc-active-caption-icon {
            background: color-mix(in srgb, #ffffff 8%, transparent);
            border-color: color-mix(in srgb, #ffffff 12%, transparent);
            color: #ffffff;
        }
        [data-theme="dark"] .bytes-bloc-active-caption-action,
        [data-theme="dark-accent"] .bytes-bloc-active-caption-action {
            background: #ffffff;
            color: #000000;
        }
        .bytes-bloc-empty-state {
            flex: 0 0 calc(100vw - 36px);
            min-height: 180px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--text-secondary);
            border: 1px dashed rgba(15,23,42,0.16);
            border-radius: 18px;
            padding: 24px;
            font-size: 13px;
        }
        [data-theme="dark"] .bytes-bloc-empty-state,
        [data-theme="dark-accent"] .bytes-bloc-empty-state {
            border-color: rgba(255,255,255,0.16);
        }

        .bloc-chip-row {
            display: flex;
            gap: 8px;
            overflow-x: auto;
            padding: 6px 18px 12px;
            margin: 0 -18px 2px;
            position: static;
            z-index: auto;
            background: transparent;
            scroll-padding: 18px;
            scrollbar-width: none;
            -webkit-overflow-scrolling: touch;
            pointer-events: auto;
        }
        .bloc-chip-row::-webkit-scrollbar {
            display: none;
        }

        .bloc-search-wrap {
            display: none;
            position: fixed;
            left: 50%;
            bottom: calc(env(safe-area-inset-bottom, 0px) + 18px);
            transform: translateX(-50%);
            z-index: 100010;
            width: min(68vw, 280px);
            height: 34px;
            margin: 0;
            pointer-events: auto;
        }
        .bloc-search-wrap.is-visible {
            display: none;
        }
        #modal-content-blocs {
            position: relative;
            padding: 0 !important;
            overflow: visible;
            background: transparent;
        }
        .bytes-bloc-fixed-stage {
            position: relative;
            z-index: 1;
            padding: 0;
            background: transparent;
        }
        .bytes-bloc-scroll-body {
            position: relative;
            overflow-y: visible;
            overflow-x: hidden;
            padding: 0;
        }
        .bytes-bloc-scroll-body.is-swapping .bytes-bloc-inline-panel {
            animation: blocBytesSwap 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
        }
        @keyframes blocBytesSwap {
            from {
                opacity: 0;
                transform: translateY(8px);
                filter: saturate(0.9);
            }
            to {
                opacity: 1;
                transform: translateY(0);
                filter: saturate(1);
            }
        }
        #new-custom-modal.blocs-mode #bytes-modal-scroll {
            overflow: hidden !important;
        }
        #new-custom-modal.blocs-mode #modal-content-wrapper {
            height: 100%;
            min-height: 0;
            box-sizing: border-box;
            padding: 0 !important;
        }
        #new-custom-modal.blocs-mode #modal-content-blocs {
            display: flex !important;
            flex-direction: column;
            height: 100%;
            min-height: 0;
            overflow: hidden;
        }
        #new-custom-modal.blocs-mode .bytes-bloc-fixed-stage {
            flex: 0 0 auto;
            padding: 0 !important;
            margin: 0 !important;
        }
        #new-custom-modal.blocs-mode .bytes-bloc-scroll-body {
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 0 !important;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior-y: contain;
        }
        #new-custom-modal.blocs-mode #bytes-bloc-grid {
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            scroll-padding-left: 0 !important;
            scroll-padding-right: 0 !important;
        }
        #new-custom-modal.blocs-mode .bloc-chip-row {
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            scroll-padding-left: 0 !important;
            scroll-padding-right: 0 !important;
        }
        #new-custom-modal.blocs-mode .bytes-bloc-inline-panel {
            width: 100vw;
            max-width: 100vw;
            margin-left: calc(50% - 50vw);
            margin-right: calc(50% - 50vw);
        }
        #bloc-search-input {
            width: 100%;
            height: 34px;
            background: color-mix(in srgb, var(--bg-primary, #ffffff) 94%, var(--text-color) 3%);
            border: 1px solid color-mix(in srgb, var(--text-color) 8%, transparent);
            border-radius: 999px;
            margin: 0;
            padding: 0 50px 0 30px;
            box-shadow: none;
            color: var(--text-primary, var(--text-color));
            -webkit-text-fill-color: var(--text-primary, var(--text-color));
            caret-color: var(--text-primary, var(--text-color));
            font-size: 11px;
            font-weight: 750;
            outline: none;
            background-image: none;
            appearance: none;
            -webkit-appearance: none;
            position: relative;
            text-align: left;
        }
        #bloc-search-input:focus {
            outline: none;
            border-color: color-mix(in srgb, var(--text-color) 22%, transparent);
            box-shadow: 0 6px 14px color-mix(in srgb, var(--text-color) 6%, transparent);
        }
        #bloc-search-input::placeholder {
            color: var(--text-secondary);
            -webkit-text-fill-color: var(--text-secondary);
        }
        .bloc-search-icon {
            position: absolute;
            left: 11px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--text-secondary);
            font-size: 10px;
            pointer-events: none;
            z-index: 1;
        }
        .bloc-search-count {
            position: absolute;
            right: 5px;
            top: 50%;
            transform: translateY(-50%);
            min-width: 34px;
            height: 24px;
            padding: 0 8px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: color-mix(in srgb, var(--primary-color, var(--accent-color)) 13%, transparent);
            border: 1px solid color-mix(in srgb, var(--primary-color, var(--accent-color)) 26%, transparent);
            color: var(--primary-color, var(--accent-color));
            -webkit-text-fill-color: var(--primary-color, var(--accent-color));
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.02em;
            pointer-events: none;
            z-index: 1;
        }
        .bloc-search-wrap input::placeholder {
            color: var(--text-secondary);
        }
        html[data-theme="light"] #bloc-search-input,
        html[data-theme="light-accent"] #bloc-search-input {
            background: #f4f4f5;
            color: var(--text-primary, #0f172a) !important;
            -webkit-text-fill-color: var(--text-primary, #0f172a) !important;
            border-color: rgba(15,23,42,0.08);
            caret-color: var(--text-primary, #0f172a);
        }
        html[data-theme="light"] #bloc-search-input::placeholder,
        html[data-theme="light-accent"] #bloc-search-input::placeholder {
            color: #6b7280;
            -webkit-text-fill-color: #6b7280;
        }
        html[data-theme="dark"] #bloc-search-input,
        html[data-theme="dark-accent"] #bloc-search-input {
            background: rgba(255,255,255,0.09);
            color: var(--text-primary, #ffffff) !important;
            -webkit-text-fill-color: var(--text-primary, #ffffff) !important;
            border-color: rgba(255,255,255,0.12);
            caret-color: var(--text-primary, #ffffff);
        }
        html[data-theme="dark"] #bloc-search-input::placeholder,
        html[data-theme="dark-accent"] #bloc-search-input::placeholder {
            color: rgba(255,255,255,0.56);
            -webkit-text-fill-color: rgba(255,255,255,0.56);
        }

        .bloc-fullscreen-overlay {
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: calc(64px + env(safe-area-inset-bottom, 0px));
            z-index: 120000;
            display: none;
            background: var(--bg-primary);
        }
        .bloc-fullscreen-shell {
            position: absolute;
            inset: 0;
            background: var(--bg-primary);
            display: flex;
            flex-direction: column;
            padding: 0;
            min-height: 0;
        }
        .bloc-fullscreen-panel {
            flex: 1;
            background: transparent;
            border-radius: 0;
            overflow: visible;
            box-shadow: none;
            display: flex;
            flex-direction: column;
            border: none;
            min-height: 0;
        }
        .bloc-fullscreen-overlay.is-opening .bloc-fullscreen-panel {
            animation: blocListSheetUp 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
        }
        @keyframes blocListSheetUp {
            from {
                opacity: 0;
                transform: translateY(22px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .bloc-fullscreen-header {
            background: color-mix(in srgb, var(--bg-primary) 90%, transparent);
            padding: calc(12px + env(safe-area-inset-top)) 14px 14px;
            display: grid;
            grid-template-columns: 38px 1fr 38px;
            gap: 10px;
            align-items: center;
            border-bottom: 1px solid color-mix(in srgb, var(--text-color) 8%, transparent);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            position: sticky;
            top: 0;
            z-index: 5;
        }
        .bloc-fullscreen-close-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            height: 34px;
            border-radius: 999px;
            background: color-mix(in srgb, var(--text-color) 7%, transparent);
            border: 1px solid color-mix(in srgb, var(--text-color) 10%, transparent);
            box-shadow: none;
            color: var(--text-primary);
            font-size: 14px;
        }
        .bloc-fullscreen-guest-bell {
            display: none;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            border-radius: 6px;
            background: transparent;
            border: none;
            box-shadow: none;
            color: inherit;
        }
        .guest-bloc-view .bloc-fullscreen-close-btn {
            display: none !important;
        }
        .guest-bloc-view .bloc-fullscreen-guest-bell {
            display: inline-flex !important;
        }
        .guest-bloc-view #arena-grid,
        .guest-bloc-view #bytes-main-area,
        .guest-bloc-view #virtual-main-area,
        .guest-bloc-view #mobile-bytes-upload-btn,
        .guest-bloc-view #community-drawer,
        .guest-bloc-view #mobile-community-panel {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
            pointer-events: none !important;
        }
        .bloc-fullscreen-header-center {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            gap: 7px;
            min-width: 0;
            width: 100%;
            padding: 0 2px;
            box-sizing: border-box;
        }
        .bloc-fullscreen-avatar {
            width: 42px;
            height: 42px;
            border-radius: 13px;
            background:
                radial-gradient(circle at 30% 20%, rgba(var(--primary-rgb),0.26), transparent 56%),
                color-mix(in srgb, var(--text-color) 7%, transparent);
            border: 1px solid color-mix(in srgb, var(--text-color) 10%, transparent);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-secondary);
            font-weight: 700;
            font-size: 14px;
            overflow: hidden;
            flex-shrink: 0;
        }
        .bloc-fullscreen-title-stack {
            min-width: 0;
            width: 100%;
            max-width: min(100%, 240px);
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 2px;
        }
        .bloc-fullscreen-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .bloc-fullscreen-name {
            font-size: 10px;
            font-weight: 900;
            color: var(--text-secondary);
            letter-spacing: 0.08em;
            text-transform: uppercase;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bloc-fullscreen-title {
            font-size: 18px;
            line-height: 1.1;
            font-weight: 900;
            color: var(--text-primary);
            width: 100%;
            max-width: 100%;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bloc-fullscreen-action-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            height: 34px;
            border-radius: 999px;
            background: color-mix(in srgb, var(--text-color) 7%, transparent);
            border: 1px solid color-mix(in srgb, var(--text-color) 10%, transparent);
            color: var(--text-primary);
            cursor: pointer;
        }
        .bloc-fullscreen-actions {
            justify-self: end;
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
            gap: 6px;
        }
        .bloc-fullscreen-subtitle {
            font-size: 11px;
            color: var(--text-secondary);
        }
        .bloc-fullscreen-content {
            flex: 1;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 14px 16px 24px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            background: transparent;
            scroll-snap-type: none;
            -webkit-overflow-scrolling: touch;
            min-height: 0;
            color: var(--text-primary);
        }
        .bloc-fullscreen-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 10px;
            width: 100%;
            min-width: 0;
            overflow-x: hidden;
        }
        .bloc-fullscreen-add-byte {
            position: fixed;
            right: 18px;
            bottom: calc(82px + env(safe-area-inset-bottom, 0px));
            width: 52px;
            height: 52px;
            border-radius: 999px;
            border: 1px solid color-mix(in srgb, var(--text-color) 10%, transparent);
            background: var(--bg-primary, #ffffff);
            color: var(--text-primary, var(--text-color));
            display: none;
            align-items: center;
            justify-content: center;
            padding: 0;
            font-size: 16px;
            font-weight: 900;
            box-shadow: 0 14px 32px color-mix(in srgb, var(--text-color) 14%, transparent);
            z-index: 8;
            cursor: pointer;
        }
        .bloc-fullscreen-add-byte i {
            color: var(--primary-color, #ef4444) !important;
        }
        .bloc-fullscreen-add-byte span {
            display: none;
        }
        .bloc-fullscreen-add-byte.is-visible {
            display: inline-flex;
        }
        [data-theme="light"] .bloc-fullscreen-add-byte,
        [data-theme="light-accent"] .bloc-fullscreen-add-byte {
            background: #ffffff;
            color: var(--primary-color, #ef4444);
            border-color: rgba(15,23,42,0.10);
            box-shadow: 0 14px 30px rgba(15,23,42,0.14);
        }
        [data-theme="light"] .bloc-fullscreen-add-byte i,
        [data-theme="light-accent"] .bloc-fullscreen-add-byte i {
            color: var(--primary-color, #ef4444) !important;
        }
        [data-theme="dark"] .bloc-fullscreen-add-byte,
        [data-theme="dark-accent"] .bloc-fullscreen-add-byte {
            background: rgba(255,255,255,0.12);
            color: #ffffff;
            border-color: rgba(255,255,255,0.16);
            box-shadow: 0 16px 34px rgba(0,0,0,0.34);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }
        [data-theme="dark"] .bloc-fullscreen-add-byte i,
        [data-theme="dark-accent"] .bloc-fullscreen-add-byte i {
            color: #ffffff !important;
        }
        .bloc-fullscreen-card {
            background: transparent !important;
            border-radius: 0 !important;
            padding: 0 0 12px !important;
            box-shadow: none !important;
            border: none !important;
            border-bottom: 1px solid color-mix(in srgb, var(--text-color) 9%, transparent) !important;
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            gap: 12px !important;
            scroll-snap-align: start;
        }
        .bloc-fullscreen-card > div:first-child {
            width: 92px !important;
            height: 112px !important;
            padding-top: 0 !important;
            border-radius: 16px !important;
            overflow: hidden !important;
            position: relative !important;
            flex: 0 0 92px !important;
            background: color-mix(in srgb, var(--text-color) 6%, transparent) !important;
            border: 1px solid color-mix(in srgb, var(--text-color) 9%, transparent) !important;
        }
        .bloc-fullscreen-card > div:first-child * {
            position: absolute !important;
            inset: 0 !important;
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
        }
        .bloc-fullscreen-card > div:first-child .bloc-note-thumb,
        .bloc-fullscreen-card > div:first-child .bloc-note-thumb * {
            position: static !important;
            inset: auto !important;
            width: auto !important;
            height: auto !important;
            object-fit: unset !important;
        }
        .bloc-fullscreen-card > div:first-child .bloc-note-thumb {
            width: 100% !important;
            height: 100% !important;
            padding: 12px !important;
            box-sizing: border-box !important;
            overflow: hidden !important;
            border-radius: 12px !important;
            background: var(--surface-background-color, var(--bg-secondary)) !important;
            color: var(--text-primary) !important;
        }
        .bloc-fullscreen-card > div:first-child .bloc-note-thumb p {
            margin: 0 !important;
            font-size: 13px !important;
            line-height: 1.4 !important;
            font-weight: 700 !important;
            white-space: pre-wrap !important;
            word-break: break-word !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 6 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
        }
        .bloc-fullscreen-card.notes-card > div:first-child {
            height: 112px !important;
            padding-top: 0 !important;
            position: relative !important;
        }
        .bloc-fullscreen-card.notes-card > div:first-child * {
            position: static !important;
            inset: auto !important;
            width: auto !important;
            height: auto !important;
            object-fit: unset !important;
        }
        .bloc-fullscreen-card.notes-card .bloc-note-preview {
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .bytes-note-card {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            padding: 14px;
            box-sizing: border-box;
            background: var(--surface-background-color, var(--bg-primary));
            color: var(--text-primary);
            overflow: hidden;
        }
        .bytes-note-card-inner {
            width: 100%;
            height: 100%;
            border-radius: 12px;
            background: var(--card-bg, var(--bg-secondary));
            border: 1px solid var(--border-color);
            padding: 12px;
            box-sizing: border-box;
            font-size: 17px;
            line-height: 1.5;
            font-weight: 700;
            color: var(--text-primary);
            white-space: pre-wrap;
            word-break: break-word;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior: contain;
            touch-action: pan-y;
            pointer-events: auto;
        }
        .bloc-fullscreen-card > div:first-child .bloc-note-thumb {
            background: var(--card-bg, var(--bg-secondary)) !important;
            color: var(--text-primary) !important;
            border: 1px solid var(--border-color) !important;
        }
        .bloc-fullscreen-card .bloc-thumb {
            height: 100%;
            border-radius: 16px;
        }
        .bloc-fullscreen-shell {
            background: var(--bg-primary);
        }

        .bloc-card-wrapper {
            background: transparent;
            border: none;
            border-radius: 0;
            padding: 0;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 12px;
            cursor: pointer;
        }
        .bloc-card-wrapper.media-card {
            padding: 0 0 12px;
            flex-direction: row;
            align-items: center;
            gap: 12px;
        }
        .bloc-card-preview {
            background: var(--surface-background-color, var(--bg-secondary));
            border: 1px solid var(--border-color);
            border-radius: 14px;
            padding: 12px 14px;
            color: var(--text-color);
            font-size: 13px;
            line-height: 1.6;
            white-space: pre-wrap;
            word-break: break-word;
        }
        .bloc-card-media-preview {
            width: 92px;
            height: 112px;
            border-radius: 16px;
            overflow: hidden;
            flex-shrink: 0;
            background: var(--surface-background-color, var(--bg-secondary));
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--border-color);
        }
        .bloc-card-media-preview i {
            color: var(--text-secondary);
        }
        .bloc-card-metadata {
            font-size: 10px;
            color: var(--text-secondary);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bloc-card-title {
            font-size: 14px;
            color: var(--text-primary);
            font-weight: 900;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bloc-byte-platform-chip {
            width: 26px;
            height: 26px;
            border-radius: 9px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 26px;
            color: #ffffff;
            font-size: 12px;
            box-shadow: 0 8px 18px color-mix(in srgb, currentColor 14%, transparent);
        }
        .bloc-byte-platform-chip i {
            color: #ffffff !important;
        }
        .bloc-card-delete-btn {
            width: 32px;
            height: 32px;
            border-radius: 999px;
            background: color-mix(in srgb, var(--text-color) 6%, transparent);
            border: 1px solid color-mix(in srgb, var(--text-color) 9%, transparent);
            color: var(--text-secondary);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
        .bloc-card-delete-btn:hover {
            background: var(--hover-bg);
        }
        .bloc-empty-state {
            color: var(--text-secondary);
            font-size: 13px;
            min-height: 42vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .bytes-bloc-inline-panel {
            --active-bloc-accent: var(--primary-color, var(--accent-color));
            display: none;
            width: 100%;
            max-width: 100%;
            margin: 0 auto 0;
            padding: 0;
            overflow-x: hidden;
            color: var(--text-primary);
            position: relative;
            isolation: isolate;
        }
        .bytes-bloc-inline-panel::before {
            content: "";
            position: absolute;
            left: 50%;
            top: -18px;
            width: min(96vw, 440px);
            height: 150px;
            transform: translateX(-50%);
            background: radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--active-bloc-accent) 12%, transparent), transparent 68%);
            pointer-events: none;
            z-index: -1;
        }
        .bytes-bloc-inline-panel.is-visible {
            display: block;
            animation: blocInlineRise 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
        }
        .bytes-bloc-inline-panel.is-switching {
            animation: blocInlineSwitch 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
        }
        .bytes-bloc-inline-panel.is-refresh-overlay::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 8;
            pointer-events: none;
            background:
                linear-gradient(90deg, transparent, color-mix(in srgb, var(--active-bloc-accent) 10%, transparent), transparent),
                linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg-primary, #fff) 18%, transparent) 100%);
            background-size: 220% 100%, 100% 100%;
            animation: blocRefreshOverlay 0.86s ease-in-out infinite;
        }
        @keyframes blocRefreshOverlay {
            from { background-position: 120% 0, 0 0; }
            to { background-position: -120% 0, 0 0; }
        }
        @keyframes blocInlineRise {
            from { opacity: 0; transform: translateY(12px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes blocInlineSwitch {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes blocActiveBloom {
            0% { box-shadow: 0 18px 42px color-mix(in srgb, var(--active-bloc-accent) 0%, transparent); }
            45% { box-shadow: 0 34px 82px color-mix(in srgb, var(--active-bloc-accent) 30%, transparent); }
            100% { box-shadow:
                0 34px 90px color-mix(in srgb, var(--text-color) 25%, transparent),
                0 12px 34px color-mix(in srgb, var(--active-bloc-accent) 20%, transparent);
            }
        }
        .bytes-bloc-card.is-active.bloc-active-bloom {
            animation: blocActiveBloom 260ms cubic-bezier(0.2, 0.8, 0.2, 1);
        }
        .bytes-bloc-inline-header {
            position: relative;
            top: auto;
            z-index: 3;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 8px;
            min-width: 0;
            padding: 4px 0;
            background: transparent;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
        .bytes-bloc-inline-title-wrap {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
            flex: 1;
        }
        .bytes-bloc-inline-icon {
            width: 38px;
            height: 38px;
            border-radius: 13px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 38px;
            background: transparent;
            border: none;
            color: var(--text-primary);
            overflow: hidden;
        }
        .bytes-bloc-inline-icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .bytes-bloc-inline-copy {
            min-width: 0;
            display: flex;
            flex-direction: column;
            gap: 3px;
        }
        .bytes-bloc-inline-title {
            font-size: 16px;
            line-height: 1.1;
            font-weight: 900;
            color: var(--text-primary);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bytes-bloc-inline-meta {
            font-size: 11px;
            font-weight: 800;
            color: var(--text-secondary);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bytes-bloc-inline-actions {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            flex-shrink: 0;
        }
        .bytes-bloc-inline-action {
            width: 34px;
            height: 34px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid color-mix(in srgb, var(--text-color) 8%, transparent);
            background: color-mix(in srgb, var(--surface-color, var(--bg-primary)) 80%, transparent);
            color: var(--text-secondary);
            cursor: pointer;
            box-shadow: 0 8px 18px color-mix(in srgb, var(--text-color) 7%, transparent);
            transition: transform 0.16s ease, color 0.16s ease, background 0.16s ease, border-color 0.16s ease;
            -webkit-tap-highlight-color: transparent;
        }
        .bytes-bloc-inline-action i {
            color: currentColor !important;
            -webkit-text-fill-color: currentColor !important;
            font-size: 11px;
        }
        .bytes-bloc-inline-action:hover {
            color: var(--text-primary);
            border-color: color-mix(in srgb, var(--text-color) 14%, transparent);
            background: color-mix(in srgb, var(--surface-color, var(--bg-primary)) 92%, transparent);
        }
        .bytes-bloc-inline-action:active {
            transform: scale(0.94);
        }
        .bytes-bloc-inline-action.is-primary {
            background: var(--active-bloc-accent, var(--primary-color, var(--accent-color)));
            border-color: transparent;
            color: #ffffff;
            box-shadow: 0 12px 26px color-mix(in srgb, var(--active-bloc-accent, var(--primary-color, var(--accent-color))) 22%, transparent);
        }
        #new-custom-modal .bytes-bloc-inline-action.is-primary,
        #new-custom-modal .bytes-bloc-inline-action.is-primary i,
        #new-custom-modal .bytes-bloc-inline-badge,
        #new-custom-modal .bytes-bloc-inline-badge i {
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
        }
        .bytes-bloc-inline-grid {
            display: flex;
            flex-direction: column;
            gap: 18px;
            width: 100%;
            min-width: 0;
            overflow-x: hidden;
        }
        .bytes-bloc-inline-card {
            width: 100%;
            min-width: 0;
            border: none;
            background: transparent;
            color: var(--text-primary);
            padding: 0;
            text-align: left;
            cursor: pointer;
            overflow: hidden;
            transition: transform 0.16s ease, opacity 0.16s ease, filter 0.16s ease;
            -webkit-tap-highlight-color: transparent;
        }
        .bytes-bloc-inline-card:active {
            transform: scale(0.992);
            filter: brightness(0.96);
        }
        .bytes-bloc-inline-thumb {
            position: relative;
            width: 100%;
            height: clamp(300px, 48dvh, 430px);
            aspect-ratio: auto;
            border-radius: 18px;
            overflow: hidden;
            background: transparent;
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-secondary);
            isolation: isolate;
        }
        .bytes-bloc-inline-thumb > *,
        .bytes-bloc-inline-thumb iframe,
        .bytes-bloc-inline-thumb img,
        .bytes-bloc-inline-thumb video {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            border: 0 !important;
        }
        .bytes-bloc-inline-thumb .bloc-note-thumb {
            width: 100% !important;
            height: 100% !important;
            padding: 22px !important;
            box-sizing: border-box !important;
            background: transparent !important;
            color: var(--text-primary) !important;
            overflow: hidden !important;
        }
        .bytes-bloc-inline-thumb .bloc-note-thumb p {
            margin: 0 !important;
            font-size: 18px !important;
            line-height: 1.45 !important;
            font-weight: 800 !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 10 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
        }
        .bytes-bloc-inline-thumb iframe,
        .bytes-bloc-inline-thumb video,
        .bytes-bloc-inline-thumb audio,
        .bytes-bloc-inline-thumb .bloc-lazy-iframe,
        .bloc-card-media-preview iframe,
        .bloc-card-media-preview video,
        .bloc-card-media-preview audio,
        .bloc-card-media-preview .bloc-lazy-iframe {
            pointer-events: auto !important;
        }
        .bytes-bloc-inline-thumb a:not(.bloc-lazy-iframe),
        .bloc-card-media-preview a:not(.bloc-lazy-iframe) {
            pointer-events: none !important;
        }
        .bytes-bloc-inline-card-meta {
            display: flex;
            align-items: center;
            gap: 7px;
            min-width: 0;
            padding: 8px 0 0;
        }
        .bytes-bloc-inline-badge {
            width: 24px;
            height: 24px;
            border-radius: 8px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 24px;
            color: #ffffff;
            font-size: 11px;
        }
        .bytes-bloc-inline-badge i {
            color: #ffffff !important;
        }
        .bytes-bloc-inline-card-copy {
            min-width: 0;
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 2px;
        }
        .bytes-bloc-inline-card-title {
            font-size: 14px;
            line-height: 1.2;
            font-weight: 900;
            color: var(--text-primary);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bytes-bloc-inline-card-subtitle {
            font-size: 11px;
            font-weight: 700;
            color: var(--text-secondary);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bytes-bloc-inline-card-actions {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            flex: 0 0 auto;
        }
        .bytes-bloc-inline-byte-action {
            width: 28px;
            height: 28px;
            border-radius: 999px;
            border: 1px solid color-mix(in srgb, var(--text-color) 6%, transparent);
            background: transparent;
            color: var(--text-secondary);
            -webkit-text-fill-color: var(--text-secondary);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            flex: 0 0 28px;
            box-shadow: none;
            transition: transform 0.16s ease, color 0.16s ease, background 0.16s ease, border-color 0.16s ease;
            -webkit-tap-highlight-color: transparent;
        }
        .bytes-bloc-inline-byte-action i {
            color: currentColor !important;
            -webkit-text-fill-color: currentColor !important;
            font-size: 10px;
        }
        .bytes-bloc-inline-byte-action:hover {
            color: var(--active-bloc-accent, var(--primary-color, var(--accent-color)));
            -webkit-text-fill-color: var(--active-bloc-accent, var(--primary-color, var(--accent-color)));
            border-color: color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 28%, transparent);
            background: color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 9%, transparent);
        }
        .bytes-bloc-inline-byte-action.is-delete:hover {
            color: #ef4444;
            -webkit-text-fill-color: #ef4444;
            border-color: color-mix(in srgb, #ef4444 28%, transparent);
            background: color-mix(in srgb, #ef4444 9%, transparent);
        }
        .bytes-bloc-inline-byte-action:active {
            transform: scale(0.94);
        }
        .bytes-bloc-inline-card.is-new-byte-pulse {
            animation: blocNewBytePulse 760ms cubic-bezier(0.2, 0.9, 0.2, 1);
        }
        .bytes-bloc-inline-panel.is-refreshing .bytes-bloc-inline-skeleton-media,
        .bytes-bloc-inline-panel.is-refreshing .bytes-bloc-inline-skeleton-line {
            animation-duration: 0.86s;
        }
        .bytes-bloc-inline-panel.is-refreshing .bytes-bloc-inline-skeleton-media {
            box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 14%, transparent);
        }
        @keyframes blocNewBytePulse {
            0% {
                transform: translateY(8px) scale(0.985);
                filter: saturate(1);
                box-shadow: 0 0 0 color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 0%, transparent);
            }
            36% {
                transform: translateY(-2px) scale(1.01);
                filter: saturate(1.16);
                box-shadow: 0 18px 44px color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 24%, transparent);
            }
            100% {
                transform: translateY(0) scale(1);
                filter: saturate(1);
                box-shadow: 0 0 0 color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 0%, transparent);
            }
        }
        .bytes-bloc-inline-skeleton {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .bytes-bloc-inline-skeleton-media {
            height: clamp(300px, 48dvh, 430px);
            border-radius: 18px;
            background:
                linear-gradient(90deg, transparent, color-mix(in srgb, var(--active-bloc-accent) 14%, transparent), transparent),
                color-mix(in srgb, var(--text-color) 5%, transparent);
            background-size: 220% 100%, 100% 100%;
            animation: blocInlineSkeleton 1.15s ease-in-out infinite;
        }
        .bytes-bloc-inline-skeleton-line {
            width: 48%;
            height: 12px;
            border-radius: 999px;
            background: color-mix(in srgb, var(--text-color) 8%, transparent);
        }
        @keyframes blocInlineSkeleton {
            from { background-position: 120% 0, 0 0; }
            to { background-position: -120% 0, 0 0; }
        }
        .bytes-bloc-inline-empty,
        .bytes-bloc-inline-loading {
            min-height: 150px;
            border: none;
            border-radius: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--text-secondary);
            font-size: 13px;
            font-weight: 800;
            padding: 22px;
        }
        .bytes-bloc-inline-empty.is-empty-bloc {
            min-height: clamp(260px, 42dvh, 380px);
            flex-direction: column;
            gap: 10px;
            padding: 28px 16px;
        }
        .bytes-bloc-empty-card {
            min-height: 210px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 12px;
            text-align: center;
            color: var(--text-secondary);
            padding: 28px 16px;
        }
        .bytes-bloc-empty-icon {
            width: 46px;
            height: 46px;
            border-radius: 16px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 12%, transparent);
            color: var(--active-bloc-accent, var(--primary-color));
            font-size: 18px;
        }
        .bytes-bloc-empty-title {
            color: var(--text-primary);
            font-size: 15px;
            font-weight: 950;
        }
        .bytes-bloc-empty-copy {
            max-width: 230px;
            font-size: 12px;
            font-weight: 750;
            line-height: 1.35;
        }
        .bytes-bloc-empty-add {
            min-height: 34px;
            padding: 0 13px;
            border-radius: 999px;
            border: 1px solid color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 24%, transparent);
            background: color-mix(in srgb, var(--surface-color, var(--bg-primary)) 88%, var(--active-bloc-accent, var(--primary-color)) 10%);
            color: var(--active-bloc-accent, var(--primary-color));
            -webkit-text-fill-color: var(--active-bloc-accent, var(--primary-color));
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            font-size: 11px;
            font-weight: 900;
            cursor: pointer;
            box-shadow: 0 10px 24px color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 12%, transparent);
            transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
        }
        .bytes-bloc-empty-add i {
            color: currentColor !important;
            -webkit-text-fill-color: currentColor !important;
            font-size: 10px;
        }
        .bytes-bloc-empty-add:hover {
            transform: translateY(-1px);
            filter: saturate(1.08);
            border-color: color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 34%, transparent);
            background: color-mix(in srgb, var(--surface-color, var(--bg-primary)) 82%, var(--active-bloc-accent, var(--primary-color)) 14%);
            box-shadow: 0 14px 30px color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 16%, transparent);
        }
        [data-theme="dark"] .bytes-bloc-empty-add,
        [data-theme="dark-accent"] .bytes-bloc-empty-add {
            color: var(--text-primary) !important;
            -webkit-text-fill-color: var(--text-primary) !important;
            border-color: color-mix(in srgb, var(--text-primary) 14%, transparent);
            background: color-mix(in srgb, var(--surface-color, var(--bg-primary)) 88%, var(--text-primary) 6%);
            box-shadow: 0 10px 24px color-mix(in srgb, var(--text-primary) 8%, transparent);
        }
        [data-theme="dark"] .bytes-bloc-empty-add:hover,
        [data-theme="dark-accent"] .bytes-bloc-empty-add:hover {
            border-color: color-mix(in srgb, var(--text-primary) 20%, transparent);
            background: color-mix(in srgb, var(--surface-color, var(--bg-primary)) 82%, var(--text-primary) 9%);
            box-shadow: 0 14px 30px color-mix(in srgb, var(--text-primary) 10%, transparent);
        }
        .bytes-bloc-empty-add:active {
            transform: scale(0.97);
        }
        .bytes-bloc-inline-lock-card {
            --bucks-gate-action: var(--active-bloc-accent, var(--primary-color, var(--accent-color)));
            min-height: clamp(330px, 54dvh, 500px);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            gap: 0;
            text-align: center;
            padding: 18px 18px 28px;
            color: var(--text-secondary);
            overflow: hidden;
            position: relative;
        }
        .bytes-bloc-inline-lock-card::before {
            content: none;
        }
        .bytes-bloc-inline-gate-head {
            width: min(360px, 90vw);
            display: grid;
            grid-template-columns: 46px minmax(0, 1fr) auto;
            align-items: center;
            gap: 12px;
            text-align: left;
            margin: 6px auto 28px;
        }
        .bytes-bloc-inline-lock-icon {
            position: relative;
            width: 46px;
            height: 46px;
            border-radius: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: transparent;
            color: var(--bucks-gate-action);
            border: 0;
            font-size: 16px;
            box-shadow: none;
        }
        .bytes-bloc-inline-lock-title {
            position: relative;
            color: var(--text-primary, var(--text-color));
            font-size: 20px;
            line-height: 1;
            font-weight: 950;
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .bytes-bloc-inline-gate-kicker {
            color: var(--text-secondary);
            -webkit-text-fill-color: var(--text-secondary);
            font-size: 10px;
            line-height: 1;
            font-weight: 950;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            margin-bottom: 5px;
        }
        .bytes-bloc-inline-gate-price {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            min-height: 34px;
            padding: 0;
            border-radius: 0;
            background: transparent;
            border: 0;
            color: var(--text-primary, var(--text-color));
            font-size: 11px;
            font-weight: 950;
            white-space: nowrap;
        }
        .bytes-bloc-inline-gate-auth {
            position: relative;
            width: min(360px, 90vw);
            display: flex;
            flex-direction: column;
            gap: 14px;
            margin-top: 0;
            padding-top: 0;
        }
        .bytes-bloc-inline-gate-fields {
            display: grid;
            grid-template-columns: 1fr;
            gap: 0;
            width: 100%;
            border-top: 0;
            border-bottom: 0;
        }
        .bytes-bloc-inline-gate-field {
            display: grid;
            grid-template-columns: 48px minmax(0, 1fr);
            align-items: center;
            gap: 16px;
            width: 100%;
            min-height: 56px;
            border-bottom: 0;
            background: transparent !important;
            box-shadow: none !important;
            position: relative;
        }
        .bytes-bloc-inline-gate-field::after {
            content: "";
            position: absolute;
            left: 64px;
            right: 0;
            bottom: 7px;
            height: 1px;
            border-radius: 999px;
            background: color-mix(in srgb, var(--bucks-gate-action) 38%, transparent);
        }
        .bytes-bloc-inline-gate-field:last-child {
            border-bottom: 0;
        }
        .bytes-bloc-inline-gate-label {
            color: var(--text-secondary);
            -webkit-text-fill-color: var(--text-secondary);
            font-size: 10px;
            line-height: 1;
            font-weight: 950;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }
        #new-custom-modal .bytes-bloc-inline-gate-input,
        .bytes-bloc-inline-gate-input {
            width: 100% !important;
            height: 56px !important;
            min-height: 56px !important;
            padding: 0 !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: var(--bg-primary, #fff) !important;
            background-color: var(--bg-primary, #fff) !important;
            background-image: none !important;
            box-shadow: 0 0 0 1000px var(--bg-primary, #fff) inset !important;
            color: var(--text-primary, var(--text-color)) !important;
            -webkit-text-fill-color: var(--text-primary, var(--text-color)) !important;
            caret-color: var(--bucks-gate-action) !important;
            font-size: 16px !important;
            line-height: 1 !important;
            font-weight: 900 !important;
            outline: none !important;
            appearance: none !important;
            -webkit-appearance: none !important;
            color-scheme: light !important;
        }
        .bytes-bloc-inline-gate-input[contenteditable="true"] {
            display: flex !important;
            align-items: center;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            user-select: text;
            -webkit-user-select: text;
        }
        .bytes-bloc-inline-gate-input[contenteditable="true"]:empty::before {
            content: attr(data-placeholder);
            color: color-mix(in srgb, var(--text-secondary) 74%, transparent);
            -webkit-text-fill-color: color-mix(in srgb, var(--text-secondary) 74%, transparent);
        }
        .bytes-bloc-inline-gate-input[data-inline-bucks-pin][contenteditable="true"] {
            -webkit-text-security: disc;
            text-security: disc;
        }
        #new-custom-modal .bytes-bloc-inline-gate-input:-webkit-autofill,
        #new-custom-modal .bytes-bloc-inline-gate-input:-webkit-autofill:hover,
        #new-custom-modal .bytes-bloc-inline-gate-input:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0 1000px color-mix(in srgb, var(--surface-color, var(--bg-primary)) 96%, transparent) inset !important;
            box-shadow: 0 0 0 1000px color-mix(in srgb, var(--surface-color, var(--bg-primary)) 96%, transparent) inset !important;
            -webkit-text-fill-color: var(--text-primary, var(--text-color)) !important;
            caret-color: var(--bucks-gate-action) !important;
        }
        #new-custom-modal .bytes-bloc-inline-gate-field:focus-within {
            border-bottom-color: color-mix(in srgb, var(--bucks-gate-action) 72%, transparent);
        }
        #new-custom-modal .bytes-bloc-inline-gate-input::placeholder,
        .bytes-bloc-inline-gate-input::placeholder {
            color: color-mix(in srgb, var(--text-secondary) 74%, transparent) !important;
            -webkit-text-fill-color: color-mix(in srgb, var(--text-secondary) 74%, transparent) !important;
            opacity: 1 !important;
        }
        .bytes-bloc-inline-gate-result {
            min-height: 18px;
            color: var(--text-secondary);
            font-size: 11px;
            line-height: 1.35;
            font-weight: 800;
            text-align: left;
        }
        .bytes-bloc-inline-gate-actions {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-top: 4px;
        }
        .bytes-bloc-inline-unlock-btn {
            position: relative;
            min-height: 48px;
            width: 100%;
            padding: 0 20px;
            border-radius: 999px;
            border: 1px solid color-mix(in srgb, var(--bucks-gate-action) 34%, transparent);
            background: color-mix(in srgb, var(--bucks-gate-action) 8%, transparent);
            color: var(--bucks-gate-action);
            -webkit-text-fill-color: var(--bucks-gate-action);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            font-size: 12px;
            font-weight: 950;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            cursor: pointer;
            box-shadow:
                0 12px 30px color-mix(in srgb, var(--bucks-gate-action) 12%, transparent),
                0 8px 24px color-mix(in srgb, var(--text-color) 6%, transparent);
            transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
        }
        .bytes-bloc-inline-unlock-btn i {
            color: currentColor !important;
            -webkit-text-fill-color: currentColor !important;
            font-size: 11px;
        }
        .bytes-bloc-inline-unlock-btn:hover {
            transform: translateY(-1px);
            filter: saturate(1.08);
            box-shadow:
                0 16px 38px color-mix(in srgb, var(--bucks-gate-action) 16%, transparent),
                0 10px 28px color-mix(in srgb, var(--text-color) 8%, transparent);
        }
        .bytes-bloc-inline-unlock-btn:active {
            transform: scale(0.97);
        }
        .bytes-bloc-inline-buy-btn {
            min-height: 40px;
            width: 100%;
            border: 0;
            border-radius: 999px;
            background: transparent;
            color: var(--text-secondary);
            -webkit-text-fill-color: var(--text-secondary);
            font-size: 11px;
            font-weight: 950;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            cursor: pointer;
        }
        .bytes-bloc-inline-panel.is-unlocked-pulse {
            animation: bytesBlocInlineUnlockPulse 760ms cubic-bezier(0.2, 0.9, 0.2, 1);
        }
        .bytes-bloc-inline-panel.is-unlocked-pulse .bytes-bloc-inline-lock-icon,
        .bytes-bloc-inline-panel.is-unlocked-pulse .bytes-bloc-empty-icon {
            animation: bytesBlocInlineUnlockIconPulse 760ms cubic-bezier(0.2, 0.9, 0.2, 1);
        }
        @keyframes bytesBlocInlineUnlockPulse {
            0% {
                filter: saturate(1);
            }
            34% {
                filter: saturate(1.18);
            }
            100% {
                filter: saturate(1);
            }
        }
        @keyframes bytesBlocInlineUnlockIconPulse {
            0% {
                transform: scale(1);
                box-shadow: 0 18px 40px color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 18%, transparent);
            }
            38% {
                transform: scale(1.1);
                box-shadow: 0 22px 54px color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 34%, transparent);
            }
            100% {
                transform: scale(1);
                box-shadow: 0 18px 40px color-mix(in srgb, var(--active-bloc-accent, var(--primary-color)) 18%, transparent);
            }
        }

        .bloc-search-wrap i {
            color: var(--text-secondary);
        }

        #bloc-search-input {
            flex: 1;
            color: inherit;
            -webkit-text-fill-color: currentColor;
            caret-color: currentColor;
            font-size: 11px;
            outline: none;
        }
        /* Force bell icon to be black in light mode */
        [data-theme="light"] #bell-icon,
        [data-theme="light-accent"] #bell-icon {
            color: black !important;
        }

        /* Mobile search bar placeholder - theme aware */
        #mobile-search-bar::placeholder {
            color: var(--text-secondary);
            opacity: 0.6;
        }

        [data-theme="light"] #mobile-search-bar::placeholder,
        [data-theme="light-accent"] #mobile-search-bar::placeholder {
            color: rgba(0, 0, 0, 0.5);
        }

        [data-theme="dark"] #mobile-search-bar::placeholder {
            color: rgba(255, 255, 255, 0.5);
        }

        /* NUCLEAR OPTION: Force search bar background to work in light mode */
        html[data-theme="light"] #mobile-search-bar,
        body[data-theme="light"] #mobile-search-bar,
        [data-theme="light"] #mobile-search-bar,
        html[data-theme="light-accent"] #mobile-search-bar,
        body[data-theme="light-accent"] #mobile-search-bar,
        [data-theme="light-accent"] #mobile-search-bar {
            background: rgba(255, 255, 255, 0.8) !important;
            background-color: rgba(255, 255, 255, 0.8) !important;
            backdrop-filter: blur(20px) saturate(180%) !important;
            -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
        }

        /* Extra nuclear for type attribute */
        html[data-theme="light"] input#mobile-search-bar[type="text"],
        body[data-theme="light"] input#mobile-search-bar[type="text"],
        [data-theme="light"] input#mobile-search-bar[type="text"],
        html[data-theme="light-accent"] input#mobile-search-bar[type="text"],
        body[data-theme="light-accent"] input#mobile-search-bar[type="text"],
        [data-theme="light-accent"] input#mobile-search-bar[type="text"] {
            background: rgba(255, 255, 255, 0.8) !important;
            background-color: rgba(255, 255, 255, 0.8) !important;
            backdrop-filter: blur(20px) saturate(180%) !important;
            -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
        }

        /* Virtual map style options hover */
        .style-option:hover {
            background: var(--hover-bg) !important;
        }

        /* Virtual map search placeholder */
        #virtual-map-search::placeholder {
            color: rgba(17, 17, 17, 0.5);
            opacity: 1;
        }

        #virtual-map-suggestions,
        #virtual-map-suggestions * {
            color: #111111 !important;
            -webkit-text-fill-color: #111111 !important;
        }