:root {
            --bg: #000000;
            --surface: #000000;
            --border: #2f3336;
            --primary: #1d9bf0;
            --text-main: #e7e9ea;
            --text-sec: #71767b;
            --hover-bg: #16181c;
            --header-height: 48px;
            /* Standardized Height */
        }

        /* Prevent horizontal interaction/scroll that might trigger rotation */
        html,
        body {
            touch-action: pan-y;
            overscroll-behavior-x: none;
        }

        /* Global Box Sizing */
        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

        input,
        textarea,
        select {
            min-width: 0;
            max-width: 100%;
        }

        input[type="text"],
        input[type="search"],
        input[type="password"],
        input[type="email"],
        input[type="url"],
        input:not([type]) {
            overflow: hidden;
            text-overflow: ellipsis;
        }

        [id^="gmgnFilterBar_"] select:focus,
        [id^="gmgnFilterBar_"] button:focus,
        [id^="gmgnChainBtn_"]:focus,
        [id^="gmgnLaunchpadBtn_"]:focus {
            outline: none !important;
            box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.22), 0 0 0 4px rgba(34, 211, 238, 0.06) !important;
        }

        [id^="gmgnFilterBar_"] select:focus:not(:focus-visible),
        [id^="gmgnFilterBar_"] button:focus:not(:focus-visible),
        [id^="gmgnChainBtn_"]:focus:not(:focus-visible),
        [id^="gmgnLaunchpadBtn_"]:focus:not(:focus-visible) {
            box-shadow: none !important;
        }

        [id^="gmgnBody_"] {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            overscroll-behavior: contain;
            scrollbar-gutter: stable;
            min-width: 0;
            max-width: 100%;
            -webkit-overflow-scrolling: touch;
            overflow-anchor: none;
        }

        [id^="gmgnBody_"] .tweet {
            min-width: 0;
            max-width: 100%;
        }

        [id^="gmgnBody_"] .gmgn-title-clamp {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            overflow-wrap: anywhere;
            word-break: break-word;
            line-height: 1.16;
            max-width: 100%;
            min-width: 0;
        }

        [id^="gmgnBody_"] .gmgn-subtitle-ellipsis {
            min-width: 0;
            max-width: 190px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        /* Portrait lock handled by JavaScript counter-rotation */

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            background-color: var(--bg);
            color: var(--text-main);
            margin: 0;
            padding: 0;
            overflow: hidden;
            /* CRITICAL FIX: No global scroll */
            height: 100vh;
        }

        .debug-banner {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: red;
            z-index: 99999;
            pointer-events: none;
        }

        #col-1 {
            overflow: hidden;
            /* Fix: scroll content only, not header */
            flex-grow: 1;
            /* Allow it to take available space */
            display: flex;
            flex-direction: column;
            min-width: 0;
            /* Prevent flex item from overflowing */
            background-color: var(--bg);
        }

        .app-layout {
            display: flex;
            flex-direction: column;
            width: 100vw;
            height: 100vh;
            overflow: hidden;
            background-color: var(--bg);
        }

        .main-workspace {
            display: flex;
            flex-direction: row;
            overflow-x: auto;
            overflow-y: hidden;
            background: var(--bg);
            scroll-snap-type: x proximity;
            -webkit-overflow-scrolling: touch;
        }

        /* Custom scrollbar for horizontal scroll */
        .main-workspace::-webkit-scrollbar {
            height: 6px;
        }

        .main-workspace::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.2);
            border-radius: 3px;
        }

        .main-workspace::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.15);
            border-radius: 3px;
        }

        .main-workspace::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.25);
        }

        /* All columns are now "dynamic-col" style - X Pro Layout */
        .dynamic-col {
            flex: 0 0 420px;
            width: 420px;
            min-width: 420px;
            max-width: 420px;
            scroll-snap-align: start;
            border-right: 1px solid rgba(255, 255, 255, 0.05);
            padding: 0;
            overflow: hidden;
            background-color: var(--bg);
            position: relative;
        }

        .dynamic-col.drag-over {
            background: rgba(255, 255, 255, 0.05);
            border: 2px dashed rgba(255, 255, 255, 0.2);
        }

        /* Add Column Placeholder (X Pro style) */
        .add-column-placeholder {
            flex: 0 0 420px;
            width: 420px;
            min-width: 420px;
            max-width: 420px;
            scroll-snap-align: start;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            border-left: 1px dashed rgba(255, 255, 255, 0.1);
            background: rgba(0, 0, 0, 0.2);
            position: relative;
        }

        .add-column-btn {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            padding: 30px 40px;
            border-radius: 16px;
            border: 2px dashed rgba(255, 255, 255, 0.15);
            background: rgba(255, 255, 255, 0.03);
            color: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
            font-family: inherit;
            font-size: 14px;
        }

        .add-column-btn:hover {
            border-color: var(--primary);
            color: var(--primary);
            background: rgba(29, 155, 240, 0.08);
            transform: scale(1.02);
        }

        .add-column-btn i {
            font-size: 28px;
        }



        .column-header .search-area-wrapper {
            display: flex;
            gap: 8px;
            align-items: center;
        }

        /* Column Width Variants */
        .dynamic-col.col-wide {
            flex: 0 0 510px;
            width: 510px;
            min-width: 510px;
            max-width: 510px;
        }

        @media (hover: hover) and (pointer: fine) {
            .dynamic-col.col-hidden-desktop {
                display: none !important;
            }
        }

        .col-width-toggle {
            display: flex;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 6px;
            padding: 2px;
            gap: 2px;
        }

        .col-width-toggle button {
            background: transparent;
            border: none;
            color: rgba(255, 255, 255, 0.4);
            padding: 4px 12px;
            font-size: 12px;
            font-weight: 700;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.2s ease;
            line-height: 1;
        }

        .col-width-toggle button:hover {
            color: #fff;
            background: rgba(255, 255, 255, 0.05);
        }

        .col-width-toggle button.active {
            background: #1d9bf0;
            color: #fff;
            box-shadow: 0 2px 8px rgba(29, 155, 240, 0.3);
        }

        .col-visibility-btn {
            width: 30px;
            height: 28px;
            border-radius: 7px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(255, 255, 255, 0.04);
            color: rgba(255, 255, 255, 0.48);
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }

        .col-visibility-btn:hover {
            color: #fff;
            background: rgba(255, 255, 255, 0.08);
        }

        .col-visibility-btn.visible {
            color: #86efac;
            border-color: rgba(34, 197, 94, 0.28);
            background: rgba(34, 197, 94, 0.10);
        }

        .col-visibility-btn.hidden {
            color: #fca5a5;
            border-color: rgba(248, 113, 113, 0.28);
            background: rgba(248, 113, 113, 0.10);
        }

        /* Module Manage List Item */
        .manage-module-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.05);
            padding: 10px 14px;
            border-radius: 10px;
            transition: all 0.2s ease;
        }

        .manage-module-item:hover {
            background: rgba(255, 255, 255, 0.06);
            border-color: rgba(255, 255, 255, 0.1);
        }

        .manage-module-info {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .manage-module-name {
            font-size: 14px;
            font-weight: 600;
            color: var(--text-main);
        }

        .manage-module-meta {
            font-size: 11px;
            color: var(--text-sec);
            opacity: 0.7;
        }

        /* Legacy Classes Removed/Hidden */
        .left-sidebar,
        .right-grid {
            display: none !important;
        }

        .dynamic-col {
            display: flex;
            flex-direction: column;
            border-right: 1px solid var(--border);
            height: 100%;
            overflow-y: auto;
            /* Scroll inside column if modules overflow (unlikely if fixed height) */
            /* Actually, modules have internal scroll. Column just stacks them. */
            overflow: hidden;
            background: var(--bg);
        }


        /* Module Scroll Jump Buttons */
        .module-back-to-top,
        .module-back-to-bottom {
            position: absolute;
            right: 20px;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: rgba(29, 155, 240, 0.9);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.2);
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 100;
        }

        .module-back-to-top {
            bottom: 64px;
        }

        .module-back-to-bottom {
            bottom: 20px;
        }

        .module-back-to-top.visible,
        .module-back-to-bottom.visible {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .module-back-to-top:hover,
        .module-back-to-bottom:hover {
            background: #1d9bf0;
            transform: translateY(-2px) scale(1.05);
            box-shadow: 0 6px 16px rgba(29, 155, 240, 0.4);
        }

        .alarm-center-jump-btn {
            position: absolute;
            right: 16px;
            width: 32px;
            height: 32px;
            border-radius: 999px;
            border: 1px solid rgba(34, 211, 238, 0.28);
            background: rgba(8, 18, 22, 0.92);
            color: #67e8f9;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
            z-index: 18;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transform: translateY(8px);
            transition: transform 0.16s ease, opacity 0.16s ease, visibility 0.16s ease, border-color 0.16s ease;
        }

        .alarm-center-jump-btn.visible {
            opacity: 0.86;
            visibility: visible;
            pointer-events: auto;
            transform: translateY(0);
        }

        .alarm-center-jump-btn:hover {
            opacity: 1;
            transform: translateY(-1px) scale(1.04);
            border-color: rgba(103, 232, 249, 0.58);
        }

        .alarm-center-jump-btn.top {
            bottom: 58px;
        }

        .alarm-center-jump-btn.bottom {
            bottom: 20px;
        }

        .alarm-center-modal {
            position: relative;
        }

        .live-market-alarm-row.coin-market-alarm {
            isolation: isolate;
        }

        .live-market-alarm-row.coin-market-alarm::after {
            content: '';
            position: absolute;
            inset: 0;
            z-index: -1;
            pointer-events: none;
            border-radius: inherit;
            background: radial-gradient(circle at 8% 50%, rgba(250, 204, 21, 0.075), transparent 34%);
        }

        .coin-alarm-origin {
            display: inline-flex;
            align-items: center;
            gap: 3px;
            height: 16px;
            padding: 0 6px;
            flex: 0 0 auto;
            border: 1px solid rgba(250, 204, 21, 0.34);
            border-radius: 999px;
            background: rgba(250, 204, 21, 0.11);
            color: #fde68a;
            font-size: 7px;
            font-weight: 1000;
            line-height: 1;
            letter-spacing: .025em;
            box-shadow: inset 0 0 8px rgba(250, 204, 21, 0.04);
        }

        .coin-alarm-origin i {
            font-size: 6px;
            color: #facc15;
        }

        /* Module Generic */
        .module {
            display: flex;
            flex-direction: column;
            overflow: visible;
            content-visibility: auto;
            contain-intrinsic-size: 520px 900px;
            /* V6: Allow autocomplete dropdown to overlap */
            background: var(--bg);
            border-bottom: 1px solid var(--border);
            width: 100%;
            position: relative;
        }

        .module.h-50 {
            height: 50%;
        }

        .module.h-100 {
            height: 100%;
            flex: 1;
        }

        /* Coin Link Badge (in tweet header) */
        .coin-link-badge {
            position: relative;
            font-size: 11px;
        }

        .coin-badge-count {
            position: absolute;
            top: -4px;
            right: -6px;
            background: #f59e0b;
            color: #000;
            font-size: 8px;
            font-weight: 800;
            min-width: 12px;
            height: 12px;
            line-height: 12px;
            text-align: center;
            border-radius: 6px;
            padding: 0 2px;
        }

        .coin-popup {
            position: fixed;
            z-index: 10000;
            background: var(--card-bg, #1a1a2e);
            border: 1px solid rgba(245, 158, 11, 0.3);
            border-radius: 10px;
            padding: 10px 14px;
            min-width: 220px;
            max-width: 300px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(10px);
            font-size: 12px;
        }

        .coin-popup-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 6px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        }

        .coin-popup-item:last-child {
            border-bottom: none;
        }

        /* --- System Authors Modal Styles --- */
        #systemAuthorsModal .modal-body {
            max-height: 70vh;
            overflow-y: auto;
            padding: 0;
            /* Hide scrollbar for a cleaner look */
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        #systemAuthorsModal .modal-body::-webkit-scrollbar {
            display: none;
        }

        .system-authors-controls {
            display: grid;
            grid-template-columns: 1fr auto auto;
            gap: 10px;
            align-items: center;
            margin-bottom: 20px;
        }

        .system-authors-search-wrap {
            display: flex;
            gap: 0;
            min-width: 0;
        }

        .system-authors-search-wrap input {
            width: 100%;
            min-width: 0;
        }

        .system-authors-sort {
            min-width: 210px;
        }

        .author-lookup-summary {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
            margin-bottom: 14px;
        }

        .author-lookup-chip {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 10px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 700;
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(255, 255, 255, 0.04);
            color: var(--text-sec);
        }

        .author-lookup-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 14px;
        }

        .author-lookup-card {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 14px;
            padding: 14px;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .author-lookup-card.exists {
            border-color: rgba(34, 197, 94, 0.26);
            background: rgba(34, 197, 94, 0.04);
        }

        .author-lookup-card.missing {
            border-color: rgba(239, 68, 68, 0.22);
            background: rgba(239, 68, 68, 0.05);
        }

        .author-lookup-card .lookup-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
        }

        .author-lookup-card .lookup-stat-line {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
            font-size: 12px;
            color: var(--text-sec);
        }

        .author-lookup-card .lookup-stat-line b {
            color: var(--text-main);
        }

        .author-lookup-card .lookup-actions {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
            margin-top: auto;
        }

        .author-lookup-empty {
            text-align: center;
            padding: 30px 16px;
            color: var(--text-sec);
        }

        .author-lookup-missing-list {
            margin-top: 10px;
            padding: 10px 12px;
            border-radius: 12px;
            border: 1px solid rgba(239, 68, 68, 0.2);
            background: rgba(239, 68, 68, 0.06);
            color: #fca5a5;
            font-size: 12px;
            line-height: 1.45;
        }

        .author-lookup-avatar-fallback {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            color: #fecaca;
            background: rgba(239, 68, 68, 0.14);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }

        .author-lookup-textarea {
            display: block;
            width: 100%;
            min-height: 110px;
            resize: vertical;
            background: rgba(0, 0, 0, 0.32);
            color: white;
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 12px 14px;
            font-size: 14px;
            line-height: 1.45;
            box-sizing: border-box;
            overflow: hidden;
            appearance: none;
            -webkit-appearance: none;
            outline: none;
        }

        .author-metrics-row {
            grid-column: 1 / -1;
            margin-top: 4px;
            display: grid;
            grid-template-columns: minmax(0, 0.95fr) minmax(92px, 1.45fr) minmax(0, 0.95fr) minmax(0, 0.55fr);
            gap: 8px;
            font-size: 11px;
            align-items: center;
        }

        .author-metrics-row .metric-item {
            color: var(--text-sec);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .author-metrics-row .metric-item.metric-avgx {
            overflow: visible;
            text-overflow: clip;
        }

        .author-metrics-row .metric-item b {
            display: inline-block;
            max-width: 100%;
            vertical-align: bottom;
        }

        .signal-table-scroll {
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
        }

        .signal-table-inner {
            min-width: 560px;
        }

        .sys-author-card {
            background: rgba(255, 255, 255, 0.02);
            border: 1px solid rgba(255, 255, 255, 0.06);
            border-radius: 12px;
            padding: 16px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            transition: border-color 0.2s, background 0.2s;
        }

        .sys-author-card:hover {
            border-color: rgba(29, 155, 240, 0.3);
            background: rgba(255, 255, 255, 0.04);
        }

        .author-card-header {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .author-card-avatar-wrap {
            position: relative;
            width: 44px;
            height: 44px;
            flex-shrink: 0;
        }

        .author-card-avatar {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            object-fit: cover;
            background: #2a2a3a;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .author-card-avatar.tier-onemli,
        .author-card-avatar-fallback.tier-onemli {
            border: 2px solid #00e5ff;
            box-shadow: 0 0 10px rgba(0, 229, 255, 0.35);
        }

        .author-card-avatar.tier-cok_onemli,
        .author-card-avatar-fallback.tier-cok_onemli {
            border: 2px solid #fff200;
            box-shadow: 0 0 15px rgba(255, 242, 0, 0.58);
        }

        .interaction-avatar-preview .avatar.tier-onemli {
            border: 2px solid #00e5ff !important;
            box-shadow: 0 0 10px rgba(0, 229, 255, 0.38);
        }

        .interaction-avatar-preview .avatar.tier-cok_onemli {
            border: 2px solid #fff200 !important;
            box-shadow: 0 0 15px rgba(255, 242, 0, 0.62);
        }

        .author-card-tier-overlay {
            position: absolute;
            right: -2px;
            bottom: -2px;
            width: 16px;
            height: 16px;
            border-radius: 999px;
            background: #000;
            border: 1px solid rgba(255, 255, 255, 0.18);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 9px;
            line-height: 1;
        }

        .author-card-tier-overlay.tier-onemli {
            color: #00e5ff;
        }

        .author-card-tier-overlay.tier-cok_onemli {
            color: #fff200;
        }

        .author-card-avatar-fallback {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: linear-gradient(135deg, #1d9bf0, #8b5cf6);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            font-weight: bold;
            color: white;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .author-handle {
            color: #1d9bf0;
            font-weight: bold;
            font-size: 15px;
            text-decoration: none;
        }

        .author-handle:hover {
            text-decoration: underline;
        }

        .author-card-stats {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
            background: rgba(0, 0, 0, 0.2);
            border-radius: 8px;
            padding: 8px;
        }

        .ac-stat {
            text-align: center;
        }

        .ac-stat-val {
            font-size: 16px;
            font-weight: 800;
        }

        .ac-stat-label {
            font-size: 10px;
            text-transform: uppercase;
            color: var(--text-sec);
            margin-top: 7px;
        }

        .author-notes-input {
            width: 100%;
            background: rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: white;
            padding: 8px 10px;
            border-radius: 6px;
            font-size: 12px;
            transition: border-color 0.2s;
        }

        .author-notes-input:focus {
            outline: none;
            border-color: #1d9bf0;
        }

        .author-coins-list {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
        }

        .author-coin-tag {
            background: rgba(245, 158, 11, 0.1);
            color: #f59e0b;
            border: 1px solid rgba(245, 158, 11, 0.2);
            padding: 3px 8px;
            border-radius: 6px;
            font-size: 11px;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.2s;
        }

        .author-coin-tag:hover {
            background: rgba(245, 158, 11, 0.2);
        }



        .coin-tag-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            min-height: 28px;
            padding: 5px 10px;
            border-radius: 8px;
            font-size: 10px;
            font-weight: 800;
            cursor: pointer;
            background: rgba(255, 255, 255, 0.045);
            color: var(--text-sec);
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all 0.15s;
            user-select: none;
            line-height: 1;
        }

        .coin-tag-btn:hover {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 255, 255, 0.14);
            color: var(--text-main);
        }

        .coin-tag-btn.active {
            background: rgba(245, 158, 11, 0.12);
            color: #f59e0b;
            border-color: rgba(245, 158, 11, 0.32);
        }

        .coin-tag-btn.search-disabled {
            opacity: 0.35;
            pointer-events: none;
            cursor: not-allowed;
            filter: saturate(0.7);
        }

        #sourceStatusModal .modal {
            width: min(94vw, 1500px) !important;
            max-width: 1500px !important;
        }

        #sourceStatusGrid {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        }

        @media (max-width: 1180px) {
            #sourceStatusGrid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }
        }

        @media (max-width: 780px) {
            #sourceStatusGrid {
                grid-template-columns: 1fr !important;
            }
        }

        @media (max-width: 768px) {
            .coin-header-tools {
                gap: 3px !important;
            }

            .coin-header-search {
                width: clamp(112px, 36vw, 150px) !important;
            }

            .coin-mobile-only {
                display: inline-flex !important;
            }

            .coin-mobile-only.active {
                background: rgba(245, 158, 11, 0.16) !important;
                border-color: rgba(245, 158, 11, 0.35) !important;
                color: #f59e0b !important;
            }

            .coin-refresh-btn {
                display: none !important;
            }

            #coinManualAddBar {
                display: none !important;
                padding: 5px 6px !important;
            }

            #coinManualAddBar.mobile-add-open {
                display: block !important;
            }

            #coinManualInput {
                height: 32px !important;
                padding: 5px 9px !important;
                font-size: 11px !important;
            }

            #coinManualAddBtn {
                min-width: 58px !important;
                height: 32px !important;
                padding: 0 10px !important;
            }

            .coin-tracker-actions {
                flex-direction: row !important;
                align-items: stretch !important;
                gap: 5px !important;
                padding: 5px 6px !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
            }

            .coin-tracker-actions::-webkit-scrollbar {
                display: none;
            }

            .coin-status-tabs {
                display: flex !important;
                gap: 5px !important;
                width: max-content;
                flex: 0 0 auto;
                min-width: 0 !important;
            }

            .coin-status-tabs .coin-tag-btn {
                min-width: 78px;
                width: auto;
                padding: 6px 8px;
                gap: 4px;
                font-size: 9px;
                white-space: nowrap;
                overflow: hidden;
            }

            .coin-status-tabs .coin-tag-btn i {
                font-size: 10px;
                flex-shrink: 0;
            }

            .coin-sort-controls {
                display: flex !important;
                grid-template-columns: none;
                gap: 5px !important;
                width: auto;
                min-width: max-content;
                margin-left: 0 !important;
                align-items: stretch !important;
                flex: 0 0 auto;
            }

            .coin-tracker-controls.mobile-filters-open .coin-sort-controls {
                display: flex !important;
            }

            .coin-sort-controls select {
                width: auto;
                min-width: 0 !important;
                height: 28px;
                font-size: 9px !important;
                font-weight: 800 !important;
                padding: 0 22px 0 8px !important;
                border-radius: 8px !important;
                background: rgba(255, 255, 255, 0.045) !important;
                border: 1px solid rgba(255, 255, 255, 0.08) !important;
                color: var(--text-sec) !important;
            }

            #coinNetworkSelect {
                min-width: 72px !important;
            }

            #coinSortSelect {
                min-width: 78px !important;
            }

            #coinDragToggleBtn {
                width: 30px;
                height: 28px;
                padding: 0 !important;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 7px !important;
            }

            .coin-tracker-controls>.header-tags-row {
                display: flex !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                flex-wrap: nowrap !important;
                white-space: nowrap !important;
                padding: 3px 6px 5px 6px !important;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
            }

            .coin-tracker-controls.mobile-filters-open>.header-tags-row {
                display: flex !important;
            }

            .coin-tracker-controls>.header-tags-row::-webkit-scrollbar {
                display: none;
            }
        }

        .coin-detail-modal-overlay,
        .alarm-manager-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.7);
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            backdrop-filter: blur(4px);
        }

        .coin-detail-modal {
            background: var(--bg, #0f0f1a);
            border: 1px solid rgba(245, 158, 11, 0.2);
            border-radius: 12px;
            width: 520px;
            max-width: 95vw;
            max-height: 85vh;
            overflow-y: auto;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
        }

        .coin-detail-header {
            padding: 16px 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .coin-detail-body {
            padding: 16px 20px;
        }

        .coin-main-detail-overlay .coin-detail-body {
            padding-top: 10px;
        }

        .coin-main-detail-overlay .coin-detail-modal > .coin-detail-header {
            position: sticky;
            top: 0;
            z-index: 8;
            background:
                linear-gradient(180deg, rgba(8, 8, 8, 0.98), rgba(8, 8, 8, 0.94)),
                var(--bg, #0f0f1a);
            backdrop-filter: blur(10px);
            box-shadow: 0 12px 26px rgba(0, 0, 0, 0.34);
            border-radius: 12px 12px 0 0;
        }

        .coin-detail-sparkline {
            position: relative;
            height: 68px;
            margin: 0 0 12px;
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid rgba(52, 211, 153, 0.08);
            background:
                radial-gradient(circle at 72% 10%, rgba(52, 211, 153, 0.11), transparent 36%),
                linear-gradient(180deg, rgba(15, 23, 42, 0.32), rgba(0, 0, 0, 0.08));
        }

        .coin-detail-sparkline.negative {
            border-color: rgba(248, 113, 113, 0.08);
            background:
                radial-gradient(circle at 72% 10%, rgba(248, 113, 113, 0.10), transparent 36%),
                linear-gradient(180deg, rgba(15, 23, 42, 0.32), rgba(0, 0, 0, 0.08));
        }

        .coin-detail-sparkline svg {
            width: 100%;
            height: 100%;
            display: block;
        }

        .coin-detail-sparkline-path {
            fill: none;
            stroke: #34d399;
            stroke-width: 1.65;
            stroke-linecap: round;
            stroke-linejoin: round;
            filter: drop-shadow(0 0 5px rgba(52, 211, 153, 0.48));
        }

        .coin-detail-sparkline.negative .coin-detail-sparkline-path {
            stroke: #fb7185;
            filter: drop-shadow(0 0 5px rgba(248, 113, 113, 0.44));
        }

        .coin-detail-sparkline-area {
            opacity: 0.13;
        }

        .coin-detail-sparkline-scale {
            position: absolute;
            right: 10px;
            bottom: 7px;
            display: inline-flex;
            gap: 4px;
        }

        .coin-detail-sparkline-scale button {
            height: 17px;
            padding: 0 5px;
            border-radius: 999px;
            border: 1px solid transparent;
            background: transparent;
            color: rgba(148, 163, 184, 0.62);
            font-size: 8.5px;
            font-weight: 950;
            letter-spacing: 0.06em;
            cursor: pointer;
            transition: all 0.14s ease;
        }

        .coin-detail-sparkline-scale button:hover,
        .coin-detail-sparkline-scale button.active {
            border-color: rgba(52, 211, 153, 0.24);
            background: rgba(52, 211, 153, 0.10);
            color: #bbf7d0;
        }

        .coin-detail-sparkline.negative .coin-detail-sparkline-scale button:hover,
        .coin-detail-sparkline.negative .coin-detail-sparkline-scale button.active {
            border-color: rgba(248, 113, 113, 0.24);
            background: rgba(248, 113, 113, 0.10);
            color: #fecdd3;
        }

        .coin-detail-stat-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 8px;
            margin: 12px 0;
        }

        .coin-detail-stat {
            background: rgba(255, 255, 255, 0.04);
            border: 1px solid rgba(255, 255, 255, 0.04);
            border-radius: 8px;
            padding: 10px;
            text-align: center;
            transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
        }

        .coin-detail-stat .label {
            font-size: 10px;
            color: var(--text-sec);
            text-transform: uppercase;
            margin-bottom: 4px;
        }

        .coin-detail-stat .value {
            font-size: 13px;
            font-weight: 700;
            color: var(--text-main);
        }

        .coin-detail-stat.emphasis {
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.045));
            border-color: rgba(255, 255, 255, 0.12);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
        }

        .coin-detail-stat.emphasis .label {
            color: rgba(255, 214, 138, 0.64);
        }

        .coin-detail-stat.timeframe-stat {
            cursor: pointer;
        }

        .coin-detail-stat.timeframe-stat:hover {
            background: rgba(255, 255, 255, 0.07);
            border-color: rgba(255, 255, 255, 0.12);
            transform: translateY(-1px);
        }

        .coin-detail-stat.timeframe-stat.active {
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.07));
            border-color: rgba(255, 255, 255, 0.18);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
        }

        .coin-detail-stat.timeframe-stat.active.stat-ch24 {
            background:
                linear-gradient(180deg, rgba(245, 158, 11, 0.11), rgba(245, 158, 11, 0.045));
            border-color: rgba(245, 158, 11, 0.18);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.03);
        }

        .coin-detail-stat.timeframe-stat.active .label {
            color: var(--text-main);
        }

        .coin-flow-panel {
            margin: 8px 0 12px;
            padding: 10px 12px;
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .coin-flow-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            font-size: 12px;
            color: var(--text-sec);
            margin-bottom: 7px;
        }

        .coin-flow-head .strong {
            color: var(--text-sec);
            font-weight: 700;
        }

        .coin-flow-buy {
            color: #66b98a;
            font-weight: 700;
        }

        .coin-flow-sell {
            color: #d77676;
            font-weight: 700;
        }

        .coin-flow-bar {
            width: 100%;
            height: 7px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.08);
            overflow: hidden;
            display: flex;
        }

        .coin-flow-bar .buy {
            background: #6f9f46;
        }

        .coin-flow-bar .sell {
            background: #c66363;
        }

        .coin-flow-head-left,
        .coin-flow-head-right {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            flex-wrap: wrap;
        }

        .coin-flow-period {
            color: #f8d48b;
            font-weight: 700;
            letter-spacing: 0.02em;
        }

        .coin-flow-volume {
            color: var(--text-main);
            font-weight: 700;
        }

        @media (max-width: 768px) {
            .coin-detail-stat-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .coin-detail-header {
                align-items: flex-start;
                gap: 10px;
            }

            .coin-modal-header-main {
                width: auto;
                flex: 1 1 auto;
                max-width: calc(100% - 140px);
            }

            .coin-modal-header-actions {
                width: auto;
                justify-content: flex-start;
                margin-left: auto;
            }

            .coin-modal-header-actions.is-scrollable {
                width: 100%;
                max-width: 100%;
                margin-left: 0;
            }

            .coin-modal-close-btn {
                margin-left: auto;
            }

            .coin-detail-stat.stat-ch24 {
                order: 5;
            }

            .coin-detail-stat.stat-ch6 {
                order: 6;
            }

            .coin-detail-stat.stat-ch1 {
                order: 7;
            }

            .coin-detail-stat.stat-ch5 {
                order: 8;
            }
        }

        .coin-detail-links {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            margin-top: 12px;
        }

        .coin-detail-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            min-height: 34px;
            padding: 0 10px;
            border-radius: 7px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            font-size: 10px;
            font-weight: 800;
            text-decoration: none;
            background: rgba(255, 255, 255, 0.06);
            color: var(--text-main);
            transition: all 0.15s;
            line-height: 1;
        }

        .coin-detail-link:hover {
            background: rgba(255, 255, 255, 0.12);
            border-color: rgba(255, 255, 255, 0.16);
            transform: translateY(-1px);
        }

        .coin-detail-link.menu-open {
            background: rgba(255, 255, 255, 0.12);
            border-color: rgba(255, 255, 255, 0.16);
        }

        button.coin-detail-link {
            font-family: inherit;
            cursor: pointer;
        }

        .gmgn-frog-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 17px;
            height: 17px;
            border-radius: 4px;
            background-color: rgba(95, 255, 87, 0.08);
            background-image: url('/gmgn-icon.png?v=3');
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            line-height: 1;
            filter: saturate(1.18);
        }

        .coin-modal-header-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            height: 34px;
            min-width: 34px;
            padding: 0;
            box-sizing: border-box;
            border-radius: 10px;
            border: 1px solid rgba(255,255,255,0.14);
            background: rgba(255,255,255,0.06);
            color: var(--text-main);
            font-size: 12px;
            cursor: pointer;
            transition: background 0.15s, border-color 0.15s, transform 0.15s, color 0.15s;
        }

        .coin-modal-header-btn:hover {
            background: rgba(255,255,255,0.12);
            border-color: rgba(255,255,255,0.18);
            transform: translateY(-1px);
        }

        .coin-modal-header-actions .coin-modal-header-btn,
        .coin-modal-header-actions .coin-modal-header-btn.coin-action-link {
            width: 34px;
            height: 34px;
            min-width: 34px;
            padding: 0;
            border-radius: 10px;
            font-size: 12px;
            font-weight: 700;
            line-height: 1;
            text-decoration: none;
        }

        .coin-modal-header-actions .coin-modal-header-btn i {
            font-size: 12px;
            line-height: 1;
        }

        .coin-alarm-add-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 42px;
            transition: transform 0.14s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
        }

        .coin-alarm-add-btn.is-pressing {
            animation: coinAlarmAddPress 260ms ease-out;
        }

        .coin-alarm-add-btn.is-saving {
            border-color: rgba(245,158,11,0.34) !important;
            background: rgba(245,158,11,0.12) !important;
            color: #fbbf24 !important;
            box-shadow: 0 0 0 2px rgba(245,158,11,0.08);
        }

        .coin-alarm-add-btn.is-success {
            border-color: rgba(34,197,94,0.42) !important;
            background: rgba(34,197,94,0.14) !important;
            color: #86efac !important;
            animation: coinAlarmAddSuccess 520ms ease-out;
        }

        .coin-alarm-add-btn.is-error {
            border-color: rgba(239,68,68,0.44) !important;
            background: rgba(239,68,68,0.14) !important;
            color: #fb7185 !important;
            animation: coinAlarmAddError 360ms ease-in-out;
        }

        @keyframes coinAlarmAddPress {
            0% { transform: scale(1); }
            42% { transform: scale(0.90); }
            100% { transform: scale(1); }
        }

        @keyframes coinAlarmAddSuccess {
            0% { transform: scale(0.96); box-shadow: 0 0 0 0 rgba(34,197,94,0.36); }
            55% { transform: scale(1.08); box-shadow: 0 0 0 7px rgba(34,197,94,0.00); }
            100% { transform: scale(1); box-shadow: none; }
        }

        @keyframes coinAlarmAddError {
            0%, 100% { transform: translateX(0); }
            22% { transform: translateX(-2px); }
            44% { transform: translateX(2px); }
            66% { transform: translateX(-1px); }
            88% { transform: translateX(1px); }
        }

        .coin-modal-header-main {
            display: flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
            flex: 1 1 auto;
            max-width: calc(100% - 132px);
        }

        .coin-modal-header-title {
            min-width: 0;
            flex: 1 1 auto;
        }

        .coin-modal-title-row {
            display: flex;
            align-items: center;
            gap: 6px;
            min-width: 0;
            flex-wrap: wrap;
        }

        .coin-modal-name {
            min-width: 0;
            overflow-wrap: anywhere;
            line-height: 1.1;
        }

        .coin-modal-header-actions {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 6px;
            min-width: 0;
            flex: 0 0 auto;
            margin-left: auto;
        }

        .coin-modal-header-actions.is-scrollable {
            flex-wrap: wrap;
            row-gap: 8px;
        }

        .coin-modal-close-btn {
            flex: 0 0 auto;
            border-radius: 10px;
        }

        .copy-btn {
            background: rgba(255, 255, 255, 0.06);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: var(--text-sec);
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 10px;
            cursor: pointer;
            font-family: monospace;
            transition: all 0.15s;
        }

        .copy-btn:hover {
            background: rgba(255, 255, 255, 0.12);
            color: var(--text-main);
            border-color: rgba(255,255,255,0.16);
            transform: translateY(-1px);
        }

        /* Early workspace */
        .early-radar-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid rgba(34,211,238,.28);border-radius:999px;background:rgba(8,145,178,.10);color:#67e8f9;font-size:9px;font-weight:900;white-space:nowrap}.early-item-social.radar-link{width:auto!important;min-width:42px;padding:0 9px!important;gap:5px;border-color:rgba(34,211,238,.30)!important;background:rgba(8,145,178,.11)!important;color:#67e8f9!important}.early-item-social.radar-link b{font-size:10px}
        .early-page {
            --early-accent: #b469ff;
            --early-cyan: #22d3ee;
            --early-card: rgba(19, 20, 25, 0.96);
            --early-border: rgba(255, 255, 255, 0.10);
            position: fixed;
            inset: 0;
            z-index: 9900;
            display: none;
            padding: clamp(10px, 2vw, 28px);
            background:
                radial-gradient(circle at 8% 92%, rgba(180, 105, 255, 0.18), transparent 26rem),
                radial-gradient(circle at 88% 10%, rgba(34, 211, 238, 0.12), transparent 25rem),
                rgba(1, 3, 7, 0.96);
            backdrop-filter: blur(18px);
            color: #e8edf7;
        }

        .early-page.open {
            display: block;
        }

        .early-shell {
            width: min(1540px, 100%);
            height: 100%;
            margin: auto;
            border: 1px solid var(--early-border);
            border-radius: 28px;
            overflow: hidden;
            background: rgba(6, 7, 10, 0.95);
            box-shadow: 0 28px 90px rgba(0, 0, 0, 0.62);
        }

        .early-head {
            min-height: 78px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 15px clamp(16px, 2vw, 28px);
            border-bottom: 1px solid var(--early-border);
            background: linear-gradient(135deg, rgba(18, 19, 25, 0.98), rgba(5, 6, 10, 0.92));
        }

        .early-title {
            min-width: 0;
            display: flex;
            align-items: center;
            gap: 12px;
            color: #f8fafc;
            font-size: clamp(23px, 2vw, 32px);
            font-weight: 950;
        }

        .early-title i {
            width: 47px;
            height: 47px;
            display: grid;
            place-items: center;
            border: 1px solid rgba(180, 105, 255, 0.32);
            border-radius: 16px;
            background: rgba(180, 105, 255, 0.13);
            color: var(--early-accent);
            font-size: 20px;
        }

        .early-title small {
            color: #7f8a9d;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 0.02em;
        }

        .early-head-actions,
        .early-inline-actions,
        .early-status-row,
        .early-chip-row {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
        }

        .early-head-actions button,
        .early-btn,
        .early-status-btn,
        .early-mini-btn {
            border: 1px solid var(--early-border);
            border-radius: 14px;
            background: rgba(255, 255, 255, 0.055);
            color: #dbe4f3;
            font: inherit;
            font-weight: 850;
            cursor: pointer;
            transition: transform .16s, border-color .16s, background .16s, color .16s;
        }

        .early-head-actions button,
        .early-btn {
            min-height: 42px;
            padding: 0 14px;
        }

        .early-head-actions button:hover,
        .early-btn:hover,
        .early-status-btn:hover,
        .early-mini-btn:hover,
        .early-side-item:hover {
            transform: translateY(-1px);
            border-color: rgba(180, 105, 255, 0.40);
            background: rgba(180, 105, 255, 0.10);
        }

        .early-head-actions .guide,
        .early-btn.primary,
        .early-status-btn.active {
            border-color: rgba(180, 105, 255, 0.48);
            background: linear-gradient(135deg, rgba(180, 105, 255, 0.30), rgba(52, 211, 153, 0.10));
            color: #f5eaff;
        }

        .early-head-actions .portfolio-link {
            border-color: rgba(34, 211, 238, 0.52);
            background: linear-gradient(135deg, rgba(34, 211, 238, 0.22), rgba(59, 130, 246, 0.10));
            color: #cffafe;
            box-shadow: inset 0 0 0 1px rgba(34, 211, 238, 0.08);
        }

        .early-head-actions .close {
            width: 44px;
            padding: 0;
            border-radius: 50%;
            font-size: 17px;
        }

        .early-body {
            height: calc(100% - 78px);
            display: grid;
            grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
        }

        .early-page.portfolio-mode .early-body {
            grid-template-columns: minmax(0, 1fr);
        }

        .early-page.portfolio-mode .early-side {
            display: none;
        }

        .early-side {
            min-height: 0;
            display: grid;
            grid-template-rows: auto auto auto minmax(0, 1fr);
            gap: 13px;
            padding: 18px;
            border-right: 1px solid var(--early-border);
            background: rgba(3, 4, 7, 0.86);
        }

        .early-view-tabs {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px;
        }

        .early-view-tabs button,
        .early-filter-grid button {
            min-height: 37px;
            border: 1px solid var(--early-border);
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.04);
            color: #8995aa;
            font: inherit;
            font-weight: 900;
            cursor: pointer;
        }

        .early-view-tabs button.active,
        .early-filter-grid button.active {
            border-color: rgba(34, 211, 238, 0.38);
            background: rgba(34, 211, 238, 0.11);
            color: #dff9ff;
        }

        .early-search {
            height: 45px;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 0 13px;
            border: 1px solid var(--early-border);
            border-radius: 14px;
            background: #15181e;
            color: #677286;
        }

        .early-search input,
        .early-field input,
        .early-field textarea,
        .early-field select,
        .early-note-compose textarea {
            width: 100%;
            border: 1px solid var(--early-border);
            border-radius: 13px;
            background: #20242b;
            color: #eef2ff;
            font: inherit;
            outline: none;
        }

        .early-search input {
            height: 100%;
            border: 0;
            background: transparent;
        }

        .early-filter-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
        }

        .early-filter-grid button {
            min-height: 31px;
            padding: 0 9px;
            font-size: 11px;
        }

        .early-side-list,
        .early-main {
            min-height: 0;
            overflow: auto;
        }

        .early-side-list {
            display: grid;
            align-content: start;
            gap: 9px;
            padding-right: 3px;
        }

        .early-side-item {
            width: 100%;
            display: grid;
            grid-template-columns: 42px minmax(0, 1fr);
            align-items: center;
            gap: 11px;
            padding: 11px;
            border: 1px solid var(--early-border);
            border-left: 4px solid transparent;
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.035);
            color: inherit;
            text-align: left;
            font: inherit;
            cursor: pointer;
        }

        .early-side-item.active {
            border-color: rgba(180, 105, 255, 0.38);
            border-left-color: var(--early-accent);
            background: linear-gradient(135deg, rgba(180, 105, 255, 0.15), rgba(34, 211, 238, 0.04));
        }

        .early-avatar,
        .early-card-logo {
            display: grid;
            place-items: center;
            overflow: hidden;
            color: var(--early-accent);
            background: rgba(180, 105, 255, 0.10);
            border: 1px solid var(--early-border);
        }

        .early-avatar {
            width: 42px;
            height: 42px;
            border-radius: 13px;
        }

        .early-avatar img,
        .early-card-logo img,
        .early-candidate img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .early-avatar > *,
        .early-card-logo > *,
        .early-tool-logo > * {
            grid-area: 1 / 1;
        }

        .early-side-name,
        .early-card h3,
        .early-guide-title {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: 950;
        }

        .early-muted,
        .early-side-meta,
        .early-empty {
            color: #7f8a9d;
        }

        .early-side-meta {
            display: flex;
            gap: 6px;
            align-items: center;
            margin-top: 4px;
            font-size: 11px;
        }

        .early-main {
            padding: clamp(16px, 2vw, 28px);
            background:
                linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px),
                linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px);
            background-size: 52px 52px;
        }

        .early-hero,
        .early-panel,
        .early-guide-detail {
            border: 1px solid var(--early-border);
            border-radius: 23px;
            background: var(--early-card);
        }

        .early-hero {
            display: flex;
            align-items: start;
            justify-content: space-between;
            gap: 18px;
            padding: clamp(16px, 2vw, 24px);
            margin-bottom: 18px;
            background: linear-gradient(135deg, rgba(180, 105, 255, 0.16), rgba(18, 19, 25, .96) 35%, rgba(34, 211, 238, 0.07));
        }

        .early-hero h2 {
            margin: 0 0 7px;
            color: #fff;
            font-size: clamp(23px, 2.5vw, 39px);
            line-height: 1.05;
        }

        .early-hero p,
        .early-panel p {
            margin: 0;
            color: #9ba6b8;
            line-height: 1.5;
        }

        .early-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(min(285px, 100%), 1fr));
            gap: 13px;
        }

        .early-card {
            min-height: 116px;
            display: grid;
            grid-template-columns: 64px minmax(0, 1fr);
            gap: 15px;
            align-items: center;
            padding: 16px;
            border: 1px solid var(--early-border);
            border-radius: 20px;
            background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(12,13,17,.98));
            color: inherit;
            text-align: left;
            font: inherit;
            cursor: pointer;
        }

        .early-card.selected {
            border-color: rgba(180, 105, 255, 0.42);
            background: linear-gradient(145deg, rgba(180,105,255,.16), rgba(12,13,17,.98));
        }

        .early-card-logo {
            width: 64px;
            height: 64px;
            border-radius: 19px;
            font-size: 24px;
        }

        .early-card h3,
        .early-guide-title {
            margin: 0 0 8px;
            color: #f8fafc;
            font-size: 18px;
        }

        .early-pill {
            display: inline-flex;
            align-items: center;
            max-width: 100%;
            min-height: 23px;
            padding: 0 9px;
            border: 1px solid var(--early-border);
            border-radius: 999px;
            background: rgba(255,255,255,.06);
            color: #aeb8cc;
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .early-pill.tier1 { color: #ffd351; background: rgba(245,158,11,.14); border-color: rgba(245,158,11,.28); }
        .early-pill.tier2 { color: #dbe4f3; }
        .early-pill.tier3 { color: #fb923c; background: rgba(249,115,22,.12); }
        .early-pill.daily, .early-pill.active { color: #45eab3; background: rgba(16,185,129,.12); }
        .early-pill.todo { color: #7dd3fc; background: rgba(14,165,233,.12); }
        .early-pill.fade { color: #7f8a9d; }
        .early-pill.complete, .early-pill.done { color: #67e8f9; background: rgba(34,211,238,.10); }

        .early-detail-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
            gap: 15px;
            margin-top: 17px;
        }

        .early-panel,
        .early-guide-detail {
            padding: clamp(15px, 1.7vw, 22px);
        }

        .early-panel h3,
        .early-section-title {
            margin: 0 0 13px;
            color: #f8fafc;
            font-size: 16px;
            font-weight: 950;
        }

        .early-link-list {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            margin: 13px 0 0;
        }

        .early-link-list a {
            color: #7dd3fc;
            text-decoration: none;
        }

        .early-guide-list {
            display: grid;
            gap: 10px;
        }

        .early-guide-row {
            width: 100%;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 10px;
            align-items: center;
            padding: 13px;
            border: 1px solid var(--early-border);
            border-radius: 16px;
            background: rgba(255,255,255,.035);
            color: inherit;
            text-align: left;
            font: inherit;
            cursor: pointer;
        }

        .early-guide-row.active {
            border-color: rgba(34,211,238,.34);
            background: rgba(34,211,238,.08);
        }

        .early-guide-detail {
            max-width: 980px;
            margin: 0 auto;
        }

        .early-guide-content {
            margin: 18px 0;
            padding: 18px;
            border: 1px solid var(--early-border);
            border-radius: 18px;
            background: rgba(255,255,255,.045);
            color: #d9e1ef;
            line-height: 1.65;
            overflow-wrap: anywhere;
            white-space: pre-wrap;
        }

        .early-guide-content a {
            color: #56aaff;
        }

        .early-daily-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(min(330px, 100%), 1fr));
            gap: 13px;
        }

        .early-daily-card {
            display: grid;
            gap: 11px;
            padding: 17px;
            border: 1px solid var(--early-border);
            border-radius: 20px;
            background: rgba(17,19,24,.96);
        }

        .early-daily-card.done {
            opacity: .76;
            border-color: rgba(34,211,238,.26);
        }

        .early-mobile-daily-board {
            display: none;
        }

        .early-mobile-daily-summary {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 8px;
        }

        .early-mobile-daily-stat {
            min-width: 0;
            padding: 10px;
            border: 1px solid rgba(255,255,255,.08);
            border-radius: 12px;
            background: rgba(255,255,255,.045);
        }

        .early-mobile-daily-stat strong,
        .early-mobile-daily-stat span {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .early-mobile-daily-stat strong {
            color: #f8fafc;
            font-size: 18px;
            line-height: 1;
        }

        .early-mobile-daily-stat span {
            margin-top: 5px;
            color: #94a3b8;
            font-size: 10px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: .05em;
        }

        .early-mobile-daily-group {
            display: grid;
            gap: 8px;
        }

        .early-mobile-daily-group-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            color: #a5afc0;
            font-size: 11px;
            font-weight: 950;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        .early-mobile-daily-task {
            width: 100%;
            min-width: 0;
            display: grid;
            grid-template-columns: 42px minmax(0, 1fr) 42px;
            align-items: center;
            gap: 10px;
            padding: 10px;
            border: 1px solid rgba(56, 189, 248, .16);
            border-radius: 15px;
            background: #112238;
            color: inherit;
            font: inherit;
            text-align: left;
            cursor: pointer;
        }

        .early-mobile-daily-task.active {
            border-color: rgba(56, 189, 248, .42);
            background: #19385d;
        }

        .early-mobile-daily-task.done {
            border-color: rgba(148, 163, 184, .18);
            background: rgba(18, 37, 62, .72);
        }

        .early-mobile-daily-task.done .early-side-name {
            color: #8190a8;
            text-decoration: line-through;
        }

        .early-mobile-daily-copy {
            min-width: 0;
            display: grid;
            gap: 4px;
        }

        .early-mobile-daily-copy .early-side-name,
        .early-mobile-daily-copy .early-side-meta {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .early-mobile-daily-copy .early-side-name {
            color: #eef2ff;
            font-size: 14px;
            font-weight: 950;
        }

        .early-mobile-guide-board {
            display: none;
        }

        .early-mobile-guide-list {
            display: grid;
            gap: 0;
            border-top: 1px solid rgba(255,255,255,.07);
            border-bottom: 1px solid rgba(255,255,255,.07);
        }

        .early-mobile-guide-row {
            width: 100%;
            min-width: 0;
            display: grid;
            grid-template-columns: 48px minmax(0, 1fr) 22px;
            align-items: center;
            gap: 12px;
            padding: 13px 0;
            border: 0;
            border-bottom: 1px solid rgba(255,255,255,.07);
            background: transparent;
            color: inherit;
            font: inherit;
            text-align: left;
            cursor: pointer;
        }

        .early-mobile-guide-row:last-child {
            border-bottom: 0;
        }

        .early-mobile-guide-row.active {
            padding-inline: 10px;
            border-radius: 13px;
            border-bottom-color: transparent;
            background: #142945;
        }

        .early-mobile-guide-copy {
            min-width: 0;
            display: grid;
            gap: 5px;
        }

        .early-mobile-guide-copy strong,
        .early-mobile-guide-copy .early-side-meta {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .early-mobile-guide-copy strong {
            color: #f8fafc;
            font-size: 16px;
            font-weight: 950;
        }

        .early-status-btn,
        .early-mini-btn {
            min-height: 33px;
            padding: 0 10px;
            font-size: 12px;
        }

        .early-mini-btn.danger {
            border-color: rgba(248,113,113,.24);
            color: #fca5a5;
        }

        .early-notes {
            display: grid;
            gap: 9px;
        }

        .early-note {
            position: relative;
            padding: 12px;
            padding-right: 55px;
            border: 1px solid rgba(245,158,11,.18);
            border-radius: 15px;
            background: rgba(245,158,11,.07);
            white-space: pre-wrap;
            overflow-wrap: anywhere;
        }

        .early-note-delete {
            position: absolute;
            top: 10px;
            right: 10px;
        }

        .early-note-compose {
            display: grid;
            gap: 8px;
            margin-top: 12px;
        }

        .early-note-compose textarea,
        .early-field textarea {
            min-height: 92px;
            resize: vertical;
            padding: 12px;
        }

        .early-empty {
            display: grid;
            place-items: center;
            min-height: 210px;
            padding: 24px;
            border: 1px dashed var(--early-border);
            border-radius: 22px;
            background: rgba(255,255,255,.025);
            text-align: center;
            line-height: 1.55;
        }

        #earlyEditorLayer {
            position: fixed;
            inset: 0;
            z-index: 9910;
            display: none;
            place-items: center;
            padding: 18px;
            background: rgba(0,0,0,.64);
        }

        #earlyEditorLayer.open {
            display: grid;
        }

        .early-editor {
            width: min(720px, 100%);
            max-height: min(900px, calc(100vh - 28px));
            overflow: auto;
            padding: clamp(16px, 2vw, 25px);
            border: 1px solid rgba(180,105,255,.28);
            border-radius: 25px;
            background: #0b0d12;
            box-shadow: 0 22px 90px rgba(0,0,0,.72);
        }

        .early-editor h2 {
            margin: 0 0 16px;
            font-size: 25px;
        }

        .early-guide-mobile-detail {
            display: grid;
            gap: 14px;
        }

        .early-guide-modal-head {
            display: grid;
            grid-template-columns: 42px minmax(0, 1fr) 42px;
            align-items: center;
            gap: 10px;
            padding-bottom: 12px;
            border-bottom: 1px solid rgba(255,255,255,.08);
        }

        .early-guide-modal-head h2 {
            min-width: 0;
            margin: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
            font-size: 18px;
        }

        .early-guide-modal-meta {
            min-width: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            flex-wrap: wrap;
            margin-top: 6px;
        }

        .early-guide-mobile-detail .early-guide-mast {
            margin: 0;
        }

        .early-form-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 11px;
        }

        .early-field {
            display: grid;
            gap: 6px;
            color: #8894a8;
            font-size: 12px;
            font-weight: 850;
        }

        .early-field.wide {
            grid-column: 1 / -1;
        }

        .early-field input,
        .early-field select {
            min-height: 45px;
            padding: 0 12px;
        }

        .early-candidates {
            display: flex;
            gap: 9px;
            flex-wrap: wrap;
        }

        .early-candidate {
            width: 94px;
            display: grid;
            gap: 5px;
            justify-items: center;
            padding: 8px;
            border: 1px solid var(--early-border);
            border-radius: 15px;
            background: rgba(255,255,255,.04);
            color: #b8c2d5;
            font: inherit;
            font-size: 10px;
            cursor: pointer;
        }

        .early-candidate img {
            width: 62px;
            height: 62px;
            border-radius: 14px;
            background: #111827;
        }

        @media (max-width: 820px) {
            .early-page { padding: 0; }
            .early-shell { border-radius: 0; }
            .early-head { align-items: start; flex-direction: column; min-height: 0; }
            .early-title { flex-wrap: wrap; }
            .early-title small { width: 100%; padding-left: 59px; }
            .early-head-actions { width: 100%; }
            .early-head-actions button:not(.close) { flex: 1 1 auto; }
            .early-body { height: calc(100% - 139px); grid-template-columns: 1fr; }
            .early-side { border-right: 0; border-bottom: 1px solid var(--early-border); grid-template-rows: auto auto auto; }
            .early-side-list { display: none; }
            .early-main { padding: 13px; }
            .early-hero, .early-detail-grid { grid-template-columns: 1fr; display: grid; }
            .early-form-grid { grid-template-columns: 1fr; }
        }

        /* Early should read like the compact project desk, not a floating module. */
        .early-page {
            padding: clamp(10px, 2vw, 28px);
            background:
                radial-gradient(circle at 8% 92%, rgba(180, 105, 255, 0.12), transparent 28rem),
                radial-gradient(circle at 88% 10%, rgba(34, 211, 238, 0.08), transparent 25rem),
                rgba(1, 3, 7, 0.96);
            backdrop-filter: blur(14px);
        }

        .early-shell {
            width: min(1540px, 100%);
            border-radius: 28px;
            border-color: rgba(255, 255, 255, 0.08);
            background: #0b0c0f;
            box-shadow: 0 28px 90px rgba(0, 0, 0, 0.62);
        }

        .early-head {
            min-height: 54px;
            padding: 8px 14px;
            background: #0b0c0f;
        }

        .early-title {
            gap: 9px;
            font-size: 20px;
        }

        .early-title i {
            width: 35px;
            height: 35px;
            border-radius: 10px;
            font-size: 15px;
        }

        .early-title small {
            font-size: 11px;
            color: #687385;
        }

        .early-head-actions button,
        .early-btn {
            min-height: 35px;
            border-radius: 10px;
            padding: 0 11px;
            font-size: 12px;
        }

        .early-head-actions .close {
            width: 36px;
            border-radius: 10px;
        }

        .early-body {
            height: calc(100% - 54px);
            grid-template-columns: minmax(324px, 382px) minmax(0, 1fr);
        }

        .early-side {
            min-width: 0;
            gap: 11px;
            padding: 13px 12px;
            background: #08090b;
        }

        .early-view-tabs {
            display: flex;
            gap: 7px;
            min-width: 0;
            padding: 0 2px 2px 0;
            overflow-x: auto;
            overflow-y: hidden;
            scrollbar-width: none;
            -ms-overflow-style: none;
            scroll-behavior: smooth;
            scroll-padding-inline: 2px 12px;
            scroll-snap-type: x proximity;
            touch-action: pan-x;
        }

        .early-view-tabs button {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            min-height: 35px;
            padding: 0 7px;
            border-radius: 9px;
            font-size: 12px;
            white-space: nowrap;
            scroll-snap-align: start;
        }

        .early-view-tabs::-webkit-scrollbar {
            display: none;
        }

        .early-search {
            height: 37px;
            border-radius: 8px;
            background: #121419;
        }

        .early-filter-grid {
            gap: 5px;
            padding: 2px 0 7px;
            border-bottom: 1px solid rgba(255,255,255,.07);
        }

        .early-filter-grid button {
            min-height: 26px;
            border-radius: 7px;
            background: transparent;
            border-color: transparent;
            text-transform: uppercase;
            letter-spacing: .03em;
            color: #687385;
            font-size: 10px;
        }

        .early-filter-grid button.active {
            border-color: rgba(255,255,255,.30);
            background: rgba(255,255,255,.08);
            color: #eef2ff;
        }

        .early-filter-selects {
            display: grid;
            grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, .92fr);
            gap: 8px;
            padding: 2px 0 10px;
            border-bottom: 1px solid rgba(255,255,255,.07);
        }

        .early-filter-selects select {
            min-width: 0;
            height: 36px;
            padding: 0 30px 0 11px;
            border: 1px solid var(--early-border);
            border-radius: 9px;
            background: #15181e;
            color: #dbe4f3;
            font: inherit;
            font-size: 12px;
            font-weight: 750;
            outline: none;
        }

        .early-filter-selects select:focus {
            border-color: rgba(180, 105, 255, .44);
        }

        .early-side-list {
            gap: 0;
            padding-right: 0;
        }

        .early-side-item {
            min-height: 63px;
            gap: 10px;
            padding: 9px 7px;
            border-width: 0 0 1px;
            border-radius: 0;
            border-left: 0;
            background: transparent;
        }

        .early-side-item:hover {
            transform: none;
            border-color: rgba(255,255,255,.08);
            background: rgba(255,255,255,.035);
        }

        .early-side-item.active {
            border-color: rgba(255,255,255,.08);
            border-left: 0;
            background: #142945;
        }

        .early-daily-side-group {
            display: grid;
            gap: 8px;
            padding: 10px 0 14px;
            border-bottom: 1px solid rgba(255,255,255,.07);
        }

        .early-daily-side-group:last-child {
            border-bottom: 0;
        }

        .early-daily-side-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            padding: 0 5px;
            color: #a5afc0;
            font-size: 11px;
            font-weight: 950;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        .early-daily-side-card {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 44px;
            align-items: stretch;
            gap: 8px;
            border: 1px solid transparent;
            border-radius: 14px;
            background: #112238;
            overflow: hidden;
        }

        .early-daily-side-card.active {
            border-color: rgba(56, 189, 248, .28);
            background: #19385d;
        }

        .early-daily-side-card.done {
            background: rgba(18, 37, 62, .82);
        }

        .early-daily-side-card.saving,
        .early-mobile-daily-task.saving {
            opacity: .82;
        }

        .early-daily-side-card.done .early-side-name {
            color: #8190a8;
            text-decoration: line-through;
        }

        .early-daily-side-select {
            min-width: 0;
            display: grid;
            grid-template-columns: 39px minmax(0, 1fr);
            align-items: center;
            gap: 10px;
            padding: 11px;
            border: 0;
            background: transparent;
            color: inherit;
            font: inherit;
            text-align: left;
            cursor: pointer;
        }

        .early-daily-side-check {
            display: grid;
            place-items: center;
            align-self: center;
            justify-self: center;
            width: 36px;
            height: 44px;
            border: 0;
            border-radius: 11px;
            background: rgba(14, 165, 233, .72);
            color: #e0f7ff;
            font: inherit;
            font-size: 16px;
            cursor: pointer;
        }

        .early-daily-side-check,
        .early-daily-action {
            position: relative;
            overflow: hidden;
            isolation: isolate;
        }

        .early-daily-side-check:disabled,
        .early-daily-action:disabled {
            cursor: wait;
        }

        .early-daily-confirming {
            animation: earlyDailyButtonPulse .82s ease-in-out infinite;
        }

        .early-daily-confirming::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 18px;
            height: 18px;
            border-radius: 999px;
            background: rgba(255, 255, 255, .35);
            transform: translate(-50%, -50%) scale(0);
            animation: earlyDailyRipple .48s ease-out forwards;
            pointer-events: none;
            z-index: 0;
        }

        .early-daily-confirming i {
            position: relative;
            z-index: 1;
        }

        .early-daily-loading-icon {
            width: 1em;
            height: 1em;
            line-height: 1;
            animation: earlyDailySpinner .72s linear infinite;
        }

        .early-daily-confirmed {
            animation: earlyDailyButtonPop .34s cubic-bezier(.2, 1.25, .32, 1);
        }

        @keyframes earlyDailyRipple {
            0% { opacity: .8; transform: translate(-50%, -50%) scale(.2); }
            100% { opacity: 0; transform: translate(-50%, -50%) scale(4.4); }
        }

        @keyframes earlyDailyIconPop {
            0% { opacity: .45; transform: scale(.58) rotate(-12deg); }
            58% { opacity: 1; transform: scale(1.22) rotate(5deg); }
            100% { opacity: 1; transform: scale(1) rotate(0); }
        }

        @keyframes earlyDailySpinner {
            to { transform: rotate(360deg); }
        }

        @keyframes earlyDailyButtonPop {
            0% { transform: scale(1); }
            55% { transform: scale(1.06); }
            100% { transform: scale(1); }
        }

        @keyframes earlyDailyButtonPulse {
            0%, 100% { box-shadow: 0 0 0 rgba(14, 165, 233, 0); }
            50% { box-shadow: 0 0 0 5px rgba(14, 165, 233, .16); }
        }

        .early-daily-side-card.done .early-daily-side-check {
            background: rgba(148, 163, 184, .36);
            color: #eef2ff;
        }

        .early-daily-action.saving {
            opacity: .86;
        }

        .early-avatar {
            width: 38px;
            height: 38px;
            border-radius: 9px;
        }

        .early-main {
            padding: clamp(14px, 1.6vw, 25px);
            background: #0d0e11;
        }

        .early-workspace-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 15px;
            min-height: 54px;
            margin: -10px -8px 17px;
            padding: 0 10px 12px;
            border-bottom: 1px solid rgba(255,255,255,.08);
        }

        .early-workspace-bar h2 {
            display: flex;
            align-items: center;
            gap: 9px;
            margin: 0;
            color: #cc8bff;
            font-size: 20px;
            font-weight: 950;
        }

        .early-workspace-bar p {
            margin: 3px 0 0;
            color: #677286;
            font-size: 12px;
        }

        .early-portfolio-toolbar {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 14px;
            align-items: center;
            margin: 0 0 18px;
        }

        .early-portfolio-search {
            min-height: 52px;
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 0 16px;
            border: 1px solid rgba(96, 165, 250, 0.22);
            border-radius: 16px;
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(30, 41, 59, 0.72));
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 10px 30px rgba(2,6,23,0.18);
            color: #93c5fd;
        }

        .early-portfolio-search input {
            width: 100%;
            height: 100%;
            border: 0;
            background: transparent;
            color: #f8fafc;
            font: inherit;
            font-size: 14px;
            outline: none;
        }

        .early-portfolio-search input::placeholder {
            color: #7c8aa5;
        }

        .early-portfolio-search-meta {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding-left: 10px;
            border-left: 1px solid rgba(148, 163, 184, 0.16);
            color: #94a3b8;
            font-size: 11px;
            font-weight: 800;
            white-space: nowrap;
        }

        .early-portfolio-home {
            min-height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            padding: 0 12px;
            border: 1px solid rgba(34, 197, 94, 0.24);
            border-radius: 12px;
            background: linear-gradient(135deg, rgba(6, 78, 59, 0.52), rgba(15, 23, 42, 0.88));
            color: #dcfce7;
            font: inherit;
            font-weight: 900;
            font-size: 12px;
            cursor: pointer;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
        }

        .early-portfolio-home:hover {
            border-color: rgba(74, 222, 128, 0.34);
            background: linear-gradient(135deg, rgba(6, 95, 70, 0.66), rgba(15, 23, 42, 0.94));
        }

        .early-hero {
            max-width: 970px;
            min-height: 0;
            margin: 0 auto 17px;
            border-radius: 17px;
            background: #17191e;
        }

        .early-hero h2 {
            font-size: clamp(22px, 2vw, 31px);
        }

        .early-grid {
            gap: 12px;
            grid-template-columns: repeat(auto-fill, minmax(min(330px, 100%), 1fr));
        }

        .early-card {
            min-height: 101px;
            grid-template-columns: 62px minmax(0, 1fr);
            padding: 13px 16px;
            border-radius: 17px;
            background: linear-gradient(180deg, #181a1f, #131419);
        }

        .early-card.selected {
            background: linear-gradient(135deg, rgba(180,105,255,.14), #14151b);
        }

        .early-card-logo {
            width: 62px;
            height: 62px;
            border-radius: 15px;
        }

        .early-pill {
            min-height: 20px;
            padding: 0 7px;
            border-radius: 5px;
            font-size: 10px;
        }

        .early-panel,
        .early-guide-detail {
            border-radius: 17px;
            background: #181a1f;
        }

        .early-detail-grid {
            max-width: 970px;
            margin: 16px auto 0;
        }

        .early-item-screen {
            width: min(1220px, 100%);
            display: grid;
            gap: 20px;
            margin: 0 auto;
        }

        .early-item-back {
            width: max-content;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            border: 0;
            background: transparent;
            color: #a8c8ec;
            font: inherit;
            font-size: 13px;
            cursor: pointer;
        }

        .early-item-back:hover {
            color: #e0f2fe;
        }

        .early-item-profile {
            display: grid;
            gap: 12px;
            padding: clamp(16px, 1.5vw, 22px);
            border: 1px solid rgba(255,255,255,.09);
            border-radius: 20px;
            background: linear-gradient(135deg, rgba(255,255,255,.045), rgba(10,11,14,.96));
        }

        .early-item-profile-main {
            display: flex;
            align-items: center;
            gap: clamp(10px, 1.2vw, 16px);
        }

        .early-item-profile .early-card-logo {
            flex: 0 0 auto;
            width: clamp(72px, 7vw, 96px);
            height: clamp(72px, 7vw, 96px);
            border-radius: 18px;
            font-size: clamp(24px, 2.6vw, 34px);
        }

        .early-item-profile-copy {
            min-width: 0;
            display: grid;
            gap: 8px;
        }

        .early-item-profile-copy h2 {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
            margin: 0;
            color: #fff;
            font-size: clamp(24px, 2.4vw, 38px);
            line-height: 1;
        }

        .early-item-profile-actions {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
        }

        .early-item-social {
            width: 42px;
            height: 42px;
            display: inline-grid;
            place-items: center;
            border: 1px solid var(--early-border);
            border-radius: 11px;
            background: rgba(255,255,255,.055);
            color: #afc6e3;
            text-decoration: none;
            font-size: 16px;
        }

        .early-item-social.about {
            color: #fbbf24;
            background: rgba(245,158,11,.11);
        }

        .early-item-social.discord {
            color: #c084fc;
        }

        .early-item-social.x-link {
            color: #dbeafe;
            border-color: rgba(148, 163, 184, .28);
            background: rgba(255,255,255,.06);
            font-size: 18px;
            font-weight: 950;
            font-family: Arial, Helvetica, sans-serif;
        }

        .early-item-added {
            color: #637086;
            font-size: 12px;
            letter-spacing: .03em;
        }

        .early-item-section {
            padding: clamp(18px, 2vw, 28px);
            border: 1px solid rgba(255,255,255,.09);
            border-radius: 23px;
            background: rgba(16,17,21,.94);
        }

        .early-item-section h3 {
            margin: 0 0 17px;
            padding-bottom: 16px;
            border-bottom: 1px solid rgba(255,255,255,.08);
            color: #f8fafc;
            font-size: 19px;
            font-weight: 950;
        }

        .early-item-about {
            color: #adc4e3;
            font-size: 16px;
            line-height: 1.7;
            white-space: pre-wrap;
            overflow-wrap: anywhere;
        }

        .early-item-screen .early-detail-grid {
            width: 100%;
            max-width: none;
            margin-top: 0;
        }

        .early-tools-screen {
            display: grid;
            gap: 18px;
        }

        .early-tools-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            flex-wrap: wrap;
        }

        .early-tool-categories {
            display: flex;
            align-items: center;
            gap: 9px;
            flex-wrap: wrap;
        }

        .early-tool-categories button {
            min-height: 42px;
            display: inline-flex;
            align-items: center;
            gap: 9px;
            padding: 0 15px;
            border: 1px solid var(--early-border);
            border-radius: 14px;
            background: #171a20;
            color: #9eafc9;
            font: inherit;
            font-weight: 850;
            cursor: pointer;
        }

        .early-tool-categories button.active {
            border-color: rgba(59, 130, 246, .42);
            background: linear-gradient(135deg, rgba(37,99,235,.28), rgba(14,165,233,.12));
            color: #dbeafe;
        }

        .early-tool-categories small {
            min-width: 22px;
            min-height: 22px;
            display: inline-grid;
            place-items: center;
            border-radius: 999px;
            background: rgba(255,255,255,.08);
            color: #9abff7;
            font-size: 11px;
        }

        .early-tool-search {
            height: 55px;
            display: flex;
            align-items: center;
            gap: 13px;
            padding: 0 16px;
            border: 1px solid var(--early-border);
            border-radius: 17px;
            background: #17191e;
            color: #70809a;
            font-size: 17px;
        }

        .early-tool-search input {
            width: 100%;
            height: 100%;
            border: 0;
            background: transparent;
            color: #e5edf9;
            font: inherit;
            outline: none;
        }

        .early-tool-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr));
            gap: 14px;
        }

        .early-tool-card {
            position: relative;
            min-height: 170px;
            display: grid;
            place-items: center;
            padding: 18px;
            border: 1px solid rgba(255,255,255,.09);
            border-radius: 20px;
            background: linear-gradient(145deg, rgba(75,85,130,.23), rgba(26,31,57,.95));
            text-align: center;
            overflow: hidden;
        }

        .early-tool-card.bridge { border-color: rgba(168,85,247,.26); background: linear-gradient(145deg, rgba(88,61,151,.30), rgba(25,31,58,.98)); }
        .early-tool-card.dapp { border-color: rgba(16,185,129,.24); background: linear-gradient(145deg, rgba(6,95,70,.34), rgba(8,52,40,.96)); }
        .early-tool-card.tool { border-color: rgba(245,158,11,.25); background: linear-gradient(145deg, rgba(120,63,12,.38), rgba(60,39,8,.96)); }
        .early-tool-card.faucet { border-color: rgba(56,189,248,.24); background: linear-gradient(145deg, rgba(8,86,119,.34), rgba(13,32,59,.96)); }

        .early-tool-link {
            position: absolute;
            inset: 0;
            z-index: 1;
        }

        .early-tool-content {
            position: relative;
            z-index: 0;
            display: grid;
            justify-items: center;
            gap: 11px;
            pointer-events: none;
        }

        .early-tool-logo {
            width: 64px;
            height: 64px;
            display: grid;
            place-items: center;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,.09);
            border-radius: 17px;
            background: rgba(5,7,12,.62);
            color: #dbeafe;
            font-size: 25px;
        }

        .early-tool-logo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .early-tool-content strong {
            color: #fff;
            font-size: 17px;
            line-height: 1.25;
        }

        .early-tool-content span:last-child {
            color: #7f8a9d;
            font-size: 11px;
            font-weight: 950;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        .early-tool-card-actions {
            position: absolute;
            top: 10px;
            right: 10px;
            z-index: 2;
            display: flex;
            gap: 6px;
            opacity: 0;
            transition: opacity .16s;
        }

        .early-tool-card:hover .early-tool-card-actions,
        .early-tool-card:focus-within .early-tool-card-actions {
            opacity: 1;
        }

        @media (hover: none) {
            .early-tool-card-actions {
                opacity: 1;
            }
        }

        .early-guide-screen {
            width: min(970px, 100%);
            margin: 0 auto;
        }

        .early-guide-mast {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 15px;
            min-height: 108px;
            margin: 2px 0 22px;
            padding: 14px 18px;
            border: 1px solid rgba(255,255,255,.07);
            border-radius: 19px;
            background: linear-gradient(135deg, rgba(12,14,19,.98), rgba(9,10,13,.92));
        }

        .early-guide-identity {
            display: flex;
            align-items: center;
            gap: 17px;
            min-width: 0;
        }

        .early-guide-mark {
            width: 76px;
            height: 76px;
            display: grid;
            place-items: center;
            border: 1px solid rgba(255,255,255,.10);
            border-radius: 20px;
            background: #17191e;
            color: #b64cff;
            font-size: 28px;
        }

        .early-guide-mast h2 {
            margin: 0 0 8px;
            color: #fff;
            font-size: clamp(27px, 2.5vw, 39px);
            line-height: 1.05;
        }

        .early-published {
            display: inline-flex;
            align-items: center;
            min-height: 23px;
            padding: 0 8px;
            border-radius: 4px;
            background: rgba(255,255,255,.09);
            color: #e2e8f0;
            font-size: 11px;
            font-weight: 950;
            text-transform: uppercase;
        }

        .early-guide-status-panel {
            margin-bottom: 24px;
            padding: clamp(18px, 1.7vw, 25px);
        }

        .early-guide-status-line {
            display: grid;
            grid-template-columns: 78px minmax(0, 1fr);
            align-items: center;
            gap: 17px;
        }

        .early-guide-status-line + .early-guide-status-line {
            margin-top: 25px;
            padding-top: 25px;
            border-top: 1px solid rgba(255,255,255,.08);
        }

        .early-guide-status-line strong {
            color: #a3aec2;
            font-size: 13px;
        }

        .early-status-btn,
        .early-mini-btn {
            min-height: 34px;
            border-radius: 8px;
            background: #0e1014;
        }

        .early-status-btn.active {
            border-color: rgba(37,99,235,.55);
            background: #2768ed;
            color: #fff;
        }

        .early-guide-content {
            margin: 0 0 24px;
            padding: clamp(18px, 2vw, 27px);
            border-radius: 17px;
            background: #181a1f;
            line-height: 1.72;
        }

        .early-guide-notes-panel {
            min-height: 128px;
            border-color: rgba(180,105,30,.20);
            background: #1a100b;
        }

        .early-guide-screen > .early-detail-grid {
            align-items: stretch;
        }

        .early-guide-screen > .early-detail-grid .early-panel {
            min-height: 190px;
        }

        @media (max-width: 820px) {
            .early-page { padding: 0; }
            .early-shell { width: 100%; border-radius: 0; }
            .early-body { height: calc(100% - 122px); grid-template-columns: 1fr; }
            .early-side { border-right: 0; border-bottom: 1px solid var(--early-border); grid-template-rows: auto auto auto; }
            .early-side-list { display: none; }
            .early-workspace-bar { align-items: start; flex-direction: column; margin-top: 0; padding-bottom: 12px; }
            .early-guide-mast { align-items: start; flex-direction: column; margin-bottom: 17px; }
            .early-guide-mark { width: 67px; height: 67px; font-size: 24px; }
            .early-guide-status-panel { padding: 16px; }
            .early-guide-status-line { grid-template-columns: 1fr; gap: 9px; }
            .early-item-profile-main { align-items: start; flex-direction: column; }
            .early-item-profile-copy h2 { font-size: clamp(28px, 9vw, 40px); }
        }

        @media (max-width: 520px) {
            .early-filter-selects { grid-template-columns: 1fr 1fr; }
            .early-filter-selects select:first-child { grid-column: 1 / -1; }
            .early-portfolio-toolbar { grid-template-columns: 1fr; }
            .early-portfolio-home { width: 100%; justify-content: center; }
        }

        /* Bottom Bar */
        .bottom-bar {
            height: 25px;
            min-height: 25px;
            border-top: 1px solid var(--border);
            background: #000;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 10px;
            z-index: 50;
            font-size: 11px;
            overflow: visible;
        }

        .bottom-btn {
            background: transparent;
            border: none;
            color: var(--text-sec);
            padding: 0 5px;
            cursor: pointer;
            font-size: 11px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            height: 100%;
            line-height: 1;
        }

        .bottom-btn:hover {
            color: var(--text-main);
        }

        .bottom-btn.primary {
            color: var(--primary);
            font-weight: bold;
        }

        .alarm-history-bottom-btn { position: relative; color: #fbbf24; }
        .alarm-history-badge {
            position: absolute; top: -7px; right: -6px; min-width: 14px; height: 14px;
            padding: 0 3px; border: 2px solid #000; border-radius: 999px;
            background: #ef4444; color: #fff; font-size: 7px; font-weight: 1000;
            line-height: 10px; text-align: center;
        }
        .alarm-history-badge[hidden] { display: none; }

        .bottom-bar-right {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 14px;
            transform: translateY(1px);
            /* Takıntı fix: 1px aşağı kaydırarak textlerle hizalama */
        }

        .bottom-links-wrap {
            position: relative;
            display: flex;
            align-items: center;
        }

        .bottom-links-menu {
            display: none;
            position: absolute;
            right: 0;
            bottom: calc(100% + 10px);
            min-width: 190px;
            padding: 8px;
            border: 1px solid rgba(56, 189, 248, 0.28);
            border-radius: 14px;
            background: rgba(5, 10, 18, 0.98);
            box-shadow: 0 -16px 36px rgba(0, 0, 0, 0.45);
            z-index: 99999;
        }

        .bottom-links-menu.open {
            display: block;
        }

        .bottom-link-item {
            width: 100%;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 12px;
            border: 0;
            border-radius: 10px;
            background: transparent;
            color: var(--text-main);
            font: inherit;
            font-weight: 800;
            cursor: pointer;
            text-align: left;
        }

        .bottom-link-item:hover {
            background: rgba(56, 189, 248, 0.12);
            color: #7dd3fc;
        }

        /* Resize Handle */
        .resize-handle {
            height: 4px;
            cursor: ns-resize;
            background: transparent;
            width: 100%;
            transition: background 0.2s;
        }

        .resize-handle:hover {
            background: var(--primary);
        }

        /* Layout Lock Styles */
        body.layout-locked .column-header {
            cursor: default !important;
        }

        body.layout-locked .icon-btn.remove-module-btn {
            display: none !important;
        }

        /* Hide delete button on mobile */
        @media (max-width: 768px) {
            .icon-btn.remove-module-btn {
                display: none !important;
            }
        }

        /* Drag & Drop Visuals */
        .module.dragging {
            opacity: 0.5;
            border: 2px dashed var(--primary);
        }

        .dynamic-col.drag-over {
            background: rgba(29, 155, 240, 0.05);
        }




        .main-col {
            width: 100%;
            max-width: 600px;
            border-left: 1px solid var(--border);
            border-right: 1px solid var(--border);
            /* min-height: 100vh; REMOVED per user request to fix bottom gap */
        }

        header {
            position: sticky;
            top: 0;
            background: var(--bg);
            /* User Request: Match background */
            /* backdrop-filter: blur(12px); Removed for solid match */
            border-bottom: 1px solid var(--border);
            border-bottom: 1px solid var(--border);
            padding: 0 16px;
            height: var(--header-height);
            min-height: var(--header-height);
            /* Prevent collapsing */
            display: flex;
            align-items: center;
            justify-content: space-between;
            z-index: 100;
            cursor: pointer;
        }

        .header-title {
            font-size: 20px;
            font-weight: 700;
            color: var(--text-main);
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .header-tab {
            font-size: 15px;
            color: var(--text-sec);
            cursor: pointer;
            padding: 5px 10px;
            border-radius: 20px;
            transition: all 0.2s;
        }

        .header-tab.active {
            color: var(--text-main);
            background: rgba(255, 255, 255, 0.1);
            font-weight: bold;
        }

        .header-tab:hover {
            background: rgba(255, 255, 255, 0.05);
        }

        /* Toggle Button */
        .whitelist-toggle {
            font-size: 13px;
            font-weight: 600;
            padding: 5px 12px;
            border-radius: 20px;
            border: 1px solid var(--border);
            color: var(--text-sec);
            cursor: pointer;
            transition: all 0.2s;
        }

        .whitelist-toggle.active {
            background: var(--primary);
            color: white;
            border-color: var(--primary);
        }

        .filter-toggle-btn.active {
            background: rgba(29, 155, 240, 0.15);
            color: var(--primary);
            border: 1px solid var(--primary);
        }

        .refresh-pill {
            display: none;
            position: fixed;
            top: 70px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--primary);
            color: white;
            padding: 10px 20px;
            border-radius: 20px;
            font-size: 15px;
            font-weight: bold;
            box-shadow: 0 0 10px rgba(29, 155, 240, 0.4);
            cursor: pointer;
            z-index: 101;
        }

        .search-area {
            padding: 10px 16px;
            border-bottom: 1px solid var(--border);
        }

        .x-input {
            width: 100%;
            background: #202327;
            border: 1px solid transparent;
            color: var(--text-main);
            padding: 12px 20px;
            border-radius: 9999px;
            font-size: 15px;
            box-sizing: border-box;
        }

        .x-input:focus {
            outline: none;
            border-color: var(--primary);
            background: #000;
        }

        .tweet {
            padding: 12px 16px;
            border-bottom: 1px solid var(--border);
            display: flex;
            gap: 12px;
            cursor: pointer;
            transition: background 0.2s, opacity 1s ease-in-out;
            position: relative;
            contain: layout paint style;
            content-visibility: auto;
            contain-intrinsic-size: 120px;
        }

        .tweet:hover {
            background-color: rgba(255, 255, 255, 0.03);
        }

        #authorFeed .tweet.author-feed-filter-hidden {
            display: none !important;
        }
        #authorFeed:not([data-author-feed-filter="all"]) .tweet { display:none !important; }
        #authorFeed[data-author-feed-filter="tweet"] .tweet[data-author-feed-type="tweet"],
        #authorFeed[data-author-feed-filter="reply"] .tweet[data-author-feed-type="reply"],
        #authorFeed[data-author-feed-filter="quote"] .tweet[data-author-feed-type="quote"],
        #authorFeed[data-author-feed-filter="retweet"] .tweet[data-author-feed-type="retweet"],
        #authorFeed[data-author-feed-filter="follow"] .tweet[data-author-feed-type="follow"] { display:flex !important; }

        .tweet.xt-live-new {
            --xt-live-rgb: var(--unread-accent-rgb, 29, 155, 240);
            overflow: hidden;
            will-change: transform, filter, box-shadow;
            animation: xTrackerLiveCardIn 3s cubic-bezier(.18, .82, .28, 1) both;
            isolation: isolate;
        }

        .tweet.xt-live-new.tier-onemli {
            --xt-live-rgb: var(--tweet-tier-rgb, 250, 204, 21);
            animation-name: xTrackerLiveImportantIn;
            animation-duration: 3.7s;
        }

        .tweet.xt-live-new.tier-cok_onemli {
            --xt-live-rgb: var(--tweet-tier-rgb, 251, 113, 133);
            animation-name: xTrackerLiveCriticalIn;
            animation-duration: 4.4s;
        }

        .tweet.xt-live-new::before {
            content: '';
            position: absolute;
            inset: 0;
            pointer-events: none;
            background:
                linear-gradient(90deg, rgba(var(--xt-live-rgb), 0.30), transparent 48%),
                radial-gradient(circle at 12% 50%, rgba(var(--xt-live-rgb), 0.24), transparent 38%);
            opacity: 0;
            z-index: 0;
            animation: xTrackerLiveCardWash 3s ease-out both;
        }

        .tweet.xt-live-new::after {
            content: '';
            position: absolute;
            inset: 0 auto 0 0;
            width: 4px;
            pointer-events: none;
            z-index: 2;
            background: rgb(var(--xt-live-rgb));
            box-shadow: 0 0 18px 3px rgba(var(--xt-live-rgb), 0.72);
            transform-origin: center;
            animation: xTrackerLiveEdgePulse 3s ease-out both;
        }

        .tweet.xt-live-new.tier-onemli::before,
        .tweet.xt-live-new.tier-onemli::after {
            animation-duration: 3.7s;
        }

        .tweet.xt-live-new.tier-cok_onemli::before,
        .tweet.xt-live-new.tier-cok_onemli::after {
            animation-duration: 4.4s;
        }

        .tweet.xt-live-new > * {
            position: relative;
            z-index: 1;
        }

        @keyframes xTrackerLiveCardIn {
            0% {
                transform: translateY(-7px) scale(.992);
                filter: brightness(1.22) saturate(1.18);
                box-shadow: inset 4px 0 0 rgba(var(--xt-live-rgb), 1), 0 0 20px rgba(var(--xt-live-rgb), .20);
            }
            38% {
                transform: translateY(0);
                filter: brightness(1.09) saturate(1.08);
                box-shadow: inset 4px 0 0 rgba(var(--xt-live-rgb), .72), 0 0 12px rgba(var(--xt-live-rgb), .12);
            }
            100% {
                transform: translateY(0);
                filter: brightness(1);
                box-shadow: inset 0 0 0 rgba(var(--xt-live-rgb), 0), 0 0 0 rgba(var(--xt-live-rgb), 0);
            }
        }

        @keyframes xTrackerLiveImportantIn {
            0% { transform: translateY(-8px) scale(.99); filter: brightness(1.28) saturate(1.28); box-shadow: inset 5px 0 0 rgba(var(--xt-live-rgb), 1), 0 0 25px rgba(var(--xt-live-rgb), .28); }
            30% { transform: translateY(0) scale(1); filter: brightness(1.10); box-shadow: inset 5px 0 0 rgba(var(--xt-live-rgb), .70), 0 0 12px rgba(var(--xt-live-rgb), .16); }
            52% { filter: brightness(1.20) saturate(1.16); box-shadow: inset 5px 0 0 rgba(var(--xt-live-rgb), .92), 0 0 20px rgba(var(--xt-live-rgb), .22); }
            100% { transform: translateY(0) scale(1); filter: brightness(1); box-shadow: inset 0 0 0 rgba(var(--xt-live-rgb), 0), 0 0 0 rgba(var(--xt-live-rgb), 0); }
        }

        @keyframes xTrackerLiveCriticalIn {
            0% { transform: translateY(-9px) scale(.987); filter: brightness(1.35) saturate(1.35); box-shadow: inset 6px 0 0 rgba(var(--xt-live-rgb), 1), 0 0 30px rgba(var(--xt-live-rgb), .36); }
            24% { transform: translateY(0) scale(1); filter: brightness(1.12); box-shadow: inset 6px 0 0 rgba(var(--xt-live-rgb), .72), 0 0 14px rgba(var(--xt-live-rgb), .16); }
            43% { filter: brightness(1.30) saturate(1.28); box-shadow: inset 6px 0 0 rgba(var(--xt-live-rgb), 1), 0 0 28px rgba(var(--xt-live-rgb), .34); }
            65% { filter: brightness(1.08); box-shadow: inset 4px 0 0 rgba(var(--xt-live-rgb), .58), 0 0 10px rgba(var(--xt-live-rgb), .12); }
            100% { transform: translateY(0) scale(1); filter: brightness(1); box-shadow: inset 0 0 0 rgba(var(--xt-live-rgb), 0), 0 0 0 rgba(var(--xt-live-rgb), 0); }
        }

        @keyframes xTrackerLiveCardWash {
            0% { opacity: 0; transform: translateX(-14%); }
            7% { opacity: 0.96; transform: translateX(-8%); }
            19% { opacity: 0.10; transform: translateX(-2%); }
            31% { opacity: 0.82; transform: translateX(1%); }
            46% { opacity: 0.08; transform: translateX(6%); }
            100% { opacity: 0; transform: translateX(12%); }
        }

        @keyframes xTrackerLiveEdgePulse {
            0% { opacity: 0; transform: scaleY(.35); }
            7% { opacity: 1; transform: scaleY(1); }
            19% { opacity: .16; transform: scaleY(.62); }
            31% { opacity: .92; transform: scaleY(1); }
            46% { opacity: .10; transform: scaleY(.68); }
            100% { opacity: 0; transform: scaleY(.45); }
        }

        @media (prefers-reduced-motion: reduce) {
            .tweet.xt-live-new,
            .tweet.xt-live-new::before,
            .tweet.xt-live-new::after {
                animation: none !important;
            }
        }

        .tweet.unread {
            background: linear-gradient(90deg, rgba(var(--unread-accent-rgb, 29, 155, 240), 0.05) 0%, rgba(var(--unread-accent-rgb, 29, 155, 240), 0.0) 100%);
            border-left: none;
        }

        .tweet.unread .avatar-col {
            position: relative;
        }

        /* Updated Unread Style: Pulsing Border on Avatar */
        .tweet.unread .avatar {
            border: 2px solid var(--unread-accent, #1d9bf0);
            box-shadow: 0 0 10px rgba(var(--unread-accent-rgb, 29, 155, 240), 0.5);
            animation: pulse-border 2s infinite;
        }

        /* Hide previously added dot */
        .tweet.unread .avatar-col::after {
            display: none;
        }

        @keyframes pulse-border {
            0% {
                box-shadow: 0 0 0 0 rgba(var(--unread-accent-rgb, 29, 155, 240), 0.7);
                border-color: var(--unread-accent, #1d9bf0);
            }

            70% {
                box-shadow: 0 0 0 6px rgba(var(--unread-accent-rgb, 29, 155, 240), 0);
                border-color: rgba(var(--unread-accent-rgb, 29, 155, 240), 0.5);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(var(--unread-accent-rgb, 29, 155, 240), 0);
                border-color: var(--unread-accent, #1d9bf0);
            }
        }

        .tweet.unread:hover {
            background: linear-gradient(90deg, rgba(var(--unread-accent-rgb, 29, 155, 240), 0.08) 0%, rgba(var(--unread-accent-rgb, 29, 155, 240), 0.02) 80%);
        }

        .tweet.tier-onemli,
        .tweet.tier-cok_onemli {
            border-left: 2px solid var(--tweet-tier-color, var(--primary));
            border-bottom-color: rgba(var(--tweet-tier-rgb, 29, 155, 240), 0.32);
            background:
                linear-gradient(90deg, rgba(var(--tweet-tier-rgb, 29, 155, 240), 0.105), rgba(var(--tweet-tier-rgb, 29, 155, 240), 0.018) 72%),
                rgba(255, 255, 255, 0.006);
            box-shadow: inset 0 0 0 1px rgba(var(--tweet-tier-rgb, 29, 155, 240), 0.10);
        }

        .tweet.tier-cok_onemli {
            box-shadow:
                inset 0 0 0 1px rgba(var(--tweet-tier-rgb, 29, 155, 240), 0.18),
                0 0 18px rgba(var(--tweet-tier-rgb, 29, 155, 240), 0.12);
        }

        .tweet.tier-onemli:hover,
        .tweet.tier-cok_onemli:hover {
            background:
                linear-gradient(90deg, rgba(var(--tweet-tier-rgb, 29, 155, 240), 0.145), rgba(var(--tweet-tier-rgb, 29, 155, 240), 0.032) 78%),
                rgba(255, 255, 255, 0.014);
        }

        .tweet.tier-onemli .tweet-header .name,
        .tweet.tier-cok_onemli .tweet-header .name {
            color: var(--tweet-tier-color, var(--text-main));
            text-shadow: 0 0 12px rgba(var(--tweet-tier-rgb, 29, 155, 240), 0.26);
        }

        .tweet.tier-onemli .tweet-header .handle,
        .tweet.tier-cok_onemli .tweet-header .handle {
            color: color-mix(in srgb, var(--tweet-tier-color, var(--text-sec)) 78%, #ffffff);
        }

        /* Author history stays neutral; NEW/avatar and tier colors convey status. */
        #authorFeed > .tweet {
            background: transparent;
            box-shadow: none;
        }

        #authorFeed > .tweet:hover {
            background: rgba(255, 255, 255, 0.025);
            box-shadow: none;
        }

        .tweet.read-card {
            opacity: var(--read-opacity, 0.7);
        }

        /* Liked Tweets is an archive view: read state must not visually mute cards. */
        #likedFeed > .tweet.read-card {
            opacity: 1;
        }

        /* Odak filtresi kartları DOM'da tutar; aç/kapat yalnızca görünürlüğü değiştirir. */
        #timeline-main.x-noise-filter-active > .tweet.x-noise-filtered {
            display: none !important;
        }

        /* Odak rozetine basıldığında yalnızca gizlenmiş okunmamışları incelet. */
        #timeline-main.x-noise-review-active > .tweet {
            display: none !important;
        }

        #timeline-main.x-noise-review-active > .tweet.x-noise-filtered.unread:not([data-xt-hidden-preview]) {
            /* Match the normal tweet card's two-column flex layout. `block`
               centered the avatar above the content in review mode. */
            display: flex !important;
        }

        .tweet.follow-card.coin-follow-match {
            background:
                linear-gradient(90deg, rgba(245, 158, 11, 0.055), rgba(245, 158, 11, 0.012) 72%),
                rgba(255, 255, 255, 0.006);
        }

        .tweet.follow-card.coin-follow-match:hover {
            background:
                linear-gradient(90deg, rgba(245, 158, 11, 0.085), rgba(245, 158, 11, 0.02) 72%),
                rgba(255, 255, 255, 0.02);
        }

        .tweet.follow-card.coin-follow-match .followed-card {
            border-color: rgba(245, 158, 11, 0.34) !important;
            background:
                radial-gradient(circle at top right, rgba(245, 158, 11, 0.10), transparent 42%),
                rgba(245, 158, 11, 0.025) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
        }

        .follow-target-coin-pill {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            margin-left: 6px;
            padding: 2px 6px;
            border-radius: 999px;
            border: 1px solid rgba(245, 158, 11, 0.28);
            background: rgba(245, 158, 11, 0.10);
            color: #fbbf24;
            font-size: 10px;
            font-weight: 900;
            line-height: 1;
            vertical-align: middle;
        }

        .follow-button.coin-linked,
        .followed-card .follow-target-button.coin-linked {
            background: linear-gradient(135deg, rgba(245, 158, 11, 0.95), rgba(217, 119, 6, 0.95)) !important;
            color: #0b0b0b !important;
            box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.22), 0 8px 22px rgba(245, 158, 11, 0.12);
        }

        .unread-count-badge {
            background-color: var(--primary);
            color: white;
            font-size: 11px;
            padding: 1px 6px;
            border-radius: 10px;
            margin-left: 6px;
            font-weight: bold;
            display: none;
            /* Hidden by default */
        }

        .news-module {
            background:
                linear-gradient(180deg, rgba(11, 18, 32, 0.92) 0%, rgba(5, 8, 12, 0.96) 54%, rgba(6, 10, 10, 0.98) 100%);
        }

        .news-controls {
            display: flex;
            flex-direction: column;
            padding: 8px 10px 10px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.07);
            background: rgba(255, 255, 255, 0.025);
            flex-shrink: 0;
        }

        .news-search-row {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .news-filter-chip {
            height: 30px;
            padding: 0 11px;
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            background: rgba(255, 255, 255, 0.045);
            color: #aab5c7;
            font-size: 11px;
            font-weight: 800;
            cursor: pointer;
            white-space: nowrap;
        }

        .news-filter-chip.active {
            color: #fde68a;
            border-color: rgba(245, 158, 11, 0.4);
            background: rgba(245, 158, 11, 0.12);
        }

        .news-search-box {
            flex: 1;
            min-width: 0;
            height: 30px;
            display: flex;
            align-items: center;
            gap: 7px;
            padding: 0 9px;
            border-radius: 7px;
            border: 1px solid rgba(255, 255, 255, 0.09);
            background: rgba(0, 0, 0, 0.34);
        }

        .news-search-box.loading {
            border-color: rgba(96, 165, 250, 0.32);
            box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.12) inset;
        }

        .news-search-box input {
            width: 100%;
            min-width: 0;
            border: 0;
            outline: 0;
            background: transparent;
            color: var(--text-main);
            font-size: 12px;
        }

        .news-search-spinner {
            width: 12px;
            height: 12px;
            display: none;
            align-items: center;
            justify-content: center;
            color: #60a5fa;
            font-size: 11px;
            flex-shrink: 0;
        }

        .news-search-box.loading .news-search-spinner {
            display: inline-flex;
            animation: spin 0.8s linear infinite;
        }

        .news-list {
            height: 100%;
            overflow-y: auto;
            padding: 0;
        }

        .news-card {
            position: relative;
            display: grid;
            grid-template-columns: 64px minmax(0, 1fr);
            gap: 10px;
            padding: 13px 11px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.065);
            cursor: pointer;
            transition: background 0.16s ease, opacity 0.16s ease;
        }

        .news-card:hover {
            background: rgba(255, 255, 255, 0.045);
        }

        .news-card.read {
            opacity: var(--read-opacity, 0.7);
        }

        .news-card.read .news-card-title,
        .news-card.read .news-card-summary,
        .news-card.read .news-time {
            color: #818894;
        }

        .news-card-meta {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 6px;
            min-width: 0;
            text-align: center;
        }

        .news-type-pill {
            max-width: 60px;
            padding: 4px 7px;
            border-radius: 6px;
            background: rgba(30, 41, 59, 0.72);
            border: 1px solid rgba(148, 163, 184, 0.12);
            color: #cbd5e1;
            font-size: 10px;
            line-height: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-transform: capitalize;
        }

        .news-type-pill.type-crypto {
            background: rgba(29, 78, 216, 0.34);
            border-color: rgba(96, 165, 250, 0.22);
            color: #dbeafe;
        }

        .news-type-pill.type-macro {
            background: rgba(31, 41, 55, 0.82);
            border-color: rgba(148, 163, 184, 0.14);
            color: #d1d5db;
        }

        .news-type-pill.type-summary {
            background: rgba(30, 64, 175, 0.46);
            border-color: rgba(56, 189, 248, 0.2);
            color: #7dd3fc;
        }

        .news-type-pill.type-warning,
        .news-type-pill.type-alert {
            background: rgba(120, 53, 15, 0.6);
            border-color: rgba(245, 158, 11, 0.22);
            color: #fbbf24;
        }

        .news-time {
            color: #a8b3c7;
            font-size: 10px;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            line-height: 1.2;
            white-space: nowrap;
        }

        .news-card-title {
            color: var(--text-main);
            font-size: 13px;
            font-weight: 850;
            line-height: 1.45;
            overflow-wrap: anywhere;
        }

        .news-card-summary {
            margin-top: 5px;
            color: #9ca3af;
            font-size: 11px;
            line-height: 1.45;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .news-load-wrap {
            padding: 12px;
        }

        .news-load-btn {
            width: 100%;
            height: 34px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 7px;
            background: rgba(255, 255, 255, 0.045);
            color: var(--text-main);
            font-size: 12px;
            font-weight: 800;
            cursor: pointer;
            transition: border-color 0.18s ease, background 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
        }

        .news-load-btn.loading,
        .news-load-btn:disabled,
        .news-detail-load-btn.loading,
        .news-detail-load-btn:disabled {
            cursor: wait;
            opacity: 0.82;
            border-color: rgba(56, 189, 248, 0.42);
            background: linear-gradient(135deg, rgba(14, 165, 233, 0.16), rgba(59, 130, 246, 0.08));
            animation: newsLoadPulse 1s ease-in-out infinite;
        }

        @keyframes newsLoadPulse {
            0%, 100% {
                box-shadow: 0 0 0 rgba(56, 189, 248, 0);
                transform: translateY(0);
            }
            50% {
                box-shadow: 0 0 18px rgba(56, 189, 248, 0.22);
                transform: translateY(-1px);
            }
        }

        .news-empty {
            padding: 30px 16px;
            text-align: center;
            color: var(--text-sec);
            font-size: 12px;
            line-height: 1.5;
        }

        .news-detail-overlay {
            position: fixed;
            inset: 0;
            z-index: 100000;
            background: rgba(0, 0, 0, 0.76);
            backdrop-filter: blur(8px);
            display: flex;
            align-items: stretch;
            justify-content: center;
        }

        .news-detail-shell {
            width: min(980px, 100vw);
            height: 100vh;
            display: grid;
            grid-template-columns: 340px minmax(0, 1fr);
            background: #090b0d;
            border-left: 1px solid rgba(255, 255, 255, 0.08);
            border-right: 1px solid rgba(255, 255, 255, 0.08);
        }

        .news-detail-sidebar {
            overflow-y: auto;
            border-right: 1px solid rgba(255, 255, 255, 0.08);
            background: #0c0e10;
        }

        .news-detail-sidebar-controls {
            position: sticky;
            top: 0;
            z-index: 2;
            padding: 12px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            background: linear-gradient(180deg, rgba(12, 14, 16, 0.98) 0%, rgba(12, 14, 16, 0.94) 100%);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }

        .news-detail-sidebar-buttons {
            display: flex;
            gap: 6px;
        }

        .news-detail-sidebar-buttons .news-filter-chip {
            flex: 1;
            justify-content: center;
        }

        .news-detail-side-item {
            padding: 14px 12px;
            display: grid;
            grid-template-columns: 62px minmax(0, 1fr);
            gap: 11px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
            cursor: pointer;
        }

        .news-detail-side-item.active {
            background: rgba(245, 158, 11, 0.08);
            box-shadow: inset 3px 0 0 #f59e0b;
        }

        .news-detail-side-item.unread:not(.active) {
            background: rgba(255, 255, 255, 0.018);
        }

        .news-detail-side-item.unread:not(.active) .news-detail-side-title {
            color: #f3f4f6;
            font-weight: 760;
        }

        .news-detail-side-item.read:not(.active) {
            opacity: 0.64;
        }

        .news-detail-side-item.read .news-detail-side-title,
        .news-detail-side-item.read .news-time {
            color: #878e99;
            font-weight: 540;
        }

        .news-detail-side-title {
            color: #b8bcc5;
            font-size: 12px;
            font-weight: 620;
            line-height: 1.45;
        }

        .news-detail-sidebar-load {
            padding: 12px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        }

        .news-detail-load-btn {
            width: 100%;
            height: 32px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            border-radius: 7px;
            border: 1px solid rgba(96, 165, 250, 0.18);
            background: rgba(59, 130, 246, 0.08);
            color: #bfdbfe;
            font-size: 11px;
            font-weight: 800;
            cursor: pointer;
        }

        .news-detail-load-btn.retry {
            border-color: rgba(251, 191, 36, 0.34);
            background: rgba(245, 158, 11, 0.12);
            color: #fde68a;
        }

        .news-load-more-error {
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            color: #fbbf24;
            font-size: 10px;
            font-weight: 750;
            line-height: 1.35;
            text-align: center;
        }

        .news-detail-nav {
            position: fixed;
            right: max(22px, calc((100vw - 980px) / 2 + 16px));
            top: 50%;
            transform: translateY(-50%);
            z-index: 100002;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .news-detail-nav button {
            width: 34px;
            height: 34px;
            border-radius: 10px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            background: rgba(255, 255, 255, 0.06);
            color: #dbeafe;
            cursor: pointer;
        }

        .news-detail-nav button:disabled {
            opacity: 0.35;
            cursor: not-allowed;
        }

        .news-detail-main {
            overflow-y: auto;
            padding: 38px 48px 56px;
        }

        .news-detail-topline {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 24px;
        }

        .news-detail-title {
            margin: 0 0 20px;
            color: #f5f1e8;
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(22px, 2.2vw, 30px);
            line-height: 1.1;
            font-weight: 900;
            letter-spacing: 0;
        }

        .news-detail-date {
            color: #9ca3af;
            font-size: 12px;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            margin-bottom: 26px;
        }

        .news-detail-actions {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .news-save-btn.active {
            color: #fbbf24 !important;
            border-color: rgba(245, 158, 11, 0.35) !important;
            background: rgba(245, 158, 11, 0.12) !important;
        }

        .news-ai-box {
            position: relative;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 7px;
            background: rgba(255, 255, 255, 0.04);
            padding: 26px 28px 22px;
            margin-bottom: 34px;
        }

        .news-ai-label {
            position: absolute;
            top: -14px;
            left: 20px;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            height: 26px;
            padding: 0 11px;
            border-radius: 5px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            background: #11151b;
            color: #7dd3fc;
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.04em;
        }

        .news-ai-box ul {
            margin: 0;
            padding-left: 18px;
            color: #e5e7eb;
            font-size: 15px;
            line-height: 1.8;
        }

        .news-ai-box li::marker {
            color: #60a5fa;
        }

        .news-detail-hero {
            margin: 0 0 28px;
        }

        .news-detail-hero img {
            width: 100%;
            display: block;
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(255, 255, 255, 0.03);
        }

        .news-detail-content {
            color: #e5e7eb;
            font-size: 15px;
            line-height: 1.9;
            white-space: pre-line;
        }

        .news-summary-sections {
            margin-top: 38px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

        .news-summary-section {
            padding: 28px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }

        .news-summary-section:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

        .news-summary-section h3 {
            margin: 0 0 12px;
            color: #f3f4f6;
            font-size: 20px;
            line-height: 1.35;
            font-weight: 820;
        }

        .news-summary-section p {
            margin: 0;
            color: #d1d5db;
            font-size: 14px;
            line-height: 1.85;
            white-space: pre-line;
        }

        .news-summary-section-source {
            margin-top: 10px;
            color: #6b7280;
            font-size: 11px;
            line-height: 1.5;
        }

        .news-sources {
            margin-top: 44px;
            padding-top: 24px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

        .news-source-item {
            margin-top: 14px;
            color: #9ca3af;
            font-size: 12px;
            line-height: 1.55;
        }

        .news-source-item a {
            color: #bfdbfe;
            text-decoration: none;
        }

        .live-market-module {
            background:
                radial-gradient(circle at 20% 0%, rgba(34, 211, 238, 0.08), transparent 34%),
                radial-gradient(circle at 95% 8%, rgba(168, 85, 247, 0.07), transparent 30%),
                #050607;
        }

        .live-market-tabs {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 8px 10px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.07);
            overflow-x: auto;
            scrollbar-width: none;
            scroll-behavior: smooth;
            flex-shrink: 0;
        }

        .live-market-tabs::-webkit-scrollbar {
            display: none;
        }

        .live-market-tab {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            height: 30px;
            padding: 0 12px;
            border-radius: 999px;
            border: 1px solid rgba(148, 163, 184, 0.18);
            background: rgba(255, 255, 255, 0.045);
            color: #94a3b8;
            font-size: 12px;
            font-weight: 900;
            white-space: nowrap;
            cursor: pointer;
            transition: all 0.18s ease;
        }

        .live-market-tab.active {
            color: #f8fafc;
            border-color: rgba(34, 211, 238, 0.48);
            background: linear-gradient(135deg, rgba(34, 211, 238, 0.20), rgba(59, 130, 246, 0.10));
            box-shadow: 0 0 0 1px rgba(14, 165, 233, 0.12) inset, 0 10px 28px rgba(14, 165, 233, 0.10);
        }

        .live-market-header-add-btn.active {
            color: #dffbff !important;
            border-color: rgba(34, 211, 238, 0.42) !important;
            background: linear-gradient(135deg, rgba(34, 211, 238, 0.26), rgba(14, 165, 233, 0.18)) !important;
            box-shadow: 0 0 0 1px rgba(103, 232, 249, 0.16) inset, 0 10px 24px rgba(14, 165, 233, 0.18);
            transform: translateY(-1px);
        }

        .live-market-add {
            display: flex;
            gap: 7px;
            padding: 8px 10px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.07);
            background: rgba(15, 23, 42, 0.35);
            flex-shrink: 0;
            position: relative;
        }

        .live-market-add input {
            min-width: 0;
            flex: 1;
            height: 34px;
            border-radius: 12px;
            border: 1px solid rgba(148, 163, 184, 0.16);
            background: rgba(0, 0, 0, 0.32);
            color: #e5e7eb;
            padding: 0 12px;
            font-size: 12px;
            font-weight: 700;
            outline: none;
            text-transform: uppercase;
        }

        .live-market-add button,
        .live-market-chart-btn {
            border: 1px solid rgba(34, 211, 238, 0.22);
            background: rgba(34, 211, 238, 0.10);
            color: #67e8f9;
            border-radius: 12px;
            font-size: 12px;
            font-weight: 900;
            cursor: pointer;
        }

        .live-market-add-panel {
            position: relative;
            flex-shrink: 0;
            display: none;
        }

        .live-market-add-panel.open {
            display: block;
        }

        .live-market-suggestions {
            position: absolute;
            left: 10px;
            right: 10px;
            top: calc(100% - 4px);
            z-index: 60;
            border: 1px solid rgba(34, 197, 94, 0.22);
            border-radius: 14px;
            background: rgba(7, 10, 14, 0.96);
            box-shadow: 0 18px 44px rgba(0, 0, 0, 0.45);
            overflow: hidden;
            display: none;
        }

        .live-market-suggestion {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 9px 12px;
            color: #d1fae5;
            font-size: 12px;
            font-weight: 900;
            cursor: pointer;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        }

        .live-market-suggestion:hover {
            background: rgba(34, 197, 94, 0.10);
        }

        .live-market-suggestion.searching {
            justify-content: flex-start;
            color: #67e8f9;
            cursor: default;
        }

        .live-market-search-spinner {
            width: 13px;
            height: 13px;
            border-radius: 999px;
            border: 2px solid rgba(103, 232, 249, 0.24);
            border-top-color: #67e8f9;
            animation: liveMarketSearchSpin 0.75s linear infinite;
        }

        .live-market-add-panel.searching .live-market-add::after {
            content: "";
            position: absolute;
            right: 62px;
            top: 50%;
            width: 13px;
            height: 13px;
            margin-top: -6.5px;
            border-radius: 999px;
            border: 2px solid rgba(103, 232, 249, 0.22);
            border-top-color: #67e8f9;
            animation: liveMarketSearchSpin 0.75s linear infinite;
            pointer-events: none;
        }

        @keyframes liveMarketSearchSpin {
            to {
                transform: rotate(360deg);
            }
        }

        .live-market-add-status {
            min-height: 21px;
            padding: 0 12px 8px 12px;
            color: #22c55e;
            font-size: 12px;
            font-weight: 900;
        }

        .live-market-add button:disabled {
            opacity: 0.58;
            cursor: not-allowed;
            background: #475569 !important;
            color: #cbd5e1 !important;
            border-color: rgba(148, 163, 184, 0.18) !important;
        }

        .live-market-tools {
            display: flex;
            align-items: center;
            gap: 7px;
            padding: 8px 10px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.07);
            background: rgba(0, 0, 0, 0.18);
            flex-shrink: 0;
        }

        .live-market-filter {
            min-width: 0;
            flex: 1;
            height: 32px;
            border-radius: 11px;
            border: 1px solid rgba(148, 163, 184, 0.14);
            background: rgba(255, 255, 255, 0.04);
            color: #e5e7eb;
            padding: 0 12px;
            font-size: 12px;
            font-weight: 800;
            outline: none;
        }

        .live-market-tool-btn {
            width: 34px;
            height: 32px;
            border-radius: 11px;
            border: 1px solid rgba(148, 163, 184, 0.14);
            background: rgba(255, 255, 255, 0.05);
            color: #94a3b8;
            cursor: pointer;
            font-weight: 950;
        }

        .live-market-tool-btn.active {
            color: #f8fafc;
            border-color: rgba(168, 85, 247, 0.55);
            background: linear-gradient(135deg, rgba(168, 85, 247, 0.35), rgba(14, 165, 233, 0.12));
        }

        .live-market-row.dragging {
            opacity: 0.48;
            transform: scale(0.985);
        }

        .live-market-row.drag-over {
            background: rgba(34, 211, 238, 0.10);
            box-shadow: inset 3px 0 0 #22d3ee;
        }

        .live-market-watchlist-modal {
            width: min(520px, 94vw);
            border-radius: 22px;
            border: 1px solid rgba(168, 85, 247, 0.26);
            background: #19182b;
            box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55);
            padding: 26px;
        }

        .live-market-settings-modal {
            width: min(620px, 94vw);
            max-height: min(720px, 92vh);
            display: flex;
            flex-direction: column;
            border-radius: 22px;
            border: 1px solid rgba(34, 211, 238, 0.24);
            background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(8, 10, 15, 0.98));
            box-shadow: 0 30px 90px rgba(0, 0, 0, 0.58);
            padding: 20px;
        }

        .live-market-settings-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
            overflow-y: auto;
            padding-right: 4px;
            margin: 14px 0;
        }

        .live-market-settings-row {
            display: grid;
            grid-template-columns: 30px minmax(0, 1fr) auto auto;
            gap: 8px;
            align-items: center;
            border: 1px solid rgba(148, 163, 184, 0.14);
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.045);
            padding: 9px;
        }

        .live-market-settings-row input[type="text"] {
            min-width: 0;
            height: 34px;
            border-radius: 9px;
            border: 1px solid rgba(148, 163, 184, 0.16);
            background: rgba(0, 0, 0, 0.24);
            color: #f8fafc;
            font-size: 13px;
            font-weight: 850;
            padding: 0 10px;
            outline: none;
        }

        .live-market-settings-row input[type="color"] {
            width: 28px;
            height: 28px;
            border: 0;
            background: transparent;
            padding: 0;
            cursor: pointer;
        }

        .live-market-settings-actions {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .live-market-settings-actions button,
        .live-market-settings-add button {
            height: 32px;
            border-radius: 9px;
            border: 1px solid rgba(148, 163, 184, 0.16);
            background: rgba(255, 255, 255, 0.055);
            color: #cbd5e1;
            cursor: pointer;
            font-size: 12px;
            font-weight: 900;
            padding: 0 10px;
        }

        .live-market-settings-actions button.save {
            color: #67e8f9;
            border-color: rgba(34, 211, 238, 0.28);
            background: rgba(34, 211, 238, 0.10);
        }

        .live-market-settings-actions button.delete {
            color: #fb7185;
            border-color: rgba(251, 113, 133, 0.24);
            background: rgba(251, 113, 133, 0.08);
        }

        .live-market-settings-add {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 34px auto;
            gap: 8px;
            align-items: center;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            padding-top: 14px;
        }

        .live-market-symbol-watch-modal {
            width: min(360px, 92vw);
            border-radius: 22px;
            border: 1px solid rgba(168, 85, 247, 0.22);
            background: linear-gradient(180deg, rgba(25, 24, 43, 0.98), rgba(14, 16, 24, 0.98));
            box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55);
            padding: 20px;
            transform: translateY(8px) scale(0.98);
            opacity: 0;
            animation: liveMarketWatchModalIn 180ms ease forwards;
        }

        #liveMarketSymbolWatchOverlay {
            justify-content: center !important;
            align-items: center !important;
            padding: 18px;
        }

        @keyframes liveMarketWatchModalIn {
            to {
                transform: translateY(0) scale(1);
                opacity: 1;
            }
        }

        .live-market-watch-option {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 0;
            color: #d1d5db;
            font-size: 16px;
            font-weight: 800;
            cursor: pointer;
        }

        .live-market-watch-option input {
            width: 22px;
            height: 22px;
            accent-color: #38bdf8;
        }

        .live-market-symbol-watch-save {
            position: relative;
            overflow: hidden;
            transition: transform 120ms ease, filter 120ms ease, background 180ms ease;
        }

        .live-market-symbol-watch-save:active {
            transform: scale(0.985);
        }

        .live-market-symbol-watch-save.saving {
            pointer-events: none;
            filter: saturate(1.25) brightness(1.08);
        }

        .live-market-symbol-watch-save.saving::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
            transform: translateX(-100%);
            animation: liveMarketSaveSweep 850ms linear infinite;
        }

        .live-market-symbol-watch-save.saved {
            background: linear-gradient(135deg, rgba(34, 197, 94, 0.92), rgba(6, 182, 212, 0.75)) !important;
            border-color: rgba(74, 222, 128, 0.65) !important;
        }

        @keyframes liveMarketSaveSweep {
            to { transform: translateX(100%); }
        }

        .live-market-alarm-menu {
            position: absolute;
            z-index: 8;
            min-width: 255px;
            border-radius: 14px;
            border: 1px solid rgba(148, 163, 184, 0.28);
            background: rgba(30, 41, 59, 0.98);
            box-shadow: 0 18px 50px rgba(0, 0, 0, 0.42);
            color: #f8fafc;
            overflow: hidden;
        }

        .live-market-alarm-menu-head {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 14px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            font-size: 16px;
            font-weight: 950;
        }

        .live-market-alarm-action {
            width: 100%;
            border: 0;
            background: transparent;
            color: #e5e7eb;
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 14px 18px;
            font-size: 16px;
            font-weight: 800;
            cursor: pointer;
            text-align: left;
        }

        .live-market-alarm-action:hover {
            background: rgba(255, 255, 255, 0.06);
        }

        .live-market-alert-stack {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 82px;
            z-index: 6;
            pointer-events: none;
        }

        .live-market-alert-chip {
            position: absolute;
            right: 0;
            transform: translateY(-50%);
            display: flex;
            align-items: center;
            border-radius: 3px 0 0 3px;
            overflow: hidden;
            opacity: 0.92;
            box-shadow: 0 4px 10px rgba(0,0,0,0.22);
        }

        .live-market-alert-chip span {
            background: rgba(148, 163, 184, 0.86);
            color: #f8fafc;
            padding: 3px 5px;
            font-size: 9px;
            line-height: 1;
            font-weight: 950;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            min-width: 54px;
            text-align: right;
        }

        .live-market-alert-chip span i {
            display: none;
        }

        .live-market-alert-chip button {
            border: 0;
            background: #ef4444;
            color: #fff;
            width: 18px;
            height: 17px;
            padding: 0;
            cursor: pointer;
            font-weight: 950;
            font-size: 9px;
            line-height: 1;
            pointer-events: auto;
        }

        .live-market-color-dot {
            width: 28px;
            height: 28px;
            border-radius: 999px;
            border: 2px solid transparent;
            cursor: pointer;
        }

        .live-market-color-dot.active {
            border-color: #f8fafc;
            box-shadow: 0 0 0 3px rgba(255,255,255,0.18);
        }

        .live-market-list {
            flex: 1;
            min-height: 0;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 0;
        }

        .live-market-row {
            display: grid;
            grid-template-columns: 32px minmax(68px, 1fr) auto auto;
            align-items: center;
            gap: 9px;
            padding: 7px 11px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
            cursor: pointer;
            transition: background 0.16s ease, transform 0.16s ease;
        }

        .live-market-row:hover {
            background: rgba(255, 255, 255, 0.045);
        }

        .live-market-row.selected {
            background: rgba(255, 255, 255, 0.11);
            box-shadow: inset 4px 0 0 #3b82f6;
        }

        .live-market-row.editing {
            grid-template-columns: 16px 32px minmax(0, 1fr) auto auto 28px 28px;
            cursor: grab;
        }

        .live-market-row.editing:active {
            cursor: grabbing;
        }

        .live-market-delete-btn {
            width: 30px;
            height: 30px;
            border-radius: 8px;
            border: 1px solid rgba(248, 113, 113, 0.25);
            background: rgba(127, 29, 29, 0.18);
            color: #fb7185;
            cursor: pointer;
        }

        .live-market-row-icon {
            width: 26px;
            height: 26px;
            border-radius: 999px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));
            border: 1px solid rgba(255,255,255,0.08);
            color: #f8fafc;
            font-size: 13px;
            font-weight: 950;
            letter-spacing: 0;
            overflow: hidden;
            position: relative;
        }

        .live-market-row-icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            position: absolute;
            inset: 0;
            z-index: 1;
            border-radius: inherit;
        }

        .live-market-alarm-row .live-market-row-icon,
        .live-market-alarm-row-triggered .live-market-row-icon {
            overflow: visible;
        }

        .live-market-alarm-row .live-market-row-icon img,
        .live-market-alarm-row-triggered .live-market-row-icon img {
            border-radius: inherit;
        }

        .live-market-row-icon span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            position: relative;
            z-index: 0;
        }

        .live-market-row-icon > i {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }

        .live-market-symbol-wrap {
            min-width: 0;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .live-market-symbol {
            color: #f8fafc;
            font-size: 15px;
            font-weight: 950;
            letter-spacing: 0;
            line-height: 1.1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .live-market-price {
            text-align: right;
            color: #e5e7eb;
            font-size: 14px;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-weight: 900;
            min-width: 78px;
        }

        .live-market-change {
            min-width: 64px;
            text-align: center;
            padding: 5px 8px;
            border-radius: 8px;
            font-size: 12px;
            font-weight: 950;
        }

        .live-market-change.up {
            color: #4ade80;
            background: rgba(34, 197, 94, 0.15);
        }

        .live-market-change.down {
            color: #fb7185;
            background: rgba(244, 63, 94, 0.14);
        }

        .live-market-global-overlay {
            position: fixed;
            inset: 0;
            z-index: 10130;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(0, 0, 0, 0.78);
            backdrop-filter: blur(14px);
        }

        .live-market-global-shell {
            width: min(1580px, 96vw);
            height: min(840px, 90vh);
            border-radius: 24px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: #08090d;
            box-shadow: 0 30px 90px rgba(0, 0, 0, 0.58);
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

        .live-market-global-top {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            align-items: center;
            gap: 16px;
            padding: 18px 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.07);
            background: linear-gradient(135deg, rgba(255,255,255,0.04), rgba(34,211,238,0.025));
        }

        .live-market-stat-pill {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 9px 13px;
            border-radius: 999px;
            border: 1px solid rgba(255,255,255,0.08);
            background: rgba(255,255,255,0.04);
            color: #e5e7eb;
            font-size: 12px;
            font-weight: 950;
        }

        .live-market-global-grid {
            flex: 1;
            min-height: 0;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
            padding: 16px;
        }

        .live-market-global-card {
            min-height: 0;
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.025);
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

        .live-market-global-card-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 14px 16px;
            border-bottom: 1px solid rgba(255,255,255,0.06);
            font-size: 16px;
            font-weight: 950;
            color: #f8fafc;
        }

        .live-market-global-list {
            overflow-y: auto;
            min-height: 0;
        }

        .live-market-global-row {
            display: grid;
            grid-template-columns: 34px 34px minmax(0, 1fr) auto auto 34px;
            align-items: center;
            gap: 12px;
            padding: 12px 16px;
            border-bottom: 1px solid rgba(255,255,255,0.055);
            font-size: 13px;
            font-weight: 900;
        }

        .live-market-global-add {
            width: 30px;
            height: 30px;
            border-radius: 10px;
            border: 1px solid rgba(16, 185, 129, 0.26);
            background: rgba(16, 185, 129, 0.12);
            color: #34d399;
            cursor: pointer;
            font-weight: 950;
        }

        .live-market-global-add.added {
            background: rgba(16, 185, 129, 0.22);
            color: #86efac;
            cursor: default;
        }

        .live-market-global-search-wrap {
            position: relative;
            width: min(360px, 28vw);
            min-width: 220px;
        }

        .live-market-global-search-results {
            display: none;
            position: absolute;
            top: calc(100% + 8px);
            left: 0;
            right: 0;
            z-index: 4;
            max-height: 360px;
            overflow-y: auto;
            border: 1px solid rgba(34, 211, 238, 0.18);
            border-radius: 14px;
            background: rgba(8, 9, 13, 0.98);
            box-shadow: 0 18px 45px rgba(0, 0, 0, 0.42);
            padding: 6px;
        }

        .live-market-global-search-row {
            width: 100%;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 10px;
            align-items: center;
            border: 0;
            border-radius: 10px;
            background: transparent;
            color: #e5e7eb;
            padding: 9px 10px;
            cursor: pointer;
            text-align: left;
        }

        .live-market-global-search-row:hover {
            background: rgba(255, 255, 255, 0.06);
        }

        .live-market-global-rank {
            color: #64748b;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        }

        .live-market-global-symbol {
            min-width: 0;
        }

        .live-market-global-price {
            color: #cbd5e1;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        }

        .live-market-global-tabs {
            display: none;
        }

        .live-market-global-tab {
            min-width: 0;
            min-height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            border-radius: 14px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(255, 255, 255, 0.045);
            color: #94a3b8;
            font-weight: 950;
            cursor: pointer;
        }

        .live-market-global-tab.active {
            border-color: rgba(34, 211, 238, 0.35);
            background: rgba(34, 211, 238, 0.13);
            color: #e0f7ff;
        }

        @media (max-width: 1100px) {
            .live-market-global-grid {
                grid-template-columns: 1fr;
            }
            .live-market-global-top {
                grid-template-columns: 1fr;
            }
            .live-market-global-search-wrap {
                width: 100%;
                min-width: 0;
            }
        }

        @media (max-width: 720px) {
            .live-market-global-overlay {
                align-items: stretch;
                justify-content: stretch;
                padding: 0;
                background: #050607;
                backdrop-filter: none;
            }

            .live-market-global-shell {
                width: 100vw;
                height: 100dvh;
                max-height: none;
                border: 0;
                border-radius: 0;
                box-shadow: none;
            }

            .live-market-global-top {
                gap: 10px;
                padding: calc(10px + env(safe-area-inset-top)) 12px 10px;
            }

            .live-market-global-top > div {
                justify-content: flex-start !important;
                gap: 8px !important;
                flex-wrap: wrap !important;
            }

            .live-market-stat-pill {
                min-height: 36px;
                padding: 7px 10px;
                border-radius: 14px;
                font-size: 11px;
                white-space: nowrap;
            }

            .live-market-global-search-wrap {
                flex: 1 1 185px;
                width: auto;
            }

            .live-market-global-tabs {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 8px;
                padding: 10px 12px 0;
            }

            .live-market-global-tab {
                min-height: 38px;
                padding: 0 8px;
                font-size: 12px;
            }

            .live-market-global-grid {
                display: block;
                flex: 1 1 auto;
                min-height: 0;
                overflow: hidden;
                padding: 10px 12px calc(12px + env(safe-area-inset-bottom));
            }

            .live-market-global-card {
                display: none;
                height: 100%;
                min-height: 0;
                border-radius: 18px;
            }

            .live-market-global-card.mobile-active {
                display: flex;
            }

            .live-market-global-card-head {
                padding: 13px 14px;
                font-size: 15px;
            }

            .live-market-global-list {
                flex: 1 1 auto;
                min-height: 0;
                overflow-y: auto;
            }

            .live-market-global-row {
                grid-template-columns: 26px 34px minmax(0, 1fr) auto 38px;
                grid-template-rows: auto auto;
                gap: 4px 8px;
                min-height: 62px;
                padding: 9px 10px;
            }

            .live-market-global-rank,
            .live-market-global-row .live-market-row-icon {
                grid-row: 1 / 3;
                align-self: center;
            }

            .live-market-global-symbol {
                min-width: 0;
                grid-column: 3;
            }

            .live-market-global-price {
                grid-column: 4;
                justify-self: end;
                max-width: 112px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #cbd5e1;
                font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
                font-size: 12px;
            }

            .live-market-global-row .live-market-change {
                grid-column: 4;
                grid-row: 2;
                justify-self: end;
                padding: 2px 7px;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.045);
                font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
                font-size: 12px;
            }

            .live-market-global-add {
                grid-column: 5;
                grid-row: 1 / 3;
                align-self: center;
                width: 36px;
                height: 36px;
                border-radius: 13px;
            }
        }

        .live-market-chart-overlay {
            position: fixed;
            inset: 0;
            z-index: 10180;
            background: #050607;
            display: flex;
            align-items: stretch;
            justify-content: center;
        }

        .live-market-chart-shell {
            width: 100vw;
            height: 100vh;
            margin: 0;
            display: grid;
            grid-template-columns: minmax(0, 1fr) 360px;
            border: none;
            border-radius: 0;
            overflow: hidden;
            background: #050607;
            box-shadow: none;
        }

        .live-market-chart-main {
            min-width: 0;
            display: flex;
            flex-direction: column;
        }

        .live-market-chart-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 10px 12px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.07);
            background: rgba(255, 255, 255, 0.018);
        }

        .live-market-chart-title {
            display: flex;
            align-items: center;
            gap: 12px;
            min-width: 280px;
        }

        .live-market-chart-info {
            min-width: 0;
        }

        .live-market-chart-title .live-market-row-icon {
            width: 42px;
            height: 42px;
            font-size: 17px;
        }

        .live-market-chart-meta {
            display: flex;
            align-items: center;
            gap: 20px;
            color: #94a3b8;
            font-size: 11px;
            font-weight: 900;
        }

        .live-market-chart-actions {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
        }

        .live-market-chart-icon-btn {
            width: 40px;
            height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            position: relative;
            border-radius: 10px;
            border: 1px solid rgba(148, 163, 184, 0.16);
            background: rgba(255, 255, 255, 0.05);
            color: #94a3b8;
            cursor: pointer;
            font-weight: 950;
            line-height: 1;
            flex: 0 0 auto;
            padding: 0;
        }

        .live-market-chart-icon-btn>i {
            display: block;
            line-height: 1;
            pointer-events: none;
        }

        .live-market-chart-icon-btn.active {
            color: #f8fafc;
            border-color: rgba(59, 130, 246, 0.55);
            background: rgba(59, 130, 246, 0.20);
        }

        .live-market-chart-icon-btn.note-has-notes {
            color: #facc15;
            border-color: rgba(250, 204, 21, 0.55);
            background: rgba(250, 204, 21, 0.14);
            box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.10), 0 0 18px rgba(250, 204, 21, 0.12);
        }

        .live-market-chart-icon-btn.related-has-links {
            color: #c4b5fd;
            border-color: rgba(167, 139, 250, 0.58);
            background: rgba(124, 58, 237, 0.18);
            box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.10), 0 0 18px rgba(124, 58, 237, 0.16);
        }

        .live-market-chart-menu {
            position: absolute;
            top: 42px;
            right: 0;
            min-width: 150px;
            border: 1px solid rgba(255, 255, 255, 0.10);
            border-radius: 14px;
            background: rgba(12, 13, 17, 0.98);
            box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45);
            padding: 10px;
            z-index: 5;
            display: none;
        }

        .live-market-chart-menu.open {
            display: block;
        }

        .live-market-chart-menu button {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border: 0;
            background: transparent;
            color: #cbd5e1;
            padding: 10px 8px;
            border-radius: 10px;
            font-size: 13px;
            font-weight: 900;
            cursor: pointer;
        }

        .live-market-chart-menu button:hover {
            background: rgba(255, 255, 255, 0.06);
        }

        .live-market-chart-search-bar {
            display: none;
            position: relative;
            grid-column: 1 / -1;
            padding: 8px 12px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.07);
            background: rgba(9, 10, 13, 0.98);
        }

        .live-market-chart-search-bar.open {
            display: block;
        }

        .live-market-chart-search-bar input {
            width: min(420px, 100%);
            height: 38px;
            border-radius: 10px;
            border: 1px solid rgba(34, 211, 238, 0.20);
            background: rgba(255, 255, 255, 0.045);
            color: #f8fafc;
            font-size: 13px;
            font-weight: 800;
            padding: 0 12px;
            outline: none;
        }

        .live-market-chart-search-bar input:focus {
            border-color: rgba(34, 211, 238, 0.48);
        }

        .live-market-chart-search-results {
            display: none;
            position: absolute;
            top: calc(100% + 6px);
            left: 12px;
            width: min(420px, calc(100% - 24px));
            z-index: 9;
            max-height: 340px;
            overflow-y: auto;
            border: 1px solid rgba(34, 211, 238, 0.18);
            border-radius: 14px;
            background: rgba(8, 9, 13, 0.98);
            box-shadow: 0 18px 45px rgba(0, 0, 0, 0.42);
            padding: 6px;
        }

        .live-market-time-group {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 6px;
            border: 1px solid rgba(148, 163, 184, 0.14);
            border-radius: 14px;
            background: rgba(255, 255, 255, 0.055);
        }

        .live-market-time-group button {
            border: 0;
            background: transparent;
            color: #94a3b8;
            border-radius: 8px;
            min-width: 42px;
            height: 32px;
            padding: 0 12px;
            font-size: 13px;
            font-weight: 950;
            cursor: pointer;
        }

        .live-market-time-group button.icon {
            min-width: 46px;
            color: #94a3b8;
            border-right: 1px solid rgba(148, 163, 184, 0.14);
            border-radius: 8px 0 0 8px;
        }

        .live-market-time-group button.active {
            color: #f8fafc;
            background: #2563eb;
            box-shadow: 0 8px 18px rgba(37, 99, 235, 0.26);
        }

        #liveMarketChart {
            flex: 1;
            min-height: 0;
            position: relative;
        }

        .live-market-chart-side {
            border-left: 1px solid rgba(255, 255, 255, 0.08);
            overflow-y: auto;
            background: #090a0d;
            padding: 0;
            scrollbar-width: thin;
            scrollbar-color: rgba(148, 163, 184, 0.34) transparent;
        }

        .live-market-chart-side::-webkit-scrollbar,
        .live-market-chart-side-list::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }

        .live-market-chart-side::-webkit-scrollbar-track,
        .live-market-chart-side-list::-webkit-scrollbar-track {
            background: transparent;
        }

        .live-market-chart-side::-webkit-scrollbar-thumb,
        .live-market-chart-side-list::-webkit-scrollbar-thumb {
            background: rgba(148, 163, 184, 0.34);
            border-radius: 999px;
        }

        .live-market-chart-side-head {
            position: sticky;
            top: 0;
            z-index: 3;
            background: rgba(9, 10, 13, 0.96);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.07);
            padding: 10px;
        }

        .live-market-chart-side-module-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 0 0 10px;
        }

        .live-market-chart-side-module-title {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
            color: #f8fafc;
            font-size: 15px;
            font-weight: 950;
        }

        .live-market-chart-side-module-title i {
            color: #22d3ee;
            font-size: 16px;
        }

        .live-market-chart-side-module-actions {
            display: flex;
            align-items: center;
            gap: 5px;
            flex-shrink: 0;
        }

        .live-market-chart-side-module-actions .icon-btn {
            width: 30px;
            height: 30px;
        }

        .live-market-chart-side-tabs {
            display: flex;
            align-items: center;
            gap: 6px;
            overflow-x: auto;
            padding: 0 0 8px;
            scrollbar-width: none;
            -ms-overflow-style: none;
            scroll-behavior: smooth;
        }

        .live-market-chart-side-tabs::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0;
        }

        .live-market-chart-side-tabs .live-market-tab {
            height: 30px;
            flex: 0 0 auto;
            padding: 0 12px;
        }

        .live-market-chart-side .live-market-filter {
            height: 32px;
            font-size: 12px;
        }

        .live-market-chart-side-add {
            display: none;
            grid-template-columns: minmax(0, 1fr) 38px;
            gap: 7px;
            margin: 8px 0 0;
        }

        .live-market-chart-side-add.open {
            display: grid;
        }

        .live-market-chart-side-add input {
            min-width: 0;
            height: 34px;
            border-radius: 8px;
            border: 1px solid rgba(34, 211, 238, 0.16);
            background: rgba(255, 255, 255, 0.045);
            color: #f8fafc;
            font-size: 12px;
            font-weight: 800;
            padding: 0 10px;
            outline: none;
        }

        .live-market-chart-side-add input:focus {
            border-color: rgba(34, 211, 238, 0.42);
        }

        .live-market-chart-side-add button {
            height: 34px;
            border-radius: 8px;
            border: 1px solid rgba(34, 211, 238, 0.28);
            background: rgba(34, 211, 238, 0.10);
            color: #67e8f9;
            font-size: 15px;
            font-weight: 950;
            cursor: pointer;
        }

        .live-market-chart-side-tools {
            padding: 0;
            border-bottom: 0;
            background: transparent;
            gap: 7px;
        }

        .live-market-chart-side-list {
            min-height: 0;
        }

        .live-market-chart-side .live-market-row {
            grid-template-columns: 30px minmax(58px, 1fr) minmax(66px, auto) minmax(62px, auto);
            padding: 8px 8px;
            gap: 8px;
        }

        .live-market-chart-side .live-market-row.editing {
            grid-template-columns: 14px 28px minmax(46px, 1fr) minmax(58px, auto) minmax(54px, auto) 28px 28px;
            gap: 6px;
        }

        .live-market-chart-side .live-market-symbol {
            font-size: 14px;
            min-width: 0;
        }

        .live-market-chart-side .live-market-price {
            min-width: 66px;
            font-size: 12px;
        }

        .live-market-chart-side .live-market-change {
            min-width: 60px;
            padding: 5px 7px;
            font-size: 11px;
        }

        .live-market-chart-side .live-market-row-icon {
            width: 28px;
            height: 28px;
            font-size: 12px;
        }

        .live-market-note-box {
            border: 1px solid rgba(234, 179, 8, 0.22);
            background: rgba(234, 179, 8, 0.055);
            border-radius: 14px;
            padding: 10px;
            margin-bottom: 10px;
        }

        .live-market-note-box textarea {
            width: 100%;
            min-height: 84px;
            resize: vertical;
            border: 1px solid rgba(255,255,255,0.10);
            border-radius: 10px;
            background: rgba(0,0,0,0.28);
            color: #e5e7eb;
            padding: 9px;
            font-size: 12px;
            outline: none;
        }

        .live-market-range-box {
            position: absolute;
            right: 74px;
            top: 42%;
            z-index: 4;
            min-width: 190px;
            border: 1px solid rgba(16, 185, 129, 0.38);
            border-radius: 16px;
            background: rgba(2, 16, 12, 0.92);
            box-shadow: 0 14px 35px rgba(0, 0, 0, 0.38);
            padding: 14px;
            color: #d1fae5;
            pointer-events: none;
        }

        @media (max-width: 900px) {
            .live-market-chart-shell {
                width: 100vw;
                height: 100vh;
                border-radius: 0;
                grid-template-columns: 1fr;
            }
            .live-market-chart-side {
                display: none;
            }
        }

        @media (max-width: 760px) {
            .live-market-chart-header {
                display: grid;
                grid-template-columns: minmax(0, 1fr);
                align-items: stretch;
                gap: 8px;
                padding: 8px 8px 7px;
            }

            .live-market-chart-title {
                min-width: 0;
                gap: 8px;
            }

            .live-market-chart-title .live-market-row-icon {
                width: 38px;
                height: 38px;
                font-size: 15px;
                flex: 0 0 auto;
            }

            .live-market-chart-info {
                min-width: 0;
            }

            .live-market-chart-info > div:first-child {
                min-width: 0;
                flex-wrap: nowrap;
            }

            .live-market-chart-info > div:first-child > div {
                max-width: 92px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 19px !important;
            }

            #liveMarketChartPrice {
                font-size: 12px !important;
            }

            .live-market-chart-meta {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 6px;
                font-size: 10px;
                line-height: 1.12;
            }

            .live-market-chart-meta > div {
                min-width: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                padding: 0 2px;
            }

            .live-market-chart-actions {
                overflow-x: auto;
                overscroll-behavior-x: contain;
                scrollbar-width: none;
                -ms-overflow-style: none;
                padding: 1px 0 2px;
            }

            .live-market-chart-actions::-webkit-scrollbar {
                display: none;
                width: 0;
                height: 0;
            }

            .live-market-chart-icon-btn {
                width: 38px;
                height: 38px;
                border-radius: 10px;
                flex: 0 0 auto;
            }

            .live-market-time-group {
                flex: 0 0 auto;
                gap: 5px;
                padding: 4px;
                border-radius: 12px;
            }

            .live-market-time-group button {
                min-width: 38px;
                height: 30px;
                padding: 0 10px;
                font-size: 12px;
            }

            .live-market-time-group button.icon {
                min-width: 42px;
            }

            .live-market-chart-menu {
                top: 38px;
                right: auto;
                left: 0;
                min-width: 132px;
            }

            #liveMarketChart {
                min-height: 360px;
            }

            .live-market-alert-stack {
                right: 0;
                width: 72px;
                max-width: 72px;
            }

            .live-market-alert-chip {
                min-width: 0;
                width: auto;
            }

            .live-market-alert-chip span {
                min-width: 0;
                max-width: 54px;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 3px 4px;
                font-size: 8px;
            }

            .live-market-alert-chip button {
                width: 17px;
                height: 16px;
                font-size: 8px;
            }
        }

        @media (max-width: 760px) {
            .news-detail-shell {
                grid-template-columns: 1fr;
            }

            .news-detail-sidebar {
                display: none;
            }

            .news-detail-nav {
                right: 14px;
                top: auto;
                bottom: 18px;
                transform: none;
            }

            .news-detail-main {
                padding: 26px 20px 44px;
            }

            .news-detail-title {
                font-size: 24px;
            }
        }


        .context-header {
            font-size: 13px;
            color: var(--text-sec);
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 5px;
            margin-bottom: 4px;
        }

        .context-link {
            color: var(--text-main);
            cursor: pointer;
        }

        .context-link:hover {
            text-decoration: underline;
        }

        .context-icon {
            font-size: 12px;
            min-width: 16px;
        }

        .has-context .tweet-content {
            margin-top: 5px;
        }

        .avatar-col {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            min-width: 48px;
        }

        .avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            object-fit: cover;
            transition: transform 0.16s ease, filter 0.16s ease, box-shadow 0.16s ease;
        }

        .avatar-wrap {
            position: relative;
            width: 40px;
            height: 40px;
            border-radius: 999px;
            cursor: pointer;
            transition: transform 0.16s ease;
        }

        .avatar-wrap::before {
            content: '';
            position: absolute;
            inset: -4px;
            border-radius: 999px;
            border: 1px solid rgba(29, 155, 240, 0);
            box-shadow: 0 0 0 0 rgba(29, 155, 240, 0);
            opacity: 0;
            transform: scale(0.92);
            transition: opacity 0.16s ease, transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
            pointer-events: none;
        }

        .avatar-wrap:hover,
        .avatar-wrap:focus-visible {
            transform: translateY(-1px) scale(1.04);
        }

        .avatar-wrap:hover::before,
        .avatar-wrap:focus-visible::before {
            opacity: 1;
            transform: scale(1);
            border-color: rgba(var(--avatar-hover-rgb, 29, 155, 240), 0.62);
            box-shadow: 0 0 18px rgba(var(--avatar-hover-rgb, 29, 155, 240), 0.24);
        }

        .avatar-wrap:hover .avatar,
        .avatar-wrap:focus-visible .avatar {
            filter: brightness(1.08) saturate(1.08);
            box-shadow: 0 8px 22px rgba(0, 0, 0, 0.38);
        }

        .avatar-wrap:active {
            transform: scale(0.98);
        }

        .avatar-tier-overlay {
            position: absolute;
            right: -2px;
            bottom: -2px;
            width: 14px;
            height: 14px;
            border-radius: 999px;
            background: #000;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            border: 1px solid rgba(255, 255, 255, 0.18);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
            line-height: 1;
        }

        .avatar-note-overlay {
            position: absolute;
            left: -2px;
            top: -3px;
            width: 26px;
            height: 16px;
            border-radius: 999px;
            background: transparent;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 0;
            box-shadow: none;
            line-height: 1;
            cursor: pointer;
            transition: transform 0.15s ease, opacity 0.2s;
        }

        .avatar-note-overlay:hover {
            transform: scale(1.07);
        }

        .avatar-note-dot {
            position: absolute;
            left: 0;
            top: 1px;
            width: 14px;
            height: 14px;
            border-radius: 999px;
            background: linear-gradient(135deg, rgba(56, 189, 248, 0.96), rgba(14, 116, 144, 0.96));
            border: 1px solid rgba(186, 230, 253, 0.8);
            color: #ecfeff;
            opacity: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 6px;
            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.72), 0 4px 10px rgba(0, 0, 0, 0.46);
            transition: opacity .15s ease, border-color .15s ease, background .15s ease;
            z-index: 2;
        }

        .avatar-note-source-badge {
            position: absolute;
            left: 0;
            top: 1px;
            width: 14px;
            height: 14px;
            padding: 0;
            border-radius: 999px;
            display: none;
            align-items: center;
            justify-content: center;
            gap: 2px;
            border: 1px solid rgba(250, 204, 21, 0.8);
            background: linear-gradient(135deg, rgba(250, 204, 21, 0.96), rgba(217, 119, 6, 0.96));
            color: #111827;
            font-size: 7px;
            font-weight: 950;
            line-height: 1;
            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.72), 0 4px 10px rgba(0, 0, 0, 0.46);
            z-index: 1;
        }

        .avatar-note-overlay.has-author-note.has-entity-notes .avatar-note-source-badge {
            left: 10px;
        }

        .avatar-note-source-badge i {
            font-size: 6px;
            line-height: 1;
        }

        .avatar-note-source-count {
            display: none;
        }

        .avatar-note-overlay.has-entity-notes .avatar-note-source-badge {
            display: inline-flex;
        }

        .avatar-note-overlay.has-author-note {
            filter: drop-shadow(0 0 5px rgba(56, 189, 248, 0.24));
        }

        .avatar-note-overlay.has-author-note .avatar-note-dot {
            opacity: 1;
            background: linear-gradient(135deg, rgba(56, 189, 248, 0.96), rgba(14, 116, 144, 0.96));
            border-color: rgba(186, 230, 253, 0.88);
        }

        .avatar-note-overlay.has-author-note.has-entity-notes .avatar-note-dot {
            left: 0;
            top: 1px;
            width: 14px;
            height: 14px;
            background: linear-gradient(135deg, rgba(56, 189, 248, 0.96), rgba(14, 116, 144, 0.96));
            border-color: rgba(186, 230, 253, 0.86);
        }

        .avatar-note-overlay.has-note .avatar-note-dot,
        .avatar-note-overlay.has-author-note .avatar-note-dot {
            background: #1d9bf0;
            box-shadow: 0 0 6px rgba(29, 155, 240, 0.6);
        }

        .avatar-note-overlay.has-note.tier-onemli .avatar-note-dot {
            background: #00e5ff;
            box-shadow: 0 0 6px rgba(0, 229, 255, 0.58);
        }

        .avatar-note-overlay.has-note.tier-cok_onemli .avatar-note-dot {
            background: #fff200;
            box-shadow: 0 0 9px rgba(255, 242, 0, 0.72);
        }

        .avatar-note-overlay.has-author-note:not(.has-entity-notes) .avatar-note-dot {
            width: 14px;
            height: 14px;
            left: 0;
            top: 1px;
            background: linear-gradient(135deg, rgba(56, 189, 248, 0.96), rgba(14, 116, 144, 0.96));
            border-color: rgba(186, 230, 253, 0.88);
            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.72), 0 4px 10px rgba(0, 0, 0, 0.46);
        }

        .avatar-note-overlay.has-author-note.has-entity-notes .avatar-note-dot {
            left: 0;
            top: 1px;
            width: 14px;
            height: 14px;
            background: linear-gradient(135deg, rgba(56, 189, 248, 0.96), rgba(14, 116, 144, 0.96));
            border-color: rgba(186, 230, 253, 0.86);
            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.72), 0 4px 10px rgba(0, 0, 0, 0.46);
        }

        .unread-badge {
            background: var(--unread-accent, #1d9bf0);
            color: white;
            font-size: 8px;
            font-weight: 900;
            padding: 2px 5px;
            border-radius: 4px;
            margin-top: -8px;
            z-index: 2;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
            pointer-events: none;
            letter-spacing: 0.5px;
        }

        .xtracker-tabs-shell {
            position: relative;
            border-bottom: 1px solid var(--border);
            background: rgba(8, 12, 18, 0.72);
            flex-shrink: 0;
        }

        .xtracker-tabs-bar {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 7px 10px;
            overflow-x: auto;
            overflow-y: hidden;
            scrollbar-width: none;
            -ms-overflow-style: none;
            scroll-behavior: smooth;
            cursor: grab;
            user-select: none;
            touch-action: pan-x;
        }

        .xtracker-tabs-bar.dragging {
            cursor: grabbing;
            scroll-behavior: auto;
        }

        .xtracker-tabs-bar::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0;
        }

        .xtracker-tab-btn {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-height: 28px;
            padding: 5px 10px;
            max-width: 168px;
            border-radius: 999px;
            border: 1px solid rgba(148, 163, 184, 0.18);
            background: rgba(148, 163, 184, 0.08);
            color: var(--text-sec);
            font-size: 11px;
            font-weight: 800;
            white-space: nowrap;
            cursor: pointer;
            transition: all 0.18s ease;
            flex: 0 0 auto;
            pointer-events: auto;
        }

        .xtracker-tab-hover-tooltip {
            position: absolute;
            top: calc(100% - 1px);
            z-index: 12;
            max-width: 190px;
            padding: 6px 9px;
            border: 1px solid rgba(var(--xtracker-tab-rgb, 56, 189, 248), 0.28);
            border-radius: 10px;
            background: rgba(10, 13, 18, 0.96);
            color: #eef5fb;
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.46);
            font-size: 11px;
            font-weight: 850;
            line-height: 1.2;
            letter-spacing: 0.01em;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            pointer-events: none;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-4px);
            transition: opacity 0.14s ease, transform 0.14s ease, visibility 0.14s ease;
        }

        .xtracker-tab-hover-tooltip.visible {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .xtracker-tab-btn.icon-only {
            justify-content: center;
            gap: 4px;
            width: 35px;
            min-width: 35px;
            padding-inline: 7px;
        }

        .xtracker-tab-btn.icon-only.has-badge {
            width: auto;
            min-width: 50px;
        }

        .xtracker-tab-label {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .xtracker-tab-btn.active {
            border-color: rgba(29, 155, 240, 0.55);
            background: linear-gradient(135deg, rgba(29, 155, 240, 0.24), rgba(14, 165, 233, 0.08));
            color: #eaf6ff;
            box-shadow: 0 0 0 1px rgba(29, 155, 240, 0.12) inset;
        }

        .xtracker-tab-btn.smart-flow-tab {
            --xtracker-tab-color: #2dd4bf;
            --xtracker-tab-rgb: 45, 212, 191;
        }

        .xtracker-tab-btn.smart-flow-tab.active {
            border-color: rgba(45, 212, 191, 0.58);
            background: linear-gradient(135deg, rgba(13, 148, 136, 0.28), rgba(20, 184, 166, 0.08));
            box-shadow: 0 0 0 1px rgba(45, 212, 191, 0.13) inset, 0 0 18px rgba(20, 184, 166, 0.08);
        }

        .tweet.smart-flow-card {
            border-left: 2px solid rgba(45, 212, 191, 0.62);
            box-shadow: inset 2px 0 18px rgba(20, 184, 166, 0.045);
        }

        .tweet.smart-flow-card.level-opportunity {
            border-left-color: rgba(250, 204, 21, 0.78);
            box-shadow: inset 2px 0 20px rgba(250, 204, 21, 0.055);
        }

        .tweet.smart-flow-card.level-critical {
            border-left-color: rgba(251, 113, 133, 0.84);
            box-shadow: inset 2px 0 22px rgba(244, 63, 94, 0.07);
        }

        .smart-flow-card-meta {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 5px;
            margin: 3px 0 7px;
            color: #9fb5bd;
            font-size: 10px;
            font-weight: 750;
            line-height: 1.2;
        }

        .smart-flow-card-meta > summary {
            list-style: none;
        }

        .smart-flow-card-meta > summary::-webkit-details-marker {
            display: none;
        }

        .smart-flow-score {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            padding: 3px 7px;
            border: 1px solid rgba(45, 212, 191, 0.28);
            border-radius: 999px;
            background: rgba(13, 148, 136, 0.13);
            color: #5eead4;
            font-weight: 900;
            cursor: pointer;
            user-select: none;
            transition: border-color .16s ease, background .16s ease, transform .16s ease;
        }

        .smart-flow-score:hover,
        .smart-flow-card-meta[open] .smart-flow-score {
            border-color: currentColor;
            background: rgba(13, 148, 136, 0.20);
        }

        .smart-flow-score:active {
            transform: scale(.96);
        }

        .smart-flow-details {
            display: none;
            flex: 1 0 100%;
            align-items: center;
            flex-wrap: wrap;
            gap: 5px;
            padding-top: 1px;
        }

        .smart-flow-card-meta[open] .smart-flow-details {
            display: flex;
        }

        .smart-flow-card.level-opportunity .smart-flow-score {
            border-color: rgba(250, 204, 21, 0.30);
            background: rgba(250, 204, 21, 0.10);
            color: #fde047;
        }

        .smart-flow-card.level-critical .smart-flow-score {
            border-color: rgba(251, 113, 133, 0.35);
            background: rgba(244, 63, 94, 0.12);
            color: #fb7185;
        }

        .smart-flow-reason {
            padding: 2px 6px;
            border-radius: 999px;
            background: rgba(148, 163, 184, 0.08);
            color: #aab8c2;
        }

        .column-content.feed-preview-unread-only .tweet:not(.unread),
        .column-content.feed-preview-hide-excluded .tweet[data-xt-hidden-preview="1"] {
            display: none !important;
        }

        .xtracker-tab-badge {
            display: none;
            min-width: 17px;
            height: 17px;
            padding: 0 5px;
            border-radius: 999px;
            background: #1d9bf0;
            color: #fff;
            font-size: 10px;
            font-weight: 900;
            line-height: 17px;
            text-align: center;
        }

        .xtracker-tab-badge.visible {
            display: inline-block;
        }

        .xtab-editor-list {
            display: flex;
            flex-direction: column;
            gap: 8px;
            max-height: 360px;
            overflow-y: auto;
            padding-right: 4px;
        }

        .xtab-title-editor {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 9px;
            align-items: center;
        }

        .xtab-icon-dropdown {
            position: relative;
        }

        .xtab-icon-dropdown[open] {
            z-index: 8;
        }

        .xtab-icon-dropdown summary {
            list-style: none;
        }

        .xtab-icon-dropdown summary::-webkit-details-marker {
            display: none;
        }

        .xtab-icon-trigger {
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
            gap: 9px;
            width: 122px;
            min-height: 48px;
            padding: 0 12px;
            border-radius: 13px;
            border: 1px solid rgba(148, 163, 184, 0.22);
            background: rgba(148, 163, 184, 0.08);
            color: var(--text-main);
            font-size: 12px;
            font-weight: 800;
            cursor: pointer;
            transition: 0.16s ease;
        }

        .xtab-icon-dropdown[open] .xtab-icon-trigger,
        .xtab-icon-trigger:hover {
            border-color: rgba(var(--xtracker-tab-rgb, 56, 189, 248), 0.48);
            background: rgba(var(--xtracker-tab-rgb, 56, 189, 248), 0.12);
        }

        .xtab-icon-trigger-main {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-width: 0;
        }

        .xtab-icon-trigger-main i {
            width: 17px;
            color: var(--xtracker-tab-color, #38bdf8);
            font-size: 16px;
            text-align: center;
        }

        .xtab-icon-trigger-label {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .xtab-icon-menu {
            position: absolute;
            top: calc(100% + 7px);
            right: 0;
            width: min(330px, calc(100vw - 48px));
            padding: 10px;
            border-radius: 15px;
            border: 1px solid rgba(148, 163, 184, 0.22);
            background: rgba(12, 14, 18, 0.98);
            box-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
        }

        .xtab-icon-menu-title {
            margin: 0 0 8px;
            color: var(--text-sec);
            font-size: 11px;
            font-weight: 800;
        }

        .xtab-icon-picker {
            display: grid;
            grid-template-columns: repeat(7, minmax(0, 1fr));
            gap: 6px;
            max-height: 214px;
            overflow-y: auto;
        }

        .xtab-icon-choice {
            display: grid;
            place-items: center;
            width: 100%;
            height: 33px;
            border-radius: 10px;
            border: 1px solid rgba(148, 163, 184, 0.16);
            background: rgba(148, 163, 184, 0.06);
            color: var(--text-sec);
            cursor: pointer;
            transition: 0.16s ease;
        }

        .xtab-icon-choice:hover,
        .xtab-icon-choice.active {
            border-color: rgba(var(--xtracker-tab-rgb, 56, 189, 248), 0.55);
            background: rgba(var(--xtracker-tab-rgb, 56, 189, 248), 0.16);
            color: var(--xtracker-tab-color, #38bdf8);
        }

        .author-tier-icon {
            display: inline-flex;
            align-items: center;
            margin-left: 2px;
            font-size: 13px;
            line-height: 1;
            vertical-align: middle;
        }

        .author-tier-icon.tier-onemli {
            color: #00e5ff;
        }

        .author-tier-icon.tier-cok_onemli {
            color: #fff200;
        }

        .note-hover-tooltip {
            position: fixed;
            z-index: 5000;
            max-width: 340px;
            background: rgba(4, 8, 18, 0.96);
            color: #dbe4ee;
            border: 1px solid rgba(148, 163, 184, 0.35);
            border-radius: 8px;
            padding: 8px 10px;
            font-size: 12px;
            line-height: 1.35;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
            pointer-events: none;
            white-space: pre-wrap;
            word-break: break-word;
            display: none;
        }

        .content-col {
            flex-grow: 1;
            min-width: 0;
        }

        .tweet-header {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 15px;
            margin-bottom: 2px;
            min-width: 0;
        }

        .tweet-header .name {
            font-weight: 700;
            color: var(--text-main);
            display: inline-block;
            min-width: 0;
            max-width: min(34vw, 180px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            flex: 0 1 auto;
        }

        .tweet-header .name:hover {
            text-decoration: underline;
        }

        .tweet-header .handle,
        .tweet-header .time {
            color: var(--text-sec);
            font-weight: 400;
        }

        .tweet-header .handle {
            display: inline-block;
            min-width: 0;
            max-width: min(38vw, 210px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            flex: 0 1 auto;
        }

        .dot-sep {
            color: var(--text-sec);
            font-size: 10px;
        }

        .tweet-text {
            font-size: 15px;
            line-height: 20px;
            color: var(--text-main);
            white-space: pre-wrap;
            margin-bottom: 10px;
            word-wrap: break-word;
            overflow-wrap: break-word;
            word-break: break-word;
        }

        .tweet-media {
            margin-top: 10px;
            border-radius: 16px;
            border: 1px solid var(--border);
            overflow: hidden;
            width: 100%;
        }

        .tweet-media img {
            width: 100%;
            display: block;
        }

        .x-resolved-media {
            margin-top: 10px;
            min-height: 82px;
            border: 1px solid var(--border);
            border-radius: 14px;
            overflow: hidden;
            background: rgba(15, 23, 42, 0.72);
        }

        .x-resolved-media.is-loading {
            display: grid;
            place-items: center;
            color: var(--text-sec);
            font-size: 12px;
        }

        .x-resolved-media img,
        .x-resolved-media video {
            display: block;
            width: 100%;
            max-height: min(62vh, 620px);
            object-fit: contain;
            background: #000;
        }

        .x-resolved-media.is-unavailable {
            min-height: 0;
            padding: 12px;
            color: #94a3b8;
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.72), rgba(8, 13, 20, 0.82));
            font-size: 11px;
        }

        .x-media-unavailable-note {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
        }

        .x-media-unavailable-note > i {
            display: grid;
            place-items: center;
            flex: 0 0 34px;
            width: 34px;
            height: 34px;
            border: 1px solid rgba(148, 163, 184, 0.18);
            border-radius: 10px;
            background: rgba(148, 163, 184, 0.07);
            color: #94a3b8;
            font-size: 14px;
        }

        .x-media-unavailable-note > span {
            display: block;
            min-width: 0;
        }

        .x-media-unavailable-note b {
            display: block;
            color: #cbd5e1;
            font-size: 11px;
            line-height: 1.35;
        }

        .x-media-unavailable-note small {
            display: block;
            margin-top: 2px;
            color: #718096;
            font-size: 9px;
            line-height: 1.4;
        }

        .actions {
            display: flex;
            justify-content: space-between;
            max-width: 425px;
            margin-top: 12px;
            color: var(--text-sec);
        }

        .action-item {
            display: flex;
            align-items: center;
            gap: 4px;
            cursor: pointer;
            transition: color 0.2s;
            font-size: 13px;
            /* Smaller text/icon base */
            color: var(--text-sec);
            padding: 4px 6px;
            /* Touch target */
            border-radius: 50%;
        }

        .action-item:hover {
            background: rgba(29, 155, 240, 0.1);
            color: #1d9bf0;
        }

        .action-item i {
            font-size: 14px;
            /* Explicit smaller icon size */
        }

        .action-reply:hover {
            color: #1d9bf0;
        }

        .action-retweet:hover {
            color: #00ba7c;
        }

        .action-like:hover {
            color: #f91880;
        }

        .action-like.liked {
            color: #f91880;
        }

        .action-note:hover {
            color: #eab308;
            background: rgba(234, 179, 8, 0.1);
        }

        .action-note.noted {
            color: #eab308;
        }

        .notes-tab-toggle {
            display: inline-flex;
            align-items: center;
            gap: 2px;
            padding: 2px;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, 0.14);
            background: rgba(255, 255, 255, 0.03);
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
        }

        .notes-tab-btn {
            border: none;
            background: transparent;
            color: var(--text-sec);
            border-radius: 999px;
            padding: 3px 8px;
            font-size: 10px;
            font-weight: 800;
            cursor: pointer;
            line-height: 1.2;
            min-width: 44px;
            transition: all 0.16s ease;
        }

        .notes-tab-btn:hover {
            color: var(--text-main);
            background: rgba(255, 255, 255, 0.06);
        }

        .notes-tab-btn.active {
            color: #dbeafe;
            background: rgba(29, 155, 240, 0.3);
            box-shadow: inset 0 0 0 1px rgba(29, 155, 240, 0.28);
        }

        .notes-module-scroll {
            overflow-y: auto;
            overflow-x: hidden;
            padding: 0;
            min-height: 0;
        }

        .notes-module-scroll .tweet,
        .notes-module-scroll .quoted-tweet,
        .notes-module-scroll .replied-to-tweet,
        .notes-module-scroll .retweeted-tweet,
        .notes-module-scroll .follow-preview-card,
        .notes-module-scroll .embedded-profile-card,
        .notes-module-scroll .tweet-main,
        .notes-module-scroll .tweet-content,
        .notes-module-scroll .tweet-header,
        .notes-module-scroll .tweet-text,
        .notes-module-scroll .quoted-content,
        .notes-module-scroll .translated-text,
        .notes-module-scroll .follow-bio {
            max-width: 100%;
            min-width: 0;
            box-sizing: border-box;
            overflow-wrap: anywhere;
            word-break: break-word;
        }

        @keyframes notesQuickPulse {
            0% {
                box-shadow: 0 0 0 0 rgba(250, 204, 21, 0.40), 0 0 0 1px rgba(250, 204, 21, 0.12);
                transform: translateY(0);
                filter: saturate(1);
            }

            50% {
                box-shadow: 0 0 0 10px rgba(250, 204, 21, 0), 0 0 24px rgba(250, 204, 21, 0.30);
                transform: translateY(-1px) scale(1.04);
                filter: saturate(1.12);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(250, 204, 21, 0), 0 0 0 1px rgba(250, 204, 21, 0.12);
                transform: translateY(0);
                filter: saturate(1);
            }
        }

        .notes-quick-launch-btn {
            color: #fff7cc !important;
            border-color: rgba(250, 204, 21, 0.52) !important;
            background: linear-gradient(135deg, rgba(250, 204, 21, 0.34), rgba(234, 179, 8, 0.24)) !important;
            box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.16), 0 0 24px rgba(250, 204, 21, 0.22);
            animation: notesQuickPulse 2.1s ease-in-out infinite;
        }

        .notes-quick-launch-btn:hover {
            color: #fffef2 !important;
            border-color: rgba(254, 240, 138, 0.82) !important;
            background: linear-gradient(135deg, rgba(250, 204, 21, 0.46), rgba(245, 158, 11, 0.36)) !important;
            box-shadow: 0 0 0 1px rgba(254, 240, 138, 0.18), 0 0 32px rgba(250, 204, 21, 0.34);
        }

        .notes-quick-save-btn {
            border: 1px solid rgba(56, 189, 248, 0.34);
            border-radius: 10px;
            background: linear-gradient(135deg, #38bdf8, #1d9bf0);
            color: #f8fafc;
            cursor: pointer;
            font-size: 12px;
            font-weight: 900;
            box-shadow: 0 8px 18px rgba(29, 155, 240, 0.22);
            transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
        }

        .notes-quick-save-btn:hover {
            transform: translateY(-1px);
            box-shadow: 0 10px 22px rgba(29, 155, 240, 0.28);
            filter: brightness(1.08);
        }


        .action-delete:hover {
            color: #ef4444;
            background: rgba(239, 68, 68, 0.1);
        }

        .action-calendar:hover {
            color: #10b981;
            background: rgba(16, 185, 129, 0.1);
        }

        .action-calendar.scheduled {
            color: #10b981;
        }

        #bottomBtnCalendar {
            position: relative;
        }

        .calendar-alert-badge {
            position: absolute;
            top: 4px;
            right: 4px;
            min-width: 10px;
            height: 10px;
            border-radius: 999px;
            border: 2px solid rgba(15, 23, 42, 0.95);
            background: #10b981;
            box-shadow: 0 0 0 1px rgba(255,255,255,0.08);
            pointer-events: none;
            display: none;
            align-items: center;
            justify-content: center;
            font-size: 8px;
            font-weight: 800;
            line-height: 1;
            color: #fff;
            padding: 0 2px;
        }

        .calendar-alert-badge.warning {
            background: #f59e0b;
        }

        .calendar-alert-badge.critical {
            background: #ef4444;
        }

        .calendar-alert-badge.visible {
            display: inline-flex;
        }

        .calendar-alert-badge.pulse {
            animation: calendarBadgePulse 1.4s ease-in-out infinite;
        }

        @keyframes calendarBadgePulse {
            0% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.45);
            }

            70% {
                transform: scale(1.08);
                box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
            }

            100% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
            }
        }

        .action-share:hover {
            color: #1d9bf0;
        }

        .scroller-status {
            text-align: center;
            padding: 20px;
            color: var(--text-sec);
            font-size: 14px;
        }

        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

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

        .new-tweet {
            animation: slideIn 0.3s ease-out forwards;
        }

        /* Quoted Tweet Card Styles */
        .quoted-tweet {
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 12px;
            margin-top: 10px;
            background: rgba(255, 255, 255, 0.03);
        }

        .quoted-tweet .quoted-header {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 8px;
            font-size: 14px;
        }

        .quoted-tweet .quoted-author {
            color: var(--text-main);
            font-weight: 600;
        }

        .quoted-tweet .quoted-content {
            color: var(--text-sec);
            font-size: 14px;
            line-height: 1.4;
        }

        .translated-text {
            display: none;
            margin-top: 6px;
            padding: 10px;
            border-left: 3px solid #1d9bf0;
            border-radius: 4px;
            font-size: 14px;
            line-height: 1.4;
            color: var(--text-main);
            background: rgba(29, 155, 240, 0.08);
            white-space: pre-wrap;
            word-wrap: break-word;
            overflow-wrap: break-word;
            word-break: break-word;
        }

        .profile-update-info {
            display: block;
            max-width: 100%;
            color: var(--text-main);
            font-weight: 700;
            line-height: 1.45;
            white-space: pre-wrap;
            word-break: break-word;
        }

        .profile-update-kind {
            font-weight: 950;
            border: 0 !important;
            outline: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            border-radius: 0 !important;
            text-decoration: none;
        }

        .profile-update-kind.avatar {
            color: #7dd3fc;
        }

        .profile-update-kind.banner {
            color: #38bdf8;
        }

        .profile-update-kind.bio {
            color: #67e8f9;
        }

        .profile-update-detail-box {
            margin-top: 10px;
            padding: 9px 11px;
            border: 1px solid rgba(14, 165, 233, 0.30);
            border-left: 3px solid #0ea5e9;
            border-radius: 10px;
            background: rgba(14, 165, 233, 0.07);
            color: #e0f2fe;
            font-weight: 800;
            line-height: 1.45;
        }

        .translated-text.reply-translation {
            border-left-color: #8b5cf6;
            background: rgba(139, 92, 246, 0.08);
        }

        .translated-text.quote-translation {
            border-left-color: #1d4ed8;
            background: rgba(29, 78, 216, 0.08);
        }

        .translated-text.retweet-translation {
            border-left-color: #00ba7c;
            background: rgba(0, 186, 124, 0.08);
        }

        .translated-text.translation-only {
            margin-top: 0;
            padding: 0;
            border-left: none;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
        }

        .content-col>.translated-text.translation-only {
            font-size: 15px;
            line-height: 20px;
            color: var(--text-main);
            margin-bottom: 10px;
        }

        .quoted-tweet>.translated-text.translation-only {
            font-size: 14px;
            line-height: 1.4;
            color: var(--text-sec);
        }

        .translation-status-note {
            display: none;
            margin-left: 8px;
            color: rgba(255, 255, 255, 0.34);
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 0.02em;
            white-space: nowrap;
        }

        /* Translation remains functional, but X cards do not show volatile
           "translated / queued / translating / retry" status prose. */
        .tweet .translation-status,
        .tweet .translation-status-note {
            display: none !important;
        }

        .translated-text.translation-only .translation-status-note {
            display: inline;
        }

        .replied-to-image {
            max-width: 100%;
            max-height: 200px;
            border-radius: 8px;
            margin-top: 8px;
            cursor: pointer;
            object-fit: cover;
        }

        /* Followed Account Card */
        .followed-account-card {
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 12px;
            margin-top: 10px;
            background: rgba(255, 255, 255, 0.03);
        }

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

        .followed-avatar {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            object-fit: cover;
        }

        .followed-info {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .followed-name {
            font-weight: 700;
            color: var(--text-main);
            font-size: 15px;
        }

        .followed-handle {
            color: var(--text-sec);
            font-size: 13px;
        }

        .follow-button {
            background: white;
            color: black;
            border: none;
            border-radius: 20px;
            padding: 8px 16px;
            font-weight: 700;
            font-size: 14px;
            cursor: pointer;
            transition: background 0.2s;
        }

        .follow-button:hover {
            background: #e0e0e0;
        }

        .followed-bio {
            color: var(--text-sec);
            font-size: 14px;
            margin-top: 10px;
            line-height: 1.4;
        }

        /* Multi-image gallery */
        .image-gallery {
            display: grid;
            gap: 2px;
            border-radius: 16px;
            overflow: hidden;
            margin-top: 10px;
        }

        .image-gallery.single {
            grid-template-columns: 1fr;
        }

        /* Generic grid for 2+ images */
        .image-gallery.grid {
            grid-template-columns: 1fr 1fr;
        }

        /* Legacy support if needed, but 'grid' covers it */
        .image-gallery.double,
        .image-gallery.triple,
        .image-gallery.quad {
            grid-template-columns: 1fr 1fr;
        }

        .image-gallery img,
        .image-gallery video {
            width: 100%;
            height: 140px;
            /* Reduced from 200px for compactness */
            object-fit: cover;
            cursor: pointer;
            transition: opacity 0.2s;
        }

        .image-gallery.single img,
        .image-gallery.single video {
            height: auto;
            max-height: 300px;
        }

        /* Modal Styles */
        .modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 200;
            justify-content: center;
            align-items: center;
        }

        .modal {
            background: #000;
            border: 1px solid var(--border);
            border-radius: 16px;
            width: 90%;
            max-width: 600px;
            padding: 0;
            /* V7.6.7 Fix: Base padding removed */
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
            max-height: 90vh;
            overflow-y: auto;
        }

        /* Coin Modal: header/add/search stay fixed, only coin list scrolls */
        #coinModal .modal {
            overflow: hidden !important;
            display: flex !important;
            flex-direction: column !important;
        }

        #coinModal .modal>.modal-header,
        #coinModal .modal>div:not(.modal-body) {
            flex-shrink: 0 !important;
            overflow: visible !important;
        }

        #coinModal .modal>.modal-body {
            flex: 1 1 auto !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            min-height: 0 !important;
        }

        /* --- MOBILE FULL-SCREEN MODAL --- */
        @media (max-width: 768px) {

            .coin-tracker-controls {
                flex-direction: column !important;
                align-items: stretch !important;
            }

            .coin-tracker-controls>.header-tags-row {
                border-bottom: 1px solid rgba(255, 255, 255, 0.06);
                padding-bottom: 8px !important;
            }

            .coin-tracker-actions {
                width: 100% !important;
                flex-direction: row !important;
                align-items: stretch !important;
                justify-content: flex-start !important;
                gap: 5px !important;
                padding: 5px 6px !important;
            }

            /* Fix Overlay to be effectively invisible but present for structure */
            .modal-overlay,
            .coin-detail-modal-overlay,
            .alarm-manager-overlay {
                align-items: flex-start !important;
                padding: 0 !important;
                background: #000 !important;
                /* Integrate backdrop */
            }

            /* Full Screen Modal Override (Generic) */
            .modal,
            .coin-detail-modal {
                width: 100% !important;
                max-width: 100% !important;
                height: 100% !important;
                max-height: 100% !important;
                border-radius: 0 !important;
                border: none !important;
                margin: 0 !important;
                box-shadow: none !important;
                display: flex;
                flex-direction: column;
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
            }

            .coin-detail-modal.compact-mobile-modal {
                width: min(96vw, 680px) !important;
                max-width: 96vw !important;
                height: auto !important;
                max-height: 82vh !important;
                position: relative !important;
                top: auto !important;
                left: auto !important;
                margin-top: 8vh !important;
                border-radius: 14px !important;
                border: 1px solid var(--border) !important;
            }

            .system-authors-controls {
                grid-template-columns: 1fr !important;
                gap: 8px !important;
            }

            .system-authors-sort {
                width: 100% !important;
                min-width: 0 !important;
            }

            .system-authors-only-signals {
                justify-content: flex-start;
                padding-left: 2px;
            }

            .author-metrics-row {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 6px;
            }

            .author-lookup-grid {
                grid-template-columns: 1fr;
            }

            /* Fix: Save button hidden behind mobile nav */
            .modal-content {
                padding-bottom: 80px !important;
            }

            /* Specific Override: Like & Trash Modals (5px Gutter) */
            #trashModal .modal,
            #likedModal .modal {
                width: calc(100% - 10px) !important;
                max-width: calc(100% - 10px) !important;
                left: 5px !important;
                /* Keeps top:0 and height:100% from generic rule */
                padding: 0 !important;
                /* Fix inline padding causing excessive space */
            }

            /* Fix excessive space below Load More button on mobile */
            .modal-body>div[style*="padding: 10px; text-align: center"] {
                padding-top: 5px !important;
                padding-bottom: 5px !important;
                /* Force minimal bottom padding */
                margin-bottom: 0 !important;
            }

            /* Fix "Back to Top" Button Styles */

            /* Keep header fixed size */
        }

        @media (max-width: 768px) {
            .coin-related-tweets-overlay {
                align-items: stretch !important;
                justify-content: stretch !important;
                padding: 0 !important;
                background: #000 !important;
            }

            .coin-detail-modal.compact-mobile-modal.coin-related-mobile-fullscreen {
                width: 100vw !important;
                max-width: 100vw !important;
                min-width: 100vw !important;
                height: 100dvh !important;
                max-height: 100dvh !important;
                min-height: 100dvh !important;
                position: fixed !important;
                inset: 0 !important;
                top: 0 !important;
                left: 0 !important;
                margin: 0 !important;
                border-radius: 0 !important;
                border: none !important;
                box-shadow: none !important;
            }

            .global-search-overlay {
                align-items: stretch !important;
                justify-content: stretch !important;
                padding: 0 !important;
                background: #000 !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            .global-search-panel {
                width: 100vw !important;
                max-width: 100vw !important;
                min-width: 100vw !important;
                height: 100dvh !important;
                max-height: 100dvh !important;
                min-height: 100dvh !important;
                margin: 0 !important;
                border-radius: 0 !important;
                border: none !important;
                box-shadow: none !important;
                position: fixed !important;
                inset: 0 !important;
                left: 0 !important;
                top: 0 !important;
            }

            .coin-detail-modal.compact-mobile-modal.global-search-panel {
                width: 100vw !important;
                max-width: 100vw !important;
                min-width: 100vw !important;
                height: 100dvh !important;
                max-height: 100dvh !important;
                min-height: 100dvh !important;
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                margin-top: 0 !important;
                border-radius: 0 !important;
            }

            .global-search-toolbar {
                padding: 12px 14px !important;
            }

            .global-search-controls {
                align-items: center !important;
                flex-wrap: nowrap !important;
            }

            .global-search-controls input {
                min-width: 0 !important;
                width: auto !important;
                flex: 1 1 auto !important;
            }

            .global-search-controls button {
                flex: 0 0 auto !important;
            }

            .global-search-live {
                display: none !important;
            }

            .global-search-results {
                padding: 10px 12px !important;
            }

            .global-search-footer {
                padding: 0 12px calc(12px + env(safe-area-inset-bottom)) 12px !important;
            }
        }

        /* Scrollable Content Area */
        .modal-content,
        .modal>div:not(.modal-header) {
            flex: 1;
            overflow-y: auto;
            padding: 20px;
            /* Ensure bottom safe area */
            padding-bottom: max(20px, env(safe-area-inset-bottom)) !important;
        }

        .modal-title {
            font-size: 20px;
            font-weight: 700;
        }

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

        .toast {
            visibility: hidden;
            min-width: 250px;
            background-color: #1d9bf0;
            color: #fff;
            text-align: center;
            border-radius: 4px;
            padding: 16px;
            position: fixed;
            z-index: 250000;
            left: 50%;
            bottom: 30px;
            transform: translateX(-50%);
            font-size: 15px;
            font-weight: bold;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
            opacity: 0;
            transition: opacity 0.3s, bottom 0.3s, visibility 0.3s;
        }

        .toast.show {
            visibility: visible;
            opacity: 1;
            bottom: 50px;
        }

        .tweet.read-pending { position: relative; }
        .tweet-read-undo {
            position: absolute; right: 12px; bottom: 9px; z-index: 8;
            display: inline-flex; align-items: center; gap: 6px; min-height: 26px;
            padding: 4px 9px; border: 1px solid rgba(56, 189, 248, .34);
            border-radius: 999px; background: rgba(3, 15, 25, .94); color: #bae6fd;
            font-size: 10px; font-weight: 850; cursor: pointer;
            box-shadow: 0 5px 18px rgba(0, 0, 0, .28);
        }
        .tweet-read-undo:hover { border-color: rgba(125, 211, 252, .72); color: #f0f9ff; }
        .radar-read-pending { position: relative; }
        .radar-read-undo {
            position: absolute; right: 12px; bottom: 10px; z-index: 12;
            display: inline-flex; align-items: center; gap: 6px; min-height: 27px;
            padding: 4px 10px; border: 1px solid rgba(45, 212, 191, .38);
            border-radius: 999px; background: rgba(3, 18, 20, .95); color: #99f6e4;
            font-size: 10px; font-weight: 900; cursor: pointer;
            box-shadow: 0 5px 18px rgba(0, 0, 0, .3);
        }

        .alarm-toast-stack {
            --alarm-toast-entry-x: 48px;
            --alarm-toast-entry-y: 0px;
            position: fixed;
            right: max(18px, env(safe-area-inset-right));
            bottom: max(18px, env(safe-area-inset-bottom));
            z-index: 2147482500;
            width: min(410px, calc(100vw - 28px));
            display: flex;
            flex-direction: column;
            gap: 10px;
            pointer-events: none;
        }
        .alarm-toast-stack[data-queue-label]::before {
            content: attr(data-queue-label);
            align-self: flex-end;
            min-height: 24px;
            padding: 4px 10px;
            border: 1px solid rgba(45, 212, 191, .28);
            border-radius: 999px;
            background: #061014;
            color: #99f6e4;
            box-shadow: 0 8px 24px rgba(0, 0, 0, .48);
            font-size: 9px;
            font-weight: 900;
            letter-spacing: .02em;
            line-height: 14px;
        }
        .alarm-toast-stack[data-position="bottom_left"] { right: auto; left: max(18px, env(safe-area-inset-left)); --alarm-toast-entry-x: -48px; }
        .alarm-toast-stack[data-position="bottom_center"] { right: auto; left: 50%; transform: translateX(-50%); --alarm-toast-entry-x: 0px; --alarm-toast-entry-y: 42px; }
        .alarm-toast-stack[data-position="top_right"] { top: max(18px, env(safe-area-inset-top)); bottom: auto; }
        .alarm-toast-stack[data-position="top_left"] { top: max(18px, env(safe-area-inset-top)); right: auto; bottom: auto; left: max(18px, env(safe-area-inset-left)); --alarm-toast-entry-x: -48px; }
        .alarm-toast-stack[data-position="top_center"] { top: max(18px, env(safe-area-inset-top)); right: auto; bottom: auto; left: 50%; transform: translateX(-50%); --alarm-toast-entry-x: 0px; --alarm-toast-entry-y: -42px; }
        .alarm-toast-stack[data-show-progress="0"] .alarm-toast-progress { display: none; }
        .alarm-toast-stack[data-dismiss-mode="manual"] .alarm-toast-progress { display: none; }
        .alarm-toast-stack[data-show-close="0"] .alarm-toast-close { display: none; }
        .alarm-toast-stack[data-show-close="0"] .alarm-toast-card { grid-template-columns: 52px minmax(0, 1fr); }
        .alarm-toast-stack[data-density="compact"] .alarm-toast-card { min-height: 82px; padding: 10px 11px 12px; grid-template-columns: 40px minmax(0,1fr) 25px; gap: 9px; border-radius: 13px; }
        .alarm-toast-stack[data-density="compact"] .alarm-toast-icon { width: 40px; height: 40px; font-size: 18px; }
        .alarm-toast-stack[data-density="compact"] .alarm-toast-title { font-size: 13px; }
        .alarm-toast-stack[data-density="compact"] .alarm-toast-detail { font-size: 10px; }
        .alarm-toast-stack[data-density="compact"] .alarm-toast-meta { min-height: 18px; margin-top: 6px; font-size: 8px; }
        .alarm-toast-stack[data-show-close="0"][data-density="compact"] .alarm-toast-card { grid-template-columns: 40px minmax(0,1fr); }
        .alarm-toast-stack[data-density="comfortable"] .alarm-toast-card { min-height: 130px; padding: 17px 15px 18px; gap: 14px; }

        .alarm-toast-card {
            --alarm-toast-accent-rgb: 52, 211, 153;
            position: relative;
            isolation: isolate;
            pointer-events: auto;
            display: grid;
            grid-template-columns: 52px minmax(0, 1fr) 30px;
            gap: 12px;
            align-items: center;
            min-height: 110px;
            padding: 14px 14px 16px;
            overflow: hidden;
            border-radius: 20px;
            border: 1px solid rgba(var(--alarm-toast-accent-rgb), 0.76);
            background-color: #03070c;
            background:
                radial-gradient(ellipse at 4% 0%, rgba(var(--alarm-toast-accent-rgb), .24), transparent 42%),
                radial-gradient(ellipse at 96% 110%, rgba(var(--alarm-toast-accent-rgb), .08), transparent 38%),
                linear-gradient(145deg, #0c151d 0%, #070c13 48%, #03070c 100%);
            box-shadow:
                0 28px 82px rgba(0, 0, 0, 0.88),
                inset 4px 0 0 rgba(var(--alarm-toast-accent-rgb), .98),
                inset 0 1px 0 rgba(255, 255, 255, .09),
                0 0 0 1px rgba(0, 0, 0, .9),
                0 0 34px rgba(var(--alarm-toast-accent-rgb), .22);
            color: #f8fafc;
            transform: translate3d(var(--alarm-toast-entry-x), var(--alarm-toast-entry-y), 0) scale(.9);
            opacity: 0;
            transition: opacity .24s ease, transform .38s cubic-bezier(.16,1,.3,1), box-shadow .2s ease, border-color .2s ease;
        }

        .alarm-toast-card.show {
            opacity: 1;
            transform: translateX(0);
        }

        .alarm-toast-card.alarm-toast-merged {
            animation: alarmToastMergedPulse .56s cubic-bezier(.2,.86,.25,1);
        }

        @keyframes alarmToastMergedPulse {
            0% { transform: translate3d(0,0,0) scale(1); filter: brightness(1); }
            42% { transform: translate3d(0,0,0) scale(1.025); filter: brightness(1.22); }
            100% { transform: translate3d(0,0,0) scale(1); filter: brightness(1); }
        }

        .alarm-toast-stack[data-animate="1"] .alarm-toast-card.show {
            animation: alarmToastEmphasizedArrival 1.85s cubic-bezier(.16,.86,.24,1);
        }

        .alarm-toast-stack[data-animate="1"] .alarm-toast-card.show::before {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            background: linear-gradient(108deg, transparent 4%, rgba(255,255,255,.04) 30%, rgba(var(--alarm-toast-accent-rgb), .34) 49%, rgba(255,255,255,.10) 56%, transparent 82%);
            transform: translateX(-135%);
            animation: alarmToastArrivalSweep 1.08s .12s cubic-bezier(.2,.72,.2,1) both;
        }

        .alarm-toast-stack[data-animate="1"] .alarm-toast-card.show::after {
            content: '';
            position: absolute;
            inset: 1px;
            z-index: 1;
            pointer-events: none;
            border: 1px solid rgba(var(--alarm-toast-accent-rgb), .30);
            border-radius: 18px;
            animation: alarmToastAttentionRing 1.65s .05s ease-out both;
        }

        .alarm-toast-card>:not(.alarm-toast-progress) { position: relative; z-index: 2; }

        .alarm-toast-card.hide {
            opacity: 0;
            transform: translate3d(var(--alarm-toast-entry-x), var(--alarm-toast-entry-y), 0) scale(.95);
        }

        .alarm-toast-card.down {
            --alarm-toast-accent-rgb: 251, 113, 133;
            color: #ffe4e6;
        }

        /* Kaynak/tür rengi yalnızca görsel vurgu katmanını değiştirir;
           kart zemini opak, kapanma ve kuyruk davranışı aynen kalır. */
        .alarm-toast-card.notice-color-x { --alarm-toast-accent-rgb: 56, 189, 248; }
        .alarm-toast-card.notice-color-x-reply { --alarm-toast-accent-rgb: 96, 165, 250; }
        .alarm-toast-card.notice-color-x-retweet { --alarm-toast-accent-rgb: 129, 140, 248; }
        .alarm-toast-card.notice-color-x-follow { --alarm-toast-accent-rgb: 192, 132, 252; }
        .alarm-toast-card.notice-color-wallet-buy { --alarm-toast-accent-rgb: 52, 211, 153; }
        .alarm-toast-card.notice-color-wallet-sell { --alarm-toast-accent-rgb: 251, 113, 133; }
        .alarm-toast-card.notice-color-coin-rising { --alarm-toast-accent-rgb: 45, 212, 191; }
        .alarm-toast-card.notice-color-coin-drop { --alarm-toast-accent-rgb: 248, 113, 113; }
        .alarm-toast-card.notice-color-coin-volume { --alarm-toast-accent-rgb: 251, 191, 36; }
        .alarm-toast-card.notice-color-coin-target { --alarm-toast-accent-rgb: 167, 139, 250; }

        .alarm-toast-icon {
            position: relative;
            width: 52px;
            height: 52px;
            border: 1px solid rgba(var(--alarm-toast-accent-rgb), .62);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: visible;
            background: linear-gradient(145deg, rgba(var(--alarm-toast-accent-rgb), .28), rgba(var(--alarm-toast-accent-rgb), .07)), #061018;
            color: rgb(var(--alarm-toast-accent-rgb));
            font-size: 23px;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 10px 28px rgba(0,0,0,.46), 0 0 24px rgba(var(--alarm-toast-accent-rgb), .22);
        }

        .alarm-toast-stack[data-animate="1"] .alarm-toast-card.show .alarm-toast-icon {
            animation: alarmToastIconSignal 1.65s .1s ease-out both;
        }

        .alarm-toast-signal {
            position: absolute;
            top: -5px;
            right: -5px;
            width: 11px;
            height: 11px;
            border: 2px solid #071017;
            border-radius: 999px;
            background: rgb(var(--alarm-toast-accent-rgb));
            box-shadow: 0 0 0 2px rgba(var(--alarm-toast-accent-rgb), .22), 0 0 14px rgba(var(--alarm-toast-accent-rgb), .85);
        }

        .alarm-toast-stack[data-animate="1"] .alarm-toast-card.show .alarm-toast-signal {
            animation: alarmToastSignalPing 1.7s .18s ease-out both;
        }

        .alarm-toast-icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 13px;
        }

        .alarm-toast-content { min-width: 0; }

        .alarm-toast-card.down .alarm-toast-icon {
            color: rgb(var(--alarm-toast-accent-rgb));
        }

        .alarm-toast-title {
            color: #f8fafc;
            font-size: 16px;
            font-weight: 950;
            line-height: 1.15;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            letter-spacing: -.015em;
            text-shadow: 0 0 20px rgba(var(--alarm-toast-accent-rgb), .28);
        }

        .alarm-toast-card.down .alarm-toast-title {
            color: #fff1f2;
        }

        .alarm-toast-detail {
            margin-top: 5px;
            color: rgba(226, 232, 240, 0.88);
            font-size: 12px;
            font-weight: 750;
            line-height: 1.35;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .alarm-toast-meta {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            min-height: 24px;
            margin-top: 10px;
            color: #64748b;
            font-size: 10px;
            font-weight: 850;
        }

        .alarm-toast-meta-info {
            display: inline-flex;
            align-items: center;
            min-width: 0;
            gap: 7px;
        }

        .alarm-toast-meta-source {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .alarm-toast-age {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            min-height: 20px;
            padding: 2px 7px;
            border: 1px solid rgba(var(--alarm-toast-accent-rgb), .22);
            border-radius: 999px;
            background: rgba(var(--alarm-toast-accent-rgb), .08);
            color: rgba(226, 232, 240, .76);
            font-size: 9px;
            font-weight: 900;
            white-space: nowrap;
        }

        .alarm-history-relative-time {
            color: #94a3b8;
            cursor: help;
            text-decoration: underline dotted rgba(148, 163, 184, .48);
            text-underline-offset: 3px;
            white-space: nowrap;
        }

        .alarm-toast-action {
            margin-left: auto;
            padding: 0;
            border: 0;
            background: transparent;
            color: rgb(var(--alarm-toast-accent-rgb));
            font: inherit;
            font-size: 11px;
            cursor: pointer;
        }

        .alarm-toast-card.down .alarm-toast-action { color: rgb(var(--alarm-toast-accent-rgb)); }

        .alarm-toast-close {
            width: 30px;
            height: 30px;
            border-radius: 999px;
            border: 1px solid rgba(148, 163, 184, .18);
            background: linear-gradient(145deg, #141d29, #0a1019);
            color: #cbd5e1;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 17px;
            position: relative;
            transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
        }

        .alarm-toast-close:hover { transform: scale(1.08); border-color: rgba(var(--alarm-toast-accent-rgb),.48); background:#131e2b; color:#fff; }

        .alarm-toast-close i {
            position: relative;
            z-index: 2;
        }

        .alarm-toast-progress {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 4px;
            border-radius: 0 999px 999px 0;
            background: rgb(var(--alarm-toast-accent-rgb));
            box-shadow: 0 0 13px rgba(var(--alarm-toast-accent-rgb), .8);
            transform-origin: left center;
            animation: alarmToastCountdown var(--alarm-toast-duration, 8000ms) linear forwards;
            pointer-events: none;
        }

        @keyframes alarmToastEmphasizedArrival {
            0% { opacity: 0; transform: translate3d(var(--alarm-toast-entry-x), var(--alarm-toast-entry-y), 0) scale(.78); filter: blur(9px) brightness(1.4) saturate(1.3); }
            14% { opacity: 1; filter: blur(0) brightness(1.22) saturate(1.18); }
            24% { transform: translate3d(0,0,0) scale(1.055); border-color: rgba(var(--alarm-toast-accent-rgb), 1); box-shadow: 0 32px 94px rgba(0,0,0,.9), inset 4px 0 0 rgba(var(--alarm-toast-accent-rgb),1), 0 0 0 6px rgba(var(--alarm-toast-accent-rgb),.20), 0 0 62px rgba(var(--alarm-toast-accent-rgb),.56); }
            39% { transform: translate3d(0,0,0) scale(.985); filter: brightness(1.08) saturate(1.08); }
            55% { transform: translate3d(0,0,0) scale(1.018); box-shadow: 0 30px 88px rgba(0,0,0,.88), inset 4px 0 0 rgba(var(--alarm-toast-accent-rgb),1), 0 0 0 3px rgba(var(--alarm-toast-accent-rgb),.15), 0 0 42px rgba(var(--alarm-toast-accent-rgb),.36); }
            72% { transform: translate3d(0,0,0) scale(.997); }
            100% { opacity: 1; transform: translate3d(0,0,0) scale(1); filter: none; border-color: rgba(var(--alarm-toast-accent-rgb),.76); box-shadow: 0 28px 82px rgba(0,0,0,.88), inset 4px 0 0 rgba(var(--alarm-toast-accent-rgb),.98), inset 0 1px 0 rgba(255,255,255,.09), 0 0 0 1px rgba(0,0,0,.9), 0 0 34px rgba(var(--alarm-toast-accent-rgb),.22); }
        }
        @keyframes alarmToastArrivalSweep { 0% { transform: translateX(-135%); opacity: 0; } 16% { opacity: 1; } 72% { opacity:.85; } 100% { transform: translateX(135%); opacity: 0; } }
        @keyframes alarmToastAttentionRing { 0% { opacity: 0; box-shadow:0 0 0 0 rgba(var(--alarm-toast-accent-rgb),.64); } 20% { opacity:1; box-shadow:0 0 0 9px rgba(var(--alarm-toast-accent-rgb),.18); } 48% { box-shadow:0 0 0 2px rgba(var(--alarm-toast-accent-rgb),.08); } 66% { box-shadow:0 0 0 6px rgba(var(--alarm-toast-accent-rgb),.12); } 100% { opacity:1; box-shadow:0 0 0 0 rgba(var(--alarm-toast-accent-rgb),0); } }
        @keyframes alarmToastIconSignal {
            0% { transform: scale(.65) rotate(-10deg); box-shadow: 0 0 0 0 rgba(var(--alarm-toast-accent-rgb), .7); }
            28% { transform: scale(1.16) rotate(5deg); box-shadow: 0 0 0 10px rgba(var(--alarm-toast-accent-rgb), 0), 0 0 30px rgba(var(--alarm-toast-accent-rgb), .72); }
            48% { transform: scale(.96) rotate(-2deg); }
            68% { transform: scale(1.08); box-shadow: 0 0 0 7px rgba(var(--alarm-toast-accent-rgb), 0), 0 0 24px rgba(var(--alarm-toast-accent-rgb), .5); }
            100% { transform: scale(1); box-shadow: 0 0 22px rgba(var(--alarm-toast-accent-rgb), .18); }
        }
        @keyframes alarmToastSignalPing {
            0% { transform: scale(.2); opacity:0; box-shadow:0 0 0 0 rgba(var(--alarm-toast-accent-rgb),.8); }
            24% { transform:scale(1.25); opacity:1; box-shadow:0 0 0 10px rgba(var(--alarm-toast-accent-rgb),0),0 0 18px rgba(var(--alarm-toast-accent-rgb),.95); }
            45% { transform:scale(.9); }
            66% { transform:scale(1.12); box-shadow:0 0 0 7px rgba(var(--alarm-toast-accent-rgb),0),0 0 15px rgba(var(--alarm-toast-accent-rgb),.8); }
            100% { transform:scale(1); opacity:1; }
        }

        @media (prefers-reduced-motion: reduce) {
            .alarm-toast-stack .alarm-toast-card.show,
            .alarm-toast-stack .alarm-toast-card.show::before,
            .alarm-toast-stack .alarm-toast-card.show::after,
            .alarm-toast-stack .alarm-toast-card.show .alarm-toast-icon,
            .alarm-toast-stack .alarm-toast-card.show .alarm-toast-signal { animation: none !important; }
        }

        .alarm-history-overlay { align-items: center; justify-content: center; padding: 18px; background: rgba(0, 4, 9, .78); backdrop-filter: blur(11px); }
        .alarm-history-modal {
            width: min(680px, 94vw); max-height: min(760px, 88vh); display: flex; flex-direction: column;
            overflow: hidden; border: 1px solid rgba(251, 191, 36, .22); border-radius: 18px;
            background: radial-gradient(circle at 90% -10%, rgba(245, 158, 11, .10), transparent 34%), #060a0f;
            box-shadow: 0 28px 90px rgba(0, 0, 0, .72); color: #e5edf6;
        }
        .alarm-history-modal>header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 16px; border-bottom: 1px solid rgba(148, 163, 184, .12); }
        .alarm-history-modal>header>div { display: flex; align-items: center; gap: 10px; }
        .alarm-history-modal>header>div:first-child>i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(245, 158, 11, .12); color: #fbbf24; }
        .alarm-history-modal>header span { display: flex; flex-direction: column; gap: 2px; }
        .alarm-history-modal>header b { color: #f8fafc; font-size: 14px; }
        .alarm-history-modal>header small { color: #64748b; font-size: 8px; }
        .alarm-history-modal>header button { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(148, 163, 184, .14); border-radius: 9px; background: rgba(15, 23, 42, .68); color: #94a3b8; cursor: pointer; }
        .alarm-history-modal>header button[data-clear]:hover { border-color: rgba(251, 113, 133, .35); color: #fb7185; }
        .alarm-history-modal>nav { display: flex; gap: 6px; padding: 10px 14px; border-bottom: 1px solid rgba(148, 163, 184, .08); overflow-x: auto; }
        .alarm-history-modal>nav button { flex: 0 0 auto; padding: 6px 10px; border: 1px solid rgba(148, 163, 184, .12); border-radius: 999px; background: rgba(15, 23, 42, .48); color: #718096; font-size: 8px; font-weight: 900; cursor: pointer; }
        .alarm-history-modal>nav button.active { border-color: rgba(45, 212, 191, .38); background: rgba(13, 148, 136, .13); color: #5eead4; }
        .alarm-history-list { min-height: 220px; padding: 12px; overflow-y: auto; }
        .alarm-history-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 10px; align-items: center; margin-bottom: 8px; padding: 11px; border: 1px solid rgba(52, 211, 153, .15); border-radius: 12px; background: rgba(7, 14, 17, .92); }
        .alarm-history-card.is-openable { grid-template-columns:42px minmax(0,1fr) 26px; cursor:pointer; transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease; }
        .alarm-history-card.is-openable:hover,.alarm-history-card.is-openable:focus-visible { transform:translateY(-1px); border-color:rgba(45,212,191,.42); background:#071519; box-shadow:0 12px 30px rgba(0,0,0,.34),0 0 18px rgba(45,212,191,.08); outline:none; }
        .alarm-history-open { color:#5eead4; font-size:11px; opacity:.72; transition:transform .18s ease,opacity .18s ease; }
        .alarm-history-card.is-openable:hover .alarm-history-open { transform:translate(2px,-2px); opacity:1; }
        .alarm-history-card.down { border-color: rgba(251, 113, 133, .18); background: rgba(18, 8, 13, .92); }
        .alarm-history-icon { display: grid; place-items: center; width: 42px; height: 42px; overflow: hidden; border-radius: 9px; background: rgba(52, 211, 153, .10); color: #34d399; font-size: 17px; }
        .alarm-history-card.down .alarm-history-icon { background: rgba(251, 113, 133, .10); color: #fb7185; }
        .alarm-history-icon img { width: 100%; height: 100%; object-fit: cover; }
        .alarm-history-copy { min-width: 0; }
        .alarm-history-copy>div { display: flex; align-items: center; gap: 8px; min-width: 0; }
        .alarm-history-copy>div>b { overflow: hidden; color: #f1f5f9; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
        .alarm-history-copy em { margin-left: auto; padding: 3px 6px; border-radius: 999px; background: rgba(45, 212, 191, .09); color: #5eead4; font-size: 6.5px; font-style: normal; font-weight: 950; white-space: nowrap; }
        .alarm-history-copy p { margin: 5px 0 0; overflow: hidden; color: #a7b3c2; font-size: 9px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
        .alarm-history-copy small { display: block; margin-top: 6px; color: #59687a; font-size: 7.5px; }
        .alarm-history-empty { min-height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #64748b; text-align: center; }
        .alarm-history-empty i { color: #fbbf24; font-size: 24px; }.alarm-history-empty b { color: #cbd5e1; font-size: 11px; }.alarm-history-empty span { font-size: 9px; }

        #settingsModal .system-settings-modal { max-height: 91vh; overflow: hidden; }
        #settingsModal .system-settings-modal>.modal-content { min-height: 0; overflow-y: auto; }
        .important-notice-settings-tab { padding-bottom: 4px; }
        .important-notice-hero { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;padding:15px;border:1px solid rgba(45,212,191,.25);border-radius:15px;background:radial-gradient(circle at 0 0,rgba(20,184,166,.15),transparent 48%),rgba(3,12,16,.78); }
        .important-notice-hero>div { display:flex;align-items:center;gap:11px;min-width:0; }.important-notice-hero-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 auto;border-radius:11px;background:rgba(20,184,166,.14);color:#5eead4;font-size:16px}.important-notice-hero>div>div{display:flex;min-width:0;flex-direction:column;gap:3px}.important-notice-hero b{color:#f8fafc;font-size:14px}.important-notice-hero small{color:#718096;font-size:8px;line-height:1.4}
        .important-notice-master{display:flex;align-items:center;gap:7px;cursor:pointer}.important-notice-master input{display:none}.important-notice-master span{position:relative;width:38px;height:21px;border-radius:999px;background:#273244;transition:.2s}.important-notice-master span:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#94a3b8;transition:.2s}.important-notice-master input:checked+span{background:#0f766e}.important-notice-master input:checked+span:after{left:20px;background:#99f6e4}.important-notice-master>b{color:#94a3b8;font-size:9px}.important-notice-master input:checked~b{color:#5eead4}
        .important-notice-settings-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;transition:opacity .2s}.important-notice-setting-card{padding:13px;border:1px solid rgba(148,163,184,.13);border-radius:14px;background:linear-gradient(145deg,rgba(15,23,42,.52),rgba(4,9,14,.82))}.important-notice-setting-card>header{display:flex;align-items:center;gap:8px;margin-bottom:11px;padding-bottom:9px;border-bottom:1px solid rgba(148,163,184,.1)}.important-notice-setting-card>header>i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(45,212,191,.09);color:#5eead4}.important-notice-setting-card>header>div{display:flex;flex-direction:column;gap:2px}.important-notice-setting-card>header b{color:#dbe5ef;font-size:10px}.important-notice-setting-card>header small{color:#64748b;font-size:7px}
        .important-notice-choice-grid{display:grid;gap:7px}.important-notice-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.important-notice-choice-grid label{cursor:pointer}.important-notice-choice-grid input{position:absolute;opacity:0;pointer-events:none}.important-notice-choice-grid span{display:flex;min-height:68px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:8px;border:1px solid rgba(148,163,184,.12);border-radius:10px;background:rgba(2,6,12,.6);color:#64748b;text-align:center}.important-notice-choice-grid input:checked+span{border-color:rgba(45,212,191,.38);background:rgba(13,148,136,.12);color:#5eead4}.important-notice-choice-grid span>i{font-size:14px}.important-notice-choice-grid span>b{font-size:8px;color:inherit}.important-notice-choice-grid span>small{font-size:6.5px;color:#718096}
        .important-notice-subtitle{margin:9px 0 6px;color:#718096;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.important-notice-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.important-notice-check-grid .checkbox-label{min-height:29px;margin:0;padding:6px 8px;border:1px solid rgba(148,163,184,.09);border-radius:8px;background:rgba(2,6,12,.42);font-size:8px}.important-notice-split{display:grid;grid-template-columns:1fr 1fr;gap:11px}.important-notice-check-grid.behavior{margin-top:10px}
        .important-notice-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.important-notice-select-grid>label{color:#718096;font-size:8px;font-weight:850}.important-notice-select-grid .form-input{height:33px;margin-top:5px;padding:0 8px;font-size:8px}.important-notice-select-grid.history{grid-template-columns:.8fr 1fr 1fr;align-items:end}.important-notice-inline-check{height:33px;margin:0!important;padding:0 9px;border:1px solid rgba(148,163,184,.12);border-radius:8px;background:rgba(2,6,12,.5);font-size:8px!important}
        .important-notice-tools{display:flex;gap:7px;margin-top:11px}.important-notice-tools button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:31px;border:1px solid rgba(45,212,191,.2);border-radius:8px;background:rgba(13,148,136,.08);color:#5eead4;font-size:8px;font-weight:900;cursor:pointer}.important-notice-tools button:hover{border-color:rgba(94,234,212,.45);background:rgba(13,148,136,.14)}
        .important-notice-actions{display:flex;gap:9px;margin-top:12px}.important-notice-actions .save-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;margin:0;background:#0f766e;color:#ecfeff}.important-notice-actions .save-btn.secondary{background:#080c12;border:1px solid rgba(148,163,184,.15);color:#94a3b8}
        @media(max-width:720px){.important-notice-settings-body{grid-template-columns:1fr}.important-notice-choice-grid.three{grid-template-columns:1fr}.important-notice-choice-grid span{min-height:52px}.important-notice-split{grid-template-columns:1fr}.important-notice-select-grid.history{grid-template-columns:1fr}.important-notice-hero{align-items:flex-start}.important-notice-hero small{display:none}}

        @keyframes alarmToastCountdown {
            from { transform: scaleX(1); }
            to { transform: scaleX(0); }
        }

        @media (max-width: 640px) {
            .alarm-toast-stack {
                right: 10px !important;
                left: 10px !important;
                width: auto;
                bottom: max(12px, env(safe-area-inset-bottom));
                transform: none !important;
                --alarm-toast-entry-x: 0px;
                --alarm-toast-entry-y: 34px;
            }

            .alarm-toast-card {
                grid-template-columns: 46px minmax(0, 1fr) 30px;
                min-height: 98px;
                padding: 12px;
            }

            .alarm-toast-icon {
                width: 46px;
                height: 46px;
            }

            .alarm-toast-title {
                font-size: 15px;
            }

            .alarm-toast-detail {
                font-size: 12px;
            }
            .alarm-toast-stack[data-position^="top_"] { top: max(12px, env(safe-area-inset-top)); bottom: auto; --alarm-toast-entry-y: -34px; }
            .alarm-toast-stack[data-position^="bottom_"] { top: auto; bottom: max(12px, env(safe-area-inset-bottom)); }
            .alarm-toast-stack[data-show-close="0"] .alarm-toast-card { grid-template-columns: 46px minmax(0,1fr); }
            .alarm-toast-stack[data-show-close="0"][data-density="compact"] .alarm-toast-card { grid-template-columns: 40px minmax(0,1fr); }
        }

        .xtracker-bubble-stack {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            height: 0;
            display: none;
            z-index: 1200;
            pointer-events: none;
            overflow: visible;
            padding: 0;
        }

        .xtracker-tab-bubble {
            pointer-events: auto;
            position: absolute;
            top: 0;
            overflow: hidden;
            border-radius: 0;
            border: 1px solid rgba(var(--xtracker-tab-rgb, 56,189,248), 0.28);
            background:
                radial-gradient(circle at top right, rgba(var(--xtracker-tab-rgb, 56,189,248), 0.18), transparent 42%),
                linear-gradient(180deg, rgba(12, 18, 28, 0.97), rgba(7, 12, 20, 0.97));
            box-shadow:
                0 18px 46px rgba(0, 0, 0, 0.38),
                inset 0 1px 0 rgba(255,255,255,0.05);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            padding: 12px 12px 10px;
            transform: translateY(-10px) scale(0.985);
            opacity: 0;
            transition: transform 0.22s ease, opacity 0.22s ease;
            cursor: pointer;
            width: 100%;
            height: 132px;
            min-height: 132px;
            max-height: 132px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            touch-action: manipulation;
        }

        .xtracker-tab-bubble.show {
            transform: translateY(0) scale(1);
            opacity: 1;
        }

        .xtracker-tab-bubble::before {
            content: '';
            position: absolute;
            top: -10px;
            left: var(--bubble-anchor-left, 50%);
            transform: translateX(-50%);
            width: 2px;
            height: 14px;
            border-radius: 999px;
            background: linear-gradient(180deg, rgba(var(--xtracker-tab-rgb, 56,189,248), 0.72), rgba(var(--xtracker-tab-rgb, 56,189,248), 0));
        }

        .xtracker-tab-bubble.tier-onemli {
            border-color: rgba(var(--xtracker-tier-rgb, 0,229,255), 0.68);
            background:
                radial-gradient(circle at top right, rgba(var(--xtracker-tier-rgb, 0,229,255), 0.24), transparent 44%),
                linear-gradient(180deg, rgba(8, 24, 32, 0.98), rgba(7, 12, 20, 0.97));
            box-shadow:
                0 18px 46px rgba(0, 0, 0, 0.38),
                0 0 0 1px rgba(var(--xtracker-tier-rgb, 0,229,255), 0.18),
                0 0 22px rgba(var(--xtracker-tier-rgb, 0,229,255), 0.20),
                inset 0 1px 0 rgba(255,255,255,0.05);
        }

        .xtracker-tab-bubble.tier-cok_onemli {
            border-color: rgba(var(--xtracker-tier-rgb, 255,242,0), 0.82);
            background:
                radial-gradient(circle at top right, rgba(var(--xtracker-tier-rgb, 255,242,0), 0.28), transparent 44%),
                linear-gradient(180deg, rgba(34, 28, 4, 0.98), rgba(7, 12, 20, 0.97));
            box-shadow:
                0 18px 46px rgba(0, 0, 0, 0.38),
                0 0 0 1px rgba(var(--xtracker-tier-rgb, 255,242,0), 0.26),
                0 0 26px rgba(var(--xtracker-tier-rgb, 255,242,0), 0.22),
                inset 0 1px 0 rgba(255,255,255,0.05);
        }

        .xtracker-tab-bubble.tier-onemli .xtracker-tab-bubble-title,
        .xtracker-tab-bubble.tier-cok_onemli .xtracker-tab-bubble-title {
            color: var(--xtracker-tier-color, #67e8f9);
            text-shadow: 0 0 12px rgba(var(--xtracker-tier-rgb, 103,232,249), 0.42);
        }

        .xtracker-tab-bubble.tier-onemli .xtracker-tab-bubble-avatar,
        .xtracker-tab-bubble.tier-cok_onemli .xtracker-tab-bubble-avatar {
            border-color: rgba(var(--xtracker-tier-rgb, 103,232,249), 0.72);
            box-shadow: 0 0 16px rgba(var(--xtracker-tier-rgb, 103,232,249), 0.28);
        }

        .xtracker-tab-bubble.has-coin-context {
            border-color: rgba(245, 158, 11, 0.44);
            background:
                radial-gradient(circle at top right, rgba(245, 158, 11, 0.20), transparent 42%),
                linear-gradient(180deg, rgba(18, 15, 10, 0.97), rgba(8, 12, 18, 0.97));
        }

        .xtracker-tab-bubble-kicker {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            color: rgb(var(--xtracker-tab-rgb, 125,211,252));
        }

        .xtracker-tab-bubble-type-badge {
            display: inline-flex;
            align-items: center;
            gap: 3px;
            min-height: 14px;
            padding: 1px 4px;
            border: 1px solid transparent;
            border-radius: 4px;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
            color: #fff;
            font-size: 8px;
            font-weight: 950;
            letter-spacing: 0.02em;
            line-height: 1;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .xtracker-tab-bubble-type-badge.reply {
            border-color: rgba(196, 181, 253, 0.35);
            background: linear-gradient(180deg, #8b5cf6, #6d3bd8);
        }

        .xtracker-tab-bubble-type-badge.quote {
            border-color: rgba(147, 197, 253, 0.34);
            background: linear-gradient(180deg, #2563eb, #1d4ed8);
        }

        .xtracker-tab-bubble-type-badge.retweet {
            border-color: rgba(110, 231, 183, 0.32);
            background: linear-gradient(180deg, #10b981, #059669);
        }

        .xtracker-tab-bubble-type-badge.follow {
            border-color: rgba(253, 224, 71, 0.40);
            background: linear-gradient(180deg, #facc15, #eab308);
            color: #241800;
        }

        .xtracker-tab-bubble-type-badge.profile_update,
        .xtracker-tab-bubble-type-badge.profile_update_v2 {
            border-color: rgba(125, 211, 252, 0.36);
            background: linear-gradient(180deg, #0ea5e9, #0284c7);
        }

        .xtracker-tab-bubble-tier-pill {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 2px 7px;
            border-radius: 999px;
            border: 1px solid rgba(245, 158, 11, 0.34);
            background: rgba(245, 158, 11, 0.12);
            color: #fbbf24;
            font-size: 10px;
            font-weight: 900;
        }

        .xtracker-tab-bubble-tier-pill.tier-cok_onemli {
            border-color: rgba(255, 242, 0, 0.58);
            background: rgba(255, 242, 0, 0.18);
            color: #fff9a6;
        }

        .xtracker-tab-bubble-row {
            display: grid;
            grid-template-columns: 42px minmax(0, 1fr) auto;
            gap: 10px;
            align-items: start;
            min-height: 76px;
            padding-right: 34px;
        }

        .xtracker-tab-bubble-avatar {
            width: 42px;
            height: 42px;
            border-radius: 0;
            object-fit: cover;
            border: 1px solid rgba(125, 211, 252, 0.28);
            background: rgba(15, 23, 42, 0.8);
        }

        .xtracker-tab-bubble-title {
            font-size: 14px;
            line-height: 1.25;
            font-weight: 900;
            color: #f8fafc;
            letter-spacing: -0.02em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .xtracker-tab-bubble-context-avatar {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            object-fit: cover;
            flex-shrink: 0;
            border: 1px solid rgba(255,255,255,0.16);
            background: rgba(15, 23, 42, 0.86);
        }

        .xtracker-tab-bubble-context-line {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-width: 0;
            margin-top: 8px;
            font-size: 12px;
            line-height: 1.1;
            color: rgba(226, 232, 240, 0.82);
            max-width: 100%;
        }

        .xtracker-tab-bubble-context-card {
            display: flex;
            align-items: center;
            min-width: 0;
            max-width: 100%;
            width: fit-content;
            margin-top: 5px;
            padding: 4px 7px 4px 5px;
            border: 1px solid rgba(148, 163, 184, 0.18);
            border-left-width: 3px;
            border-radius: 7px;
            background: rgba(2, 6, 23, 0.62);
            overflow: hidden;
        }

        .xtracker-tab-bubble-context-card.reply {
            border-left-color: #8b5cf6;
            background: linear-gradient(90deg, rgba(139, 92, 246, 0.12), rgba(2, 6, 23, 0.66) 42%);
        }

        .xtracker-tab-bubble-context-card.quote {
            border-left-color: #2563eb;
            background: linear-gradient(90deg, rgba(37, 99, 235, 0.13), rgba(2, 6, 23, 0.66) 42%);
        }

        .xtracker-tab-bubble-context-card.retweet {
            border-left-color: #10b981;
            background: linear-gradient(90deg, rgba(16, 185, 129, 0.12), rgba(2, 6, 23, 0.66) 42%);
        }

        .xtracker-tab-bubble-context-card.follow {
            border-left-color: #eab308;
            background: linear-gradient(90deg, rgba(234, 179, 8, 0.12), rgba(2, 6, 23, 0.66) 42%);
        }

        .xtracker-tab-bubble-context-card-head {
            display: flex;
            align-items: center;
            gap: 6px;
            min-width: 0;
        }

        .xtracker-tab-bubble-context-card .xtracker-tab-bubble-context-avatar {
            width: 22px;
            height: 22px;
        }

        .xtracker-tab-bubble-context-handle {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            min-width: 0;
            font-weight: 700;
            color: #dbeafe;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .xtracker-tab-bubble-context-card .xtracker-tab-bubble-context-handle strong {
            flex: 0 1 auto;
            max-width: 128px;
            color: #f8fafc;
            font-size: 12px;
            font-weight: 900;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .xtracker-tab-bubble-context-card .xtracker-tab-bubble-context-target-handle {
            flex: 1 1 auto;
            min-width: 0;
            max-width: 118px;
            overflow: hidden;
            color: #dbeafe;
            font-size: 12px;
            font-weight: 800;
            text-overflow: ellipsis;
        }

        .xtracker-tab-bubble-coin-pill {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            padding: 2px 6px;
            border-radius: 999px;
            border: 1px solid rgba(245, 158, 11, 0.30);
            background: rgba(245, 158, 11, 0.12);
            color: #fbbf24;
            font-size: 10px;
            font-weight: 950;
            white-space: nowrap;
        }

        .xtracker-tab-bubble-body {
            font-size: 12px;
            line-height: 1.35;
            color: rgba(226, 232, 240, 0.82);
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .xtracker-tab-bubble-meta {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 8px;
            color: rgba(148, 163, 184, 0.9);
            font-size: 10px;
            font-weight: 700;
            min-height: 18px;
        }

        .xtracker-tab-bubble-action {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 10px;
            font-weight: 700;
            cursor: pointer;
            color: inherit;
            background: transparent;
            border: 0;
            padding: 4px 6px;
            margin: -4px -6px;
            line-height: inherit;
            border-radius: 8px;
            transition: color 0.18s ease, opacity 0.18s ease;
        }

        .xtracker-tab-bubble-action:hover {
            color: #f8fafc;
            opacity: 1;
        }

        .xtracker-tab-bubble-action:focus-visible {
            outline: 1px solid rgba(96, 165, 250, 0.7);
            outline-offset: 1px;
        }

        .xtracker-tab-bubble-thumb {
            width: 54px;
            height: 42px;
            border-radius: 0;
            object-fit: cover;
            border: 1px solid rgba(255,255,255,0.10);
            background: rgba(15, 23, 42, 0.82);
        }

        .xtracker-tab-bubble-close {
            position: absolute;
            top: 10px;
            right: 10px;
            flex-shrink: 0;
            width: 28px;
            height: 28px;
            border-radius: 999px;
            border: 1px solid rgba(255,255,255,0.10);
            background: rgba(255,255,255,0.06);
            color: rgba(255,255,255,0.72);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.18s ease;
            touch-action: manipulation;
            -webkit-tap-highlight-color: transparent;
        }

        .xtracker-tab-bubble-close:hover {
            background: rgba(255,255,255,0.12);
            color: #fff;
        }

        @media (max-width: 768px) {
            .xtracker-tab-bubble {
                width: calc(100% - 12px);
            }
        }

        /* PREMIUM AUTOCOMPLETE STYLES */
        .input-group {
            display: flex;
            gap: 10px;
            margin-bottom: 20px;
            position: relative;
            /* Anchor for dropdown */
            background: #191b1f;
            padding: 15px;
            border-radius: 8px;
            border: 1px solid #2f3336;
        }

        .input-group input {
            background-color: #000;
            border: 1px solid #333;
            color: #fff;
            padding: 10px 12px;
            border-radius: 6px;
            outline: none;
            transition: border-color 0.2s;
        }

        .input-group input:focus {
            border-color: #1d9bf0;
        }

        #whitelistHandle {
            flex: 2;
        }

        #whitelistNote {
            flex: 3;
        }

        /* Floating Dropdown */
        .autocomplete-dropdown {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: #16181c;
            /* Slightly lighter for contrast */
            border: 1px solid var(--primary);
            border-radius: 8px;
            z-index: 10000;
            /* Ensure it's above everything */
            max-height: 250px;
            overflow-y: auto;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
            margin-top: 4px;
        }

        .autocomplete-item {
            padding: 10px 12px;
            cursor: pointer;
            border-bottom: 1px solid #16181c;
            display: flex;
            align-items: center;
            color: #e7e9ea;
            font-size: 14px;
            transition: background 0.15s;
        }

        .autocomplete-item:last-child {
            border-bottom: none;
        }

        .autocomplete-item:hover {
            background-color: #16181c;
        }

        .autocomplete-item.tier-onemli,
        .autocomplete-item.tier-cok_onemli {
            border-color: rgba(var(--autocomplete-tier-rgb, 56,189,248), 0.34);
            border-bottom-color: rgba(var(--autocomplete-tier-rgb, 56,189,248), 0.22);
            background:
                radial-gradient(circle at right, rgba(var(--autocomplete-tier-rgb, 56,189,248), 0.13), transparent 44%),
                rgba(var(--autocomplete-tier-rgb, 56,189,248), 0.055);
            box-shadow: inset 3px 0 0 rgba(var(--autocomplete-tier-rgb, 56,189,248), 0.72);
        }

        .autocomplete-item.tier-cok_onemli {
            box-shadow:
                inset 3px 0 0 rgba(var(--autocomplete-tier-rgb, 255,242,0), 0.82),
                0 0 14px rgba(var(--autocomplete-tier-rgb, 255,242,0), 0.12);
        }

        .autocomplete-item.tier-onemli:hover,
        .autocomplete-item.tier-cok_onemli:hover {
            background:
                radial-gradient(circle at right, rgba(var(--autocomplete-tier-rgb, 56,189,248), 0.20), transparent 46%),
                rgba(var(--autocomplete-tier-rgb, 56,189,248), 0.09);
        }

        /* --- Author Tags --- */
        .author-tags-container {
            display: flex;
            flex-wrap: wrap;
            gap: 4px;
            margin-bottom: 0;
            padding: 0;
        }

        .author-tags-container:not(:empty) {
            margin-bottom: 6px;
        }

        .author-tag {
            background: rgba(29, 155, 240, 0.15);
            border: 1px solid rgba(29, 155, 240, 0.4);
            color: #1d9bf0;
            border-radius: 4px;
            padding: 2px 8px;
            font-size: 11px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 6px;
            animation: fadeIn 0.2s ease-out;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .author-tag .remove {
            cursor: pointer;
            opacity: 0.7;
            font-size: 14px;
            line-height: 1;
        }

        .author-tag .remove:hover {
            opacity: 1;
            color: #ef4444;
        }

        .autocomplete-avatar {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            margin-right: 12px;
            object-fit: cover;
            border: 1px solid #333;
        }

        .autocomplete-avatar.tier-onemli,
        .autocomplete-avatar.tier-cok_onemli {
            border-color: rgba(var(--autocomplete-tier-rgb, 56,189,248), 0.78);
            box-shadow: 0 0 12px rgba(var(--autocomplete-tier-rgb, 56,189,248), 0.30);
        }

        .autocomplete-info {
            min-width: 0;
            flex: 1;
        }

        .autocomplete-follow-state {
            width: 24px;
            height: 24px;
            margin-left: 10px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            font-size: 10px;
            border: 1px solid rgba(52, 211, 153, 0.30);
            color: #6ee7b7;
            background: rgba(16, 185, 129, 0.11);
        }

        .autocomplete-follow-state.is-unfollowed {
            border-color: rgba(148, 163, 184, 0.22);
            color: #94a3b8;
            background: rgba(148, 163, 184, 0.08);
        }

        .autocomplete-handle {
            font-weight: bold;
            color: #fff;
        }

        .autocomplete-item.tier-onemli .autocomplete-handle,
        .autocomplete-item.tier-cok_onemli .autocomplete-handle {
            color: var(--autocomplete-tier-color, #67e8f9);
            text-shadow: 0 0 10px rgba(var(--autocomplete-tier-rgb, 103,232,249), 0.34);
        }

        .autocomplete-item.tier-onemli .autocomplete-name,
        .autocomplete-item.tier-cok_onemli .autocomplete-name {
            color: rgba(var(--autocomplete-tier-rgb, 103,232,249), 0.82);
        }

        /* Tabs */
        .tabs {
            display: flex;
            border-bottom: 1px solid var(--border);
            margin-bottom: 20px;
        }

        .tab {
            padding: 12px 20px;
            color: var(--text-sec);
            cursor: pointer;
            font-weight: 600;
            border-bottom: 3px solid transparent;
            font-size: 15px;
        }

        .tab:hover {
            background: #16181c;
        }

        .tab.active {
            color: var(--text-main);
            border-bottom-color: var(--primary);
        }

        .tab-content {
            display: none;
        }

        .tab-content.active {
            display: block;
        }

        .form-group {
            margin-bottom: 15px;
        }

        .form-label {
            display: block;
            margin-bottom: 5px;
            color: var(--text-sec);
            font-size: 14px;
        }

        .form-input {
            width: 100%;
            background: #202327;
            border: 1px solid var(--border);
            color: var(--text-main);
            padding: 10px;
            border-radius: 8px;
            font-size: 14px;
            box-sizing: border-box;
        }

        .form-input:focus {
            border-color: var(--primary);
            outline: none;
        }

        .save-btn {
            width: 100%;
            background: var(--text-main);
            color: #000;
            border: none;
            padding: 12px;
            border-radius: 20px;
            font-weight: 700;
            cursor: pointer;
            margin-top: 10px;
        }

        .save-btn:hover {
            opacity: 0.9;
        }

        /* Tables & Lists */
        .data-list {
            margin-bottom: 15px;
        }

        .list-item {
            background: #16181c;
            border: 1px solid var(--border);
            border-radius: 8px;
            padding: 10px;
            margin-bottom: 8px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .item-info h4 {
            margin: 0;
            font-size: 15px;
        }

        .item-info p {
            margin: 4px 0 0;
            font-size: 12px;
            color: var(--text-sec);
        }

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

        .delete-btn {
            color: #ef4444;
            cursor: pointer;
            background: rgba(239, 68, 68, 0.1);
            padding: 5px 10px;
            border-radius: 4px;
            font-size: 13px;
        }

        .badge-group {
            display: flex;
            gap: 5px;
            margin-top: 5px;
        }

        .badge-tag {
            background: #2f3336;
            padding: 2px 6px;
            border-radius: 4px;
            font-size: 10px;
            color: var(--text-sec);
        }

        /* Visibility Utilities */
        .desktop-only-flex {
            display: flex !important;
        }

        .mobile-only-block {
            display: none !important;
        }

        @media (max-width: 768px) {
            .desktop-only-flex {
                display: none !important;
            }

            .mobile-only-block {
                display: block !important;
            }
        }

        .checkbox-group {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
            margin-top: 10px;
        }

        .checkbox-label {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 13px;
            color: var(--text-main);
            cursor: pointer;
        }

        .quoted-author:hover,
        .replied-to-handle:hover {
            text-decoration: underline;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 6px;
        }

        ::-webkit-scrollbar-track {
            background: var(--bg);
        }

        ::-webkit-scrollbar-thumb {
            background: #333;
            border-radius: 3px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

        /* Mobile Layout & Navigation */
        /* Mobile Layout & Navigation */
        .mobile-nav {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 68px;
            background: rgba(0, 0, 0, 0.96);
            border-top: 1px solid var(--border);
            z-index: 2000;
            justify-content: center;
            align-items: center;
            gap: 4px;
            padding: 5px 8px calc(5px + env(safe-area-inset-bottom));
            /* Safe area for iOS */
            will-change: transform;
            box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.45);
        }

        .mobile-tab {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: var(--text-sec);
            font-size: 10px;
            gap: 4px;
            flex: 1 1 0;
            min-width: 0;
            height: 50px;
            cursor: pointer;
            position: relative;
            transition: all 0.2s ease;
            border-top: 0;
            border-radius: 14px;
            padding: 4px 2px;
        }

        .mobile-tab.active {
            color: #ffffff;
            background: rgba(29, 155, 240, 0.08);
            box-shadow: inset 0 0 0 1px rgba(29, 155, 240, 0.22);
        }

        .mobile-tab i {
            font-size: 20px;
            transition: all 0.2s ease;
        }

        .mobile-tab.active i {
            color: #ffffff;
            filter: drop-shadow(0 0 4px rgba(29, 155, 240, 0.5));
        }

        .mobile-tab.active span {
            color: #ffffff;
            font-weight: 600;
        }

        .mobile-tab.mobile-menu-center {
            flex: 0 0 60px;
            width: 60px;
            min-width: 60px;
            max-width: 60px;
            height: 58px;
            align-self: flex-start;
            margin-top: -12px;
            z-index: 2;
            color: #fff;
            gap: 5px;
            background: transparent;
            overflow: visible;
            padding: 0;
        }

        .mobile-tab.mobile-menu-center .mobile-center-orb {
            width: 46px;
            height: 46px;
            min-width: 46px;
            max-width: 46px;
            min-height: 46px;
            max-height: 46px;
            aspect-ratio: 1 / 1;
            flex: 0 0 46px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 19px;
            padding: 0;
            margin: 0 auto;
            box-sizing: border-box;
            white-space: normal;
            background:
                radial-gradient(circle at 32% 24%, rgba(255,255,255,0.36), transparent 28%),
                linear-gradient(135deg, #67e8f9 0%, #38bdf8 36%, #2563eb 72%, #1e40af 100%);
            border: 1px solid rgba(125, 211, 252, 0.42);
            box-shadow:
                0 0 0 5px rgba(0, 0, 0, 0.92),
                0 8px 16px rgba(14, 165, 233, 0.22),
                0 0 16px rgba(56, 189, 248, 0.30),
                inset 0 1px 0 rgba(255,255,255,0.34),
                inset 0 -8px 16px rgba(15, 23, 42, 0.28);
        }

        .mobile-tab.mobile-menu-center .mobile-center-orb i {
            font-size: 18px;
            line-height: 1;
            filter: drop-shadow(0 2px 4px rgba(15, 23, 42, 0.42));
        }

        .mobile-tab.mobile-menu-center > span:not(.mobile-badge-dot):not(.mobile-center-orb) {
            margin-top: -2px;
            font-size: 10px;
            font-weight: 800;
            color: var(--text-sec);
            line-height: 1;
            width: 100%;
            text-align: center;
        }

        .mobile-tab.mobile-menu-center.active {
            background: transparent;
            box-shadow: none;
        }

        .mobile-badge-dot {
            position: absolute;
            top: 6px;
            right: 50%;
            transform: translateX(14px);
            width: 8px;
            height: 8px;
            background: #ef4444;
            border-radius: 50%;
            display: none;
            box-shadow: 0 0 6px rgba(239, 68, 68, 0.6);
            animation: badge-pulse 1.5s ease-in-out infinite;
        }

        /* Icon Picker Grid */
        .icon-picker-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 6px;
            margin-top: 8px;
        }

        .icon-picker-item {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            border-radius: 8px;
            background: var(--bg-primary);
            border: 2px solid var(--border);
            color: var(--text-sec);
            cursor: pointer;
            font-size: 14px;
            transition: all 0.2s ease;
        }

        .icon-picker-item:hover {
            border-color: var(--primary);
            color: white;
            background: rgba(29, 155, 240, 0.15);
        }

        /* Collapsible Icon Picker */
        .icon-picker-toggle {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px 12px;
            background: var(--bg-primary);
            border: 1px solid var(--border);
            border-radius: 8px;
            cursor: pointer;
            color: white;
            font-size: 13px;
            transition: all 0.2s ease;
        }

        .icon-picker-toggle:hover {
            border-color: var(--primary);
        }

        .icon-picker-toggle .preview-icon {
            font-size: 18px;
        }

        .icon-picker-toggle .toggle-arrow {
            margin-left: auto;
            font-size: 10px;
            color: var(--text-sec);
            transition: transform 0.2s ease;
        }

        .icon-picker-toggle.open .toggle-arrow {
            transform: rotate(180deg);
        }

        .icon-picker-collapsed {
            display: none;
            margin-top: 8px;
        }

        .icon-picker-collapsed.open {
            display: grid;
        }

        .icon-picker-item.selected {
            border-color: var(--primary);
            color: var(--primary);
            background: rgba(29, 155, 240, 0.2);
            box-shadow: 0 0 8px rgba(29, 155, 240, 0.3);
        }

        @keyframes badge-pulse {

            0%,
            100% {
                transform: translateX(14px) scale(1);
                opacity: 1;
            }

            50% {
                transform: translateX(14px) scale(1.3);
                opacity: 0.8;
            }
        }

        /* Mobile specific adjustments */
        @media (max-width: 768px) {
            .app-layout {
                padding-bottom: 78px;
                /* Space for nav bar */
            }

            .column-header {
                padding: 0 8px;
                gap: 6px;
            }

            .column-header .col-title {
                flex: 1 1 auto;
                min-width: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                position: relative;
                padding-right: 32px;
            }

            .column-header .col-title .unread-count-badge {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                margin-left: 0;
                max-width: 44px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .column-header>div:last-child {
                flex: 0 0 auto;
                gap: 4px !important;
            }

            .column-header .search-area-wrapper {
                gap: 4px;
            }

            .column-header .search-area-wrapper .keyword-search-box {
                width: 72px !important;
                min-width: 72px !important;
            }

            .column-header .remove-module-btn {
                display: none !important;
            }

            .main-workspace {
                display: block;
                /* Stack blocks instead of grid */
            }

            .dynamic-col {
                display: none !important;
                /* Hide all by default */
                flex: 0 0 100% !important;
                width: 100% !important;
                min-width: 100% !important;
                max-width: 100% !important;
                border-right: none;
            }

            .dynamic-col.active-mobile {
                display: flex !important;
                /* Show only active */
            }

            .add-column-placeholder {
                display: none !important;
            }



            .mobile-nav {
                display: flex;
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 68px;
                background: rgba(0, 0, 0, 0.96);
                z-index: 2001;
                /* Above or same level as nav */
                border-top: 1px solid var(--border);
                align-items: center;
                justify-content: center;
                gap: 4px;
                padding: 5px 8px calc(5px + env(safe-area-inset-bottom));
            }
        }

        /* V7.6.8 Fix: Small Mobile Header Overlap */
        @media (max-width: 480px) {
            .keyword-search-box {
                width: 86px !important;
                min-width: 86px !important;
            }

            .keyword-search-box:focus-within {
                width: 86px !important;
            }

            .header-tab {
                padding: 4px 6px !important;
                font-size: 13px !important;
            }

            .icon-btn {
                width: 32px !important;
                /* Larger touch target */
                height: 32px !important;
                font-size: 14px !important;
            }

            /* .column-header padding removed */
        }

        /* Improved Modal Styles */
        .modal {
            background: #000;
            border: 1px solid #333;
            border-radius: 16px;
            max-width: 500px;
            box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
        }

        .modal-header {
            border-bottom: 1px solid #2f3336;
            padding-bottom: 15px;
            margin-bottom: 20px;
        }

        .modal-title {
            font-size: 20px;
            font-weight: 800;
        }

        .input-group {
            background: #16181c;
            border: 1px solid #2f3336;
            border-radius: 8px;
            display: flex;
            align-items: center;
        }

        .input-group:focus-within {
            border-color: var(--primary);
            box-shadow: 0 0 0 1px var(--primary);
        }

        .input-icon {
            padding-left: 12px;
            color: var(--text-sec);
            font-weight: bold;
        }

        .input-group input {
            background: transparent;
            border: none;
            color: white;
            padding: 12px;
            /* V7.6.4 Fix: Use flex:1 to prevent overflow in multi-input groups */
            width: auto;
            flex: 1;
            min-width: 0;
            outline: none;
        }

        .list-item {
            background: transparent;
            border-bottom: 1px solid #2f3336;
            padding: 10px 5px;
            transition: background 0.2s;
            /* Flexbox added for clean alignment per user request */
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .list-item:hover {
            background: rgba(255, 255, 255, 0.03);
        }

        .list-item:last-child {
            border-bottom: none;
        }

        .btn-primary {
            background: var(--primary);
            color: #fff;
            border: none;
            padding: 6px 16px;
            border-radius: 9999px;
            font-weight: 700;
            font-size: 13px;
            cursor: pointer;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 4px 14px 0 rgba(29, 155, 240, 0.3);
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .btn-primary:hover {
            background: #1a8cd8;
            box-shadow: 0 6px 20px rgba(29, 155, 240, 0.2);
            transform: translateY(-1px);
        }

        .btn-primary:active {
            transform: translateY(0);
        }

        .btn-secondary {
            background: transparent;
            border: 1px solid #333;
            color: var(--primary);
            padding: 6px 12px;
            border-radius: 20px;
            cursor: pointer;
            font-size: 12px;
            font-weight: bold;
        }

        /* Fix for Select Dropdown Options */
        select option {
            background: #000;
            color: #fff;
        }

        /* Loading Animation */
        /* PREMIUM LOADERS */
        .loading-skeleton {
            /* Now handled by individual skeleton cards */
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .skeleton-card {
            padding: 12px 16px;
            border-bottom: 1px solid var(--border);
            display: flex;
            gap: 12px;
            background: var(--bg);
            /* Shimmer Effect Container */
            position: relative;
            overflow: hidden;
        }

        /* Shimmer Animation */
        .shimmer-effect {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.03) 50%, transparent 100%);
            animation: shimmer 1.5s infinite linear;
            transform: translateX(-100%);
        }

        @keyframes shimmer {
            100% {
                transform: translateX(100%);
            }
        }

        .skeleton-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #202327;
            flex-shrink: 0;
        }

        .skeleton-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .skeleton-line {
            height: 12px;
            background: #202327;
            border-radius: 4px;
            width: 100%;
        }

        .skeleton-line.short {
            width: 60%;
        }

        .skeleton-line.w-40 {
            width: 40%;
        }

        /* Premium Spinner */
        .loading-state {
            padding: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 60px;
        }

        .spinner {
            display: inline-block;
            box-sizing: border-box;
            flex: 0 0 auto;
            width: 24px;
            height: 24px;
            border: 2px solid rgba(29, 155, 240, 0.2);
            border-radius: 50%;
            border-top-color: #1d9bf0;
            animation: spin 0.8s linear infinite;
        }

	        @keyframes spin {
	            to {
	                transform: rotate(360deg);
	            }
	        }

	        @keyframes walletTrackerSignalNoticeSlideIn {
	            from {
	                opacity: 0;
	                transform: translateY(-12px) scale(0.985);
	            }
	            to {
	                opacity: 1;
	                transform: translateY(0) scale(1);
	            }
	        }

	        @keyframes walletTrackerSignalNoticeSoftPulse {
	            from {
	                box-shadow: 0 0 0 1px var(--wallet-signal-notice-glow, rgba(34,197,94,0.14)), 0 10px 26px rgba(0,0,0,0.24);
	            }
	            to {
	                box-shadow: 0 0 0 1px var(--wallet-signal-notice-glow, rgba(34,197,94,0.14)), 0 14px 34px rgba(0,0,0,0.30);
	            }
	        }

        .wallet-tracker-load-more-wrap {
            padding: 12px 14px calc(18px + env(safe-area-inset-bottom));
            background: rgba(0, 0, 0, 0.72);
            border-top: 1px solid rgba(255, 255, 255, 0.06);
        }

        .wallet-tracker-load-more-btn {
            position: relative;
            width: 100%;
            height: 38px;
            overflow: hidden;
            border-radius: 10px;
            border: 1px solid rgba(52, 211, 153, 0.32);
            background: rgba(52, 211, 153, 0.10);
            color: #6ee7b7;
            cursor: pointer;
            font-size: 12px;
            font-weight: 900;
        }

        .wallet-tracker-load-more-btn.is-loading {
            opacity: 0.92;
            cursor: wait;
            border-color: rgba(110, 231, 183, 0.78);
            animation: walletTrackerLoadMorePulse 0.72s ease-in-out infinite alternate;
        }

        @keyframes walletTrackerLoadMorePulse {
            from {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.08);
            }
            to {
                transform: scale(0.992);
                box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.16), 0 0 18px rgba(52, 211, 153, 0.16);
            }
        }

        .wallet-tracker-load-more-btn.is-disabled {
            opacity: 0.46;
            cursor: default;
            color: rgba(148, 163, 184, 0.92);
            border-color: rgba(148, 163, 184, 0.18);
            background: rgba(148, 163, 184, 0.06);
        }

        .wallet-tracker-load-more-btn:disabled {
            pointer-events: none;
        }

        .wallet-tracker-load-more-btn.is-loading::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, transparent, rgba(110, 231, 183, 0.18), transparent);
            animation: shimmer 1.1s infinite linear;
            transform: translateX(-100%);
        }

        .wallet-tracker-load-more-btn span {
            position: relative;
            z-index: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
        }

        .wallet-tracker-load-more-progress {
            height: 2px;
            margin-top: 8px;
            overflow: hidden;
            border-radius: 999px;
            background: rgba(52, 211, 153, 0.08);
        }

        .wallet-tracker-load-more-progress::after {
            content: '';
            display: block;
            width: 42%;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, rgba(52, 211, 153, 0.25), #6ee7b7, rgba(52, 211, 153, 0.25));
            animation: shimmer 1s infinite linear;
        }

        .wallet-tracker-feed-end {
            padding-top: 8px;
            text-align: center;
            color: var(--text-sec);
            font-size: 11px;
        }

        .wallet-tracker-event-card {
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.05);
            background:
                radial-gradient(circle at top right, rgba(255, 255, 255, 0.03), transparent 36%),
                linear-gradient(180deg, rgba(255, 255, 255, 0.012), rgba(255, 255, 255, 0));
            transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.18s ease;
        }

        .wallet-tracker-event-card:hover {
            border-color: rgba(255, 255, 255, 0.12);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
        }

        .wallet-tracker-event-card.is-live-new {
            border-color: rgba(var(--wt-live-rgb, 34, 211, 238), 0.88) !important;
            box-shadow:
                inset 0 0 0 1px rgba(var(--wt-live-rgb, 34, 211, 238), 0.36),
                0 0 0 1px rgba(var(--wt-live-rgb, 34, 211, 238), 0.24),
                0 0 22px rgba(var(--wt-live-rgb, 34, 211, 238), 0.20);
            animation: walletTrackerLiveNewPulse 4.8s ease-out 1;
        }

        .wallet-tracker-event-card.is-live-new::after {
            content: '';
            position: absolute;
            inset: 0;
            pointer-events: none;
            border-radius: inherit;
            background:
                linear-gradient(90deg, rgba(var(--wt-live-rgb, 34, 211, 238), 0.20), transparent 34%),
                radial-gradient(circle at 16% 50%, rgba(var(--wt-live-rgb, 34, 211, 238), 0.28), transparent 30%);
            opacity: 0;
            animation: walletTrackerLiveNewWash 4.8s ease-out 1;
        }

        @keyframes walletTrackerLiveNewPulse {
            0% {
                transform: translateY(-2px);
                border-color: rgba(var(--wt-live-rgb, 34, 211, 238), 1);
                box-shadow:
                    inset 0 0 0 1px rgba(var(--wt-live-rgb, 34, 211, 238), 0.70),
                    0 0 0 1px rgba(var(--wt-live-rgb, 34, 211, 238), 0.42),
                    0 0 28px rgba(var(--wt-live-rgb, 34, 211, 238), 0.34);
            }
            24% {
                transform: translateY(0);
                border-color: rgba(var(--wt-live-rgb, 34, 211, 238), 0.94);
            }
            72% {
                border-color: rgba(var(--wt-live-rgb, 34, 211, 238), 0.42);
                box-shadow:
                    inset 0 0 0 1px rgba(var(--wt-live-rgb, 34, 211, 238), 0.18),
                    0 0 16px rgba(var(--wt-live-rgb, 34, 211, 238), 0.12);
            }
            100% {
                transform: translateY(0);
                border-color: rgba(255, 255, 255, 0.05);
                box-shadow: none;
            }
        }

        @keyframes walletTrackerLiveNewWash {
            0% {
                opacity: 1;
                transform: translateX(-18%);
            }
            36% {
                opacity: 0.75;
                transform: translateX(0);
            }
            100% {
                opacity: 0;
                transform: translateX(14%);
            }
        }

        @keyframes walletTrackerLoadPulse {
            0% {
                transform: translateX(-80%);
                opacity: 0.45;
            }
            100% {
                transform: translateX(140%);
                opacity: 1;
            }
        }

        .wallet-tracker-event-card.priority-onemli,
        .wallet-tracker-event-card.priority-cok_onemli {
            border-left: 1px solid rgb(var(--wt-priority-rgb, 245, 158, 11));
            background:
                linear-gradient(90deg, rgba(var(--wt-priority-rgb, 245, 158, 11), 0.09) 0, rgba(var(--wt-priority-rgb, 245, 158, 11), 0.035) 16%, rgba(0, 0, 0, 0) 42%),
                radial-gradient(circle at 92% 18%, rgba(var(--wt-priority-rgb, 245, 158, 11), 0.14), transparent 22%),
                linear-gradient(180deg, rgba(255, 255, 255, 0.016), rgba(255, 255, 255, 0));
            box-shadow:
                inset 0 1px 0 rgba(var(--wt-priority-rgb, 245, 158, 11), 0.08),
                inset 0 0 0 1px rgba(var(--wt-priority-rgb, 245, 158, 11), 0.06),
                0 8px 20px rgba(0, 0, 0, 0.22);
        }

        .wallet-tracker-event-card.priority-cok_onemli {
            box-shadow:
                inset 0 1px 0 rgba(var(--wt-priority-rgb, 255, 242, 0), 0.13),
                inset 0 0 0 1px rgba(var(--wt-priority-rgb, 255, 242, 0), 0.10),
                0 10px 24px rgba(0, 0, 0, 0.26),
                0 0 0 1px rgba(var(--wt-priority-rgb, 255, 242, 0), 0.10);
        }

        .wallet-tracker-wallet-label {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-height: 24px;
            padding: 0 10px;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(255, 255, 255, 0.04);
            color: #cbd5e1;
            font-size: 12px;
            font-weight: 900;
            letter-spacing: 0.01em;
            white-space: nowrap;
            max-width: min(220px, 100%);
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer;
            transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
        }

        .wallet-tracker-wallet-label:hover {
            border-color: rgba(255, 255, 255, 0.16);
            background: rgba(255, 255, 255, 0.06);
            color: #f8fafc;
        }

        .wallet-tracker-wallet-label.is-priority {
            border-color: rgba(var(--wt-priority-rgb, 245, 158, 11), 0.28);
            background: linear-gradient(135deg, rgba(var(--wt-priority-rgb, 245, 158, 11), 0.15), rgba(var(--wt-priority-rgb, 245, 158, 11), 0.06));
            color: rgb(var(--wt-priority-rgb, 245, 158, 11));
            box-shadow: inset 0 0 0 1px rgba(var(--wt-priority-rgb, 245, 158, 11), 0.08);
        }

        .wallet-tracker-wallet-label-status-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 14px;
            height: 14px;
            color: currentColor;
            line-height: 1;
            flex: 0 0 14px;
        }

        .wallet-tracker-wallet-label-status-icon i {
            font-size: 12px;
        }

        .wallet-tracker-wallet-label-note-icon,
        .wallet-tracker-wallet-follow-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 14px;
            height: 14px;
            padding: 0;
            margin: 0;
            border: none;
            background: transparent;
            color: currentColor;
            opacity: 0.88;
            cursor: pointer;
            line-height: 1;
            flex: 0 0 14px;
        }

        .wallet-tracker-wallet-label-note-icon i,
        .wallet-tracker-wallet-follow-icon i {
            font-size: 11px;
        }

        .wallet-tracker-wallet-label-note-icon:hover,
        .wallet-tracker-wallet-follow-icon:hover {
            opacity: 1;
        }

        .wallet-tracker-wallet-follow-icon.is-active {
            color: #c084fc;
            opacity: 1;
        }

        .wallet-tracker-wallet-follow-icon i.is-empty,
        .wallet-tracker-wallet-tab-icon.is-empty {
            color: transparent;
            -webkit-text-stroke: 1px #bfa6df;
            text-shadow: none;
        }

        .wallet-tracker-wallet-follow-icon.is-active i,
        .wallet-tracker-wallet-tab-icon.is-active {
            color: #c084fc;
            -webkit-text-stroke: 0;
        }


        .skeleton-line {
            height: 12px;
            background: #333;
            border-radius: 4px;
            width: 100%;
        }

        .skeleton-line.short {
            width: 60%;
        }

        .skeleton-line.avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
        }

        @keyframes pulse {
            0% {
                opacity: 0.5;
            }

            50% {
                opacity: 0.8;
            }

            100% {
                opacity: 0.5;
            }
        }

        /* Mobile Menu Modal Styles */
        .mobile-menu-modal {
            position: fixed;
            bottom: -100%;
            left: 0;
            width: 100%;
            background: #111;
            border-top: 1px solid var(--border);
            border-radius: 20px 20px 0 0;
            z-index: 3000;
            padding: 20px 16px 40px;
            transition: bottom 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            max-height: 80vh;
            overflow-y: auto;
            box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.8);
        }

        .mobile-menu-modal.open {
            bottom: 0;
        }

        .mobile-menu-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(4px);
            z-index: 2999;
            display: none;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .mobile-menu-overlay.open {
            display: block;
            opacity: 1;
        }

        .mobile-menu-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            padding: 0 4px;
        }

        .mobile-menu-title {
            font-size: 18px;
            font-weight: 800;
            color: #fff;
        }

        .mobile-menu-close {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: #222;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-sec);
            cursor: pointer;
        }

        .mobile-menu-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 12px;
        }

        .mobile-menu-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            padding: 16px 8px;
            background: #191919;
            border: 1px solid #282828;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .mobile-menu-item:active {
            transform: scale(0.95);
            background: #222;
        }

        .mobile-menu-item i {
            font-size: 22px;
            color: var(--primary);
        }

        .mobile-menu-item span {
            font-size: 11px;
            font-weight: 600;
            color: var(--text-main);
            text-align: center;
        }

        .mobile-menu-item.source-status-tone {
            border-color: rgba(var(--source-status-rgb, 34, 197, 94), 0.28);
            background: linear-gradient(180deg, rgba(var(--source-status-rgb, 34, 197, 94), 0.10), rgba(25, 25, 25, 0.96));
            box-shadow: inset 0 0 0 1px rgba(var(--source-status-rgb, 34, 197, 94), 0.05);
        }

        .mobile-menu-item.source-status-tone i {
            color: var(--source-status-color, #22c55e);
            text-shadow: 0 0 14px rgba(var(--source-status-rgb, 34, 197, 94), 0.28);
        }

        .entity-source-card {
            border: 1px solid rgba(255,255,255,0.08);
            background: rgba(255,255,255,0.022);
            border-radius: 14px;
            padding: 14px 16px;
            margin-bottom: 10px;
            position: relative;
        }

        .entity-source-card.source-tweet {
            border-color: rgba(29,155,240,0.18);
            background: linear-gradient(180deg, rgba(29,155,240,0.045), rgba(255,255,255,0.018));
        }

        .entity-source-card.source-news {
            border-color: rgba(96,165,250,0.18);
            background: linear-gradient(180deg, rgba(96,165,250,0.045), rgba(255,255,255,0.018));
        }

        .entity-source-card-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
        }

        .entity-source-main {
            display: grid;
            grid-template-columns: 44px minmax(0, 1fr);
            gap: 12px;
            min-width: 0;
        }

        .entity-source-avatar {
            width: 44px;
            height: 44px;
            border-radius: 999px;
            overflow: hidden;
            background: rgba(255,255,255,0.07);
            border: 1px solid rgba(255,255,255,0.10);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #94a3b8;
            flex: 0 0 auto;
        }

        .entity-source-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .entity-source-meta {
            display: flex;
            align-items: center;
            gap: 7px;
            flex-wrap: wrap;
            min-width: 0;
            color: #64748b;
            font-size: 12px;
            font-weight: 800;
        }

        .entity-source-author {
            color: #e5e7eb;
            font-size: 14px;
            font-weight: 950;
        }

        .entity-source-handle {
            color: #94a3b8;
            font-size: 12px;
            font-weight: 750;
        }

        .entity-source-type {
            color: var(--source-note-color, #38bdf8);
            font-size: 11px;
            font-weight: 950;
        }

        .entity-source-text {
            margin-top: 7px;
            color: #dbeafe;
            font-size: 14px;
            line-height: 1.45;
            white-space: pre-wrap;
            word-break: break-word;
        }

        .entity-source-follow-card {
            margin-top: 10px;
            border: 1px solid rgba(234,179,8,0.22);
            background: rgba(234,179,8,0.055);
            border-radius: 13px;
            padding: 12px;
        }

        .entity-source-follow-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 7px;
        }

        .entity-source-follow-user {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
        }

        .entity-source-link {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            margin-top: 9px;
            border: 0;
            background: transparent;
            color: #38bdf8;
            font-size: 12px;
            font-weight: 900;
            cursor: pointer;
            padding: 0;
        }

        .entity-source-delete {
            width: 34px;
            height: 34px;
            border-radius: 10px;
            border: 1px solid rgba(239,68,68,0.26);
            background: rgba(239,68,68,0.10);
            color: #fb7185;
            cursor: pointer;
            flex: 0 0 auto;
        }

        .entity-source-tweet-wrap {
            margin-bottom: 10px;
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 8px;
            overflow: hidden;
            background: rgba(0, 0, 0, 0.22);
        }

        .entity-source-tweet-wrap .tweet {
            border-bottom: 0;
            content-visibility: visible;
            contain-intrinsic-size: auto;
        }

        .entity-source-tweet-wrap .tweet:hover {
            background-color: rgba(255, 255, 255, 0.015);
        }

        .entity-source-tweet-wrap .actions .entity-source-action-link {
            color: #1d9bf0;
        }





        /* --- Layout --- */
        .app-layout {
            display: flex;
            height: 100%;
            width: 100%;
            overflow: hidden;
            background-color: var(--bg-primary);
        }

        .app-grid {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-template-rows: 100%;
            /* Force row to respect container height */
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-left: 1px solid var(--border);
        }

        .column {
            display: flex;
            flex-direction: column;
            border-right: 1px solid var(--border);
            min-width: 0;
            /* Prevent overflow */
            height: 100%;
            /* Ensure column takes full height */
            background: var(--bg-primary);
        }

        /* Column 1 (Main) Special Styles */
        #col-1 {
            border-left: none;
        }

        .column-header {
            padding: 0 16px;
            /* Remove vertical padding, rely on height */
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(15, 15, 15, 0.85);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            z-index: 100;
            position: sticky;
            top: 0;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            height: var(--header-height);
            min-height: var(--header-height);
            /* Prevent collapsing */
            /* Fixed height for single row */
        }

        /* V3: Dual-Area Search & Filter */
        .search-area-wrapper {
            display: flex;
            align-items: center;
            gap: 6px;
            position: relative;
            isolation: isolate;
        }

        .keyword-search-box {
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 6px;
            padding-left: 10px;
            width: 96px;
            min-width: 96px;
            height: 30px;
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            z-index: 1;
            box-sizing: border-box;
            overflow: hidden;
            /* V6: Critical for width consistency */
        }

        .keyword-search-box>i:not(.clear-search-btn) {
            flex: 0 0 auto;
        }

        .keyword-search-box:focus-within {
            background: rgba(255, 255, 255, 0.08);
            /* Slightly lighter on focus */
            border-color: rgba(29, 155, 240, 0.5);
            box-shadow: 0 0 0 2px rgba(29, 155, 240, 0.15);
            z-index: 2;
        }

        .search-area-wrapper .filter-toggle-btn,
        .search-area-wrapper .icon-btn {
            position: relative;
            z-index: 6;
        }

        .keyword-search-input {
            background: transparent;
            border: none;
            color: #fff;
            font-size: 12px;
            outline: none;
            flex: 1;
            min-width: 0;
            width: 0;
            max-width: 100%;
            padding: 0 8px;
            height: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .keyword-search-input:not(:placeholder-shown) {
            padding-right: 26px;
        }

        #xTrackerSearchBoxWrap {
            width: 0 !important;
            min-width: 0 !important;
            padding-left: 0;
            border-color: transparent;
            opacity: 0;
            pointer-events: none;
            transform: translateX(5px);
        }

        #xTrackerSearchBoxWrap.is-open {
            width: 170px !important;
            min-width: 110px !important;
            padding-left: 10px;
            border-color: rgba(29, 155, 240, 0.32);
            opacity: 1;
            pointer-events: auto;
            transform: translateX(0);
        }

        #xTrackerSearchToggleBtn[aria-expanded="true"] {
            color: #38bdf8 !important;
            border-color: rgba(56, 189, 248, 0.48) !important;
            background: rgba(14, 165, 233, 0.12) !important;
        }

        @media (max-width: 480px) {
            #xTrackerSearchBoxWrap.is-open {
                width: 118px !important;
                min-width: 82px !important;
            }
        }

        .author-filter-area {
            display: none;
            /* Conditional area */
            margin-top: 6px;
            padding: 8px 12px;
            background: rgba(255, 255, 255, 0.02);
            border: 1px dashed rgba(255, 255, 255, 0.1);
            border-radius: 8px;
            animation: slideDown 0.2s ease-out;
            position: relative;
            z-index: 1400;
            /* Above tab notification bubbles while choosing authors. */
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-5px);
            }

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

        .filter-input-wrapper {
            display: flex;
            align-items: center;
            background: rgba(0, 0, 0, 0.2);
            border: 1px solid rgba(29, 155, 240, 0.3);
            border-radius: 6px;
            padding: 0 8px;
            height: 28px;
            width: 100%;
            position: relative;
        }

        .filter-input-field {
            background: transparent;
            border: none;
            color: #fff;
            font-size: 11px;
            outline: none;
            flex: 1;
            min-width: 0;
            width: 0;
            padding: 0 6px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .clear-search-btn {
            position: absolute;
            right: 8px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            color: rgba(255, 255, 255, 0.7);
            /* V5: More prominent */
            font-size: 15px;
            /* Larger */
            display: none;
            z-index: 100;
            transition: all 0.15s;
        }

        .clear-search-btn:hover {
            color: #ef4444;
            transform: translateY(-50%) scale(1.1);
        }

        /* Show clear button when input has value */
        .keyword-search-box input:not(:placeholder-shown)~.clear-search-btn {
            display: block !important;
        }

        .filter-toggle-btn {
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 6px;
            color: rgba(255, 255, 255, 0.4);
            cursor: pointer;
            transition: all 0.2s;
            font-size: 13px;
            position: relative;
            z-index: 10;
            /* Ensure button is clickable above other elements */
        }

        .filter-toggle-btn:hover {
            color: var(--primary);
            background: rgba(29, 155, 240, 0.1);
            border-color: rgba(29, 155, 240, 0.3);
        }

        .filter-toggle-btn.active {
            color: var(--primary);
            background: rgba(29, 155, 240, 0.15);
            border: 1px solid var(--primary);
            box-shadow: 0 0 10px rgba(29, 155, 240, 0.15);
        }

        /* Independent tags area below header or overlapping if needed */
        .header-tags-row {
            padding: 4px 16px;
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            background: rgba(15, 15, 15, 0.6);
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

        .col-title {
            font-size: 13px;
            font-weight: 700;
            color: #fff;
            letter-spacing: 0.5px;
            display: flex;
            align-items: center;
            gap: 8px;
            white-space: nowrap;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        }


        .compact-search-container i {
            font-size: 10px;
            color: rgba(255, 255, 255, 0.4);
        }

        .column-content {
            flex: 1;
            overflow-y: auto;
            overflow-x: hidden;
            /* Prevent horizontal scroll */
            scroll-behavior: smooth;
            padding: 0;
            word-wrap: break-word;
            /* Legacy support */
            overflow-wrap: break-word;
            /* Standard */
        }

        /* --- Header Controls (Global) --- */
        .icon-btn {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: rgba(255, 255, 255, 0.8);
            cursor: pointer;
            width: 28px;
            height: 28px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
            font-size: 12px;
            position: relative;
            /* V7.6.8 Fix: Layering priority */
            z-index: 110;
            /* V7.6.8 Fix: Above search bar */
        }

        .icon-btn:hover {
            background: rgba(255, 255, 255, 0.12);
            color: #fff;
            border-color: rgba(255, 255, 255, 0.2);
            transform: scale(1.05);
        }

        /* Normalize header action icon optics across different Font Awesome glyphs */
        .column-header .icon-btn i,
        .column-header .filter-toggle-btn i {
            width: 14px;
            height: 14px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 13px !important;
            line-height: 1;
            text-align: center;
            flex-shrink: 0;
        }

        .search-bar {
            background: var(--bg-secondary);
            border-radius: 20px;
            padding: 6px 15px;
            display: flex;
            align-items: center;
            gap: 10px;
            border: 1px solid transparent;
        }

        .search-bar:focus-within {
            background: var(--bg-primary);
            border-color: var(--primary);
            color: var(--primary);
        }

        .search-bar input {
            background: transparent;
            border: none;
            color: white;
            width: 100%;
            outline: none;
        }

        .toggle-btn {
            background: transparent;
            border: 1px solid var(--border);
            color: var(--text-sec);
            padding: 4px 10px;
            border-radius: 12px;
            font-size: 12px;
            cursor: pointer;
            transition: all 0.2s;
        }

        .toggle-btn.active {
            background: rgba(29, 155, 240, 0.1);
            color: var(--primary);
            border-color: var(--primary);
        }


        /* Modal Overlay for Watchlist */
        .modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            z-index: 2000;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
        }

        /* Keep Author modal above coin/call overlays so closing it reveals the call modal underneath. */
        #authorModal {
            z-index: 10020;
        }

        #authorModal>.modal {
            position: relative;
            display: flex;
            flex-direction: column;
            overflow: hidden !important;
        }

        #authorModal>.modal>.modal-body {
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            scrollbar-gutter: stable;
        }

        #authorModalBadges .author-modal-badge {
            min-height: 24px;
            height: 24px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            padding: 0 10px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 850;
            line-height: 24px;
            box-sizing: border-box;
            white-space: nowrap;
            vertical-align: middle;
        }

        #authorModalBadges button.author-modal-badge {
            cursor: pointer;
            font-family: inherit;
        }

        #authorModalBadges .author-modal-badge i {
            font-size: 10px;
            line-height: 1;
        }

        .author-settings-head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
            margin-bottom: 8px;
        }

        #authorSettingsPanel.author-settings-panel { margin:8px 10px; padding:10px; border:1px solid rgba(148,163,184,.16); border-radius:15px; background:linear-gradient(145deg,rgba(15,23,42,.34),rgba(3,7,12,.54)); }
        .author-setting-card { margin-bottom:7px; padding:9px; border:1px solid rgba(148,163,184,.13); border-radius:12px; background:rgba(2,6,12,.46); }
        .author-setting-label,.author-setting-title { display:flex; align-items:center; gap:7px; margin-bottom:8px; color:#cbd5e1; font-size:11px; font-weight:900; }
        .author-setting-title { justify-content:space-between; }.author-setting-title>span { display:inline-flex; align-items:center; gap:7px; }.author-setting-title small { color:#64748b; font-size:9px; font-weight:800; }
        .author-setting-label i,.author-setting-title i { color:#5eead4; }
        .author-wallet-save-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; align-items:start; }
        .author-wallet-group { min-width:0; padding:7px; border:1px solid rgba(148,163,184,.12); border-radius:10px; background:rgba(15,23,42,.32); }
        .author-wallet-group-head { display:flex; align-items:center; gap:6px; margin-bottom:6px; color:#cbd5e1; font-size:9px; font-weight:950; }
        .author-wallet-group-head b { color:#5eead4; }.author-wallet-group-head small { margin-left:auto;color:#64748b;font-size:8px; }
        .author-wallet-list { display:grid;gap:5px; }
        .author-wallet-row { display:grid;grid-template-columns:minmax(0,1fr) 26px 26px 26px;gap:4px;align-items:center; }
        .author-wallet-row input { width:100%;height:30px;min-width:0;padding:0 8px;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:#111821;color:#dbe7f1;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;outline:none; }
        .author-wallet-row input:focus { border-color:rgba(45,212,191,.5);box-shadow:0 0 0 2px rgba(45,212,191,.07); }
        .author-wallet-row input.is-invalid { border-color:rgba(251,113,133,.62);background:rgba(127,29,29,.12); }
        .author-wallet-row button { display:grid;place-items:center;height:26px;min-width:26px;padding:0;border:1px solid rgba(148,163,184,.16);border-radius:7px;background:rgba(15,23,42,.72);color:#8291a5;cursor:pointer; }
        .author-wallet-row button:hover { color:#99f6e4;border-color:rgba(45,212,191,.38); }
        .author-wallet-row .add { color:#5eead4;border-color:rgba(45,212,191,.24);background:rgba(13,148,136,.08); }
        .author-wallet-row .remove:hover { color:#fda4af;border-color:rgba(251,113,133,.4); }
        .author-settings-actions-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.48fr);gap:7px;align-items:center;margin-bottom:7px; }
        .author-compact-actions { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:8px; }.author-wallet-linked-actions { display:contents; }
        .author-compact-actions button,.author-wide-action { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:30px; padding:0 10px; border:1px solid rgba(148,163,184,.18); border-radius:9px; background:rgba(15,23,42,.62); color:#aebbd0; font-size:10px; font-weight:850; cursor:pointer; }
        .author-compact-actions button:hover,.author-wide-action:hover { border-color:rgba(45,212,191,.42); color:#99f6e4; }.author-compact-actions button.is-accent { border-color:rgba(250,204,21,.28); background:rgba(161,98,7,.10); color:#fde68a; }
        #authorBuyPinToggleBtn.is-pinned { border-color:rgba(250,204,21,.58);background:linear-gradient(135deg,rgba(202,138,4,.22),rgba(120,53,15,.18));color:#fde047;box-shadow:inset 0 0 0 1px rgba(250,204,21,.08),0 0 16px rgba(234,179,8,.10); }
        #authorBuyPinToggleBtn.is-unavailable { color:#64748b;border-color:rgba(100,116,139,.18);background:rgba(15,23,42,.42); }
        #authorBuyPinToggleBtn.is-loading { opacity:.72;cursor:wait; }
        .author-buy-pin-status { margin-top:7px;padding:7px 9px;border:1px solid rgba(251,191,36,.20);border-radius:8px;background:rgba(120,53,15,.08);color:#fbbf24;font-size:8px;font-weight:800;line-height:1.4; }
        .author-buy-pin-status:not([hidden]) { display:flex;align-items:flex-start;gap:6px; }
        .author-wide-action.is-active { border-color:rgba(45,212,191,.52); background:linear-gradient(135deg,rgba(13,148,136,.22),rgba(6,78,59,.18)); color:#99f6e4; box-shadow:inset 0 0 0 1px rgba(45,212,191,.08),0 0 18px rgba(20,184,166,.08); }
        .author-wide-action.is-loading { opacity:.62; cursor:wait; }
        .author-setting-help { display:block; margin-top:8px; color:#69798f; font-size:9px; line-height:1.45; }
        .author-automation-card { display:grid; grid-template-columns:minmax(100px,.35fr) minmax(0,1fr); align-items:center; gap:10px; }.author-automation-card .author-setting-title { margin:0; }.author-wide-action { width:100%; }
        .author-automation-card .author-wide-action { min-height:27px;padding:0 8px;font-size:9px;line-height:1.15; }
        #authorModalSaveBtnBottom.author-save-main { width:100%; min-height:29px; height:29px; margin:0; padding:0 10px; border-radius:9px; font-size:9px; box-shadow:0 5px 13px rgba(14,165,233,.16); }
        #authorModalNoteText.author-note-compact { height:44px!important;min-height:44px;resize:vertical; }
        @media(max-width:700px){.author-wallet-save-grid,.author-settings-actions-grid{grid-template-columns:1fr}.author-automation-card{grid-template-columns:1fr}.author-automation-card .author-setting-title{margin-bottom:6px}}
        #authorSocialCallsBtn b { display:inline-grid; place-items:center; min-width:17px; height:17px; padding:0 4px; border-radius:999px; background:rgba(45,212,191,.18); font-size:9px; }
        .author-calls-overlay { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(0,0,0,.76); backdrop-filter:blur(8px); }
        .author-calls-modal { width:min(620px,96vw); max-height:82vh; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(45,212,191,.24); border-radius:18px; background:#070c12; box-shadow:0 24px 70px rgba(0,0,0,.65); }
        .author-calls-modal>header { display:flex; align-items:center; gap:9px; padding:13px 15px; border-bottom:1px solid rgba(45,212,191,.14); }.author-calls-modal>header b { color:#f1f5f9; font-size:14px; }.author-calls-modal>header span { color:#5eead4; font-size:10px; }.author-calls-modal>header button { margin-left:auto; width:30px; height:30px; border:1px solid rgba(148,163,184,.18); border-radius:9px; background:#101722; color:#94a3b8; cursor:pointer; }
        .author-calls-summary { display:flex; gap:6px; flex-wrap:wrap; padding:10px 14px 0; }.author-calls-summary span { padding:4px 8px; border:1px solid rgba(148,163,184,.13); border-radius:999px; background:rgba(15,23,42,.56); color:#8291a5; font-size:9px; font-weight:850; }
        .author-calls-list { display:grid; gap:7px; padding:11px 14px 14px; overflow:auto; }.author-call-row { display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:9px; align-items:center; padding:9px 10px; border:1px solid rgba(148,163,184,.12); border-left:3px solid var(--call-color,#2dd4bf); border-radius:10px; background:color-mix(in srgb,var(--call-color,#2dd4bf) 5%,#070c12); color:#cbd5e1; text-align:left; cursor:pointer; }.author-call-row>i { display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:color-mix(in srgb,var(--call-color,#2dd4bf) 13%,transparent); color:var(--call-color,#2dd4bf); }.author-call-row div { min-width:0; }.author-call-row b { display:block; color:#f8fafc; font-size:11px; }.author-call-row small { display:block; margin-top:3px; overflow:hidden; color:#8291a5; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.author-call-row em { color:#94a3b8; font-size:9px; font-style:normal; font-weight:900; }

        #authorEntityNotesBtn.author-settings-note-chip {
            min-height: 30px;
            height: 30px;
            display: none;
            align-items: center;
            justify-content: center;
            gap: 7px;
            padding: 0 10px 0 11px;
            border-radius: 999px;
            border: 1px solid rgba(250, 204, 21, 0.38);
            background: linear-gradient(135deg, rgba(250, 204, 21, 0.16), rgba(120, 53, 15, 0.18));
            color: #fde68a;
            font-size: 11px;
            font-weight: 950;
            line-height: 1;
            box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.06), 0 8px 18px rgba(0, 0, 0, 0.24);
            cursor: pointer;
            font-family: inherit;
            white-space: nowrap;
            transition: transform .15s ease, border-color .15s ease, background .15s ease;
        }

        #authorEntityNotesBtn.author-settings-note-chip:hover {
            transform: translateY(-1px);
            border-color: rgba(250, 204, 21, 0.62);
            background: linear-gradient(135deg, rgba(250, 204, 21, 0.22), rgba(120, 53, 15, 0.24));
        }

        #authorEntityNotesBtn.author-settings-note-chip i {
            width: 18px;
            height: 18px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            background: rgba(250, 204, 21, 0.18);
            color: #facc15;
            font-size: 10px;
        }

        #authorEntityNotesBtn.author-settings-note-chip b {
            min-width: 18px;
            height: 18px;
            padding: 0 5px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            background: #facc15;
            color: #111827;
            font-size: 10px;
            font-weight: 950;
        }

        @media (max-width: 560px) {
            .author-settings-head {
                align-items: flex-start;
            }

            #authorEntityNotesBtn.author-settings-note-chip {
                height: 28px;
                min-height: 28px;
                padding: 0 9px;
            }
        }

        .author-modal-scroll-btn {
            position: fixed;
            width: 40px;
            height: 40px;
            border-radius: 999px;
            background: rgba(29, 155, 240, 0.94);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45);
            border: 1px solid rgba(255, 255, 255, 0.16);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transform: translateY(8px) scale(0.96);
            transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
            z-index: 25;
            user-select: none;
            -webkit-user-select: none;
        }

        .author-modal-scroll-btn i {
            font-size: 17px;
            line-height: 1;
            pointer-events: none;
        }

        .author-modal-scroll-btn.visible {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transform: translateY(0) scale(1);
        }

        .author-modal-scroll-btn:hover {
            background: #1d9bf0;
            box-shadow: 0 10px 26px rgba(29, 155, 240, 0.32);
            transform: translateY(-1px) scale(1.03);
        }

        .author-wallet-field {
            position: relative;
            min-width: 0;
        }

        .author-wallet-textarea {
            width: 100%;
            padding-left: 46px !important;
            padding-right: 42px !important;
        }

        .author-wallet-watermark {
            position: absolute;
            left: 13px;
            top: 12px;
            z-index: 1;
            pointer-events: none;
            color: rgba(255, 255, 255, 0.22);
            font-size: 13px;
            font-weight: 950;
            letter-spacing: 0.08em;
            line-height: 1;
        }

        .author-wallet-copy-btn {
            position: absolute;
            right: 8px;
            bottom: 8px;
            z-index: 2;
            width: 28px;
            height: 28px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            border: 1px solid rgba(147, 197, 253, 0.28);
            background: rgba(15, 23, 42, 0.82);
            color: #93c5fd;
            cursor: pointer;
            transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
        }

        .author-wallet-copy-btn:hover {
            border-color: rgba(147, 197, 253, 0.55);
            background: rgba(37, 99, 235, 0.18);
            color: #bfdbfe;
        }

        @media (max-width: 520px) {
            .author-wallet-save-grid {
                grid-template-columns: 1fr !important;
            }

            #authorModalSaveBtnBottom {
                width: 100% !important;
                min-width: 0 !important;
                min-height: 44px;
            }
            .author-automation-card { grid-template-columns:1fr; }
        }

        /* Modal Improvements */
        .modal {
            background: rgba(10, 10, 10, 0.95);
            /* Deeper black */
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
            /* Clean edges */
            border-radius: 24px;
            /* More rounded */
            max-width: 500px;
            width: 90%;
            /* Internal Scrolling Logic */
            max-height: 85vh;
            /* Leave room for mobile bars */
            overflow-y: auto;
            /* Scrollable content */
            display: flex;
            flex-direction: column;
            animation: modalFadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }

        @keyframes modalFadeIn {
            from {
                opacity: 0;
                transform: scale(0.96) translateY(10px);
            }

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

        .modal-header {
            position: sticky;
            top: 0;
            background: rgba(10, 10, 10, 0.95);
            backdrop-filter: blur(10px);
            z-index: 10;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            padding: 12px 20px;
            /* V7.6.7 Fix: Reduced padding (18px 24px -> 12px 20px) */
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .modal-title,
        .modal-header h3 {
            font-size: 20px;
            font-weight: 800;
            letter-spacing: -0.5px;
            margin: 0;
            /* V7.6.7 Fix: Compact look */
        }

        .close-btn {
            background: rgba(255, 255, 255, 0.1);
            border: none;
            color: white;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            /* Center X */
            align-items: center;
            justify-content: center;
            font-size: 16px;
            transition: all 0.2s;
        }

        .close-btn:hover {
            background: rgba(255, 255, 255, 0.2);
        }

        .modal-content {
            padding: 16px 20px;
            /* V7.6.7 Fix: Reduced padding (24px -> 16px 20px) */
            overflow-y: auto;
        }

        /* Improved Scrollbar for Modal */
        .modal::-webkit-scrollbar {
            width: 6px;
        }

        .modal::-webkit-scrollbar-track {
            background: transparent;
        }

        .modal::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.15);
            border-radius: 3px;
        }

        .modal::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.25);
        }

        /* Modern Modal Inputs */
        .modal-content input[type="text"],
        .modal-content input[type="password"],
        .modal-content textarea,
        .modal-content select {
            width: 100%;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: #fff;
            padding: 12px 16px;
            border-radius: 12px;
            font-size: 14px;
            outline: none;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            box-sizing: border-box;
        }

        .modal-content input:focus,
        .modal-content textarea:focus,
        .modal-content select:focus {
            background: rgba(255, 255, 255, 0.05);
            border-color: var(--primary);
            box-shadow: 0 0 0 4px rgba(29, 155, 240, 0.1);
            transform: translateY(-1px);
        }

        .modal-content label {
            display: block;
            margin-bottom: 8px;
            font-size: 13px;
            font-weight: 600;
            color: var(--text-sec);
            margin-left: 4px;
        }

        /* Modern Primary Button */
        .save-btn {
            background: linear-gradient(135deg, #1d9bf0 0%, #0c7abf 100%);
            color: white;
            border: none;
            padding: 12px 20px;
            border-radius: 99px;
            font-weight: 700;
            font-size: 15px;
            cursor: pointer;
            width: 100%;
            margin-top: 20px;
            transition: all 0.2s;
            box-shadow: 0 4px 12px rgba(29, 155, 240, 0.3);
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        }

        .save-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(29, 155, 240, 0.4);
            filter: brightness(1.1);
        }

        .save-btn:active {
            transform: translateY(0);
        }

        .modal-content .input-group {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            padding: 4px;
            display: flex;
            align-items: center;
        }

        .modal-content .input-group input {
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
        }

        /* Responsive */
        @media (max-width: 1000px) {
            .app-grid {
                grid-template-columns: 1fr 1fr;
                /* Switch to 2x2 or scrollable? */
                min-width: 1000px;
                /* Force scroll for now */
                overflow-x: auto;
            }
        }

        .sidebar {
            padding: 20px;
            border-right: 1px solid var(--border);
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .sidebar-title {
            font-size: 24px;
            font-weight: 900;
            margin-bottom: 10px;
        }

        .sidebar-btn {
            display: flex;
            align-items: center;
            gap: 15px;
            font-size: 18px;
            padding: 10px 15px;
            border-radius: 30px;
            cursor: pointer;
            transition: background 0.2s;
            font-weight: 600;
        }

        .sidebar-btn:hover {
            background: rgba(255, 255, 255, 0.1);
        }

        /* Hide existing mobile headers only if inside grid */

        /* Auth Boot Overlay */
        #authBootOverlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.88);
            backdrop-filter: blur(14px);
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 10px;
        }

        /* Login Overlay */
        #loginOverlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(15px);
            z-index: 9999;
            display: none;
            align-items: center;
            justify-content: center;
        }

        .login-box {
            background: #16181c;
            padding: 30px;
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            text-align: center;
            width: 90%;
            max-width: 350px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
        }

        .login-input {
            width: 100%;
            padding: 12px;
            border-radius: 99px;
            border: 1px solid #333;
            background: #000;
            color: white;
            margin-bottom: 12px;
            text-align: center;
            outline: none;
            transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
        }

        .login-input:focus {
            border-color: rgba(29, 155, 240, 0.68);
            box-shadow: 0 0 0 3px rgba(29, 155, 240, 0.14);
        }

        /* === Coin Info Modal Styles === */
        .coin-card {
            background: #16181c;
            border: 1px solid rgba(255, 255, 255, 0.05);
            border-radius: 8px;
            padding: 10px 12px;
            margin-bottom: 8px;
            transition: all 0.2s;
            display: flex;
            flex-direction: column;
            gap: 8px;
            contain: layout paint style;
            content-visibility: auto;
            contain-intrinsic-size: 118px;
        }

        @media (max-width: 720px) {
            .coin-card {
                content-visibility: visible;
                contain-intrinsic-size: auto;
            }
        }

        .coin-card:hover {
            border-color: rgba(255, 255, 255, 0.15);
            background: #1c1e23;
        }

        .coin-card.coin-trash-bulk-selected {
            border-color: rgba(249, 115, 22, 0.62);
            background:
                linear-gradient(135deg, rgba(249, 115, 22, 0.12), rgba(22, 24, 28, 0.98) 38%),
                #16181c;
            box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.10), 0 10px 24px rgba(249, 115, 22, 0.08);
        }

        .dex-new-card.coin-trash-bulk-selected {
            border-color: rgba(249, 115, 22, 0.72) !important;
            box-shadow: inset 3px 0 0 #f97316, 0 0 0 1px rgba(249,115,22,0.16) !important;
            background: linear-gradient(135deg, rgba(249,115,22,0.10), rgba(8,15,28,0.98) 38%) !important;
        }

        .coin-bulk-bar {
            display: none;
            align-items: center;
            gap: 6px;
            margin: 0 0 7px 0;
            padding: 5px 6px;
            min-height: 42px;
            border-radius: 11px;
            border: 1px solid rgba(255, 255, 255, 0.075);
            background:
                linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)),
                rgba(16, 16, 16, 0.96);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.035),
                0 6px 14px rgba(0,0,0,0.14);
            color: #e5e7eb;
            overflow-x: auto;
            scrollbar-width: none;
        }

        .coin-bulk-bar::-webkit-scrollbar {
            display: none;
        }

        .coin-bulk-bar-head {
            display: flex;
            align-items: center;
            gap: 6px;
            flex: 0 0 auto;
        }

        .coin-bulk-bar-main {
            display: flex;
            align-items: center;
            gap: 6px;
            min-width: 0;
            flex: 0 0 auto;
        }

        .coin-bulk-bar-check {
            width: 26px;
            height: 26px;
            border-radius: 8px;
            border: 1px solid rgba(255,255,255,0.12);
            background: rgba(255,255,255,0.04);
            color: #7f8791;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: all 0.18s ease;
        }

        .coin-bulk-bar-check.active {
            border-color: rgba(249,115,22,0.45);
            background: rgba(249,115,22,0.16);
            color: #fdba74;
            box-shadow: 0 0 0 1px rgba(249,115,22,0.08);
        }

        .coin-bulk-bar-meta {
            display: flex;
            align-items: center;
            gap: 6px;
            flex-wrap: nowrap;
            min-width: 0;
        }

        .coin-bulk-bar-count {
            font-size: 12px;
            font-weight: 900;
            color: #f3f4f6;
            letter-spacing: 0;
            line-height: 1;
            white-space: nowrap;
        }

        .coin-bulk-bar-visible {
            font-size: 10px;
            color: #9ca3af;
            line-height: 1;
            white-space: nowrap;
            padding-left: 6px;
            border-left: 1px solid rgba(255,255,255,0.08);
        }

        .coin-bulk-bar-close {
            width: 30px;
            height: 30px;
            border-radius: 9px;
            border: 1px solid rgba(255,255,255,0.10);
            background: rgba(255,255,255,0.04);
            color: #9ca3af;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            flex-shrink: 0;
            transition: all 0.18s ease;
        }

        .coin-bulk-bar-close:hover {
            border-color: rgba(255,255,255,0.18);
            background: rgba(255,255,255,0.07);
            color: #f3f4f6;
        }

        .coin-bulk-bar-actions {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 5px;
            flex-wrap: nowrap;
            flex: 1 0 auto;
            margin-left: auto;
        }

        .coin-bulk-bar-group {
            display: flex;
            align-items: center;
            gap: 5px;
            flex-wrap: nowrap;
        }

        .coin-bulk-bar-group.primary {
            flex: 0 0 auto;
        }

        .coin-bulk-bar-group.secondary {
            justify-content: flex-end;
            flex: 0 0 auto;
        }

        .coin-bulk-btn,
        .coin-bulk-select {
            height: 30px;
            border-radius: 8px;
            border: 1px solid rgba(255,255,255,0.10);
            background: rgba(255,255,255,0.05);
            color: #d1d5db;
            font-size: 10px;
            font-weight: 850;
            padding: 0 8px;
            cursor: pointer;
            transition: all 0.18s ease;
            white-space: nowrap;
        }

        .coin-bulk-btn:hover,
        .coin-bulk-select:hover {
            border-color: rgba(255,255,255,0.16);
            background: rgba(255,255,255,0.07);
            color: #f3f4f6;
        }

        .coin-bulk-btn:focus-visible,
        .coin-bulk-select:focus-visible {
            outline: none;
            box-shadow: 0 0 0 2px rgba(249,115,22,0.16);
        }

        .coin-bulk-select {
            min-width: 88px;
            max-width: 108px;
        }

        .coin-bulk-btn.move {
            border-color: rgba(245,158,11,0.28);
            background: rgba(245,158,11,0.10);
            color: #fcd34d;
        }

        .coin-bulk-btn.move:hover {
            border-color: rgba(245,158,11,0.42);
            background: rgba(245,158,11,0.15);
            color: #fde68a;
        }

        .coin-bulk-btn.delete {
            border-color: rgba(239,68,68,0.24);
            background: rgba(127,29,29,0.28);
            color: #fecaca;
        }

        .coin-bulk-btn.delete:hover {
            border-color: rgba(239,68,68,0.38);
            background: rgba(127,29,29,0.38);
            color: #fee2e2;
        }

        .coin-bulk-btn.compact {
            width: 30px;
            padding: 0;
            justify-content: center;
            display: inline-flex;
            align-items: center;
        }

        .coin-bulk-select-btn {
            width: 26px;
            height: 26px;
            border-radius: 9px;
            border: 1px solid rgba(148,163,184,0.28);
            background: rgba(148,163,184,0.075);
            color: #9ca3af;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            flex-shrink: 0;
            transition: all 0.18s ease;
        }

        .coin-bulk-select-btn:hover {
            border-color: rgba(148,163,184,0.46);
            background: rgba(148,163,184,0.12);
            color: #e5e7eb;
        }

        .coin-bulk-select-btn.selected {
            border-color: rgba(249,115,22,0.65);
            background: rgba(249,115,22,0.18);
            color: #fdba74;
            box-shadow: 0 0 0 1px rgba(249,115,22,0.08);
        }

        @media (max-width: 860px) {
            .coin-bulk-bar-actions {
                flex-direction: row;
                align-items: center;
            }

            .coin-bulk-bar-visible {
                display: none;
            }

            .coin-bulk-bar-group {
                width: auto;
            }

            .coin-bulk-bar-group.secondary {
                justify-content: flex-end;
            }

            .coin-bulk-btn,
            .coin-bulk-select,
            .coin-bulk-bar-close {
                width: auto;
            }
        }

        .coin-card.important-watchlist-coin {
            position: relative;
            border-color: var(--important-wl-color, #f59e0b) !important;
            background:
                linear-gradient(135deg, rgba(var(--important-wl-rgb, 245,158,11), 0.12), rgba(22,24,28,0.96) 34%),
                #16181c;
            box-shadow:
                inset 3px 0 0 var(--important-wl-color, #f59e0b),
                0 0 0 1px rgba(var(--important-wl-rgb, 245,158,11), 0.08),
                0 10px 26px rgba(var(--important-wl-rgb, 245,158,11), 0.08);
        }

        .coin-card.important-watchlist-coin:hover {
            background:
                linear-gradient(135deg, rgba(var(--important-wl-rgb, 245,158,11), 0.16), rgba(28,30,35,0.98) 34%),
                #1c1e23;
        }

        .coin-card.related-coin-lag-signal {
            border-color: rgba(167, 139, 250, 0.62) !important;
            background:
                linear-gradient(135deg, rgba(124, 58, 237, 0.15), rgba(245, 158, 11, 0.06) 42%, rgba(22, 24, 28, 0.98)),
                #16181c;
            box-shadow:
                inset 3px 0 0 #a78bfa,
                0 0 22px rgba(124, 58, 237, 0.16);
        }

        .coin-card.related-coin-lag-signal:hover {
            border-color: rgba(196, 181, 253, 0.78) !important;
        }

        .coin-card.coin-alarm-highlight {
            position: relative;
            border-color: rgba(var(--coin-alarm-rgb, 34,197,94), 0.46) !important;
            background:
                linear-gradient(135deg, rgba(var(--coin-alarm-rgb, 34,197,94), 0.10), rgba(22, 24, 28, 0.96) 38%),
                #16181c;
            box-shadow:
                inset 3px 0 0 rgba(var(--coin-alarm-rgb, 34,197,94), 0.78),
                0 0 16px rgba(var(--coin-alarm-rgb, 34,197,94), 0.10);
        }

        .coin-card.coin-alarm-highlight:hover {
            border-color: rgba(var(--coin-alarm-rgb, 34,197,94), 0.62) !important;
        }

        @keyframes coinRelatedUnreadGlow {
            0%, 100% {
                box-shadow:
                    inset 3px 0 0 rgba(167, 139, 250, 0.88),
                    0 0 14px rgba(124, 58, 237, 0.16);
            }
            50% {
                box-shadow:
                    inset 4px 0 0 rgba(196, 181, 253, 0.98),
                    0 0 28px rgba(139, 92, 246, 0.34);
            }
        }

        .coin-card.coin-alarm-highlight-related {
            border-color: rgba(167, 139, 250, 0.70) !important;
            background:
                linear-gradient(135deg, rgba(124, 58, 237, 0.18), rgba(245, 158, 11, 0.055) 42%, rgba(22, 24, 28, 0.98)),
                #16181c;
            animation: coinRelatedUnreadGlow 1.7s ease-in-out infinite;
        }

        .coin-alarm-reason-badge {
            display: inline-flex;
            align-items: center;
            gap: 2px;
            height: 14px;
            max-width: 76px;
            padding: 0 5px;
            border-radius: 999px;
            border: 1px solid rgba(var(--coin-alarm-rgb, 34,197,94), 0.34);
            background: rgba(var(--coin-alarm-rgb, 34,197,94), 0.12);
            color: rgb(var(--coin-alarm-rgb, 34,197,94));
            font-size: 7px;
            line-height: 1;
            font-weight: 900;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            flex: 0 0 auto;
        }

        .coin-alarm-reason-badge i {
            font-size: 6px;
            line-height: 1;
        }

        @keyframes relatedCoinBadgeAttention {
            0%, 100% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(167, 139, 250, 0.10), 0 0 8px rgba(124, 58, 237, 0.22);
                filter: brightness(1);
            }
            50% {
                transform: scale(1.13);
                box-shadow: 0 0 0 5px rgba(167, 139, 250, 0.12), 0 0 24px rgba(167, 139, 250, 0.82);
                filter: brightness(1.45);
            }
        }

        .coin-related-header-badge.attention {
            animation: relatedCoinBadgeAttention 1.15s ease-in-out infinite;
            border-color: rgba(216, 180, 254, 0.92) !important;
            background: linear-gradient(135deg, rgba(124, 58, 237, 0.42), rgba(168, 85, 247, 0.26)) !important;
            color: #ede9fe !important;
        }

        @keyframes relatedCoinAlarmGlow {
            0%, 100% {
                box-shadow: inset 3px 0 0 #8b5cf6, 0 0 10px rgba(124, 58, 237, 0.12);
            }
            50% {
                box-shadow: inset 4px 0 0 #c4b5fd, 0 0 24px rgba(139, 92, 246, 0.32);
            }
        }

        .alarm-search-card.related-coin-opportunity {
            background:
                linear-gradient(100deg, rgba(91, 33, 182, 0.26), rgba(124, 58, 237, 0.10) 48%, rgba(17, 24, 39, 0.58)) !important;
            border-color: rgba(167, 139, 250, 0.50) !important;
        }

        .alarm-search-card.related-coin-opportunity[data-alarm-viewed="0"] {
            animation: relatedCoinAlarmGlow 1.6s ease-in-out infinite;
        }

        @keyframes priceTriggeredAlarmGlow {
            0%, 100% {
                box-shadow: inset 3px 0 0 #fb7185, 0 0 10px rgba(244, 63, 94, 0.12);
            }
            50% {
                box-shadow: inset 4px 0 0 #fda4af, 0 0 25px rgba(244, 63, 94, 0.32);
            }
        }

        .alarm-search-card.price-triggered-important {
            background: linear-gradient(100deg, rgba(127, 29, 29, 0.28), rgba(244, 63, 94, 0.08), rgba(17, 24, 39, 0.54)) !important;
            border-color: rgba(251, 113, 133, 0.58) !important;
        }

        .alarm-search-card.price-triggered-important[data-alarm-viewed="0"] {
            animation: priceTriggeredAlarmGlow 1.45s ease-in-out infinite;
        }

        @keyframes coinTriggeredAlarmUpGlow {
            0%, 100% {
                box-shadow: inset 3px 0 0 #22c55e, 0 0 12px rgba(34, 197, 94, 0.16);
            }
            50% {
                box-shadow: inset 4px 0 0 #86efac, 0 0 28px rgba(34, 197, 94, 0.34);
            }
        }

        @keyframes coinTriggeredAlarmDownGlow {
            0%, 100% {
                box-shadow: inset 3px 0 0 #fb7185, 0 0 10px rgba(244, 63, 94, 0.12);
            }
            50% {
                box-shadow: inset 4px 0 0 #fda4af, 0 0 25px rgba(244, 63, 94, 0.32);
            }
        }

        .alarm-search-card.coin-triggered-up {
            background: linear-gradient(100deg, rgba(20, 83, 45, 0.34), rgba(34, 197, 94, 0.11), rgba(17, 24, 39, 0.54)) !important;
            border-color: rgba(74, 222, 128, 0.64) !important;
        }

        .alarm-search-card.coin-triggered-down {
            background: linear-gradient(100deg, rgba(127, 29, 29, 0.28), rgba(244, 63, 94, 0.08), rgba(17, 24, 39, 0.54)) !important;
            border-color: rgba(251, 113, 133, 0.58) !important;
        }

        .alarm-search-card.coin-triggered-neutral {
            background: linear-gradient(100deg, rgba(51, 65, 85, 0.22), rgba(148, 163, 184, 0.08), rgba(17, 24, 39, 0.54)) !important;
            border-color: rgba(148, 163, 184, 0.36) !important;
        }

        .alarm-search-card.coin-triggered-up[data-alarm-viewed="0"] {
            animation: coinTriggeredAlarmUpGlow 1.45s ease-in-out infinite;
        }

        .alarm-search-card.coin-triggered-down[data-alarm-viewed="0"] {
            animation: coinTriggeredAlarmDownGlow 1.45s ease-in-out infinite;
        }

        .alarm-row-delete-btn {
            width: 24px;
            height: 24px;
            border-radius: 7px;
            border: 1px solid rgba(255, 255, 255, 0.06);
            background: rgba(255, 255, 255, 0.025);
            color: #64748b;
            cursor: pointer;
            transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
        }

        .alarm-row-delete-btn:hover,
        .alarm-row-delete-btn:focus-visible {
            background: rgba(248, 113, 113, 0.18);
            border-color: rgba(248, 113, 113, 0.42);
            color: #fecaca;
            box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.10), 0 0 14px rgba(248, 113, 113, 0.18);
            transform: scale(1.04);
            outline: none;
        }

        .alarm-row-delete-btn.coin-price-delete,
        .alarm-row-delete-btn.signal-delete,
        .alarm-row-delete-btn.related-delete {
            position: absolute;
            right: calc(100% + 4px);
            top: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            z-index: 7;
            width: 13px;
            height: 13px;
            border-radius: 999px;
            opacity: 0;
            pointer-events: none;
            transform: translateY(-50%) scale(.94);
            background: rgba(8, 13, 23, 0.92);
            backdrop-filter: blur(8px);
            font-size: 7px;
            padding: 0;
        }

        .alarm-row-time-wrap {
            position: relative;
            display: inline-block;
            line-height: 1;
        }

        .live-market-alarm-row:hover .alarm-row-delete-btn.coin-price-delete,
        .live-market-alarm-row:focus-within .alarm-row-delete-btn.coin-price-delete,
        .live-market-alarm-row:hover .alarm-row-delete-btn.signal-delete,
        .live-market-alarm-row:focus-within .alarm-row-delete-btn.signal-delete,
        .live-market-alarm-row:hover .alarm-row-delete-btn.related-delete,
        .live-market-alarm-row:focus-within .alarm-row-delete-btn.related-delete {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(-50%) scale(1);
        }

        .alarm-row-delete-btn.coin-price-delete:hover,
        .alarm-row-delete-btn.coin-price-delete:focus-visible,
        .alarm-row-delete-btn.signal-delete:hover,
        .alarm-row-delete-btn.signal-delete:focus-visible,
        .alarm-row-delete-btn.related-delete:hover,
        .alarm-row-delete-btn.related-delete:focus-visible {
            transform: translateY(-50%) scale(1.04);
        }

        @keyframes livePriceTriggeredUpGlow {
            0%, 100% {
                box-shadow: inset 4px 0 0 #22c55e, 0 0 14px rgba(34, 197, 94, 0.22);
            }
            50% {
                box-shadow: inset 5px 0 0 #bbf7d0, 0 0 34px rgba(34, 197, 94, 0.48);
            }
        }

        @keyframes livePriceTriggeredDownGlow {
            0%, 100% {
                box-shadow: inset 3px 0 0 #fb7185, 0 0 10px rgba(244, 63, 94, 0.12);
            }
            50% {
                box-shadow: inset 4px 0 0 #fda4af, 0 0 25px rgba(244, 63, 94, 0.32);
            }
        }

        .alarm-search-card.live-price-triggered-up {
            background: linear-gradient(100deg, rgba(20, 83, 45, 0.40), rgba(34, 197, 94, 0.14), rgba(17, 24, 39, 0.54)) !important;
            border-color: rgba(74, 222, 128, 0.78) !important;
        }

        .alarm-search-card.live-price-triggered-down {
            background: linear-gradient(100deg, rgba(127, 29, 29, 0.28), rgba(244, 63, 94, 0.08), rgba(17, 24, 39, 0.54)) !important;
            border-color: rgba(251, 113, 133, 0.58) !important;
        }

        .alarm-search-card.live-price-triggered-up[data-alarm-viewed="0"] {
            animation: livePriceTriggeredUpGlow 1.45s ease-in-out infinite;
        }

        .alarm-search-card.live-price-triggered-down[data-alarm-viewed="0"] {
            animation: livePriceTriggeredDownGlow 1.45s ease-in-out infinite;
        }

        /* Row 1: Header + Mini Stats + Actions */
        .coin-card-top {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }

        .coin-card-identity {
            display: flex;
            align-items: center;
            gap: 6px;
            min-width: 0;
            flex-shrink: 1;
            cursor: pointer;
            overflow: hidden;
            margin-right: auto;
        }

        .coin-name {
            font-size: 13px;
            font-weight: 800;
            color: #fff;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 90px;
        }

        .coin-launchpad-badge {
            display: inline-flex;
            align-items: center;
            gap: 3px;
            flex: 0 0 auto;
            max-width: 88px;
            padding: 2px 5px;
            border: 1px solid rgba(45, 212, 191, 0.30);
            border-radius: 999px;
            background: rgba(13, 148, 136, 0.12);
            color: #5eead4;
            font-size: 7px;
            font-weight: 800;
            line-height: 1;
            letter-spacing: .2px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .coin-launchpad-badge i {
            font-size: 6px;
            color: inherit;
        }

        .coin-symbol {
            color: #f59e0b;
            font-weight: 700;
            font-size: 11px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .coin-mini-stats {
            display: flex;
            align-items: center;
            gap: 6px;
            flex-shrink: 0;
            font-size: 10px;
            background: transparent;
            padding: 0;
            border-radius: 0;
            border: none;
            overflow-x: auto;
            white-space: nowrap;
        }

        .coin-mini-stat {
            display: flex;
            gap: 4px;
            align-items: center;
        }

        .coin-primary-metric {
            appearance: none;
            border: 0;
            background: transparent;
            color: inherit;
            font: inherit;
            padding: 2px 3px;
            margin: -2px -3px;
            border-radius: 4px;
            cursor: pointer;
            transition: background 0.15s ease, color 0.15s ease;
        }

        .coin-primary-metric:hover,
        .coin-primary-metric:focus-visible {
            background: rgba(56, 189, 248, 0.10);
            outline: none;
        }

        .coin-primary-metric[data-mode="price"] .coin-mini-stat-label {
            color: #38bdf8;
        }

        .coin-mini-stat-label {
            color: var(--text-sec);
            font-weight: 600;
        }

        .coin-mini-stat-val {
            color: #fff;
            font-weight: 700;
        }

        .coin-card-top-actions {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        /* Row 2: Inputs */
        .coin-card-inputs {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 6px;
            align-items: center;
            min-width: 0;
        }

        .coin-detail-tab-panel { display:block; }
        .coin-detail-tab-panel + .coin-detail-tab-panel { margin-top:14px;padding-top:14px;border-top:1px solid rgba(148,163,184,.10); }

        .coin-meta-wrapper {
            flex: 1;
            min-width: 0;
            max-width: 100%;
            display: flex;
            position: relative;
            border-radius: 6px;
            transition: box-shadow 0.2s, background 0.2s;
        }

        .coin-meta-wrapper:focus-within {
            box-shadow: 0 0 0 1px rgba(245,158,11,0.22);
            background: rgba(255,255,255,0.02);
        }

        .coin-inline-link {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 34px;
            width: 24px;
            height: 24px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 6px;
            color: #1d9bf0;
            text-decoration: none;
            font-size: 12px;
            z-index: 6;
            transition: background 0.2s, color 0.2s, transform 0.2s;
        }

        .coin-inline-link:hover {
            background: rgba(29, 155, 240, 0.12);
            color: #69c3ff;
            transform: translateY(-50%) scale(1.03);
        }

        .coin-meta-input {
            flex: 1;
            min-width: 0;
            padding: 6px 8px;
            border-radius: 4px 0 0 4px;
            border: 1px solid transparent;
            border-right: none;
            background: rgba(255, 255, 255, 0.03);
            color: #e2e8f0;
            font-size: 11px;
            transition: all 0.2s;
        }

        .coin-meta-input:focus {
            background: rgba(255, 255, 255, 0.06);
            outline: none;
        }

        .coin-handle-field {
            flex: 1;
            min-width: 0;
            display: flex;
            align-items: center;
            gap: 5px;
            flex-wrap: nowrap;
            height: 28px;
            padding: 4px 7px 4px 22px;
            border-radius: 4px 0 0 4px;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid transparent;
            border-right: none;
            overflow: hidden;
        }

        .coin-handle-chips {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            flex: 0 1 auto;
            min-width: 0;
            max-width: min(78%, 248px);
            overflow: hidden;
        }

        .coin-meta-wrapper:focus-within .coin-handle-field,
        .coin-handle-wrapper:hover .coin-handle-field {
            background: rgba(255, 255, 255, 0.06);
        }

        .coin-handle-chip {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            max-width: 192px;
            min-height: 18px;
            padding: 1px 6px;
            border-radius: 999px;
            border: 1px solid rgba(148, 163, 184, 0.12);
            background: rgba(31, 35, 41, 0.72);
            color: #a6adb7;
            font-size: 9.5px;
            font-weight: 800;
            line-height: 1;
            transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
            flex: 0 1 auto;
            min-width: 0;
        }

        .coin-handle-wrapper:hover .coin-handle-chip,
        .coin-handle-wrapper:focus-within .coin-handle-chip {
            border-color: rgba(120, 78, 36, 0.28);
            background: linear-gradient(135deg, rgba(46, 32, 21, 0.76), rgba(24, 21, 18, 0.92));
            color: #c69861;
        }

        .coin-handle-chip a {
            color: inherit;
            text-decoration: none;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .coin-handle-chip button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 13px;
            height: 13px;
            border: 0;
            border-radius: 999px;
            background: transparent;
            color: rgba(226, 232, 240, 0.68);
            padding: 0;
            cursor: pointer;
            font-size: 10px;
            line-height: 13px;
        }

        .coin-handle-input {
            min-width: 18px;
            flex: 1;
            height: 20px;
            padding: 0;
            border: 0;
            background: transparent !important;
            color: #e2e8f0;
            font-size: 11px;
            line-height: 20px;
            outline: none;
        }

        .coin-handle-input::placeholder {
            color: rgba(148, 163, 184, 0.62);
        }

        .coin-handle-more-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 18px;
            padding: 1px 7px;
            border-radius: 999px;
            border: 1px solid rgba(148, 163, 184, 0.12);
            background: rgba(31, 35, 41, 0.72);
            color: #a6adb7;
            font-size: 9.5px;
            font-weight: 900;
            cursor: pointer;
            transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
        }

        .coin-handle-wrapper:hover .coin-handle-more-btn,
        .coin-handle-wrapper:focus-within .coin-handle-more-btn {
            border-color: rgba(120, 78, 36, 0.22);
            background: rgba(32, 27, 22, 0.88);
            color: #b98d5c;
        }

        .coin-handle-more-menu {
            display: none;
            position: fixed;
            left: 0;
            top: 0;
            width: min(320px, calc(100vw - 24px));
            z-index: 22000;
            padding: 6px;
            border-radius: 8px;
            border: 1px solid rgba(180, 118, 44, 0.22);
            background: rgba(24, 19, 15, 0.98);
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.48);
        }

        .coin-handle-more-menu.open {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
        }

        .coin-handle-more-portal {
            max-height: min(240px, calc(100vh - 24px));
            overflow-y: auto;
        }

        .coin-note-focus-popover {
            position: fixed;
            z-index: 20000;
            display: none;
            width: min(420px, calc(100vw - 28px));
            padding: 8px;
            border-radius: 10px;
            border: 1px solid rgba(245, 158, 11, 0.22);
            background: rgba(18, 16, 13, 0.98);
            box-shadow: 0 18px 44px rgba(0, 0, 0, 0.52), 0 0 0 1px rgba(255, 255, 255, 0.035) inset;
            transform: translateY(4px) scale(0.985);
            opacity: 0;
            transition: opacity 0.14s ease, transform 0.14s ease;
        }

        .coin-note-focus-popover.open {
            display: block;
            opacity: 1;
            transform: translateY(0) scale(1);
        }

        .coin-note-focus-popover textarea {
            width: 100%;
            min-height: 74px;
            max-height: 180px;
            resize: vertical;
            border: 0;
            outline: none;
            background: rgba(255, 255, 255, 0.045);
            color: #f8fafc;
            border-radius: 8px;
            padding: 10px;
            font-size: 12px;
            line-height: 1.45;
        }

        .coin-note-focus-popover.in-detail-modal textarea {
            min-height: 118px;
            max-height: 220px;
        }

        .coin-note-focus-actions {
            display: flex;
            justify-content: flex-end;
            gap: 7px;
            margin-top: 7px;
        }

        .coin-note-focus-actions button {
            height: 28px;
            padding: 0 10px;
            border-radius: 7px;
            border: 1px solid rgba(255, 255, 255, 0.10);
            background: rgba(255, 255, 255, 0.055);
            color: var(--text-main);
            font-size: 11px;
            font-weight: 800;
            cursor: pointer;
        }

        .coin-note-focus-actions .save {
            border-color: rgba(245, 158, 11, 0.30);
            background: rgba(245, 158, 11, 0.13);
            color: #f8d59c;
        }

        .entity-note-save-selected-btn {
            position: relative;
            width: 100%;
            min-height: 44px;
            border-radius: 14px;
            border: 1px solid rgba(250, 204, 21, 0.38);
            background: linear-gradient(135deg, #f59e0b 0%, #eab308 44%, #7c3aed 100%);
            color: #080808;
            font-size: 13px;
            font-weight: 950;
            letter-spacing: 0.01em;
            cursor: pointer;
            overflow: hidden;
            box-shadow: 0 12px 34px rgba(245, 158, 11, 0.20), 0 0 0 1px rgba(255, 255, 255, 0.10) inset;
            transition: transform 0.14s ease, filter 0.14s ease, box-shadow 0.18s ease, opacity 0.18s ease;
        }

        .entity-note-save-selected-btn::before {
            content: "";
            position: absolute;
            inset: -1px;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent);
            transform: translateX(-120%);
            opacity: 0;
            pointer-events: none;
        }

        .entity-note-save-selected-btn:hover:not(:disabled) {
            transform: translateY(-1px);
            filter: brightness(1.08);
            box-shadow: 0 16px 38px rgba(245, 158, 11, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.12) inset;
        }

        .entity-note-save-selected-btn:active:not(:disabled) {
            transform: translateY(1px) scale(0.992);
        }

        .entity-note-save-selected-btn:disabled {
            cursor: not-allowed;
            color: rgba(226, 232, 240, 0.58);
            border-color: rgba(148, 163, 184, 0.20);
            background: linear-gradient(135deg, rgba(30, 41, 59, 0.94), rgba(51, 65, 85, 0.90));
            box-shadow: 0 8px 22px rgba(0, 0, 0, 0.24), 0 0 0 1px rgba(255, 255, 255, 0.045) inset;
        }

        .entity-note-save-selected-btn.is-saving,
        .entity-note-save-selected-btn.is-saved {
            pointer-events: none;
            transform: translateY(0) scale(0.996);
        }

        .entity-note-save-selected-btn.is-saving::before,
        .entity-note-save-selected-btn.is-saved::before {
            opacity: 1;
            animation: entityNoteSaveSweep 0.86s ease-in-out infinite;
        }

        .entity-note-save-selected-btn .entity-note-save-spinner {
            display: inline-flex;
            width: 14px;
            height: 14px;
            margin-right: 8px;
            border-radius: 999px;
            border: 2px solid rgba(8, 8, 8, 0.22);
            border-top-color: rgba(8, 8, 8, 0.88);
            vertical-align: -2px;
            animation: entityNoteSaveSpin 0.72s linear infinite;
        }

        .entity-note-save-selected-btn.is-saved {
            background: linear-gradient(135deg, #22c55e 0%, #a3e635 52%, #facc15 100%);
            box-shadow: 0 14px 42px rgba(34, 197, 94, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.12) inset;
        }

        @keyframes entityNoteSaveSpin {
            to { transform: rotate(360deg); }
        }

        @keyframes entityNoteSaveSweep {
            0% { transform: translateX(-120%); }
            100% { transform: translateX(120%); }
        }

        .coin-meta-btn {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid transparent;
            color: var(--text-sec);
            padding: 0 10px;
            border-radius: 0 4px 4px 0;
            cursor: pointer;
            font-size: 11px;
            transition: all 0.2s;
            flex: 0 0 auto;
        }

        .coin-meta-btn:hover {
            background: rgba(255,255,255,0.08);
            color: var(--text-main);
        }

        .coin-meta-btn:hover {
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
        }

        /* Row 3: Footer Signals & Links */
        .coin-card-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 11px;
        }

        .coin-card-signals {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .coin-latest-development {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto auto;
            align-items: center;
            gap: 7px;
            min-width: 0;
            padding: 7px 9px;
            border: 1px solid rgba(148, 163, 184, 0.14);
            border-radius: 7px;
            background: #1b2027;
            color: #aab6c5;
            font-size: 9px;
            cursor: pointer;
        }

        .coin-latest-development:hover { border-color:rgba(96,165,250,.30); background:#1d232b; }

        .coin-latest-development > i { color: var(--latest-tone, #94a3b8); }
        .coin-latest-development-copy { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        .coin-latest-development-copy b { color:var(--latest-tone,#cbd5e1); font-weight:850; }
        .coin-latest-development time { color:#74839a; font-size:8px; white-space:nowrap; }
        .coin-latest-development a { color:#60a5fa; text-decoration:none; }
        .coin-latest-history-btn,
        .coin-center-history-btn { display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid rgba(148,163,184,.16);border-radius:6px;background:#111720;color:#8291a5;cursor:pointer;flex:0 0 auto; }
        .coin-latest-history-btn:hover,
        .coin-center-history-btn:hover { border-color:rgba(96,165,250,.35);color:#93c5fd;background:#172130; }

        .coin-actions-row {
            display: flex;
            gap: 6px;
            align-items: center;
        }

        .coin-action-link {
            font-size: 11px;
            color: var(--text-sec);
            cursor: pointer;
            text-decoration: none;
            padding: 2px 6px;
            border-radius: 4px;
            background: transparent;
            transition: all 0.2s;
            font-weight: 600;
        }

        button.coin-action-link {
            font-family: inherit;
            line-height: 1;
        }

        .coin-action-link:hover {
            background: rgba(255, 255, 255, 0.08);
            color: #fff !important;
        }

        .coin-action-link.menu-open {
            background: rgba(255, 255, 255, 0.08);
            color: #fff !important;
        }

        .coin-action-link.gmgn {
            color: #9cff69;
            background: transparent;
        }

        .coin-action-link.gmgn:hover {
            color: #b7ff95 !important;
            background: rgba(95, 255, 87, 0.08);
        }

        .coin-action-link.market-launcher {
            color: #7dd3fc;
            background: transparent;
            border: none !important;
            box-shadow: none;
        }

        .coin-action-link.market-launcher:hover {
            background: rgba(29, 155, 240, 0.10);
            color: #e0f2fe !important;
        }

        .coin-change-pos {
            color: #22c55e;
        }

        .coin-change-neg {
            color: #ef4444;
        }

        .coin-action-link:hover {
            background: rgba(29, 155, 240, 0.1);
        }

        .coin-card-search-menu,
        .coin-card-move-menu,
        .tracker-market-actions-menu,
        .tracker-token-actions-menu,
        .tracker-actor-actions-menu,
        #coinWlDropdownMenu,
        #coinTagFloatingMenu {
            position: fixed;
            z-index: 10120;
            display: flex;
            gap: 8px;
            align-items: center;
            padding: 8px;
            border-radius: 14px;
            background: rgba(15, 15, 15, 0.96);
            border: 1px solid rgba(255, 255, 255, 0.10);
            box-shadow: 0 12px 34px rgba(0, 0, 0, 0.42);
            backdrop-filter: blur(10px);
            max-width: calc(100vw - 16px);
            overflow: visible;
            transform-origin: var(--coin-popover-origin, 50% 100%);
        }

        .coin-card-search-menu::before,
        .coin-card-move-menu::before,
        .tracker-market-actions-menu::before,
        .tracker-token-actions-menu::before,
        .tracker-actor-actions-menu::before,
        #coinWlDropdownMenu::before,
        #coinTagFloatingMenu::before {
            content: '';
            position: absolute;
            left: var(--coin-popover-arrow-left, 50%);
            width: 12px;
            height: 12px;
            background: rgba(15, 15, 15, 0.96);
            border: 1px solid rgba(255, 255, 255, 0.10);
            transform: translateX(-50%) rotate(45deg);
            pointer-events: none;
            z-index: -1;
        }

        .coin-card-search-menu[data-placement="top"]::before,
        .coin-card-move-menu[data-placement="top"]::before,
        .tracker-market-actions-menu[data-placement="top"]::before,
        .tracker-token-actions-menu[data-placement="top"]::before,
        .tracker-actor-actions-menu[data-placement="top"]::before,
        #coinWlDropdownMenu[data-placement="top"]::before,
        #coinTagFloatingMenu[data-placement="top"]::before {
            bottom: -6px;
            border-left: none;
            border-top: none;
        }

        .coin-card-search-menu[data-placement="bottom"]::before,
        .coin-card-move-menu[data-placement="bottom"]::before,
        .tracker-market-actions-menu[data-placement="bottom"]::before,
        .tracker-token-actions-menu[data-placement="bottom"]::before,
        .tracker-actor-actions-menu[data-placement="bottom"]::before,
        #coinWlDropdownMenu[data-placement="bottom"]::before,
        #coinTagFloatingMenu[data-placement="bottom"]::before {
            top: -6px;
            border-right: none;
            border-bottom: none;
        }

        .coin-card-search-menu button,
        .coin-card-move-menu button {
            width: 32px;
            height: 32px;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            background: rgba(255, 255, 255, 0.06);
            color: var(--text-sec);
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            font-weight: 900;
            transition: all 0.15s;
        }

        .coin-card-search-menu button:hover,
        .coin-card-move-menu button:hover {
            background: rgba(255, 255, 255, 0.12);
            color: var(--text-main);
        }

        .coin-card-search-menu .coin-card-search-ca {
            color: #38bdf8;
            background: rgba(56, 189, 248, 0.10);
            border-color: rgba(56, 189, 248, 0.22);
        }

        .coin-card-search-menu .coin-card-search-symbol {
            color: #f59e0b;
            background: rgba(245, 158, 11, 0.10);
            border-color: rgba(245, 158, 11, 0.22);
        }

        .coin-card-search-menu .coin-card-search-close {
            color: #fca5a5;
            background: rgba(239, 68, 68, 0.10);
            border-color: rgba(239, 68, 68, 0.24);
        }

        .coin-card-move-menu .coin-card-move-active {
            color: #22c55e;
            background: rgba(34, 197, 94, 0.10);
            border-color: rgba(34, 197, 94, 0.24);
        }

        .coin-card-move-menu .coin-card-move-new {
            color: #8ea4b8;
            background: rgba(142, 164, 184, 0.10);
            border-color: rgba(142, 164, 184, 0.24);
        }

        .coin-card-move-menu .coin-card-move-archive {
            color: #f59e0b;
            background: rgba(245, 158, 11, 0.10);
            border-color: rgba(245, 158, 11, 0.24);
        }

        .coin-card-move-menu .coin-card-move-trash,
        .coin-card-move-menu .coin-card-move-delete {
            color: #fb7185;
            background: rgba(190, 18, 60, 0.14);
            border-color: rgba(251, 113, 133, 0.28);
        }

        .coin-card-move-menu .coin-card-move-close {
            color: #f87171;
            background: rgba(239, 68, 68, 0.10);
            border-color: rgba(239, 68, 68, 0.24);
        }

        .coin-card-move-label {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            height: 32px;
            padding: 0 10px;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, 0.10);
            background: rgba(255, 255, 255, 0.05);
            color: var(--text-main);
            font-size: 10px;
            font-weight: 800;
            white-space: nowrap;
        }

        .coin-delete-btn {
            font-size: 10px;
            color: #ef4444;
            cursor: pointer;
            padding: 3px 8px;
            border-radius: 4px;
            border: none;
            background: transparent;
            transition: all 0.2s;
        }

        .coin-delete-btn:hover {
            background: rgba(239, 68, 68, 0.15);
        }

        /* Coin module: compact, readable cards for medium desktop columns */
        @media (min-width: 721px) {
            .dynamic-col:not(.col-wide) .coin-card {
                padding: 9px 10px;
                gap: 7px;
                contain-intrinsic-size: 112px;
            }

            .dynamic-col:not(.col-wide) .coin-card-top {
                align-items: flex-start;
                gap: 7px;
            }

            .dynamic-col:not(.col-wide) .coin-card-identity {
                flex: 1 1 190px;
                align-items: flex-start;
                gap: 7px;
                min-width: 0;
            }

            .dynamic-col:not(.col-wide) .coin-card-identity img {
                width: 22px !important;
                height: 22px !important;
                flex: 0 0 auto;
                margin-top: 1px;
            }

            .dynamic-col:not(.col-wide) .coin-card-identity > i {
                width: 22px;
                flex: 0 0 22px;
                margin-top: 2px;
                text-align: center;
            }

            .dynamic-col:not(.col-wide) .coin-name {
                max-width: clamp(92px, 14vw, 178px);
                font-size: 12.5px;
                line-height: 1.12;
            }

            .dynamic-col:not(.col-wide) .coin-symbol {
                font-size: 10px;
                line-height: 1.12;
            }

            .dynamic-col:not(.col-wide) .coin-mini-stats {
                margin-left: auto;
                gap: 5px;
                padding: 2px 0 0;
                font-size: 9px;
                max-width: 46%;
                overflow: hidden;
                justify-content: flex-end;
            }

            .dynamic-col:not(.col-wide) .coin-mini-stat {
                gap: 3px;
                min-width: 0;
            }

            .dynamic-col:not(.col-wide) .coin-mini-stat-val {
                max-width: 54px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .dynamic-col:not(.col-wide) .coin-card-inputs {
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
                gap: 5px;
            }

            .dynamic-col:not(.col-wide) .coin-meta-input,
            .dynamic-col:not(.col-wide) .coin-handle-field {
                height: 26px;
                min-height: 26px;
                font-size: 10px;
            }

            .dynamic-col:not(.col-wide) .coin-meta-input {
                padding-top: 5px;
                padding-bottom: 5px;
            }

            .dynamic-col:not(.col-wide) .coin-handle-field {
                padding-top: 3px;
                padding-bottom: 3px;
            }

            .dynamic-col:not(.col-wide) .coin-handle-chip {
                max-width: 112px;
            }

            .dynamic-col:not(.col-wide) .coin-card-footer {
                display: grid;
                grid-template-columns: minmax(92px, auto) minmax(0, 1fr);
                gap: 6px;
                align-items: center;
            }

            .dynamic-col:not(.col-wide) .coin-card-signals {
                min-width: 0;
                gap: 5px;
            }

            .dynamic-col:not(.col-wide) .coin-card-signals > * {
                max-width: 176px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .dynamic-col:not(.col-wide) .coin-actions-row {
                justify-content: flex-end;
                gap: 3px;
                min-width: 0;
                flex-wrap: wrap;
                overflow: visible;
            }

            .dynamic-col:not(.col-wide) .coin-action-link {
                min-width: 23px;
                height: 23px;
                padding: 0 5px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 6px;
            }

            .dynamic-col:not(.col-wide) .coin-market-launcher-btn {
                min-width: 24px !important;
                height: 23px !important;
                padding: 0 5px !important;
            }

            .dynamic-col:not(.col-wide) .coin-wl-mini-btn {
                height: 22px !important;
                min-width: 30px !important;
                padding: 0 5px !important;
                gap: 4px !important;
            }

            .dynamic-col:not(.col-wide) .coin-header-tools {
                gap: 3px !important;
                min-width: 0;
            }

            .dynamic-col:not(.col-wide) .coin-header-search {
                width: clamp(96px, 13vw, 128px) !important;
                min-width: 84px;
            }

            .dynamic-col:not(.col-wide) .coin-tracker-actions {
                display: flex !important;
                flex-wrap: nowrap;
                align-items: center !important;
                gap: 5px !important;
                padding: 6px 7px 4px !important;
            }

            .dynamic-col:not(.col-wide) .coin-status-tabs {
                flex: 1 1 auto;
                min-width: 0;
                gap: 4px !important;
                overflow-x: auto;
                overflow-y: hidden;
                scrollbar-width: none;
                padding-bottom: 1px;
                scroll-snap-type: x proximity;
            }

            .dynamic-col:not(.col-wide) .coin-status-tabs::-webkit-scrollbar,
            .dynamic-col:not(.col-wide) #coinTagFilter::-webkit-scrollbar {
                display: none;
            }

            .dynamic-col:not(.col-wide) .coin-sort-controls {
                flex: 0 0 auto;
                margin-left: 0 !important;
                gap: 3px !important;
            }

            .dynamic-col:not(.col-wide) .coin-sort-controls select {
                width: 62px !important;
                height: 26px;
                min-width: 62px !important;
                max-width: 62px !important;
                padding: 3px 17px 3px 7px !important;
                font-size: 9px !important;
                border-radius: 5px !important;
            }

            .dynamic-col:not(.col-wide) .coin-tag-btn {
                min-height: 27px;
                flex: 0 0 auto;
                padding: 0 8px;
                font-size: 9.5px;
                scroll-snap-align: start;
                white-space: nowrap;
            }

            .dynamic-col:not(.col-wide) #coinTagFilter {
                overflow-x: auto !important;
                overflow-y: hidden !important;
                gap: 5px !important;
                padding: 5px 7px 7px !important;
                scrollbar-width: none;
            }
        }

        /* === Mobile Coin Card Layout === */
        @media (max-width: 600px) {
            .coin-card-top {
                flex-direction: column;
                align-items: stretch;
                gap: 6px;
            }

            .coin-card-identity {
                width: 100%;
                margin-right: 0;
            }

            .coin-name {
                max-width: 200px;
                font-size: 14px;
            }

            .coin-symbol {
                font-size: 12px;
            }

            .coin-mini-stats {
                width: 100%;
                justify-content: space-between;
                background: rgba(255, 255, 255, 0.03);
                padding: 6px 8px;
                border-radius: 6px;
                gap: 8px;
            }

            .coin-mini-stat-val {
                font-size: 11px;
            }

            .coin-card-inputs {
                grid-template-columns: minmax(0, 1fr);
                gap: 6px;
            }

            .coin-meta-wrapper {
                flex: 1;
                min-width: 0;
            }

            .coin-card-footer {
                flex-wrap: wrap;
                gap: 6px;
            }

            .coin-actions-row {
                flex-wrap: wrap;
                gap: 4px;
            }

            .coin-market-launcher-btn,
            .tracker-market-launcher-btn {
                width: 32px !important;
                min-width: 32px !important;
                height: 32px !important;
                padding: 0 !important;
                touch-action: manipulation;
            }

            .fomo-dex-slot {
                width: 34px !important;
                height: 34px !important;
                flex-basis: 34px !important;
            }
        }

        /* === Drag Mode === */
        .coin-drag-handle {
            display: none;
            color: var(--text-sec);
            cursor: grab;
            padding: 2px 4px;
            font-size: 14px;
            opacity: 0.4;
            transition: opacity 0.2s;
            flex-shrink: 0;
            touch-action: none;
            user-select: none;
        }

        .coin-drag-handle:hover {
            opacity: 1;
        }

        .coin-drag-handle:active {
            cursor: grabbing;
        }

        .coin-drag-active .coin-drag-handle {
            display: flex;
            align-items: center;
        }

        .coin-drag-active .coin-card {
            cursor: default;
        }

        .coin-card.dragging {
            opacity: 0.55;
            border: 1px dashed rgba(245, 158, 11, 0.4) !important;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
            transform: scale(0.995);
        }

        .coin-card.drag-over {
            border-top: 2px solid #f59e0b !important;
        }

        #coinDragToggleBtn.drag-active {
            background: rgba(245, 158, 11, 0.15) !important;
            border-color: rgba(245, 158, 11, 0.4) !important;
            color: #f59e0b !important;
        }

        .coin-txns {
            font-size: 10px;
            color: var(--text-sec);
            margin-top: 4px;
        }

        .coin-loading-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.6);
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            z-index: 10;
        }

        .fomo-card-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            gap: 12px;
        }

        .fomo-main-info {
            display: flex;
            align-items: center;
            flex: 1;
            overflow: hidden;
            gap: 8px;
        }

        .fomo-meta-info {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 12px;
            flex-shrink: 0;
        }

        @media (max-width: 600px) {
            .fomo-card-content {
                flex-direction: column;
                align-items: stretch;
                gap: 8px;
            }

            .fomo-main-info {
                justify-content: space-between;
                flex: unset;
                width: 100%;
            }

            .fomo-meta-info {
                justify-content: space-between;
                width: 100%;
            }
        }

        .confirm-modal-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(3px);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 10050;
            padding: 16px;
        }

        .confirm-modal-overlay.open {
            display: flex;
        }

        .confirm-modal {
            width: min(460px, 100%);
            background: linear-gradient(180deg, rgba(24, 24, 30, 0.98), rgba(12, 12, 16, 0.98));
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 14px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
            overflow: hidden;
        }

        .confirm-modal-header {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 14px 16px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            color: var(--text-main);
            font-size: 14px;
            font-weight: 700;
        }

        .confirm-modal-body {
            padding: 14px 16px;
            color: var(--text-main);
            font-size: 13px;
            line-height: 1.5;
            white-space: pre-wrap;
            word-break: break-word;
        }

        .confirm-modal-actions {
            display: flex;
            justify-content: flex-end;
            gap: 8px;
            padding: 0 16px 14px;
        }

        .confirm-btn {
            border: 1px solid rgba(255, 255, 255, 0.18);
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.06);
            color: var(--text-main);
            font-size: 12px;
            font-weight: 700;
            padding: 8px 12px;
            cursor: pointer;
            transition: all 0.18s ease;
        }

        .confirm-btn:hover {
            transform: translateY(-1px);
            border-color: rgba(255, 255, 255, 0.28);
        }

        .confirm-btn.confirm-yes {
            border-color: rgba(245, 158, 11, 0.45);
            background: linear-gradient(135deg, #f59e0b, #d97706);
            color: #fff;
        }

        .modal.trend-modal {
            width: min(1580px, 99vw) !important;
            max-width: min(1580px, 99vw) !important;
            overflow: hidden !important;
        }

        .trend-modal {
            width: min(1580px, 99vw);
            max-height: 88vh;
            display: flex;
            flex-direction: column;
            background: linear-gradient(180deg, rgba(15, 15, 15, 0.98), rgba(8, 8, 8, 0.98));
            border: 1px solid rgba(234, 179, 8, 0.18);
            box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
        }

        .trend-modal-body {
            padding: 20px 24px 24px;
            overflow-y: auto;
            display: flex;
            flex-direction: column;
            gap: 18px;
        }

        .trend-toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
        }

        .trend-section-tabs {
            display: inline-flex;
            gap: 10px;
            padding: 6px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.04);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .trend-section-tab {
            border: none;
            background: transparent;
            color: var(--text-sec);
            border-radius: 999px;
            padding: 9px 16px;
            cursor: pointer;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.01em;
        }

        .trend-section-tab.active {
            color: #fff;
            background: linear-gradient(135deg, rgba(29, 155, 240, 0.26), rgba(59, 130, 246, 0.16));
            box-shadow: inset 0 0 0 1px rgba(29, 155, 240, 0.42);
        }

        .trend-window-toggle {
            display: inline-flex;
            gap: 8px;
            padding: 4px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.04);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .trend-window-toggle button {
            border: none;
            background: transparent;
            color: var(--text-sec);
            border-radius: 999px;
            padding: 8px 14px;
            cursor: pointer;
            font-size: 12px;
            font-weight: 700;
        }

        .trend-window-toggle button.active {
            background: rgba(29, 155, 240, 0.18);
            color: #fff;
            box-shadow: inset 0 0 0 1px rgba(29, 155, 240, 0.4);
        }

        .trend-grid {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            gap: 18px;
        }

        .trend-panel {
            grid-column: span 12;
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 20px;
            overflow: hidden;
            background: rgba(255, 255, 255, 0.022);
        }

        .trend-panel-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 16px 18px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }

        .trend-panel-title {
            font-size: 18px;
            font-weight: 800;
            color: var(--text-main);
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .trend-panel-subtitle {
            font-size: 12px;
            color: var(--text-sec);
        }

        .trend-panel-body {
            padding: 18px;
        }

        .trend-two-col {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
        }

        .trend-list-box {
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(0, 0, 0, 0.2);
            overflow: hidden;
        }

        .trend-list-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 14px 16px;
            font-size: 14px;
            font-weight: 800;
        }

        .trend-list-header.buy {
            color: #10b981;
            background: rgba(16, 185, 129, 0.06);
        }

        .trend-list-header.sell {
            color: #ef4444;
            background: rgba(239, 68, 68, 0.06);
        }

        .trend-list {
            display: flex;
            flex-direction: column;
        }

        .trend-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding: 14px 16px;
            border-top: 1px solid rgba(255, 255, 255, 0.06);
        }

        .trend-item:first-child {
            border-top: none;
        }

        .trend-item-main {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            min-width: 0;
        }

        .trend-rank {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            font-weight: 800;
            flex-shrink: 0;
            background: rgba(255, 255, 255, 0.08);
            color: #fff;
        }

        .trend-rank.buy {
            background: rgba(16, 185, 129, 0.14);
            color: #10b981;
        }

        .trend-rank.sell {
            background: rgba(239, 68, 68, 0.14);
            color: #ef4444;
        }

        .trend-item-text {
            min-width: 0;
        }

        .trend-item-name {
            font-size: 14px;
            font-weight: 800;
            color: var(--text-main);
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .trend-item-name.clickable {
            cursor: pointer;
        }

        .trend-item-meta {
            margin-top: 4px;
            font-size: 12px;
            color: var(--text-sec);
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }

        .trend-item-value {
            text-align: right;
            flex-shrink: 0;
        }

        .trend-item-value strong {
            display: block;
            font-size: 15px;
            color: var(--text-main);
        }

        .trend-item-value span {
            font-size: 11px;
            color: var(--text-sec);
        }

        .trend-tag {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            border-radius: 999px;
            padding: 5px 10px;
            background: rgba(255, 255, 255, 0.06);
            color: var(--text-sec);
            font-size: 11px;
            font-weight: 700;
        }

        .trend-empty {
            padding: 28px 16px;
            text-align: center;
            color: var(--text-sec);
            font-size: 13px;
        }

        .trend-topics-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
        }

        .trend-topic-card {
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 14px;
            padding: 14px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.018));
        }

        .trend-topic-term {
            font-size: 15px;
            font-weight: 800;
            color: #fff;
        }

        .trend-topic-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-top: 10px;
        }

        .trend-topic-bar {
            flex: 1;
            height: 6px;
            border-radius: 999px;
            overflow: hidden;
            background: rgba(255, 255, 255, 0.08);
        }

        .trend-topic-bar > span {
            display: block;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, #f59e0b, #1d9bf0);
        }

        .trend-loading {
            padding: 40px 20px;
            text-align: center;
            color: var(--text-sec);
        }

        .trend-scroll-spacer {
            height: 24px;
            flex-shrink: 0;
        }

        @media (min-width: 900px) {
            .trend-panel.half {
                grid-column: span 6;
            }
        }

        @media (max-width: 768px) {
            .trend-modal {
                width: 100vw;
                max-width: 100vw;
                max-height: 100dvh;
                height: 100dvh;
                border-radius: 0;
            }

            #trendModal {
                align-items: stretch !important;
                padding: 0 !important;
            }

            .trend-modal .modal-header {
                padding: 14px 16px;
                gap: 12px;
                flex-wrap: wrap;
                align-items: flex-start;
            }

            .trend-modal .modal-header>div:last-child {
                width: 100%;
                justify-content: space-between;
            }

            .trend-window-toggle {
                gap: 4px;
                padding: 4px;
                max-width: 100%;
            }

            .trend-window-toggle button {
                padding: 8px 12px;
                font-size: 11px;
                min-width: 56px;
            }

            .trend-modal-body {
                padding: 14px 14px calc(132px + env(safe-area-inset-bottom));
                min-height: 0;
            }

            .trend-two-col,
            .trend-topics-grid {
                grid-template-columns: 1fr;
            }

            .trend-toolbar {
                align-items: stretch;
            }

            .trend-section-tabs {
                display: flex;
                width: 100%;
                gap: 6px;
                padding: 5px;
                overflow-x: auto;
                overflow-y: hidden;
                flex-wrap: nowrap;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
            }

            .trend-section-tabs::-webkit-scrollbar {
                display: none;
            }

            .trend-section-tab {
                flex: 1 0 auto;
                min-width: max-content;
                padding: 8px 12px;
                font-size: 11px;
                line-height: 1.2;
            }

            .trend-split-grid {
                grid-template-columns: 1fr !important;
                gap: 12px !important;
            }

            .trend-coin-scope-tabs {
                width: 100%;
                margin-top: 8px;
            }

            .trend-panel-header {
                flex-wrap: wrap;
                align-items: flex-start;
            }

            .trend-panel-body {
                padding: 12px;
            }

            .trend-item {
                align-items: flex-start;
            }

            .trend-item-value {
                min-width: 56px;
            }

            .trend-scroll-spacer {
                height: calc(120px + env(safe-area-inset-bottom));
            }
        }

        @media (max-width: 420px) {
            .trend-modal .modal-title {
                font-size: 16px;
                line-height: 1.1;
            }

            .trend-panel-title {
                font-size: 15px;
                line-height: 1.15;
                align-items: flex-start;
            }

            .trend-panel-subtitle {
                font-size: 11px;
                line-height: 1.3;
            }

            .trend-section-tab {
                font-size: 10px;
                padding: 8px 10px;
            }

            .trend-window-toggle button {
                min-width: 52px;
                padding: 7px 10px;
            }
        }

        @media (max-width: 768px) {
            .modal-overlay:not(.confirm-modal-overlay),
            .coin-detail-modal-overlay,
            .alarm-manager-overlay,
            .wallet-tracker-note-overlay,
            .wallet-tracker-settings-overlay,
            .tracker-trade-history-overlay {
                align-items: stretch !important;
                justify-content: stretch !important;
                padding: 0 !important;
                background: #000 !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            .modal-overlay:not(.confirm-modal-overlay) > .modal,
            .coin-detail-modal-overlay > .coin-detail-modal,
            .alarm-manager-overlay > .coin-detail-modal,
            .wallet-tracker-note-overlay > .modal,
            .wallet-tracker-settings-overlay > .modal,
            .tracker-trade-history-overlay > .coin-detail-modal,
            .coin-detail-modal.compact-mobile-modal {
                position: fixed !important;
                inset: 0 !important;
                top: 0 !important;
                left: 0 !important;
                width: 100vw !important;
                max-width: 100vw !important;
                min-width: 100vw !important;
                height: 100dvh !important;
                max-height: 100dvh !important;
                min-height: 100dvh !important;
                margin: 0 !important;
                border-radius: 0 !important;
                border: none !important;
                box-shadow: none !important;
                display: flex !important;
                flex-direction: column !important;
                overflow: hidden !important;
            }

            .modal-overlay:not(.confirm-modal-overlay) > .modal > .modal-body,
            .modal-overlay:not(.confirm-modal-overlay) > .modal > .modal-content,
            .wallet-tracker-note-overlay > .modal > .modal-content,
            .wallet-tracker-settings-overlay > .modal > .modal-content,
            .coin-detail-modal > .coin-detail-body {
                flex: 1 1 auto !important;
                min-height: 0 !important;
                overflow-y: auto !important;
                padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
            }

            .confirm-modal-overlay {
                background: rgba(0, 0, 0, 0.72) !important;
                backdrop-filter: blur(8px) !important;
                -webkit-backdrop-filter: blur(8px) !important;
            }

            #earlyPage.early-page {
                inset: 0 !important;
                padding: 0 !important;
                background: #05070b !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            #earlyPage .early-shell {
                position: fixed;
                inset: 0;
                width: 100vw !important;
                height: 100dvh !important;
                margin: 0 !important;
                display: grid;
                grid-template-rows: auto minmax(0, 1fr);
                border: 0 !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                background: #07090e;
            }

            #earlyPage .early-head {
                position: relative;
                min-height: 0 !important;
                display: grid;
                gap: 9px;
                padding: calc(10px + env(safe-area-inset-top)) 11px 10px;
                background: rgba(7, 9, 14, 0.98);
            }

            #earlyPage .early-title {
                gap: 8px;
                flex-wrap: nowrap;
                font-size: 19px;
                min-width: 0;
                max-width: 100%;
            }

            #earlyPage .early-title i {
                width: 36px;
                height: 36px;
                flex: 0 0 auto;
            }

            #earlyPage .early-title small {
                min-width: 0;
                width: auto !important;
                padding-left: 0 !important;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                font-size: 10px;
            }

            #earlyPage .early-head-actions {
                width: 100%;
                flex-wrap: nowrap;
                gap: 6px;
                overflow-x: auto;
                overflow-y: hidden;
                min-width: 0;
                padding: 2px 46px 2px 0;
                scrollbar-width: none;
                scroll-padding-inline: 0 46px;
                touch-action: pan-x;
            }

            #earlyPage .early-head-actions::-webkit-scrollbar {
                display: none;
            }

            #earlyPage .early-head-actions button:not(.close) {
                flex: 0 0 auto;
                width: auto;
                max-width: none;
                min-height: 34px;
                padding-inline: 10px;
                white-space: nowrap;
            }

            #earlyPage .early-head-actions .close {
                position: absolute;
                top: calc(10px + env(safe-area-inset-top));
                right: 11px;
                width: 36px;
                min-height: 36px;
                flex: 0 0 36px;
                z-index: 2;
            }

            #earlyPage .early-title {
                padding-right: 45px;
            }

            #earlyPage .early-body {
                height: auto !important;
                min-height: 0;
                grid-template-columns: 1fr !important;
                grid-template-rows: auto minmax(0, 1fr);
                overflow: hidden;
            }

            #earlyPage .early-side {
                gap: 9px;
                padding: 10px 11px;
                grid-template-rows: auto auto auto !important;
                border-right: 0;
                border-bottom: 1px solid var(--early-border);
            }

            #earlyPage .early-side-list {
                display: none !important;
            }

            #earlyPage.portfolio-mode .early-body {
                grid-template-columns: 1fr !important;
                grid-template-rows: minmax(0, 1fr) !important;
            }

            #earlyPage.portfolio-mode .early-side {
                display: none !important;
            }

            #earlyPage .early-view-tabs {
                width: 100%;
                padding-bottom: 1px;
            }

            #earlyPage .early-view-tabs button {
                min-height: 38px;
                padding-inline: 10px;
            }

            #earlyPage .early-search {
                height: 44px;
            }

            #earlyPage .early-main {
                min-height: 0;
                padding: 12px 11px calc(18px + env(safe-area-inset-bottom));
                overflow-y: auto;
                overflow-x: hidden;
            }

            #earlyPage .early-grid,
            #earlyPage .early-detail-grid,
            #earlyPage .early-item-screen .early-detail-grid {
                grid-template-columns: 1fr !important;
            }

            #earlyPage .early-workspace-bar {
                align-items: stretch;
                flex-direction: column;
            }

            #earlyPage .early-tools-bar {
                align-items: stretch;
                flex-direction: column;
            }

            #earlyPage .early-tool-categories {
                flex-wrap: nowrap;
                overflow-x: auto;
                padding-bottom: 2px;
                scrollbar-width: none;
            }

            #earlyPage .early-tool-categories::-webkit-scrollbar {
                display: none;
            }

            #earlyPage .early-tool-categories button {
                flex: 0 0 auto;
            }

            #earlyPage .early-head {
                grid-template-columns: minmax(0, 1fr) 38px;
                align-items: center;
            }

            #earlyPage .early-title {
                grid-column: 1;
                padding-right: 0;
            }

            #earlyPage .early-head-actions {
                grid-column: 1 / -1;
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 7px;
                overflow: visible;
                padding: 0;
                scroll-padding-inline: 0;
                touch-action: auto;
            }

            #earlyPage .early-head-actions button:not(.close) {
                min-width: 0;
                width: 100%;
                min-height: 36px;
                padding-inline: 6px;
                justify-content: center;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 11px;
            }

            #earlyPage .early-head-actions button:not(.close) i {
                flex: 0 0 auto;
                font-size: 12px;
            }

            #earlyPage .early-head-actions .close {
                grid-column: 2;
                grid-row: 1;
                justify-self: end;
                width: 38px;
                height: 38px;
                min-height: 38px;
            }

            #earlyPage .early-view-tabs {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 7px;
                overflow: visible;
                padding-bottom: 0;
            }

            #earlyPage .early-view-tabs button {
                min-width: 0;
                width: 100%;
                min-height: 36px;
                padding-inline: 6px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 11px;
            }

            #earlyPage .early-filter-grid {
                gap: 8px;
            }

            #earlyEditorLayer {
                padding: 0 !important;
                place-items: stretch !important;
            }

            #earlyEditorLayer .early-editor {
                position: fixed;
                inset: 0;
                width: 100vw !important;
                max-width: 100vw !important;
                height: 100dvh !important;
                max-height: 100dvh !important;
                padding: calc(18px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));
                border: 0 !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                overflow-y: auto;
            }

            #earlyEditorLayer .early-guide-mobile-detail {
                padding: calc(12px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom)) !important;
                gap: 12px !important;
                background: #07090e !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-guide-mast {
                display: grid !important;
                grid-template-columns: 1fr !important;
                gap: 13px !important;
                padding: 15px !important;
                border-radius: 18px !important;
                background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018)) !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-guide-identity {
                display: grid !important;
                grid-template-columns: 58px minmax(0, 1fr) 40px !important;
                align-items: center !important;
                gap: 11px !important;
                min-width: 0 !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-guide-mark {
                width: 58px !important;
                height: 58px !important;
                border-radius: 16px !important;
                font-size: 23px !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-guide-identity h2 {
                margin: 0 !important;
                max-width: 100% !important;
                color: #fff !important;
                font-size: clamp(28px, 8vw, 42px) !important;
                line-height: 1.02 !important;
                overflow-wrap: anywhere !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-guide-identity h2 .early-mini-btn {
                min-height: 28px !important;
                width: 30px !important;
                padding: 0 !important;
                vertical-align: middle !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-guide-close {
                width: 40px !important;
                height: 40px !important;
                min-height: 40px !important;
                justify-self: end !important;
                border-radius: 12px !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-guide-actions {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) 44px !important;
                gap: 9px !important;
                width: 100% !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-guide-actions .early-btn,
            #earlyEditorLayer .early-guide-mobile-detail .early-guide-actions .early-mini-btn {
                width: 100% !important;
                min-width: 0 !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-guide-status-panel {
                margin: 0 !important;
                padding: 15px !important;
                border-radius: 18px !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-guide-status-line {
                grid-template-columns: 1fr !important;
                gap: 11px !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-guide-status-line + .early-guide-status-line {
                margin-top: 16px !important;
                padding-top: 16px !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-status-row {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 8px !important;
                width: 100% !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-status-row .early-status-btn {
                width: 100% !important;
                min-width: 0 !important;
                min-height: 42px !important;
                justify-content: center !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-guide-content {
                margin: 0 !important;
                padding: 14px !important;
                border-radius: 15px !important;
                font-size: 14px !important;
                line-height: 1.55 !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-guide-content a {
                overflow-wrap: anywhere !important;
                word-break: break-word !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-detail-grid {
                grid-template-columns: 1fr !important;
                gap: 12px !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-daily-action {
                width: 100% !important;
                min-width: 0 !important;
                min-height: 42px !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }

            #earlyEditorLayer .early-guide-mobile-detail .early-panel {
                min-width: 0 !important;
                padding: 14px !important;
                border-radius: 15px !important;
            }

            #earlyEditorLayer .early-form-grid {
                grid-template-columns: 1fr;
            }
        }

        .live-market-alarm-info-popover {
            position: fixed;
            z-index: 10080;
            max-width: min(340px, calc(100vw - 24px));
            padding: 10px 12px;
            border-radius: 10px;
            border: 1px solid rgba(148, 163, 184, 0.24);
            background: rgba(8, 13, 23, 0.98);
            color: #dbeafe;
            font-size: 12px;
            line-height: 1.45;
            box-shadow: 0 18px 44px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(255, 255, 255, 0.04);
            white-space: normal;
        }

        .live-market-alarm-info-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            border: 1px solid rgba(148, 163, 184, 0.30);
            background: rgba(15, 23, 42, 0.62);
            color: #9fb2d0;
            font-size: 7px;
            line-height: 1;
            flex: 0 0 auto;
            cursor: pointer;
            padding: 0;
        }

        .live-market-alarm-info-btn:hover {
            border-color: rgba(125, 211, 252, 0.45);
            color: #bae6fd;
            background: rgba(14, 165, 233, 0.12);
        }

        .live-market-alarm-hide-coin-btn {
            position: absolute;
            right: -5px;
            top: -5px;
            z-index: 6;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 16px;
            height: 16px;
            border-radius: 999px;
            border: 1px solid rgba(148, 163, 184, 0.34);
            background: rgba(8, 13, 23, 0.96);
            color: #94a3b8;
            font-size: 7px;
            line-height: 1;
            cursor: pointer;
            opacity: 0;
            transform: scale(.92);
            transition: opacity .14s ease, transform .14s ease, color .14s ease, border-color .14s ease, background .14s ease;
        }

        .live-market-alarm-row:hover .live-market-alarm-hide-coin-btn,
        .live-market-alarm-row:focus-within .live-market-alarm-hide-coin-btn {
            opacity: 1;
            transform: scale(1);
        }

        .live-market-alarm-hide-coin-btn:hover {
            color: #fca5a5;
            border-color: rgba(248, 113, 113, 0.50);
            background: rgba(127, 29, 29, 0.82);
        }

        @media (max-width: 820px) {
            .alarm-row-time-wrap {
                position: static;
            }

            .live-market-alarm-hide-coin-btn {
                opacity: 1;
                transform: scale(1);
            }

            .alarm-row-delete-btn.coin-price-delete,
            .alarm-row-delete-btn.signal-delete,
            .alarm-row-delete-btn.related-delete {
                position: absolute;
                left: auto;
                right: 8px;
                top: 50%;
                bottom: auto;
                margin-left: 0;
                width: 24px;
                height: 24px;
                border-radius: 7px;
                font-size: 12px;
                opacity: 1;
                pointer-events: auto;
                transform: translateY(-50%) scale(1);
            }

            .live-market-alarm-row.has-floating-delete .live-market-alarm-value {
                padding-right: 30px;
            }

            #liveMarketAlarmCenterOverlay {
                align-items: stretch !important;
                justify-content: stretch !important;
                padding: 0 !important;
            }

            #liveMarketAlarmCenterOverlay .alarm-center-modal {
                width: 100vw !important;
                max-width: 100vw !important;
                height: 100dvh !important;
                max-height: 100dvh !important;
                min-height: 100dvh !important;
                border-radius: 0 !important;
                border: 0 !important;
            }

            #liveMarketAlarmCenterBody {
                padding: 12px 10px calc(24px + env(safe-area-inset-bottom)) !important;
            }

            #liveMarketAlarmCenterBody .live-market-alarm-tabs-grid {
                grid-template-columns: repeat(3, minmax(104px, 1fr)) !important;
                overflow-x: auto;
                padding-bottom: 2px;
                -webkit-overflow-scrolling: touch;
            }

            .live-market-alarm-row {
                grid-template-columns: 42px minmax(0, 1fr) 32px !important;
                grid-template-rows: auto auto !important;
                gap: 8px 10px !important;
                align-items: start !important;
                padding: 12px 10px !important;
                min-height: 86px;
            }

            .live-market-alarm-row .live-market-row-icon {
                width: 38px !important;
                height: 38px !important;
                overflow: visible !important;
            }

            .live-market-alarm-row-triggered {
                grid-template-columns: 32px minmax(0, 1fr) 28px !important;
                gap: 6px 8px !important;
                padding: 8px 9px !important;
                min-height: 64px !important;
            }

            .live-market-alarm-row-triggered .live-market-row-icon {
                width: 30px !important;
                height: 30px !important;
                overflow: visible !important;
            }

            .live-market-alarm-main {
                align-self: center;
            }

            .live-market-alarm-titleline {
                flex-wrap: wrap;
                gap: 5px !important;
            }

            .live-market-alarm-titleline b {
                max-width: 100%;
                white-space: normal !important;
                line-height: 1.18;
            }

            .live-market-alarm-detail {
                white-space: normal !important;
                line-height: 1.28;
                margin-top: 6px !important;
            }

            .live-market-alarm-detail-text {
                white-space: normal !important;
                overflow: visible !important;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

            .live-market-alarm-value {
                grid-column: 2 / 3;
                grid-row: 2;
                text-align: left !important;
                width: 100%;
            }

            .live-market-alarm-value > div {
                white-space: normal !important;
                line-height: 1.25;
            }

            .alarm-row-delete-btn {
                grid-column: 3;
                grid-row: 1 / span 2;
                align-self: center;
            }

            .live-market-alarm-info-popover {
                font-size: 12px;
                max-width: calc(100vw - 20px);
            }
        }

        @media (max-width: 430px) {
            #earlyPage .early-head-actions,
            #earlyPage .early-view-tabs {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            #earlyPage .early-title {
                font-size: 18px;
            }

            #earlyPage .early-title small {
                display: none;
            }

            #authorSettingsPanel > div[style*="grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto"] {
                grid-template-columns: 1fr !important;
            }

            #authorSettingsPanel button#authorModalSaveBtnBottom {
                width: 100% !important;
                min-width: 0 !important;
                min-height: 40px !important;
            }

            #authorModalAdvancedSettings div[style*="grid-template-columns:repeat(3"] {
                grid-template-columns: 1fr !important;
            }
        }

        @media (max-width: 768px) {
            #earlyPage .early-head {
                position: relative !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 10px !important;
                min-height: calc(70px + env(safe-area-inset-top)) !important;
            }

            #earlyPage .early-head-actions {
                width: auto !important;
                display: flex !important;
                flex: 0 0 auto !important;
                padding: 0 !important;
                overflow: visible !important;
            }

            #earlyPage .early-head-actions button:not(.close) {
                display: none !important;
            }

            #earlyPage .early-head-actions .close {
                position: absolute !important;
                top: calc(12px + env(safe-area-inset-top)) !important;
                right: 12px !important;
                width: 40px !important;
                height: 40px !important;
                min-height: 40px !important;
                flex: 0 0 40px !important;
                border-radius: 12px !important;
                z-index: 5 !important;
            }

            #earlyPage .early-title {
                min-width: 0 !important;
                justify-content: center !important;
                padding: 0 48px !important;
            }

            #earlyPage .early-view-tabs {
                display: flex !important;
                gap: 8px !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                padding: 0 2px 3px !important;
                scroll-snap-type: x proximity !important;
                scrollbar-width: none !important;
                -ms-overflow-style: none !important;
                touch-action: pan-x !important;
            }

            #earlyPage .early-view-tabs::-webkit-scrollbar {
                display: none !important;
            }

            #earlyPage .early-view-tabs button {
                width: auto !important;
                flex: 0 0 auto !important;
                min-width: clamp(92px, 27vw, 118px) !important;
                min-height: 42px !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 5px !important;
                padding: 0 12px !important;
                line-height: 1 !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                scroll-snap-align: start !important;
            }

            #earlyPage .early-view-tabs button i,
            #earlyPage .early-view-tabs button small {
                flex: 0 0 auto !important;
            }

            #earlyPage .early-mobile-daily-board {
                display: grid !important;
                gap: 13px !important;
                margin-bottom: 14px !important;
            }

            #earlyPage .early-mobile-guide-board {
                display: grid !important;
                gap: 13px !important;
            }

            #earlyPage .early-guide-mast {
                grid-template-columns: 1fr !important;
                gap: 12px !important;
                padding: 14px !important;
            }

            #earlyPage .early-guide-identity {
                min-width: 0 !important;
                align-items: center !important;
            }

            #earlyPage .early-guide-identity h2 {
                max-width: 100% !important;
                font-size: clamp(26px, 8vw, 38px) !important;
                line-height: 1.04 !important;
                overflow-wrap: anywhere !important;
            }

            #earlyPage .early-guide-mast .early-inline-actions {
                width: 100% !important;
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) 42px !important;
                gap: 8px !important;
            }

            #earlyPage .early-guide-mast .early-inline-actions .early-btn,
            #earlyPage .early-guide-mast .early-inline-actions .early-mini-btn {
                width: 100% !important;
                min-width: 0 !important;
            }

            #earlyPage .early-guide-status-panel {
                padding: 14px !important;
                margin-bottom: 14px !important;
            }

            #earlyPage .early-guide-status-line {
                grid-template-columns: 1fr !important;
                gap: 10px !important;
            }

            #earlyPage .early-status-row {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 8px !important;
                width: 100% !important;
            }

            #earlyPage .early-status-row .early-status-btn,
            #earlyPage .early-daily-action {
                width: 100% !important;
                min-width: 0 !important;
                min-height: 40px !important;
                justify-content: center !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }

            #earlyPage .early-guide-content {
                margin: 14px 0 !important;
                padding: 14px !important;
                border-radius: 15px !important;
                font-size: 14px !important;
                line-height: 1.55 !important;
            }

            #earlyPage .early-guide-content a {
                overflow-wrap: anywhere !important;
                word-break: break-word !important;
            }

            #earlyPage .early-panel {
                min-width: 0 !important;
                padding: 14px !important;
                border-radius: 15px !important;
            }

            #earlyPage .early-note-compose button {
                width: 100% !important;
                min-width: 0 !important;
            }

            #earlyPage.portfolio-mode .early-body {
                grid-template-columns: 1fr !important;
                grid-template-rows: auto minmax(0, 1fr) !important;
            }

            #earlyPage.portfolio-mode .early-side {
                display: grid !important;
            }
        }

        /* X Tracker settings: predictable desktop/mobile notification layout. */
        #xTrackerSettingsModal .xtracker-settings-dialog {
            display: flex;
            flex-direction: column;
            overflow: hidden;
            max-height: min(90dvh, 920px);
        }

        #xTrackerSettingsModal .modal-header {
            flex: 0 0 auto;
            margin-bottom: 0;
        }

        #xTrackerSettingsModal .xtracker-settings-header-actions {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        #xTrackerSettingsModal .xtracker-mobile-save-btn {
            display: none;
            align-items: center;
            justify-content: center;
            gap: 6px;
            min-height: 36px;
            padding: 7px 12px;
            border: 1px solid rgba(56, 189, 248, 0.48);
            border-radius: 10px;
            background: #1d9bf0;
            color: #fff;
            font-size: 12px;
            font-weight: 900;
            cursor: pointer;
            box-shadow: 0 5px 18px rgba(29, 155, 240, 0.24);
        }

        #xTrackerSettingsModal .xtracker-settings-content {
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
            overscroll-behavior: contain;
            scrollbar-gutter: stable;
        }

        #xTrackerSettingsModal .xtracker-settings-tabs {
            overflow-x: auto;
            overflow-y: hidden;
            scrollbar-width: thin;
        }

        #xTrackerSettingsModal .xtracker-settings-tabs .tab {
            flex: 0 0 auto;
            white-space: nowrap;
        }

        #xTrackerSettingsModal .xtracker-notify-channel {
            min-height: 44px;
            padding: 9px 10px;
            border: 1px solid rgba(148, 163, 184, 0.16);
            border-radius: 10px;
            background: rgba(15, 23, 42, 0.32);
        }

        #xTrackerSettingsModal .xtracker-notify-channel-browser {
            border-color: rgba(56, 189, 248, 0.24);
        }

        #xTrackerSettingsModal .xtracker-notify-channel-mobile {
            border-color: rgba(52, 211, 153, 0.24);
        }

        #xTrackerSettingsModal .xtracker-notify-channel-telegram {
            grid-column: 1 / -1;
            border-color: rgba(250, 204, 21, 0.20);
        }

        @media (max-width: 768px) {
            #xTrackerSettingsModal .xtracker-settings-dialog {
                max-height: 100dvh !important;
            }

            #xTrackerSettingsModal .modal-header {
                min-height: calc(58px + env(safe-area-inset-top));
                padding: calc(10px + env(safe-area-inset-top)) 14px 10px !important;
                z-index: 40;
            }

            #xTrackerSettingsModal .modal-title {
                font-size: 18px;
            }

            #xTrackerSettingsModal .xtracker-mobile-save-btn {
                display: inline-flex;
            }

            #xTrackerSettingsModal .xtracker-settings-content {
                padding: 0 12px 92px !important;
                overflow-x: hidden !important;
                -webkit-overflow-scrolling: touch;
            }

            #xTrackerSettingsModal .xtracker-settings-tabs {
                position: sticky;
                top: 0;
                z-index: 30;
                margin: 0 -12px 12px;
                padding: 6px 8px 0;
                background: rgba(0, 0, 0, 0.96);
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
            }

            #xTrackerSettingsModal .xtracker-settings-tabs .tab {
                padding: 10px 12px;
                font-size: 12px;
            }

            #xTrackerSettingsModal .xtracker-system-notify-card {
                margin-top: 0 !important;
                padding: 10px !important;
            }

            #xTrackerSettingsModal .xtracker-notify-channel-grid,
            #xTrackerSettingsModal .xtracker-notify-telegram-grid,
            #xTrackerSettingsModal .xtracker-notify-display-grid {
                grid-template-columns: minmax(0, 1fr) !important;
            }

            #xTrackerSettingsModal .xtracker-notify-channel-telegram {
                grid-column: auto;
            }

            #xTrackerSettingsModal .xtracker-notify-tier-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }

            #xTrackerSettingsModal .xtracker-notify-source-rules {
                padding: 9px 8px !important;
                overflow-x: auto;
            }

            #xTrackerSettingsModal .xtracker-notify-source-grid {
                grid-template-columns: minmax(118px, 1fr) minmax(72px, .62fr) minmax(72px, .62fr) !important;
                gap: 7px !important;
                min-width: 304px;
            }

            #xTrackerSettingsModal .xtracker-notify-display-grid label[style*="padding-top"] {
                padding-top: 2px !important;
            }

            #xTrackerSettingsModal .xtracker-notify-test-actions {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            #xTrackerSettingsModal .tab-content.active > .xtracker-settings-actions {
                position: fixed;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 50;
                margin: 0 !important;
                padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
                background: linear-gradient(180deg, rgba(0, 0, 0, 0.72), #000 24%);
                border-top: 1px solid rgba(255, 255, 255, 0.10);
                box-shadow: 0 -12px 30px rgba(0, 0, 0, 0.55);
            }

            #xTrackerSettingsModal .xtracker-settings-actions .save-btn {
                min-height: 46px;
                margin: 0;
            }
        }

        @media (max-width: 390px) {
            #xTrackerSettingsModal .modal-title {
                font-size: 16px;
            }

            #xTrackerSettingsModal .xtracker-mobile-save-btn {
                min-height: 34px;
                padding: 6px 9px;
                font-size: 11px;
            }

            #xTrackerSettingsModal .xtracker-notify-tier-grid,
            #xTrackerSettingsModal .xtracker-notify-test-actions {
                grid-template-columns: minmax(0, 1fr) !important;
            }
        }

        @media (hover: none) and (pointer: coarse) {
            #xTrackerSettingsModal .xtracker-mobile-save-btn {
                display: inline-flex;
            }
        }

        .dex-new-module { --dex-accent:#a78bfa; }
        .dex-new-tabs-shell { display:flex;align-items:stretch;min-width:0;border-bottom:1px solid rgba(167,139,250,.14);background:rgba(8,5,18,.74); }
        .dex-new-tabs { display:flex; flex:1;min-width:0;gap:5px; padding:7px 8px; overflow-x:auto; overflow-y:hidden; background:rgba(8,5,18,.74); scrollbar-width:none; scroll-behavior:smooth; scroll-snap-type:x proximity; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
        .dex-new-tabs.can-scroll-left.can-scroll-right { mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%); -webkit-mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%); }
        .dex-new-tabs.can-scroll-left:not(.can-scroll-right) { mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 42px); -webkit-mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 42px); }
        .dex-new-tabs.can-scroll-right:not(.can-scroll-left) { mask-image:linear-gradient(to right,#000 calc(100% - 42px),#000 calc(100% - 18px),transparent 100%); -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 42px),#000 calc(100% - 18px),transparent 100%); }
        .dex-new-tabs::-webkit-scrollbar { display:none; }
        .dex-new-hidden-tab { flex:0 0 auto;align-self:center;margin-right:8px;width:29px;height:29px;padding:0;display:inline-flex;align-items:center;justify-content:center; }
        .dex-new-tab { flex:0 0 auto; scroll-snap-align:center; border:1px solid rgba(148,163,184,.18); background:rgba(15,23,42,.8); color:#94a3b8; border-radius:999px; padding:5px 9px; font-size:9px; font-weight:900; cursor:pointer; }
        .dex-new-tab.active { color:#ede9fe; border-color:rgba(167,139,250,.6); background:rgba(124,58,237,.2); }
        .dex-new-tab[data-chain="trend"].active { color:#fde68a; border-color:rgba(250,204,21,.58); background:rgba(113,63,18,.22); }
        .dex-new-network-filters { display:none;align-items:center;gap:5px;padding:5px 8px;background:rgba(8,5,18,.74);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none; }
        .dex-new-module .dex-new-card { background:#0c111a; border:1px solid #26313e; border-left:2px solid #46576b; border-radius:12px; padding:12px; margin-bottom:10px; box-shadow:none; }
        .dex-new-module .dex-new-card.has-unread-development { border-left-color:#63b4d0; }
        .dex-new-module .dex-new-head { gap:9px; margin-bottom:8px; }
        .dex-new-module .dex-new-name { font-size:15px; font-weight:750; line-height:1.35; }
        .dex-new-module .dex-new-name>span { color:#a7afc1!important; font-weight:500; }
        .dex-new-module .dex-new-meta { gap:5px; font-size:9px; line-height:1.5; }
        .dex-new-module .dex-new-grid { gap:6px; margin:8px 0; }
        .dex-new-module .dex-new-stat { background:transparent; border:0; border-right:1px solid #26313e; border-radius:0; padding:4px 6px; min-width:0; }
        .dex-new-module .dex-new-stat:last-child { border-right:0; }
        .dex-new-module .dex-new-stat small { font-size:8px; color:#8a97a9; font-weight:600; }
        .dex-new-module .dex-new-stat b { font-size:13px; font-weight:650; }
        .dex-new-module .dex-new-performance { border:0; border-radius:6px; background:#131a24; padding:6px 8px; margin:7px 0; font-size:9px; }
        .dex-activity-overview { display:flex; flex-wrap:wrap; gap:5px; margin:8px 0; }
        .dex-summary-chip { font-size:10px; font-weight:600; border-radius:5px; padding:3px 6px; background:#19212c; color:#a9b5c4; }
        .dex-summary-chip.buy { color:#8ed5ac; background:#142a23; }
        .dex-summary-chip.sell { color:#e6a0a9; background:#2b1c24; }
        .dex-summary-chip.social { color:#95c4e2; background:#182737; }
        .dex-summary-chip.signal { color:#bcafe0; background:#241e33; }
        .dex-summary-chip.trend { color:#d9c18c; background:#2b271c; }
        .dex-card-details>summary { display:none; list-style:none; }
        .dex-card-details>summary::-webkit-details-marker { display:none; }
        .dex-card-details>summary:focus-visible { outline:2px solid #63b4d0; outline-offset:3px; }
        .dex-card-details .dex-expand-open { display:none; }
        .dex-card-details[open] .dex-expand-open { display:inline; }
        .dex-card-details[open] .dex-expand-closed { display:none; }
        .dex-card-details[open]>summary { margin-bottom:0; }
        .dex-card-details[open]>summary i { transform:rotate(180deg); }
        .dex-new-module .dex-new-actions { flex-wrap:wrap; gap:5px; }
        .dex-compact-mc { display:flex; align-items:baseline; gap:8px; margin:9px 0; }
        .dex-compact-mc small { color:#8a97a9; font-size:10px; }
        .dex-market-line { display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px; margin:9px 0 7px; overflow:visible; }
        .dex-market-line .dex-compact-mc { margin:0; flex-wrap:nowrap; gap:5px; flex:1 1 auto; min-width:0; white-space:nowrap; }
        .dex-new-module .dex-activity-overview { margin:5px 0 8px; min-width:0; flex-wrap:wrap; }
        .dex-market-line .dex-summary-chip { font-size:9px; padding:3px 4px; }
        .dex-compact-change { font-size:11px; font-weight:650; white-space:nowrap; }
        .dex-compact-change small { font-size:8px; font-weight:400; }
        .dex-compact-performance { display:inline-flex; align-items:center; justify-content:flex-end; gap:5px; min-width:0; margin-left:auto; color:#8a97a9; font-size:8px; font-weight:600; white-space:nowrap; }
        .dex-new-module .dex-compact-performance b { color:#cbd5e1; font-size:9px; font-weight:600; }
        .dex-compact-performance .up { color:#4ade80; }
        .dex-compact-performance .down { color:#fb7185; }
        .dex-quick-actions { display:flex; align-items:center; gap:3px; margin-left:auto; flex-shrink:0; }
        .dex-new-module .dex-quick-actions>a,.dex-new-module .dex-quick-actions>button { display:inline-flex; align-items:center; justify-content:center; width:27px; height:27px; padding:0; border:1px solid #2a3442; border-radius:6px; background:transparent; color:#9aa9bc; cursor:pointer; font-size:12px; text-decoration:none; }
        .dex-new-module .dex-quick-actions>.active { color:#dfc88c; border-color:#796b43; }
        .dex-compact-mc b { color:#e2e8f0; font-size:11px; font-weight:650; }
        .dex-main-actionbar { display:flex; align-items:center; justify-content:space-between; gap:6px; flex-wrap:wrap; margin:6px 0 8px; }
        .dex-main-actionbar-group { display:flex; align-items:center; gap:5px; flex-wrap:wrap; min-width:0; }
        .dex-main-actionbar-group.right { margin-left:auto; justify-content:flex-end; }
        .dex-main-actionbar .dex-quick-actions { margin-left:0; flex-wrap:wrap; gap:5px; }
        .dex-main-actionbar .dex-new-actions { margin:0; gap:5px; flex-wrap:wrap; }
        .dex-new-module .dex-main-actionbar .dex-new-actions>a,
        .dex-new-module .dex-main-actionbar .dex-new-actions>button,
        .dex-new-module .dex-main-actionbar-group>a,
        .dex-new-module .dex-main-actionbar-group>button,
        .dex-new-module .dex-main-actionbar .dex-quick-actions>a,
        .dex-new-module .dex-main-actionbar .dex-quick-actions>button { width:29px; height:29px; padding:0; flex:0 0 29px; border-radius:7px; }
        .dex-new-module .dex-main-actionbar .primary,
        .dex-new-module .dex-main-actionbar-group .primary { width:auto; min-width:34px; padding:0 9px; flex:0 0 auto; }
        .dex-new-module .dex-main-actionbar .primary span,
        .dex-new-module .dex-main-actionbar-group .primary span { display:none; }
        .dex-new-module .dex-new-card[class*="dex-tone-"] { border-color:#26313e; border-left:3px solid var(--development-color,#69788a); }
        .dex-tone-buy { --development-color:#68b990; }
        .dex-tone-sell { --development-color:#d27e8c; }
        .dex-tone-social { --development-color:#72aacf; }
        .dex-tone-trend { --development-color:#c0a565; }
        .dex-tone-news { --development-color:#62b8b2; }
        .dex-tone-signal { --development-color:#a58acb; }
        .dex-new-module .dex-tone-buy { --development-color:#426554; }
        .dex-new-module .dex-tone-sell { --development-color:#74505a; }
        .dex-new-module .dex-tone-social { --development-color:#496779; }
        .dex-new-module .dex-tone-trend { --development-color:#756647; }
        .dex-new-module .dex-tone-news { --development-color:#476d69; }
        .dex-new-module .dex-tone-signal { --development-color:#665776; }
        .dex-new-module .dex-new-card .dex-new-event { color:#a9a1bb; border-color:#393344; background:#1c1b27; }
        .dex-new-module .dex-new-card .dex-new-event.gmgn-event,
        .dex-new-module .dex-new-card .dex-new-event.boost { color:#b8aa86; border-color:#49412e; background:#252219; }
        .dex-new-module .dex-new-card .dex-new-unread { color:#91b4c5; border-color:#304c5a; background:#14212a; }
        .dex-new-module .dex-new-card .review-watch.active { color:#c0ac77; border-color:#635738; background:#262319; }
        .dex-new-module .dex-new-card .dex-new-reason { background:#111923; border-color:#293341; border-left:0; border-radius:7px; padding:8px; font-size:11px; box-shadow:none; }
        .dex-new-module .dex-new-card .dex-new-actions { margin:8px 0; }
        .dex-new-module .dex-new-card .dex-new-reason-strip { display:flex; flex-direction:column; overflow:visible; width:100%; }
        .dex-new-module .dex-new-card .dex-new-reason { display:flex; align-items:center; flex-wrap:nowrap; gap:6px; width:100%!important; max-width:100%; min-width:0; flex:0 0 auto; box-sizing:border-box; overflow-x:auto; white-space:nowrap; scrollbar-width:thin; scrollbar-color:#344253 transparent; }
        .dex-new-module .dex-new-card .dex-new-reason::-webkit-scrollbar { height:3px; }
        .dex-new-module .dex-new-card .dex-new-reason::-webkit-scrollbar-track { background:transparent; }
        .dex-new-module .dex-new-card .dex-new-reason::-webkit-scrollbar-thumb { background:#344253; border-radius:999px; }
        .dex-new-module .dex-new-card .dex-new-reason>strong,.dex-new-module .dex-new-card .dex-new-reason-copy { white-space:nowrap; flex-shrink:0; }
        .dex-new-module .dex-new-card .dex-new-reason-time { flex-shrink:0; white-space:nowrap; }
        .dex-new-module .dex-new-card.retro-x-priority { border-color:rgba(34,211,238,.52); box-shadow:0 0 0 1px rgba(34,211,238,.08),0 12px 34px rgba(8,145,178,.10); }
        .dex-new-module .dex-new-card .dex-new-reason.retro-x-alert { position:relative;overflow:hidden;border:1px solid rgba(34,211,238,.46);background:linear-gradient(105deg,rgba(8,145,178,.19),rgba(14,116,144,.08) 55%,rgba(245,158,11,.08));color:#cffafe;box-shadow:inset 3px 0 0 #22d3ee,0 8px 24px rgba(8,145,178,.10); }
        .dex-new-module .dex-new-card .retro-x-alert .retro-x-kicker { display:inline-flex;align-items:center;gap:4px;color:#67e8f9;font-size:8px;font-weight:1000;letter-spacing:.45px;text-transform:uppercase; }
        .dex-new-module .dex-new-card .retro-x-alert .retro-x-message { color:#e6fbff;font-weight:900; }
        .dex-new-network-filters.visible { display:flex; }
        .dex-new-network-filters::-webkit-scrollbar { display:none; }
        .dex-new-network-label { color:#64748b;font-size:7px;font-weight:900;text-transform:uppercase;white-space:nowrap;margin-right:1px; }
        .dex-new-network-filter { flex:0 0 auto;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.72);color:#64748b;border-radius:999px;padding:3px 7px;font-size:7px;font-weight:950;cursor:pointer; }
        .dex-new-network-filter.active { color:#ddd6fe;border-color:rgba(167,139,250,.48);background:rgba(124,58,237,.16); }
        .dex-new-network-filter[data-feed-all].active { color:#86efac;border-color:rgba(34,197,94,.32);background:rgba(20,83,45,.14); }
        .dex-new-gmgn-interval { flex:0 0 auto;border:1px solid rgba(100,116,139,.22);background:rgba(15,23,42,.68);color:#64748b;border-radius:999px;padding:3px 7px;font-size:7px;font-weight:950;cursor:pointer; }
        .dex-new-gmgn-interval.active { color:#93c5fd;border-color:rgba(96,165,250,.34);background:rgba(30,64,175,.12); }
        .dex-new-gmgn-mode { flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;height:auto;padding:3px 7px;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:rgba(15,23,42,.72);color:#64748b;font-size:7px;font-weight:950;line-height:normal;cursor:pointer; }
        .dex-new-gmgn-mode.active { color:#c4b5fd;border-color:rgba(139,92,246,.38);background:rgba(109,40,217,.12); }
        .dex-new-gmgn-mode i { font-size:8px; }
        .dex-new-gmgn-mode select { height:auto;max-width:82px;padding:0;border:0;outline:0;background:transparent;color:inherit;font-size:7px;font-weight:950;line-height:normal;cursor:pointer; }
        .dex-new-gmgn-mode select option { background:#0f172a;color:#e2e8f0; }
        .dex-new-gmgn-only { flex:0 0 auto;border:1px solid rgba(100,116,139,.22);background:rgba(15,23,42,.68);color:#64748b;border-radius:999px;padding:3px 7px;font-size:7px;font-weight:950;cursor:pointer;white-space:nowrap; }
        .dex-new-gmgn-only[data-developments-only].active,
        .dex-new-gmgn-only[data-gmgn-only].active { color:#c4b5fd;border-color:rgba(139,92,246,.32);background:rgba(109,40,217,.10); }
        .dex-new-tools-row { display:grid;grid-template-columns:minmax(0,1fr) auto max-content;align-items:center;gap:5px;margin:7px 8px 0; }
        .dex-new-search { display:flex;align-items:center;gap:7px;margin:0;padding:0 9px;height:30px;min-width:0;border:1px solid rgba(167,139,250,.2);border-radius:9px;background:rgba(15,23,42,.72);color:#64748b; }
        .dex-new-search:focus-within { border-color:rgba(167,139,250,.58);box-shadow:0 0 0 2px rgba(124,58,237,.10); }
        .dex-new-search input { min-width:0;flex:1;border:0;outline:0;background:transparent;color:#e2e8f0;font-size:9px;font-weight:750; }
        .dex-new-search button { border:0;background:transparent;color:#64748b;cursor:pointer;padding:2px; }
        .dex-new-list { flex:1; min-height:0; overflow-y:auto; padding:8px; display:flex; flex-direction:column; gap:7px; }
        .dex-new-trend-info { padding:7px 9px;border:1px solid rgba(250,204,21,.25);border-radius:9px;background:rgba(113,63,18,.12);color:#fde68a;font-size:8px;line-height:1.35; }
        .dex-new-development-carousel { flex:0 0 auto;width:100%;min-width:0;box-sizing:border-box;border:1px solid rgba(34,211,238,.24);border-radius:12px;background:rgba(2,6,23,.72);padding:7px;margin:0 0 8px; }
        .dex-new-development-carousel-head { display:flex;align-items:center;gap:6px;padding:0 2px 6px;color:#bae6fd;font-size:8px;font-weight:950; }
        .dex-new-development-carousel-head .count { color:#7dd3fc;background:rgba(3,105,161,.18);border:1px solid rgba(56,189,248,.28);border-radius:999px;padding:2px 6px; }
        .dex-new-development-carousel-head .position { margin-left:auto;color:#94a3b8;font-size:7px; }
        .dex-new-development-carousel-head button { width:23px;height:23px;border:1px solid rgba(56,189,248,.25);border-radius:7px;background:rgba(15,23,42,.9);color:#bae6fd;cursor:pointer; }
        .dex-new-development-carousel-head .read-all { width:auto;padding:0 7px;display:inline-flex;align-items:center;gap:4px;font-size:7px;font-weight:950;white-space:nowrap;background:rgba(8,47,73,.72); }
        .dex-new-development-carousel-head .read-all:hover { border-color:rgba(125,211,252,.55);background:rgba(14,116,144,.24); }
        .dex-new-development-carousel-head .read-all:disabled { opacity:.55;cursor:wait; }
        .dex-new-development-carousel-head .all-networks { width:auto;padding:0 7px;display:inline-flex;align-items:center;gap:4px;font-size:7px;font-weight:950;white-space:nowrap;color:#94a3b8;border-color:rgba(148,163,184,.22); }
        .dex-new-development-carousel-head .all-networks.active { color:#a7f3d0;border-color:rgba(52,211,153,.46);background:rgba(6,78,59,.30);box-shadow:inset 0 0 0 1px rgba(52,211,153,.06); }
        .dex-new-development-empty { padding:12px 8px;text-align:center;color:#64748b;font-size:8px;font-weight:800;border:1px dashed rgba(56,189,248,.18);border-radius:9px; }
        .dex-new-filter-settings-btn.active { color:#86efac!important;border-color:rgba(34,197,94,.4)!important;background:rgba(20,83,45,.18)!important; }
        .dex-new-settings-modal { width:min(440px,92vw);max-height:88vh;overflow:auto;border-color:rgba(167,139,250,.34);background:linear-gradient(145deg,#090713,#030712); }
        .dex-new-settings-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px; }
        .dex-new-settings-field { display:flex;flex-direction:column;gap:6px;min-width:0; }
        .dex-new-settings-field.full { grid-column:1/-1; }
        .dex-new-settings-field label { color:#cbd5e1;font-size:11px;font-weight:900;margin:0; }
        .dex-new-settings-field small { color:#64748b;font-size:9px;line-height:1.4; }
        .dex-new-settings-field input,.dex-new-settings-field select { width:100%;box-sizing:border-box;border:1px solid rgba(167,139,250,.22);border-radius:9px;background:rgba(15,23,42,.88);color:#f8fafc;padding:9px 10px;outline:none; }
        .dex-new-settings-presets { display:flex;gap:5px;flex-wrap:wrap; }
        .dex-new-settings-presets button { border:1px solid rgba(167,139,250,.24);border-radius:999px;background:rgba(76,29,149,.14);color:#c4b5fd;padding:4px 8px;font-size:9px;font-weight:900;cursor:pointer; }
        .dex-new-settings-actions { display:flex;justify-content:flex-end;gap:8px;margin-top:16px; }
        .dex-new-settings-actions button { border:1px solid rgba(148,163,184,.2);border-radius:9px;background:#111827;color:#cbd5e1;padding:8px 13px;font-size:10px;font-weight:900;cursor:pointer; }
        .dex-new-settings-actions .save { color:#d1fae5;border-color:rgba(52,211,153,.4);background:rgba(6,78,59,.35); }
        @media (max-width:520px) { .dex-new-settings-grid { grid-template-columns:1fr; }.dex-new-settings-field.full { grid-column:auto; } }
        .dex-new-development-carousel { overflow:hidden;contain:layout paint;overflow-anchor:none; }
        .dex-new-history-info { color:#94a3b8;background:rgba(15,23,42,.35);border:1px solid rgba(148,163,184,.15);border-radius:10px;padding:9px 11px;margin-bottom:10px;font-size:9px;line-height:1.5; }
        .dex-new-archive-intro { display:flex;align-items:center;gap:10px;padding:12px 13px;border-color:rgba(56,189,248,.20);background:linear-gradient(110deg,rgba(14,116,144,.12),rgba(15,23,42,.38)); }
        .dex-new-archive-intro>i { display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(56,189,248,.24);border-radius:9px;background:rgba(14,116,144,.14);color:#67e8f9;font-size:12px; }
        .dex-new-archive-intro b { color:#dbeafe;font-size:10px; }
        .dex-new-archive-summary { display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;padding:9px 10px;border-color:rgba(45,212,191,.15);background:rgba(4,12,18,.62); }
        .dex-new-archive-summary>span { min-width:0;color:#8393a8; }
        .dex-new-archive-summary>span>i { margin-right:4px;color:#5eead4; }
        .dex-new-archive-summary>span>b { color:#dbeafe; }
        .dex-new-archive-summary>button { flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;cursor:pointer;color:#67e8f9!important;border-color:rgba(56,189,248,.27)!important;background:rgba(14,116,144,.10)!important; }
        .dex-new-development-track { display:block;position:relative;width:100%;max-width:100%;overflow:hidden!important;overflow-x:hidden!important;scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none;overscroll-behavior-x:contain;padding:0;transform:none!important;isolation:isolate;contain:layout paint; }
        .dex-new-development-track::-webkit-scrollbar { display:none; }
        .dex-new-development-track > .dex-new-card,
        .dex-new-development-track > article.dex-new-card { display:none!important;width:100%;max-width:100%;box-sizing:border-box;margin:0!important;scroll-snap-align:start;scroll-snap-stop:normal;transform:none!important; }
        .dex-new-development-track > .dex-new-card:not(.dex-new-slide-active),
        .dex-new-development-track > article.dex-new-card:not(.dex-new-slide-active) { display:none!important;visibility:hidden!important;pointer-events:none!important;position:absolute!important;inset:auto!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;opacity:0!important;transform:none!important; }
        .dex-new-development-track > .dex-new-card:not(.dex-new-slide-active) *,
        .dex-new-development-track > article.dex-new-card:not(.dex-new-slide-active) * { display:none!important; }
        .dex-new-development-track > .dex-new-card.dex-new-slide-active,
        .dex-new-development-track > article.dex-new-card.dex-new-slide-active { display:block!important;visibility:visible!important;pointer-events:auto!important;position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;flex:none!important;opacity:1!important;transform:none!important; }
        .dex-new-dev-slider { display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 7px;scroll-snap-type:x proximity;scrollbar-width:thin; }
        .dex-new-dev-slider::-webkit-scrollbar { height:4px; }
        .dex-new-dev-slider::-webkit-scrollbar-thumb { background:rgba(56,189,248,.35);border-radius:999px; }
        .dex-new-dev-card { flex:0 0 min(285px,88%);scroll-snap-align:start;border:1px solid rgba(56,189,248,.28);border-left:3px solid rgba(56,189,248,.75);border-radius:11px;background:linear-gradient(135deg,rgba(7,89,133,.16),rgba(15,23,42,.9));padding:8px;cursor:pointer;min-width:0; }
        .dex-new-dev-card.wallet { border-color:rgba(34,197,94,.32);border-left-color:#22c55e;background:linear-gradient(135deg,rgba(20,83,45,.18),rgba(15,23,42,.9)); }
        .dex-new-dev-card.gmgn { border-color:rgba(250,204,21,.34);border-left-color:#facc15;background:linear-gradient(135deg,rgba(113,63,18,.16),rgba(15,23,42,.9)); }
        .dex-new-dev-card.news { border-color:rgba(167,139,250,.32);border-left-color:#a78bfa;background:linear-gradient(135deg,rgba(76,29,149,.14),rgba(15,23,42,.9)); }
        .dex-new-dev-card:hover { transform:translateY(-1px);border-color:rgba(125,211,252,.52); }
        .dex-new-dev-top { display:flex;align-items:center;gap:7px;min-width:0; }
        .dex-new-dev-logo { width:28px;height:28px; }
        .dex-new-dev-title { min-width:0;flex:1; }
        .dex-new-dev-title b { display:block;color:#f8fafc;font-size:10px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
        .dex-new-dev-title span { display:block;color:#94a3b8;font-size:7px;font-weight:850;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
        .dex-new-dev-time { color:#bae6fd;font-size:8px;font-weight:950;white-space:nowrap; }
        .dex-new-dev-reason { margin-top:7px;color:#dbeafe;font-size:8px;font-weight:900;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
        .dex-new-dev-actions { display:flex;gap:5px;margin-top:7px;align-items:center; }
        .dex-new-dev-actions button { border:1px solid rgba(148,163,184,.18);border-radius:7px;background:rgba(15,23,42,.78);color:#cbd5e1;height:23px;padding:0 7px;font-size:7px;font-weight:950;cursor:pointer; }
        .dex-new-focus-pulse { animation:dexNewFocusPulse 1.2s ease-out 1; }
        @keyframes dexNewFocusPulse { 0% { box-shadow:0 0 0 0 rgba(56,189,248,.55); } 100% { box-shadow:0 0 0 12px rgba(56,189,248,0); } }
        .dex-new-card { border:1px solid rgba(148,163,184,.14); border-left:3px solid #475569; border-radius:12px; background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(3,7,18,.95)); padding:10px; }
        .dex-new-card.has-system { border-left-color:#a78bfa; box-shadow:inset 0 0 24px rgba(124,58,237,.06); }
        .dex-new-card.has-wallet { border-left-color:#22c55e; box-shadow:inset 0 0 24px rgba(34,197,94,.07); }
        .dex-new-card.has-priority-x { border-left-color:#facc15; box-shadow:inset 0 0 24px rgba(250,204,21,.06); }
        .dex-new-card.is-quality { border-color:rgba(245,158,11,.38); border-left-color:#f59e0b; box-shadow:inset 0 0 28px rgba(245,158,11,.055); }
        .dex-new-card.is-trending { border-color:rgba(250,204,21,.42); box-shadow:inset 0 0 26px rgba(250,204,21,.055); }
        .dex-new-card.has-unread-development { border-color:rgba(56,189,248,.58);box-shadow:inset 0 0 28px rgba(14,165,233,.09),0 0 0 1px rgba(56,189,248,.08); }
        /* Coin Merkezi identity hierarchy mirrors Hızlı Akış: ticker leads,
           the project name stays secondary and long names never crush badges. */
        .coin-hub-module .dex-new-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 12px; padding:11px; border:1px solid rgba(148,163,184,.20); border-left:4px solid var(--development-color,#475569); border-radius:10px; background:#171a1f; box-shadow:none; }
        .coin-hub-module .dex-new-card:hover { border-color:rgba(148,163,184,.34); border-left-color:var(--development-color,#64748b); background:#1a1e24; }
        .coin-hub-module .dex-new-head { display:grid; grid-template-columns:36px minmax(0,1fr); gap:9px; align-items:center; }
        .coin-hub-module .dex-new-title { min-width:0; }
        .coin-hub-module .dex-new-name { display:flex; align-items:baseline; gap:6px; width:100%; min-width:0; font-size:inherit; line-height:1.15; }
        .coin-hub-module .dex-new-symbol-title { flex:0 1 auto; min-width:0; overflow:hidden; color:#f8fafc; font-size:13px; font-weight:900; letter-spacing:-.01em; text-overflow:ellipsis; white-space:nowrap; }
        .coin-hub-module .dex-new-token-name { flex:1 1 auto; min-width:0; overflow:hidden; color:#8b9bb0!important; font-size:9px; font-weight:500!important; text-overflow:ellipsis; white-space:nowrap; }
        .coin-hub-module .dex-new-meta { margin-top:5px; gap:4px 5px; }
        .coin-hub-module .dex-market-line { grid-column:2; grid-row:1; align-self:start; justify-self:end; margin:0; padding-top:2px; }
        .coin-hub-module .dex-market-line .dex-compact-mc { display:grid; grid-template-columns:auto auto auto; align-items:baseline; justify-content:end; gap:4px 7px; text-align:right; }
        .coin-hub-module .dex-market-line .dex-compact-performance { grid-column:1/-1; justify-self:end; margin:4px 0 0; }
        .coin-hub-module .dex-activity-overview,
        .coin-hub-module .dex-main-actionbar,
        .coin-hub-module .dex-new-reason-strip,
        .coin-hub-module .dex-card-details,
        .coin-hub-module .dex-new-variants { grid-column:1/-1; }
        .coin-hub-module .dex-activity-overview { padding-top:8px; border-top:1px solid rgba(148,163,184,.08); }
        .coin-hub-module .dex-main-actionbar { margin:6px 0 4px; }
        /* Coin Merkezi araştırma sekmeleri Takipteki Coinler ile aynı kompakt
           ritmi kullanır; legacy takip kartı bileşenine dokunulmaz. */
        .coin-hub-module .dex-new-card.is-hub-compact { gap:7px 12px; padding:10px 11px; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-new-head { grid-column:1; grid-row:1; grid-template-columns:32px minmax(0,1fr); align-items:start; gap:8px; min-width:0; margin-bottom:0; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-new-logo { align-self:start; width:32px; height:32px; margin-top:2px; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-new-title { width:100%; min-width:0; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-new-name { flex-wrap:nowrap; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-new-symbol-title { flex:0 0 auto; max-width:42%; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-new-token-name { flex:1 1 auto; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-market-facts { display:inline-flex; grid-column:1/-1; align-items:center; justify-self:end; gap:7px; color:#74839a; font-size:8px; font-weight:700; line-height:1; white-space:nowrap; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-market-facts>span { display:inline-flex; align-items:center; gap:3px; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-market-facts i { font-size:7px; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-new-meta { display:flex; align-items:center; gap:4px 5px; width:100%; min-width:0; margin-top:3px; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-market-line { grid-column:2; grid-row:1; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-toolbar { grid-column:1/-1; grid-row:2; display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-width:0; padding-top:7px; border-top:1px solid rgba(148,163,184,.08); }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-summary { display:flex; flex:1 1 auto; align-items:center; gap:6px; min-width:0; overflow:hidden; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-performance { display:inline-flex; align-items:center; gap:7px; flex:0 1 auto; min-width:0; min-height:29px; padding:0 8px; border-radius:7px; background:#19212c; color:#8a97a9; font-size:9px; font-weight:700; white-space:nowrap; overflow:hidden; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-performance b { color:#cbd5e1; font-size:10px; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-first-source { min-width:0; overflow:hidden; color:#93c5fd; font-size:8px; font-weight:750; text-overflow:ellipsis; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-first-age { flex:0 0 auto; color:#74839a; font-size:8px; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-performance strong { color:#4ade80; font-size:11px; font-weight:900; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-performance strong.down { color:#fb7185; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-summary-chip { flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-main-actionbar { flex:0 0 auto; align-self:center; justify-self:end; margin:0; flex-wrap:nowrap; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-main-actionbar-group { flex-wrap:nowrap; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-ca-mini { display:inline-flex; align-items:center; gap:3px; height:16px; padding:0 5px; border:1px solid rgba(148,163,184,.16); border-radius:5px; background:rgba(15,23,42,.55); color:#8291a5; font-size:6px; font-weight:900; cursor:pointer; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-ca-mini:hover { border-color:rgba(96,165,250,.38); color:#93c5fd; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-ca-mini i { font-size:6px; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-review-delete-action { border-color:rgba(244,63,94,.32); background:rgba(127,29,29,.15); color:#fb7185; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-review-delete-action:hover { border-color:rgba(251,113,133,.58); background:rgba(159,18,57,.22); color:#fecdd3; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-new-badge.quality-price { color:#67e8f9; border-color:rgba(34,211,238,.36); background:rgba(8,145,178,.13); }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-new-badge.quality-both { color:#fde68a; border-color:rgba(250,204,21,.42); background:linear-gradient(90deg,rgba(113,63,18,.20),rgba(8,145,178,.12)); }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-card-details { grid-column:1/-1; grid-row:3; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-card-details:not([open]) { display:none; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-new-reason-strip { grid-column:1/-1; grid-row:4; margin-top:0; }
        .coin-hub-module .dex-new-card .dex-new-reason-strip { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; flex-direction:row!important; align-items:center!important; gap:7px; width:100%; margin-top:7px; padding:7px 9px; overflow:hidden!important; border:1px solid rgba(148,163,184,.16); border-radius:8px; background:#1b2027; cursor:pointer; }
        .coin-hub-module .dex-new-card.is-hub-compact .dex-new-reason-strip { margin-top:0; }
        .coin-hub-module .dex-new-reason-strip:hover { border-color:rgba(96,165,250,.30); background:#1d232b; }
        .coin-hub-module .dex-new-reason-strip .dex-new-reason { display:flex; flex:1 1 auto!important; align-items:center; flex-wrap:nowrap!important; width:100%!important; min-width:0!important; max-width:100%!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; overflow:hidden!important; white-space:nowrap!important; }
        .coin-hub-module .dex-new-reason-strip .dex-new-reason-copy,
        .coin-hub-module .dex-new-reason-strip .dex-new-reason-copy span,
        .coin-hub-module .dex-new-reason-strip .dex-new-reason-copy strong { min-width:0; overflow:hidden; overflow-wrap:normal!important; text-overflow:ellipsis; white-space:nowrap!important; }
        .coin-hub-module .dex-new-reason-strip .dex-new-reason-copy { display:block; flex:1 1 auto!important; flex-shrink:1!important; font-size:8px!important; line-height:1.2!important; }
        .coin-hub-module .dex-new-reason-strip .dex-new-reason { font-size:8px!important; }
        .coin-hub-module .dex-new-reason-strip .dex-trade-kind { display:inline-flex;align-items:center;padding:2px 4px;border-radius:4px;font-size:6.5px;font-weight:1000;letter-spacing:.05em;vertical-align:1px; }
        .coin-hub-module .dex-new-reason-strip .dex-trade-kind.buy { color:#6ee7b7;background:rgba(16,185,129,.13); }
        .coin-hub-module .dex-new-reason-strip .dex-trade-kind.sell { color:#fda4af;background:rgba(244,63,94,.13); }
        .coin-hub-module .dex-new-reason-strip .dex-new-reason-time { margin-left:auto; }
        .coin-hub-module .dex-new-reason-strip .coin-center-history-btn { justify-self:end; }
        @media (max-width:600px) {
            .coin-hub-module .dex-new-card { grid-template-columns:minmax(0,1fr); }
            .coin-hub-module .dex-market-line { grid-column:1; grid-row:auto; justify-self:stretch; margin-top:8px; padding-top:7px; border-top:1px solid rgba(148,163,184,.08); }
            .coin-hub-module .dex-market-line .dex-compact-mc { justify-content:start; text-align:left; }
            .coin-hub-module .dex-market-line .dex-compact-performance { justify-self:start; }
            .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-market-facts { justify-self:start; }
            .coin-hub-module .dex-new-symbol-title { font-size:13px; }
            .coin-hub-module .dex-new-token-name { font-size:9px; }
            .coin-hub-module .dex-new-card.is-hub-compact .dex-new-head,
            .coin-hub-module .dex-new-card.is-hub-compact .dex-market-line,
            .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-toolbar,
            .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-summary,
            .coin-hub-module .dex-new-card.is-hub-compact .dex-main-actionbar,
            .coin-hub-module .dex-new-card.is-hub-compact .dex-card-details,
            .coin-hub-module .dex-new-card.is-hub-compact .dex-new-reason-strip { grid-column:1; grid-row:auto; }
            .coin-hub-module .dex-new-card.is-hub-compact .dex-market-line { margin-top:0; }
            .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-toolbar { flex-wrap:wrap; }
            .coin-hub-module .dex-new-card.is-hub-compact .dex-hub-summary { overflow-x:auto; }
            .coin-hub-module .dex-new-card.is-hub-compact .dex-main-actionbar { justify-self:stretch; width:100%; }
        }
        .dex-new-variants { margin-top:7px;border:1px solid rgba(167,139,250,.2);border-radius:9px;background:rgba(15,23,42,.5);overflow:hidden; }
        .dex-new-variants summary { display:flex;align-items:center;gap:5px;padding:6px 8px;color:#c4b5fd;font-size:8px;font-weight:900;cursor:pointer;list-style:none; }
        .dex-new-variants summary::-webkit-details-marker { display:none; }
        .dex-new-variants summary::after { content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;margin-left:auto;color:#64748b; }
        .dex-new-variants[open] summary::after { transform:rotate(180deg); }
        .dex-new-variant-row { display:grid;grid-template-columns:minmax(70px,1fr) repeat(3,minmax(48px,.7fr)) auto;align-items:center;gap:5px;padding:6px 8px;border-top:1px solid rgba(148,163,184,.1);font-size:7px;color:#94a3b8; }
        .dex-new-variant-row strong { color:#f8fafc;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
        .dex-new-variant-row b { color:#cbd5e1;white-space:nowrap; }
        .dex-new-variant-actions { display:flex;gap:3px; }
        .dex-new-variant-actions button,.dex-new-variant-actions a { width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.16);border-radius:6px;background:#111827;color:#94a3b8;cursor:pointer;text-decoration:none; }
        @media (max-width:520px) { .dex-new-variant-row { grid-template-columns:minmax(90px,1fr) repeat(2,minmax(52px,.7fr)) auto; }.dex-new-variant-vol { display:none; } }
        .dex-new-unread { display:inline-flex;align-items:center;gap:3px;color:#bae6fd;background:rgba(3,105,161,.18);border:1px solid rgba(56,189,248,.36);border-radius:999px;padding:2px 5px;font-size:7px;font-weight:950; }
        .dex-new-read-action { display:inline-flex;align-items:center;gap:4px;height:27px;padding:0 8px;border:1px solid rgba(56,189,248,.38);border-radius:7px;background:rgba(3,105,161,.16);color:#bae6fd;font-size:8px;font-weight:950;cursor:pointer; }
        .dex-new-head { display:flex; align-items:center; gap:8px; min-width:0; }
        .dex-new-logo { position:relative;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#172033,#312e81);border:1px solid rgba(255,255,255,.12);flex:0 0 auto;color:#ddd6fe;font-weight:950;font-size:15px; }
        .dex-new-logo img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111827; }
        .dex-new-title { min-width:0; flex:1; }
        .dex-new-name { color:#f8fafc; font-size:13px; line-height:1.15; font-weight:950; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        .dex-new-meta { display:flex; gap:5px; align-items:center; flex-wrap:wrap; margin-top:4px; color:#64748b; font-size:8px; }
        .dex-new-age { color:#c4b5fd; font-weight:900; }
        .dex-new-event { display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:999px;border:1px solid rgba(167,139,250,.3);background:rgba(124,58,237,.14);color:#ddd6fe;font-size:7px;font-weight:950;letter-spacing:.02em; }
        .dex-new-event.boost { color:#fde047;border-color:rgba(250,204,21,.35);background:rgba(113,63,18,.18); }
        .dex-new-event.paid { color:#67e8f9;border-color:rgba(34,211,238,.32);background:rgba(8,145,178,.14); }
        .dex-new-event.x-event { color:#60a5fa;border-color:rgba(29,155,240,.36);background:rgba(29,155,240,.11); }
        .dex-new-event.gmgn-event { color:#facc15;border-color:rgba(250,204,21,.38);background:rgba(113,63,18,.20); }
        .dex-new-live { display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 7px;border-radius:999px;border:1px solid rgba(34,197,94,.28);background:rgba(20,83,45,.16);color:#86efac;font-size:8px;font-weight:950;letter-spacing:.04em;white-space:nowrap; }
        .dex-new-live::before { content:'';width:5px;height:5px;border-radius:50%;background:#22c55e;box-shadow:0 0 7px rgba(34,197,94,.9); }
        .dex-new-live.loading { color:#c4b5fd;border-color:rgba(167,139,250,.3);background:rgba(76,29,149,.14); }
        .dex-new-live.loading::before { background:#a78bfa;box-shadow:0 0 7px rgba(167,139,250,.9); }
        .dex-new-live.paused { color:#fde68a;border-color:rgba(250,204,21,.38);background:rgba(113,63,18,.18); }
        .dex-new-live.paused::before { background:#facc15;box-shadow:0 0 7px rgba(250,204,21,.85); }
        .dex-new-module .alarm-center-jump-btn { right:10px; }
        .dex-new-hidden-info { padding:7px 9px;border:1px solid rgba(251,113,133,.22);border-radius:9px;background:rgba(127,29,29,.10);color:#fda4af;font-size:8px;line-height:1.35; }
        .dex-new-pagination { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid rgba(167,139,250,.22);border-radius:9px;background:rgba(76,29,149,.09);color:#94a3b8;font-size:8px;font-weight:850; }
        .dex-new-pagination button { border:1px solid rgba(167,139,250,.38);border-radius:7px;background:rgba(124,58,237,.16);color:#ddd6fe;padding:5px 9px;font-size:8px;font-weight:950;cursor:pointer; }
        .dex-new-pagination button:disabled { opacity:.55;cursor:wait; }
        .dex-new-pagination.complete { justify-content:center;border-color:rgba(148,163,184,.12);background:rgba(15,23,42,.45); }
        .dex-new-pager { display:flex;align-items:center;justify-content:center;gap:3px;margin:0;padding:2px 4px;height:30px;width:max-content;max-width:180px;min-width:0;box-sizing:border-box;border:1px solid rgba(167,139,250,.18);border-radius:8px;background:rgba(15,23,42,.82);color:#c4b5fd; }
        .dex-new-pager span { min-width:0;display:flex;align-items:center;justify-content:center;gap:3px;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
        .dex-new-pager small { color:#64748b;font-size:6.5px;font-weight:800; }
        .dex-new-pager button { flex:0 0 auto;width:22px;height:22px;padding:0;border:1px solid rgba(167,139,250,.28);border-radius:6px;background:rgba(124,58,237,.13);color:#ddd6fe;cursor:pointer; }
        .dex-new-pager button:disabled { opacity:.3;cursor:default; }
        .dex-new-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin-top:8px; }
        .dex-new-stat { min-width:0; padding:6px; border-radius:8px; background:rgba(15,23,42,.72); border:1px solid rgba(148,163,184,.1); }
        .dex-new-stat small { display:block; color:#64748b; font-size:7px; font-weight:800; text-transform:uppercase; }
        .dex-new-stat b { display:block; color:#e2e8f0; font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:2px; }
        .dex-new-performance { display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px;padding:5px 7px;border-radius:8px;border:1px solid rgba(250,204,21,.18);background:rgba(113,63,18,.08);color:#94a3b8;font-size:7.5px;font-weight:800; }
        .dex-new-performance b { color:#fde68a;font-size:8px; }
        .dex-new-performance .up { color:#4ade80; }
        .dex-new-performance .down { color:#fb7185; }
        .dex-new-performance .verified { color:#67e8f9; }
        .dex-new-performance .mismatch { color:#fbbf24; }
        .dex-new-badges { display:flex; flex-wrap:wrap; gap:4px; margin-top:8px; }
        .dex-new-badge { display:inline-flex; align-items:center; gap:4px; border-radius:999px; padding:3px 6px; font-size:8px; font-weight:900; border:1px solid rgba(56,189,248,.22); color:#7dd3fc; background:rgba(3,105,161,.12); }
        .dex-new-badge.wallet { color:#86efac; border-color:rgba(34,197,94,.28); background:rgba(22,101,52,.15); }
        .dex-new-badge.x { color:#7dd3fc; }
        .dex-new-badge.signal { color:#fde68a; border-color:rgba(250,204,21,.3); background:rgba(113,63,18,.15); }
        .dex-new-badge.account { color:#f0abfc; border-color:rgba(217,70,239,.28); background:rgba(112,26,117,.14); cursor:pointer; }
        .dex-new-badge.trend { color:#fde68a; border-color:rgba(250,204,21,.38); background:rgba(113,63,18,.18); }
        .dex-new-badge.saved { color:#c4b5fd; border-color:rgba(167,139,250,.35); }
        .dex-new-actions { display:flex; gap:5px; margin-top:8px; }
        .dex-new-actions button,.dex-new-actions a,
        .dex-main-actionbar-group button,.dex-main-actionbar-group a { height:26px; display:inline-flex; align-items:center; justify-content:center; gap:4px; padding:0 8px; border-radius:7px; border:1px solid rgba(148,163,184,.16); background:rgba(15,23,42,.8); color:#cbd5e1; font-size:8px; font-weight:900; cursor:pointer; text-decoration:none; appearance:none; -webkit-appearance:none; }
        .dex-new-actions .primary,.dex-main-actionbar-group .primary { color:#86efac; border-color:rgba(34,197,94,.3); background:rgba(22,101,52,.15); }
        .dex-new-actions .gmgn,.dex-main-actionbar-group .gmgn { color:#9cff69; border-color:rgba(95,255,87,.28); background:rgba(95,255,87,.08); }
        .dex-new-actions .saved-detail,.dex-main-actionbar-group .saved-detail { color:#fbbf24; border-color:rgba(245,158,11,.3); background:rgba(245,158,11,.12); }
        .dex-new-actions .icon-action,.dex-main-actionbar-group .icon-action { width:30px; padding:0; flex:0 0 30px; }
        .dex-new-actions .dex-new-x-action, .dex-main-actionbar-group .dex-new-x-action, .dex-new-module .dex-quick-actions .dex-new-x-action { color:#1d9bf0; border-color:rgba(29,155,240,.3); background:rgba(29,155,240,.09); text-decoration:none; }
        .dex-new-actions .dex-new-x-action:hover, .dex-main-actionbar-group .dex-new-x-action:hover { color:#60a5fa; border-color:rgba(96,165,250,.5); }
        .dex-main-actionbar-group .dex-new-x-action.unavailable { color:#657184; border-color:rgba(148,163,184,.16); background:rgba(15,23,42,.45); cursor:default; opacity:.65; }
        .dex-new-actions .review-watch,.dex-main-actionbar-group .review-watch { color:#94a3b8; }
        .dex-new-actions .review-watch.active,.dex-main-actionbar-group .review-watch.active { color:#fde047;border-color:rgba(250,204,21,.42);background:rgba(113,63,18,.2); }
        .dex-new-actions .close-watch.active,.dex-main-actionbar-group .close-watch.active { color:#67e8f9;border-color:rgba(34,211,238,.42);background:rgba(8,145,178,.16); }
        .dex-new-reason-strip { display:flex;gap:6px;margin-top:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scroll-snap-type:x proximity;scrollbar-width:thin; }
        .dex-new-reason-strip::-webkit-scrollbar { height:4px; }
        .dex-new-reason-strip::-webkit-scrollbar-thumb { background:rgba(167,139,250,.35);border-radius:999px; }
        .dex-new-reason { display:flex;align-items:flex-start;gap:7px;margin-top:8px;padding:7px 9px;border-radius:9px;border:1px solid rgba(34,197,94,.3);background:rgba(20,83,45,.14);color:#bbf7d0;font-size:9px;font-weight:850;line-height:1.35;flex-wrap:wrap;white-space:normal;overflow:visible; }
        .dex-new-reason-strip .dex-new-reason { margin-top:0;flex:0 0 min(460px,94%);min-width:220px;width:auto!important;max-width:94%;scroll-snap-align:start;white-space:normal;overflow:visible;line-height:1.35;flex-wrap:wrap; }
        .dex-new-reason-strip .dex-new-reason span,
        .dex-new-reason-strip .dex-new-reason strong { min-width:0;white-space:normal;overflow-wrap:anywhere; }
        .dex-new-reason-copy { min-width:0;flex:1 1 230px;white-space:normal;overflow-wrap:anywhere; }
        .dex-new-reason-time { margin-left:0;color:#94a3b8;font-size:7px;font-weight:800;line-height:1;white-space:nowrap;align-self:center;opacity:.9; }
        .dex-new-reason.dex-event { border-color:rgba(167,139,250,.27);background:rgba(76,29,149,.11);color:#ddd6fe; }
        .dex-new-reason.x-event { border-color:rgba(29,155,240,.3);background:rgba(29,155,240,.09);color:#bfdbfe; }
        .dex-new-reason a { color:inherit;text-decoration:none; }
        .dex-new-reason strong { color:#f8fafc; }
        .dex-new-empty { padding:28px 12px; text-align:center; color:#64748b; font-size:10px; }

        /* Coin history: source lanes stay visually and semantically separate. */
        .coin-detail-modal.fast-flow-detail-modal.coin-history-modal { width:min(960px,96vw);border-color:rgba(45,212,191,.34);background:radial-gradient(circle at 8% -4%,rgba(20,184,166,.17),transparent 34%),linear-gradient(155deg,#09121a,#03070c 70%); }
        .fast-flow-detail-tabs.coin-history-primary-tabs { position:sticky; top:0; z-index:3; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); padding:9px 14px 0; gap:7px; overflow:visible; background:rgba(3,9,15,.96); backdrop-filter:blur(14px); border-top:1px solid rgba(45,212,191,.10); }
        .fast-flow-detail-tabs.coin-history-primary-tabs button { width:100%; min-width:0; height:40px; padding:0 8px; overflow:hidden; border-radius:10px 10px 0 0; font-size:9px; }
        .coin-history-primary-tabs button span { overflow:hidden; text-overflow:ellipsis; }
        .coin-history-primary-tabs button[data-coin-history-filter="gmgn"] { color:#b6f36b; }
        .coin-history-primary-tabs button[data-coin-history-filter="gmgn"].active { border-color:rgba(132,204,22,.42); background:rgba(77,124,15,.14); color:#d9f99d; box-shadow:0 -5px 18px rgba(101,163,13,.07); }
        .coin-history-primary-tabs button[data-coin-history-filter="trend"] { color:#fcd34d; }
        .coin-history-primary-tabs button[data-coin-history-filter="trend"].active { border-color:rgba(245,158,11,.46); background:rgba(146,64,14,.16); color:#fde68a; }
        .coin-history-tab-context { display:flex; align-items:center; gap:7px; min-height:34px; padding:8px 17px; border-top:1px solid rgba(148,163,184,.06); border-bottom:1px solid rgba(148,163,184,.08); background:rgba(2,6,12,.52); color:#8b9bb0; font-size:9px; font-weight:750; }
        .coin-history-tab-context i { color:#5eead4; }
        .coin-history-modal .fast-flow-detail-body { padding:15px 18px 20px; }
        .coin-history-modal .fast-flow-detail-row { grid-template-columns:39px minmax(0,1fr);gap:13px;padding:14px;border-radius:14px;background:linear-gradient(110deg,color-mix(in srgb,var(--detail-tone) 7%,rgba(10,15,21,.96)),rgba(5,9,14,.96) 60%); }
        .coin-history-modal .fast-flow-detail-node { width:38px;height:38px;border-radius:11px;font-size:11px; }
        .coin-history-modal .fast-flow-detail-row header>b { font-size:11px; }
        .coin-history-modal .fast-flow-detail-row p { margin:8px 0 10px;font-size:11px;line-height:1.58; }
        .coin-history-translation { display:flex;align-items:center;gap:7px;margin-top:9px;padding-top:8px;border-top:1px solid rgba(148,163,184,.09);color:#718096;font-size:8px;font-weight:750; }
        .coin-history-translation>i { color:#60a5fa; }
        .coin-history-translation button { margin-left:auto;padding:5px 8px;border:1px solid rgba(96,165,250,.24);border-radius:7px;background:rgba(30,64,175,.10);color:#93c5fd;font:inherit;font-weight:900;cursor:pointer; }
        .coin-history-translation button:disabled { opacity:.58;cursor:wait; }
        .fast-flow-detail-actor-link { display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none; }
        .fast-flow-detail-actor-link:hover { color:#f8fafc;text-decoration:underline;text-underline-offset:3px; }
        .fast-flow-detail-actor-link i { font-size:7px;color:#60a5fa; }
        .fast-flow-mc-age { margin-left:4px;color:#64748b;font-size:6px;font-weight:850;white-space:nowrap; }
        .fast-flow-mc-multiple { border-color:rgba(45,212,191,.18)!important;background:rgba(13,148,136,.08)!important; }
        .fast-flow-mc-multiple.is-positive b { color:#6ee7b7!important; }
        .fast-flow-mc-multiple.is-negative { border-color:rgba(251,113,133,.18)!important;background:rgba(159,18,57,.08)!important; }
        .fast-flow-mc-multiple.is-negative b { color:#fda4af!important; }
        .pin-rule-choice { display:grid; grid-template-columns:22px minmax(0,1fr); align-items:center; gap:11px; margin-top:7px; padding:12px 13px; border:1px solid rgba(148,163,184,.13); border-radius:11px; background:rgba(15,23,42,.52); cursor:pointer; transition:border-color .16s,background .16s; }
        .pin-rule-choice:hover { border-color:rgba(45,212,191,.32); background:rgba(13,148,136,.08); }
        .pin-rule-choice input { width:17px; height:17px; accent-color:#2dd4bf; }
        .pin-rule-choice-copy { display:block; min-width:0; }
        .pin-rule-choice-copy b { display:block; overflow:hidden; color:#e5edf7; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
        .pin-rule-choice-copy small { display:block; margin-top:4px; color:#718096; font-size:9px; line-height:1.4; }
        .linked-wallet-choice { display:grid; grid-template-columns:auto minmax(0,1fr) 20px; align-items:center; gap:10px; width:100%; margin-top:8px; padding:11px 12px; border:1px solid rgba(148,163,184,.14); border-radius:10px; background:rgba(15,23,42,.58); color:#cbd5e1; cursor:pointer; text-align:left; }
        .linked-wallet-choice:hover { border-color:rgba(45,212,191,.35); background:rgba(13,148,136,.08); }
        .linked-wallet-choice span { display:flex; flex-direction:column; gap:3px; min-width:68px; }
        .linked-wallet-choice b { color:#5eead4; font-size:10px; }
        .linked-wallet-choice small { color:#718096; font-size:8px; }
        .linked-wallet-choice code { overflow:hidden; color:#a8b5c7; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
        .linked-wallet-choice>i { color:#64748b; }
        .wallet-buy-pin-status { display:flex!important; align-items:center; justify-content:space-between; gap:12px; min-height:52px!important; height:auto!important; margin-bottom:8px; padding:9px 12px!important; text-align:left; cursor:pointer; }
        .wallet-buy-pin-status>span { display:flex; align-items:center; gap:8px; color:#94a3b8; }
        .wallet-buy-pin-status>small { color:#64748b; font-size:9px; text-align:right; }
        .wallet-buy-pin-status.is-pinned { border-color:rgba(52,211,153,.38)!important; background:rgba(16,185,129,.11)!important; }
        .wallet-buy-pin-status.is-pinned>span { color:#6ee7b7; }
        .wallet-buy-pin-help { display:flex; align-items:flex-start; gap:7px; margin:-1px 0 10px; padding:8px 10px; border:1px solid rgba(56,189,248,.16); border-radius:9px; background:rgba(14,165,233,.06); color:#8292a7; font-size:9px; line-height:1.45; }
        .wallet-buy-pin-help i { margin-top:2px; color:#38bdf8; }
        .wallet-buy-pin-help b { color:#bae6fd; }
        @media(max-width:1000px){
            .fast-flow-detail-tabs.coin-history-primary-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
        }
        @media(max-width:700px){
            .fast-flow-detail-tabs.coin-history-primary-tabs { padding-inline:9px; }
            .fast-flow-detail-tabs.coin-history-primary-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
            .fast-flow-detail-tabs.coin-history-primary-tabs button { min-width:0; }
            .coin-history-modal .fast-flow-detail-body { padding:10px; }
            .coin-history-modal .fast-flow-detail-row { grid-template-columns:31px minmax(0,1fr);gap:9px;padding:10px; }
            .coin-history-modal .fast-flow-detail-node { width:30px;height:30px; }
            .wallet-buy-pin-status { align-items:flex-start; flex-direction:column; }
            .wallet-buy-pin-status>small { text-align:left; }
        }
.x-author-wallet-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    flex: 0 0 auto;
    border: 1px solid rgba(52, 211, 153, .34);
    border-radius: 999px;
    background: linear-gradient(145deg, rgba(16, 185, 129, .18), rgba(5, 150, 105, .08));
    color: #86efac;
    box-shadow: 0 0 12px rgba(16, 185, 129, .10);
    font-size: 9px;
    font-weight: 950;
    line-height: 1;
    cursor: pointer;
}
.x-author-wallet-badge:hover {
    border-color: rgba(110, 231, 183, .62);
    background: rgba(16, 185, 129, .24);
    color: #d1fae5;
}
.x-author-wallet-badge i { font-size: 9px; }
.x-author-wallet-badge span { font-size: 8px; }