:root {
            --bg: #0a0e17;
            --surface: rgba(14, 20, 34, 0.82);
            --surface-overlay: rgba(22, 30, 48, 0.65);
            --border: rgba(255, 255, 255, 0.07);
            --border-glow: rgba(229, 168, 75, 0.18);
            --text: #f8f6f1;
            --text-muted: #9ca8b8;
            --primary: #e5a84b;
            --primary-dark: #c4882e;
            --primary-glow: rgba(229, 168, 75, 0.42);
            --primary-on: #1a1408;
            --accent: #f4d58d;
            --success: #34d399;
            --danger: #fb7185;
            --warning: #fbbf24;
            --shadow: 0 24px 48px -18px rgba(0, 0, 0, 0.75);
            --leading-body: 1.65;
            --leading-relaxed: 1.72;
            --space-desc: 1.75rem;
            --space-section: 2rem;
        }

        [data-theme="light"] {
            --bg: #f6f7f9;
            --surface: rgba(255, 255, 255, 0.92);
            --surface-overlay: rgba(251, 252, 253, 0.95);
            --border: rgba(15, 23, 42, 0.08);
            --border-glow: rgba(196, 136, 46, 0.14);
            --text: #1f2430;
            --text-muted: #64748b;
            --primary: #c4882e;
            --primary-dark: #a36f22;
            --primary-glow: rgba(196, 136, 46, 0.22);
            --primary-on: #ffffff;
            --accent: #e5b85c;
            --success: #059669;
            --danger: #e11d48;
            --warning: #d97706;
            --shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.08);
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Plus Jakarta Sans', sans-serif;
            transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
        }

        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after { transition: none !important; animation: none !important; }
            .auth-reveal { opacity: 1 !important; transform: none !important; }
            .auth-hero-cta-glow::before { display: none; }
        }

        .skip-link {
            position: absolute; left: -9999px; top: 0; z-index: 9999;
            background: var(--primary); color: var(--primary-on); padding: 10px 16px; border-radius: 8px; font-weight: 700;
        }
        .skip-link:focus { left: 16px; top: 16px; }

        :focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }

        body {
            background-color: var(--bg);
            color: var(--text);
            min-height: 100vh;
            padding: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow-x: hidden;
        }
        body.auth-visible {
            padding: 0;
            align-items: stretch;
            justify-content: stretch;
        }
        body.auth-visible::before,
        body.auth-visible::after {
            display: none;
        }

        body::before, body::after {
            content: ""; position: absolute; width: 560px; height: 560px; border-radius: 50%;
            z-index: -1; filter: blur(72px); pointer-events: none;
        }
        body::before {
            top: -12%; left: -8%;
            background: radial-gradient(circle, var(--primary-glow) 0%, transparent 68%);
        }
        body::after {
            bottom: -14%; right: -10%;
            background: radial-gradient(circle, rgba(244, 213, 141, 0.18) 0%, transparent 70%);
        }

        .workspace {
            width: 100%; max-width: 1300px;
            display: grid; grid-template-columns: 80px 1fr; gap: 25px;
            z-index: 5;
            overflow: visible;
        }

        /* Sol Navigasyon Menüsü */
        .sidebar {
            background: var(--surface); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
            border: 1px solid var(--border); border-radius: 24px;
            display: flex; flex-direction: column; align-items: center; padding: 20px 0; gap: 12px; box-shadow: var(--shadow);
            min-height: 520px;
            height: fit-content;
            align-self: start;
            position: sticky;
            top: 16px;
            z-index: 20000;
            overflow: visible;
            isolation: isolate;
        }
        .sidebar-primary,
        .sidebar-advanced,
        .sidebar-footer {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            width: 100%;
        }
        .sidebar-footer {
            margin-top: auto;
            padding-top: 8px;
        }
        .sidebar-more-btn {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 4px;
            width: 48px;
            min-height: 48px;
            padding: 6px 4px;
            border-radius: 14px;
            border: 1px dashed var(--border);
            background: transparent;
            color: var(--text-muted);
            cursor: pointer;
            font: inherit;
        }
        .sidebar-more-btn:hover,
        .sidebar-more-btn[aria-expanded="true"] {
            border-color: rgba(229, 168, 75, 0.55);
            color: var(--primary);
            background: rgba(229, 168, 75, 0.08);
        }
        .sidebar-more-btn i { width: 18px; height: 18px; }
        .sidebar-more-btn__label {
            display: none;
            font-size: 0.58rem;
            font-weight: 700;
            letter-spacing: 0.02em;
            text-transform: uppercase;
            line-height: 1.1;
            text-align: center;
            max-width: 64px;
        }
        .sidebar-advanced {
            padding: 8px 0 4px;
            border-top: 1px solid var(--border);
        }
        .sidebar-advanced[hidden] { display: none !important; }
        .sidebar-advanced__note {
            margin: 0 8px 4px;
            padding: 0 4px;
            font-size: 0.58rem;
            line-height: 1.25;
            color: var(--text-muted);
            text-align: center;
            max-width: 72px;
        }
        .side-icon--advanced {
            opacity: 0.78;
        }

        .side-icon {
            width: 48px; height: 48px; border-radius: 14px;
            display: flex; align-items: center; justify-content: center;
            color: var(--text-muted); cursor: pointer; position: relative;
            z-index: 1;
        }
        .side-icon:hover,
        .side-icon:focus-visible {
            z-index: 2;
        }
        /* Floating tip (body portal) — ::after disabled to avoid z-index clipping */
        .side-icon[data-side-tip-label]::after {
            display: none !important;
        }
        .side-tip-float {
            position: fixed;
            z-index: 500000;
            transform: translateY(-50%);
            padding: 9px 14px;
            border-radius: 10px;
            background: var(--surface);
            border: 1px solid rgba(229, 168, 75, 0.45);
            box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
            color: var(--text);
            font-size: 0.8rem;
            font-weight: 700;
            white-space: nowrap;
            pointer-events: none;
            letter-spacing: 0.01em;
        }
        .side-tip-float[hidden] {
            display: none !important;
        }
        .side-icon:hover, .side-icon.active {
            background: var(--primary); color: var(--primary-on); box-shadow: 0 0 18px var(--primary-glow);
        }

        /* Sağ İçerik Alanı */
        .main-content { display: flex; flex-direction: column; gap: 25px; width: 100%; position: relative; z-index: 0; }

        nav {
            background: var(--surface); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
            border: 1px solid var(--border); padding: 18px 30px; border-radius: 24px;
            display: flex; justify-content: space-between; align-items: center; box-shadow: var(--shadow);
        }

        .brand {
            display: flex; align-items: center; gap: 12px; font-size: 1.45rem; font-weight: 800;
            letter-spacing: -0.03em; color: var(--text);
        }
        .brand-mark, .auth-brand-mark {
            width: 40px; height: 40px; border-radius: 12px;
            display: flex; align-items: center; justify-content: center; flex-shrink: 0;
            background: transparent; box-shadow: none;
        }
        .brand-mark .lucenri-logo--xs { width: 36px; height: 36px; }
        .brand-wordmark.lucenri-wordmark { -webkit-text-fill-color: transparent; }

        .balance-pill {
            background: var(--surface-overlay); border: 1px solid var(--border); padding: 6px 14px; border-radius: 10px;
            font-size: 0.85rem; font-weight: 700; display: flex; align-items: center; gap: 6px; color: var(--warning);
        }
        .balance-pill--has-tip {
            position: relative;
            cursor: help;
        }
        .credit-breakdown-tooltip {
            position: absolute;
            top: calc(100% + 10px);
            right: 0;
            z-index: 300010;
            min-width: 260px;
            max-width: min(320px, 92vw);
            padding: 14px 16px;
            border-radius: 14px;
            border: 1px solid var(--border);
            background: var(--surface-elevated, var(--surface-overlay));
            box-shadow: var(--shadow);
            color: var(--text);
            font-size: 0.78rem;
            font-weight: 500;
            line-height: 1.45;
            pointer-events: none;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-4px);
            transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
        }
        .balance-pill--has-tip:hover .credit-breakdown-tooltip,
        .balance-pill--has-tip:focus-within .credit-breakdown-tooltip {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        .credit-breakdown-tooltip__title {
            margin: 0 0 2px;
            font-size: 0.68rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--text-muted);
            font-weight: 700;
        }
        .credit-breakdown-tooltip__total {
            margin: 0 0 10px;
            font-size: 1.15rem;
            font-weight: 800;
            color: var(--warning);
        }
        .credit-breakdown-tooltip__divider {
            height: 1px;
            margin: 0 0 10px;
            background: var(--border);
        }
        .credit-breakdown-tooltip__list {
            list-style: none;
            margin: 0;
            padding: 0;
            display: grid;
            gap: 8px;
        }
        .credit-breakdown-tooltip__list li {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            gap: 12px;
        }
        .credit-breakdown-tooltip__list span {
            color: var(--text-muted);
            flex: 1;
            min-width: 0;
        }
        .credit-breakdown-tooltip__list strong {
            font-size: 0.82rem;
            font-weight: 800;
            color: var(--text);
            white-space: nowrap;
        }
        .credit-breakdown-card {
            margin: 0 0 22px;
            padding: 18px 20px;
            border-radius: 16px;
            border: 1px solid var(--border);
            background: linear-gradient(145deg, rgba(229, 168, 75, 0.07), rgba(148, 163, 184, 0.04));
        }
        .credit-breakdown-total {
            display: flex;
            flex-direction: column;
            gap: 4px;
            margin-bottom: 14px;
        }
        .credit-breakdown-label {
            font-size: 0.72rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--text-muted);
            font-weight: 700;
        }
        .credit-breakdown-total-value {
            font-size: clamp(1.6rem, 3vw, 2rem);
            line-height: 1.1;
            font-weight: 800;
            color: var(--warning);
        }
        .credit-breakdown-divider {
            height: 1px;
            margin: 14px 0;
            background: var(--border);
        }
        .credit-breakdown-rows {
            margin: 0;
            display: grid;
            gap: 10px;
        }
        .credit-breakdown-row {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            gap: 16px;
        }
        .credit-breakdown-row dt {
            margin: 0;
            font-size: 0.88rem;
            color: var(--text-muted);
            font-weight: 600;
            flex: 1;
            min-width: 0;
        }
        .credit-breakdown-row dd {
            margin: 0;
            font-size: 0.95rem;
            font-weight: 800;
            color: var(--text);
            white-space: nowrap;
        }
        .credit-breakdown-order-title {
            margin: 0 0 8px;
            font-size: 0.78rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--text-muted);
            font-weight: 700;
        }
        .credit-breakdown-order-list {
            margin: 0;
            padding-left: 1.15rem;
            display: grid;
            gap: 4px;
            font-size: 0.84rem;
            color: var(--text);
        }
        .credit-breakdown-info {
            margin-top: 14px;
            padding: 12px 14px;
            border-radius: 12px;
            border: 1px solid rgba(229, 168, 75, 0.18);
            background: rgba(229, 168, 75, 0.06);
        }
        .credit-breakdown-info p {
            margin: 0;
            font-size: 0.8rem;
            line-height: 1.55;
            color: var(--text-muted);
        }
        .credit-breakdown-info p + p {
            margin-top: 8px;
        }
        html[data-theme="light"] .credit-breakdown-card {
            background: linear-gradient(145deg, rgba(229, 168, 75, 0.1), rgba(255, 255, 255, 0.85));
        }
        html[data-theme="light"] .credit-breakdown-info {
            background: rgba(229, 168, 75, 0.08);
        }

        .btn-theme {
            background: var(--surface-overlay); border: 1px solid var(--border); color: var(--text);
            width: 42px; height: 42px; border-radius: 12px; cursor: pointer; display: flex; align-items: center; justify-content: center;
        }
        .lang-select {
            background: var(--surface-overlay); border: 1px solid var(--border); color: var(--text);
            padding: 8px 12px; border-radius: 12px; font-size: 0.9rem; font-weight: 600; cursor: pointer; outline: none;
            min-width: 9.5rem;
        }
        .lang-select-native {
            position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
            overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
        }
        .lang-picker { position: relative; display: inline-block; z-index: 20; }
        .lang-picker.open { z-index: 300020; }
        .lang-picker-btn {
            display: inline-flex; align-items: center; gap: 8px;
            background: var(--surface-overlay); border: 1px solid var(--border); color: var(--text);
            padding: 7px 12px; border-radius: 12px; font-size: 0.88rem; font-weight: 600;
            cursor: pointer; min-width: 9.5rem; justify-content: flex-start;
        }
        .lang-picker-btn:hover { border-color: var(--primary); }
        .lang-picker-flag {
            width: 20px; height: 15px; object-fit: cover; border-radius: 2px;
            box-shadow: 0 0 0 1px rgba(0,0,0,0.12); flex-shrink: 0;
        }
        .lang-picker-chevron { width: 14px; height: 14px; margin-left: auto; color: var(--text-muted); }
        .lang-picker-menu {
            display: none; position: absolute; top: calc(100% + 6px); left: 0; z-index: 1;
            min-width: 100%; max-height: 280px; overflow-y: auto;
            list-style: none; margin: 0; padding: 6px;
            background: var(--surface); border: 1px solid var(--border); border-radius: 12px;
            box-shadow: 0 12px 32px rgba(0,0,0,0.28);
        }
        [data-theme="light"] .lang-picker-menu { box-shadow: 0 10px 28px rgba(15,23,42,0.12); }
        .lang-picker.open .lang-picker-menu { display: block; }
        .lang-picker-loading .lang-picker-btn { opacity: 0.65; cursor: wait; }
        .lang-picker-option {
            display: flex; align-items: center; gap: 10px;
            padding: 9px 10px; border-radius: 8px; cursor: pointer;
            font-size: 0.88rem; font-weight: 600; color: var(--text);
        }
        .lang-picker-option:hover { background: rgba(229, 168, 75, 0.1); }
        .lang-picker-option[aria-selected="true"] { background: rgba(229, 168, 75, 0.16); color: var(--primary); }
        .settings-lang-row { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: 1px solid var(--border); }

        /* Sayfa Gösterim Kuralları */
        .app-page { display: none; flex-direction: column; gap: 28px; animation: pageIn 0.3s ease-out; }
        .app-page.active-page { display: flex; }

        .page-lead {
            color: var(--text-muted);
            font-size: 0.94rem;
            line-height: var(--leading-body);
            margin: 0 0 var(--space-desc);
            max-width: 68ch;
        }
        .text-desc {
            color: var(--text-muted);
            font-size: 0.88rem;
            line-height: var(--leading-relaxed);
        }
        .settings-desc {
            font-size: 0.86rem;
            color: var(--text-muted);
            line-height: var(--leading-body);
            margin-top: 6px;
        }

        @keyframes pageIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

        /* Kartlar */
        .glass-card {
            background: var(--surface); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
            border: 1px solid var(--border); border-radius: 24px;
            padding: 32px 34px 36px; box-shadow: var(--shadow);
        }
        .glass-card h2 { font-size: 1.25rem; font-weight: 700; margin-bottom: 22px; display: flex; align-items: center; gap: 10px; }
        .glass-card > p:last-child,
        .glass-card .page-lead:last-child { margin-bottom: 0; }

        .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; }
        .dash-stats-wrap { display: flex; flex-direction: column; gap: 14px; margin-bottom: 18px; }
        .dash-stats-wrap--idle .stat-card-hero { opacity: 0.72; }
        .dash-stats-wrap[hidden],
        .dash-analytics-section[hidden],
        .dash-analytics-section.is-deferred { display: none !important; }
        .dash-scan-compare {
            margin: -8px 0 14px;
            padding: 10px 14px;
            border-radius: 12px;
            border: 1px solid var(--border);
            background: var(--surface-overlay);
            font-size: 0.84rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .dash-scan-compare.is-up { border-color: rgba(16, 185, 129, 0.35); color: var(--success); background: rgba(16, 185, 129, 0.08); }
        .dash-scan-compare.is-down { border-color: rgba(244, 63, 94, 0.3); color: var(--danger); background: rgba(244, 63, 94, 0.07); }
        .dash-scan-compare.is-neutral { color: var(--text-muted); }
        .dash-onboarding {
            margin-bottom: 18px;
            padding: 22px 24px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 10px;
        }
        .dash-onboarding__icon {
            width: 48px; height: 48px; border-radius: 14px;
            display: flex; align-items: center; justify-content: center;
            background: rgba(229, 168, 75, 0.12); border: 1px solid rgba(229, 168, 75, 0.28);
            color: var(--primary);
        }
        .dash-onboarding__icon i { width: 22px; height: 22px; }
        .dash-onboarding__title { margin: 0; font-size: 1.05rem; font-weight: 800; }
        .dash-onboarding__body { margin: 0; max-width: 46ch; font-size: 0.88rem; line-height: 1.5; color: var(--text-muted); }
        .dash-onboarding__steps {
            margin: 6px 0 0; padding: 0; list-style: none;
            display: flex; flex-direction: column; gap: 6px; text-align: left; width: 100%; max-width: 420px;
        }
        .dash-onboarding__steps li {
            font-size: 0.82rem; padding: 8px 10px; border-radius: 10px;
            border: 1px solid var(--border); background: var(--surface-overlay);
        }
        .dash-onboarding__cta { margin-top: 6px; }
        .dash-onboarding__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
            margin-top: 6px;
        }
        .dash-onboarding__cta-secondary {
            min-height: 42px;
        }
        .scan-tabs-launch {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
        }
        .scan-tab--advanced[hidden],
        .scan-advanced-toggle[hidden] {
            display: none !important;
        }
        .scan-advanced-toggle {
            border: 1px dashed var(--border);
            background: transparent;
            color: var(--text-muted);
            border-radius: 999px;
            padding: 6px 12px;
            font-size: 0.75rem;
            font-weight: 700;
            cursor: pointer;
        }
        .scan-advanced-toggle:hover,
        .scan-advanced-toggle[aria-expanded="true"] {
            border-color: rgba(229, 168, 75, 0.55);
            color: var(--primary);
        }
        .cosmic-hero__launch-lead {
            margin: 0 0 8px;
            font-size: 0.92rem;
            font-weight: 700;
            letter-spacing: 0.01em;
            color: var(--primary);
        }
        .dash-next-actions { margin-bottom: 18px; padding: 18px 20px; }
        .dash-next-actions__title {
            margin: 0 0 12px; font-size: 0.92rem; font-weight: 800;
            display: flex; align-items: center; gap: 8px;
        }
        .dash-next-actions__title i { width: 18px; height: 18px; color: var(--primary); }
        .dash-next-actions__list { display: flex; flex-direction: column; gap: 8px; }
        .dash-next-action {
            display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center;
            padding: 12px 14px; border-radius: 12px; border: 1px solid var(--border); background: var(--surface-overlay);
        }
        .dash-next-action__icon {
            width: 34px; height: 34px; border-radius: 10px;
            display: flex; align-items: center; justify-content: center; flex-shrink: 0;
            background: rgba(148, 163, 184, 0.1); color: var(--text-muted);
        }
        .dash-next-action__icon i { width: 16px; height: 16px; }
        .dash-next-action__text { font-size: 0.84rem; line-height: 1.4; font-weight: 600; min-width: 0; }
        .dash-next-action__btn {
            background: none; border: none; color: var(--primary); font-weight: 800; font-size: 0.78rem;
            cursor: pointer; white-space: nowrap; padding: 6px 8px; border-radius: 8px;
        }
        .dash-next-action__btn:hover { background: rgba(229, 168, 75, 0.1); }
        .dash-trend-block { margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--border); }
        .dash-chart-subtitle, .dash-chart-heading {
            margin: 0 0 12px; font-size: 0.95rem; font-weight: 800;
            display: flex; align-items: center; gap: 8px;
        }
        .dash-trend-sub { margin: -6px 0 10px; font-size: 0.78rem; color: var(--text-muted); font-weight: 600; }
        .chart-hold--trend { height: 160px; min-height: 140px; }
        .dash-geo-empty, .dash-trend-empty {
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            gap: 8px; padding: 14px 10px; text-align: center;
        }
        .dash-geo-empty__icon {
            width: 40px; height: 40px; border-radius: 12px;
            display: flex; align-items: center; justify-content: center;
            background: rgba(148, 163, 184, 0.08); border: 1px solid var(--border); color: var(--text-muted);
        }
        .dash-geo-empty__icon i { width: 18px; height: 18px; opacity: 0.72; }
        .dash-geo-empty__title { margin: 0; font-size: 0.88rem; font-weight: 800; color: var(--text); }
        .dash-geo-empty__body { margin: 0; max-width: 36ch; font-size: 0.8rem; line-height: 1.45; color: var(--text-muted); }
        .geo-container { min-height: 0; }
        .stat-card-hero {
            display: flex; align-items: center; gap: 12px; padding: 13px 16px; border-radius: 18px;
            border: 1px solid rgba(16, 185, 129, 0.22);
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(8, 12, 24, 0.35) 100%);
            box-shadow: var(--shadow); position: relative; overflow: hidden;
        }
        .stat-card-hero::before {
            content: ""; position: absolute; inset: 0;
            background: radial-gradient(ellipse at 12% 50%, rgba(16, 185, 129, 0.14), transparent 55%);
            pointer-events: none;
        }
        .stat-card-hero.is-empty .stat-hero-value { color: var(--text-muted); }
        .stat-card-hero[data-quality-tier="excellent"] { border-color: rgba(16, 185, 129, 0.35); }
        .stat-card-hero[data-quality-tier="good"] { border-color: rgba(52, 211, 153, 0.28); }
        .stat-card-hero[data-quality-tier="fair"] { border-color: rgba(229, 168, 75, 0.32); }
        .stat-card-hero[data-quality-tier="poor"] { border-color: rgba(244, 63, 94, 0.28); }
        .stat-hero-dot {
            width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0;
            background: var(--success); box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.15);
        }
        .stat-card-hero[data-quality-tier="fair"] .stat-hero-dot { background: var(--warning); box-shadow: 0 0 0 6px rgba(229, 168, 75, 0.15); }
        .stat-card-hero[data-quality-tier="poor"] .stat-hero-dot { background: var(--danger); box-shadow: 0 0 0 6px rgba(244, 63, 94, 0.15); }
        .stat-hero-content { position: relative; z-index: 1; min-width: 0; }
        .stat-hero-value-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
        .stat-hero-value { font-size: clamp(1.35rem, 4vw, 1.85rem); font-weight: 800; line-height: 1; color: var(--success); letter-spacing: -0.02em; }
        .stat-hero-label-wrap { display: flex; flex-direction: column; gap: 2px; }
        .stat-hero-label { font-size: 0.88rem; font-weight: 700; color: var(--text); }
        .stat-hero-quality { font-size: 0.75rem; font-weight: 700; color: var(--text-muted); }
        .stat-card-hero .quality-score-band { margin-top: 4px; }
        .stat-hero-sub { margin: 4px 0 0; font-size: 0.74rem; color: var(--text-muted); font-weight: 500; }
        .stats-grid-compact { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
        .stats-grid-compact .stat-card { padding: 14px 16px; border-radius: 16px; }
        .stats-grid-compact .stat-icon { width: 38px; height: 38px; border-radius: 10px; }
        .stats-grid-compact .stat-info .value { font-size: 1.2rem; }
        .stats-grid-compact .stat-info .label { font-size: 0.74rem; }
        .stat-card-total { opacity: 0.9; }
        .stat-card-total::after { background: var(--text-muted); opacity: 0.45; }
        .stat-card {
            background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 20px;
            display: flex; align-items: center; gap: 15px; box-shadow: var(--shadow); position: relative;
        }
        .stat-card::after { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--primary); }
        .stat-card.success::after { background: var(--success); }
        .stat-card.danger::after { background: var(--danger); }
        .stat-card.warning::after { background: var(--warning); }

        .stat-icon { width: 44px; height: 44px; border-radius: 12px; background: var(--surface-overlay); display: flex; align-items: center; justify-content: center; }
        .stat-card.success .stat-icon { color: var(--success); }
        .stat-card.danger .stat-icon { color: var(--danger); }
        .stat-card.primary .stat-icon { color: var(--primary); }
        .stat-card.warning .stat-icon { color: var(--warning); }
        .stat-info .value { font-size: 1.5rem; font-weight: 800; }
        .stat-info .label { font-size: 0.8rem; color: var(--text-muted); font-weight: 500; }

        .stat-card-clickable {
            width: 100%; min-width: 0; text-align: left; font: inherit; color: inherit;
            background: var(--surface); appearance: none;
            cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
        }
        .stat-card-clickable:not(:disabled):not([aria-disabled="true"]):hover,
        .stat-card-clickable.is-active {
            transform: translateY(-2px);
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(229, 168, 75, 0.18);
            border-color: rgba(229, 168, 75, 0.35);
        }
        .stat-card-clickable.success:not(:disabled):not([aria-disabled="true"]):hover,
        .stat-card-clickable.success.is-active {
            box-shadow: 0 12px 32px rgba(16, 185, 129, 0.14), 0 0 0 1px rgba(16, 185, 129, 0.28);
            border-color: rgba(16, 185, 129, 0.35);
        }
        .stat-card-clickable.warning:not(:disabled):not([aria-disabled="true"]):hover,
        .stat-card-clickable.warning.is-active {
            box-shadow: 0 12px 32px rgba(229, 168, 75, 0.14), 0 0 0 1px rgba(229, 168, 75, 0.28);
            border-color: rgba(229, 168, 75, 0.35);
        }
        .stat-card-clickable.danger:not(:disabled):not([aria-disabled="true"]):hover,
        .stat-card-clickable.danger.is-active {
            box-shadow: 0 12px 32px rgba(244, 63, 94, 0.14), 0 0 0 1px rgba(244, 63, 94, 0.28);
            border-color: rgba(244, 63, 94, 0.35);
        }
        .stat-card-clickable[aria-disabled="true"] { cursor: default; opacity: 0.55; }
        .stat-card-expand {
            position: absolute; top: 10px; right: 10px;
            width: 22px; height: 22px;
            display: flex; align-items: center; justify-content: center;
            color: var(--text-muted); opacity: 0.32;
            transition: opacity 0.25s ease, color 0.25s ease, filter 0.25s ease;
            pointer-events: none;
        }
        .stat-card-expand svg { width: 16px; height: 16px; }
        .stat-card-clickable:not([aria-disabled="true"]):hover .stat-card-expand,
        .stat-card-clickable.is-active .stat-card-expand {
            opacity: 1; color: var(--accent);
            filter: drop-shadow(0 0 8px rgba(229, 168, 75, 0.75));
        }
        .stat-card-desc {
            margin: 4px 0 0; font-size: 0.7rem; color: var(--text-muted); font-weight: 500; line-height: 1.35;
        }

        .dash-reveal-exit {
            /* Disabled — fade-out left stat cards at opacity:0 when reveal was interrupted. */
            animation: none !important;
            opacity: 1 !important;
            transform: none !important;
        }
        .dash-reveal-play {
            animation: dashRevealUp 0.45s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            animation-delay: var(--dash-reveal-delay, 0ms);
        }
        @keyframes dashRevealUp {
            from { opacity: 0; transform: translateY(18px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes dashFadeOut {
            from { opacity: 1; transform: translateY(0); }
            to { opacity: 0; transform: translateY(-10px); }
        }
        @media (prefers-reduced-motion: reduce) {
            .dash-reveal-play, .dash-reveal-exit {
                animation: none !important;
                opacity: 1 !important;
                transform: none !important;
            }
        }
        .dash-stats-wrap .stat-card-hero,
        .dash-stats-wrap .stat-card {
            opacity: 1;
        }
        #page-dash.active-page .dash-stats-wrap .stat-card-hero,
        #page-dash.active-page .dash-stats-wrap .stat-card,
        #page-dash.active-page #resultsScrollCue,
        #page-dash.active-page #verifyDepthPanel,
        #page-dash.active-page #resultsHero {
            opacity: 1 !important;
            transform: none !important;
            visibility: visible !important;
        }

        .results-drawer {
            position: fixed; inset: 0; z-index: 15000;
            display: flex; align-items: center; justify-content: center;
            padding: 24px 16px;
        }
        .results-drawer.hidden { display: none; }
        .results-drawer-backdrop {
            position: absolute; inset: 0; background: rgba(6, 8, 14, 0.55); backdrop-filter: blur(4px);
        }
        .results-drawer-panel {
            position: relative; z-index: 1;
            width: min(560px, 100%); max-height: min(82vh, 720px);
            background: var(--surface); border: 1px solid var(--border);
            border-radius: 20px;
            box-shadow: 0 24px 64px rgba(0, 0, 0, 0.38);
            display: flex; flex-direction: column; overflow: hidden;
            animation: drawerModalIn 0.28s ease;
        }
        @keyframes drawerModalIn {
            from { transform: translateY(16px) scale(0.96); opacity: 0; }
            to { transform: translateY(0) scale(1); opacity: 1; }
        }
        .results-drawer-header {
            display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
            padding: 22px 20px 16px; border-bottom: 1px solid var(--border);
        }
        .results-drawer-header h3 { margin: 0; font-size: 1.1rem; font-weight: 800; }
        .results-drawer-count { margin: 6px 0 0; font-size: 0.82rem; color: var(--text-muted); }
        .results-drawer-close {
            width: 36px; height: 36px; border-radius: 10px; border: 1px solid var(--border);
            background: var(--surface-overlay); color: var(--text-muted); cursor: pointer;
            display: flex; align-items: center; justify-content: center; flex-shrink: 0;
        }
        .results-drawer-close:hover { color: var(--text); border-color: rgba(229, 168, 75, 0.35); }
        .results-drawer-list {
            flex: 1; overflow-y: auto; padding: 12px 20px; display: flex; flex-direction: column; gap: 8px;
        }
        .results-drawer-email {
            padding: 10px 12px; border-radius: 10px; background: var(--surface-overlay);
            border: 1px solid var(--border); font-size: 0.88rem; font-weight: 600; word-break: break-all;
        }
        .results-drawer-detail-row {
            padding: 12px 14px; border-radius: 12px; background: var(--surface-overlay);
            border: 1px solid var(--border);
        }
        .results-drawer-detail-row__email {
            font-size: 0.9rem; font-weight: 700; word-break: break-all; margin-bottom: 8px;
        }
        .results-drawer-detail-row__meta {
            display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 6px;
        }
        .results-drawer-detail-row__typo {
            margin: 6px 0 0; font-size: 0.8rem; color: var(--warning); font-weight: 600;
        }
        .results-drawer-empty {
            text-align: center; color: var(--text-muted); font-size: 0.88rem; padding: 32px 12px;
        }
        .results-drawer-actions {
            display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px;
            padding: 16px 20px 20px;
            border-top: 1px solid var(--border); background: rgba(0, 0, 0, 0.08);
        }
        .btn-action, .btn-download, .btn-clear-results, .btn-settings, .btn-drawer-action {
            display: inline-flex; align-items: center; justify-content: center; gap: 8px;
        }
        .btn-action .crystal-loader, .btn-settings .crystal-loader { margin-right: 2px; }
        .btn-drawer-action {
            width: 100%; padding: 12px 10px; border-radius: 12px; border: 1px solid var(--border);
            background: var(--surface-overlay); color: var(--text); font-weight: 700; font-size: 0.82rem; cursor: pointer;
        }
        .btn-drawer-action:hover { border-color: rgba(229, 168, 75, 0.35); }
        .btn-drawer-action-primary {
            background: linear-gradient(135deg, rgba(229, 168, 75, 0.22), rgba(229, 168, 75, 0.08));
            border-color: rgba(229, 168, 75, 0.45); color: var(--primary);
        }
        .btn-drawer-action:disabled { opacity: 0.45; cursor: not-allowed; }

        .center-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 25px; }

        /* Sürükle Bırak Alanı */
        .drop-zone {
            border: 2px dashed var(--border); border-radius: 16px; padding: 32px 24px 28px; text-align: center;
            background: rgba(0,0,0,0.1);
            cursor: pointer; margin-bottom: 20px;
        }
        .drop-zone-icon { width: 40px; height: 40px; color: var(--primary); }
        .drop-zone.drag-over { border-color: var(--primary); background: var(--border-glow); }
        .drop-zone.scanning { opacity: 0.72; pointer-events: none; position: relative; }
        .drop-zone.scanning::after {
            content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
            background: radial-gradient(circle at center, rgba(229, 168, 75, 0.08), transparent 62%);
            animation: crystalAuraPulse 2.4s ease-in-out infinite;
        }
        .drop-zone p { font-size: 0.95rem; color: var(--text); margin-top: 12px; line-height: var(--leading-body); }
        .drop-zone-sub { display: block; font-size: 0.82rem; color: var(--text-muted); margin-top: 8px; line-height: var(--leading-relaxed); }
        .drop-zone-features {
            display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; margin: 20px auto 0;
            padding: 0; max-width: 440px; list-style: none; text-align: left;
        }
        .drop-zone-features li {
            display: flex; align-items: flex-start; gap: 8px; font-size: 0.8rem; color: var(--text-muted); font-weight: 600; line-height: 1.35;
        }
        .drop-zone-features li::before {
            content: "✓"; flex-shrink: 0; color: var(--success); font-weight: 800;
        }

        .scan-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 20px; background: var(--surface-overlay); padding: 6px; border-radius: 14px; }
        .scan-tabs-3 { grid-template-columns: repeat(3, 1fr); }
        .scan-tabs-4 { grid-template-columns: repeat(4, 1fr); }
        @media (max-width: 640px) { .scan-tabs-3, .scan-tabs-4 { grid-template-columns: 1fr 1fr; } }
        .scan-tab {
            border: none; background: transparent; color: var(--text-muted); padding: 10px 12px; border-radius: 10px;
            font-size: 0.85rem; font-weight: 600; cursor: pointer; transition: 0.2s;
        }
        .scan-tab.active { background: var(--primary); color: var(--primary-on); }
        .scan-panel { display: none; }
        .scan-panel.active { display: block; }
        .dash-file-input-native {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }
        .dash-scan-card { position: relative; }
        label.drop-zone { cursor: pointer; display: block; }
        .drop-zone-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px 16px;
            justify-content: center;
            margin-top: 12px;
        }
        .btn-link-sample {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 8px 12px;
            font-size: 0.82rem;
            font-weight: 600;
            color: var(--text-muted);
            background: transparent;
            border: 1px dashed var(--border);
            border-radius: 10px;
            cursor: pointer;
            transition: color 0.15s, border-color 0.15s, background 0.15s;
        }
        .btn-link-sample:hover {
            color: var(--text);
            border-color: var(--primary);
            background: rgba(229, 168, 75, 0.06);
        }
        .btn-link-sample--accent {
            border-style: solid;
            color: var(--primary);
            border-color: rgba(229, 168, 75, 0.45);
        }

        .local-dev-banner,
        .prod-site-warning {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 100000;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            flex-wrap: wrap;
            padding: 10px 14px;
            font-size: 0.82rem;
            text-align: center;
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
        }
        .local-dev-banner[hidden],
        .prod-site-warning[hidden] {
            display: none !important;
        }
        .local-dev-banner {
            background: linear-gradient(90deg, #065f46, #047857);
            color: #ecfdf5;
            border-bottom: 2px solid #34d399;
            z-index: 100001;
        }
        .local-dev-banner strong,
        .prod-site-warning strong {
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }
        .prod-site-warning {
            background: linear-gradient(90deg, #7f1d1d, #b91c1c);
            color: #fef2f2;
            border-bottom: 2px solid #f87171;
        }
        html[data-lucenri-local="1"] body {
            padding-top: 44px;
        }
        html[data-lucenri-local="1"] .local-dev-banner {
            display: flex;
        }
        html:not([data-lucenri-local="1"]) .prod-site-warning:not([hidden]) ~ * {
            /* prod warning only when shown */
        }
        body:has(.prod-site-warning:not([hidden])) {
            padding-top: 52px;
        }

        .inbox-intro { font-size: 0.9rem; color: var(--text-muted); line-height: var(--leading-body); margin-bottom: 14px; }
        .inbox-value-list { margin: 0 0 22px 18px; font-size: 0.86rem; color: var(--text-muted); line-height: var(--leading-relaxed); }
        .inbox-value-list li + li { margin-top: 6px; }
        .inbox-wizard-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 18px; }
        .inbox-wstep { display: flex; align-items: center; gap: 8px; font-size: 0.75rem; font-weight: 600; color: var(--text-muted); padding: 8px 10px; border-radius: 10px; background: var(--surface-overlay); border: 1px solid var(--border); }
        .inbox-wstep span:first-child { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--border); font-size: 0.72rem; flex-shrink: 0; }
        .inbox-wstep.active { border-color: var(--primary); color: var(--text); background: rgba(229, 168, 75, 0.08); }
        .inbox-wstep.active span:first-child { background: var(--primary); color: #fff; }
        .inbox-wstep.done { border-color: var(--success); }
        .inbox-wstep.done span:first-child { background: var(--success); color: #fff; }
        .inbox-label { display: block; font-size: 0.82rem; font-weight: 700; margin-bottom: 6px; }
        .inbox-hint { font-size: 0.82rem; color: var(--text-muted); margin: 10px 0 18px; line-height: var(--leading-relaxed); }
        .inbox-form-block { margin-bottom: 16px; }
        .inbox-seeds-box { margin-top: 8px; padding-top: 16px; border-top: 1px solid var(--border); }
        .inbox-test-meta { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 12px; font-size: 0.84rem; }
        .inbox-meta-label { color: var(--text-muted); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.03em; margin-right: 4px; }
        .inbox-seeds-actions { margin-bottom: 12px; }
        .inbox-send-instructions { font-size: 0.84rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 12px; padding: 12px; border-radius: 12px; background: rgba(229, 168, 75, 0.06); border: 1px solid var(--border); }
        .inbox-seeds-list { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; max-height: 220px; overflow-y: auto; }
        .inbox-seed-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 12px; border-radius: 10px; background: var(--surface-overlay); border: 1px solid var(--border); font-size: 0.82rem; }
        .inbox-seed-row code { font-size: 0.78rem; word-break: break-all; }
        .inbox-seed-provider { font-size: 0.72rem; font-weight: 700; color: var(--primary); white-space: nowrap; }
        .inbox-seed-copy { background: none; border: none; color: var(--text-muted); cursor: pointer; padding: 4px; border-radius: 6px; flex-shrink: 0; }
        .inbox-seed-copy:hover { color: var(--primary); background: rgba(229, 168, 75, 0.1); }
        .inbox-confirm-send { margin: 12px 0; }
        .inbox-check-btn { width: 100%; margin-top: 4px; }
        .inbox-check-btn:disabled { opacity: 0.45; cursor: not-allowed; }
        .inbox-results-box { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border); }
        .inbox-score-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
        .inbox-score-card { text-align: center; padding: 16px; border-radius: 14px; background: var(--surface-overlay); border: 1px solid var(--border); }
        .inbox-score-card.primary { border-color: rgba(16, 185, 129, 0.35); background: rgba(16, 185, 129, 0.06); }
        .inbox-score-label { font-size: 0.78rem; color: var(--text-muted); font-weight: 600; margin-bottom: 4px; }
        .inbox-score-value { font-size: 2rem; font-weight: 800; color: var(--success); }
        .inbox-score-value.accent { color: var(--primary); font-size: 1.6rem; }
        .inbox-placement-summary { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
        .inbox-pill-count { font-size: 0.78rem; font-weight: 700; padding: 4px 10px; border-radius: 999px; }
        .inbox-pill-count.inbox { background: rgba(16, 185, 129, 0.15); color: var(--success); }
        .inbox-pill-count.promotions { background: rgba(229, 168, 75, 0.15); color: var(--primary); }
        .inbox-pill-count.spam { background: rgba(244, 63, 94, 0.15); color: var(--danger); }
        .inbox-pill-count.missing { background: rgba(148, 163, 184, 0.2); color: var(--text-muted); }
        .inbox-results-list { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
        .inbox-result-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 10px; background: var(--surface-overlay); border: 1px solid var(--border); font-size: 0.82rem; }
        .placement-pill { font-size: 0.72rem; font-weight: 800; padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
        .placement-pill.inbox { background: rgba(16, 185, 129, 0.15); color: var(--success); }
        .placement-pill.promotions { background: rgba(229, 168, 75, 0.15); color: var(--primary); }
        .placement-pill.spam { background: rgba(244, 63, 94, 0.15); color: var(--danger); }
        .placement-pill.missing { background: rgba(148, 163, 184, 0.2); color: var(--text-muted); }
        .inbox-results-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
        .inbox-demo-note { font-size: 0.75rem; color: var(--text-muted); font-style: italic; line-height: 1.45; }

        .inbox-page { display: flex; flex-direction: column; gap: 18px; max-width: 960px; }
        .inbox-page-hero { padding: 22px 24px; }
        .inbox-page-hero h2 { display: flex; align-items: center; gap: 10px; font-size: 1.45rem; margin: 0 0 8px; }
        .inbox-demo-banner {
            display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; margin-bottom: 16px;
            border-radius: 12px; font-size: 0.84rem; line-height: 1.5;
            background: rgba(229, 168, 75, 0.1); border: 1px solid rgba(229, 168, 75, 0.35); color: var(--text);
        }
        .inbox-demo-banner i { flex-shrink: 0; margin-top: 2px; color: var(--primary); }
        .inbox-live-banner {
            background: rgba(52, 211, 153, 0.1);
            border-color: rgba(52, 211, 153, 0.35);
        }
        .inbox-live-banner i { color: #34d399; }
        .inbox-flow-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 18px; }
        .inbox-flow-step {
            display: flex; gap: 12px; padding: 14px; border-radius: 14px;
            background: var(--surface-overlay); border: 1px solid var(--border); transition: border-color 0.2s, background 0.2s;
        }
        .inbox-flow-step__num {
            width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0;
            display: flex; align-items: center; justify-content: center;
            font-size: 0.8rem; font-weight: 800; background: var(--border); color: var(--text-muted);
        }
        .inbox-flow-step strong { display: block; font-size: 0.88rem; margin-bottom: 4px; }
        .inbox-flow-step p { margin: 0; font-size: 0.8rem; color: var(--text-muted); line-height: 1.45; }
        .inbox-flow-step.is-active { border-color: var(--primary); background: rgba(229, 168, 75, 0.08); }
        .inbox-flow-step.is-active .inbox-flow-step__num { background: var(--primary); color: #fff; }
        .inbox-flow-step.is-done { border-color: rgba(16, 185, 129, 0.4); }
        .inbox-flow-step.is-done .inbox-flow-step__num { background: var(--success); color: #fff; }
        .inbox-page-section { padding: 22px 24px; }
        .inbox-results-section__title { display: flex; align-items: center; gap: 8px; font-size: 1.05rem; margin: 0 0 10px; }
        .inbox-results-empty { font-size: 0.88rem; color: var(--text-muted); line-height: 1.55; margin: 0; padding: 20px; text-align: center; border-radius: 14px; background: var(--surface-overlay); border: 1px dashed var(--border); }
        .inbox-placement-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 16px; }
        .inbox-placement-card {
            display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
            padding: 18px 12px; border-radius: 16px; text-align: center;
            background: var(--surface-overlay); border: 1px solid var(--border);
        }
        .inbox-placement-card__icon { font-size: 1.6rem; line-height: 1; }
        .inbox-placement-card__label { font-size: 0.75rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.04em; }
        .inbox-placement-card__value { font-size: 2.2rem; font-weight: 800; line-height: 1; }
        .inbox-placement-card--inbox { border-color: rgba(16, 185, 129, 0.35); background: rgba(16, 185, 129, 0.07); }
        .inbox-placement-card--inbox .inbox-placement-card__value { color: var(--success); }
        .inbox-placement-card--promo { border-color: rgba(229, 168, 75, 0.35); background: rgba(229, 168, 75, 0.07); }
        .inbox-placement-card--promo .inbox-placement-card__value { color: var(--primary); }
        .inbox-placement-card--spam { border-color: rgba(244, 63, 94, 0.35); background: rgba(244, 63, 94, 0.07); }
        .inbox-placement-card--spam .inbox-placement-card__value { color: var(--danger); }
        .inbox-placement-card--missing .inbox-placement-card__value { color: var(--text-muted); }
        .inbox-deliverability-hero {
            text-align: center; padding: 22px; margin-bottom: 16px; border-radius: 18px;
            background: linear-gradient(135deg, rgba(229, 168, 75, 0.12) 0%, rgba(16, 185, 129, 0.08) 100%);
            border: 1px solid rgba(229, 168, 75, 0.3);
        }
        .inbox-deliverability-hero__label { font-size: 0.82rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px; }
        .inbox-deliverability-hero__value { font-size: 3rem; font-weight: 900; color: var(--primary); line-height: 1; }
        .inbox-deliverability-hero__suffix { font-size: 1.4rem; font-weight: 700; color: var(--text-muted); margin-left: 2px; }
        .inbox-deliverability-hero__sub { margin-top: 8px; font-size: 0.88rem; color: var(--text-muted); }
        .inbox-auth-alerts { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
        .inbox-auth-alerts.hidden { display: none; }
        .inbox-auth-alert {
            display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 12px; font-size: 0.84rem; line-height: 1.45;
        }
        .inbox-auth-alert i { flex-shrink: 0; margin-top: 1px; }
        .inbox-auth-alert--error { background: rgba(244, 63, 94, 0.1); border: 1px solid rgba(244, 63, 94, 0.35); color: var(--danger); }
        .inbox-auth-alert--warning { background: rgba(229, 168, 75, 0.1); border: 1px solid rgba(229, 168, 75, 0.35); color: var(--primary); }
        .inbox-auth-alert--info { background: rgba(59, 130, 246, 0.08); border: 1px solid rgba(59, 130, 246, 0.25); color: var(--text-muted); }
        .inbox-placement-bars {
            display: flex; height: 10px; border-radius: 999px; overflow: hidden; margin-bottom: 18px;
            background: var(--surface-overlay); border: 1px solid var(--border);
        }
        .inbox-bar-segment { height: 100%; min-width: 4px; }
        .inbox-bar-segment--inbox { background: var(--success); }
        .inbox-bar-segment--promotions { background: var(--primary); }
        .inbox-bar-segment--spam { background: var(--danger); }
        .inbox-bar-segment--missing { background: var(--text-muted); }
        .inbox-detail-title { font-size: 0.92rem; font-weight: 700; margin: 0 0 10px; color: var(--text-muted); }
        .inbox-check-progress {
            display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 12px;
            padding: 12px; border-radius: 12px; font-size: 0.86rem; color: var(--text-muted);
            background: var(--surface-overlay); border: 1px solid var(--border);
        }
        .inbox-check-progress.hidden { display: none; }
        @media (max-width: 768px) {
            .inbox-flow-steps { grid-template-columns: 1fr; }
            .inbox-placement-grid { grid-template-columns: repeat(2, 1fr); }
            .inbox-wizard-steps { grid-template-columns: 1fr; }
        }

        .file-status {
            display: flex; align-items: center; gap: 10px; padding: 12px 16px; margin-bottom: 16px;
            background: var(--surface-overlay); border: 1px solid var(--border); border-radius: 12px;
            font-size: 0.85rem; color: var(--text-muted);
        }
        .file-status.hidden { display: none; }

        .domain-hint { font-size: 0.88rem; color: var(--text-muted); margin-bottom: 18px; line-height: var(--leading-body); }
        .domain-input {
            width: 100%; background: rgba(0,0,0,0.2); border: 1px solid var(--border); border-radius: 16px;
            padding: 16px 18px; color: var(--text); font-size: 1rem; outline: none; margin-bottom: 16px;
        }
        .domain-input:focus { border-color: var(--primary); }

        .btn-action {
            width: 100%;
            background: linear-gradient(92deg, var(--primary-dark) 0%, var(--primary) 48%, var(--accent) 100%);
            background-size: 200% auto;
            color: var(--primary-on); border: none; padding: 16px; border-radius: 16px;
            font-size: 1.05rem; font-weight: 700; cursor: pointer;
            display: flex; align-items: center; justify-content: center; gap: 10px;
            box-shadow: 0 10px 28px -8px var(--primary-glow);
        }
        .btn-action:hover { background-position: right center; transform: translateY(-1px); }

        .results-wrapper { margin-top: 0; display: none; }
        .results-hero {
            display: none;
            margin-bottom: 24px;
            padding: 22px 24px 24px;
            border-radius: 20px;
            border: 2px solid rgba(229, 168, 75, 0.45);
            background: linear-gradient(165deg, rgba(229, 168, 75, 0.12) 0%, var(--surface-overlay) 45%, var(--surface) 100%);
            box-shadow: 0 16px 48px rgba(229, 168, 75, 0.15), 0 0 0 1px rgba(229, 168, 75, 0.08);
            animation: resultsHeroIn 0.45s ease-out;
        }
        .results-hero.is-visible { display: block; }
        @keyframes resultsHeroIn {
            from { opacity: 0; transform: translateY(12px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .results-hero-header h2 {
            margin: 0 0 16px; font-size: 1.35rem; font-weight: 800;
            display: flex; align-items: center; gap: 10px; color: var(--text);
        }
        .results-hero-header i { width: 22px; height: 22px; color: var(--primary); }
        .results-hero .results-wrapper { display: block !important; }
        .results-container { max-height: none; overflow: visible; }
        .result-row {
            background: var(--surface); border: 2px solid rgba(229, 168, 75, 0.25);
            padding: 22px 24px; border-radius: 18px; margin-bottom: 0;
            box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
        }
        .result-row.is-highlight { animation: resultPulse 0.6s ease-out; }
        @keyframes resultPulse {
            0% { box-shadow: 0 0 0 0 rgba(229, 168, 75, 0.5); }
            70% { box-shadow: 0 0 0 12px rgba(229, 168, 75, 0); }
            100% { box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12); }
        }
        .result-row-email > span:first-child {
            font-size: 1.15rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.35;
        }
        .verify-depth-inline {
            font-size: 0.88rem; padding: 8px 14px; margin-top: 10px;
        }
        .verify-check { font-size: 0.78rem; padding: 5px 11px; }
        .email-meta-badge { font-size: 0.82rem; padding: 4px 10px; }
        .status-pill { padding: 8px 16px; font-size: 0.88rem; font-weight: 800; }
        .dash-view-results-btn {
            width: 100%; margin: 0 0 22px; padding: 14px 24px;
            display: flex; align-items: center; justify-content: center; gap: 10px;
            border: none; border-radius: 14px; cursor: pointer;
            font-size: 1rem; font-weight: 800; letter-spacing: 0.01em;
            background: linear-gradient(135deg, var(--lucenri-gold, #C4A574) 0%, #a88952 100%);
            color: #1a1206;
            box-shadow: 0 10px 28px rgba(196, 165, 116, 0.34);
            transition: transform 0.15s ease, box-shadow 0.15s ease;
            position: sticky;
            bottom: max(12px, env(safe-area-inset-bottom, 0px));
            z-index: 60;
        }
        .dash-view-results-btn:hover { transform: translateY(-1px); box-shadow: 0 12px 30px rgba(196, 165, 116, 0.38); }
        .dash-view-results-btn:active { transform: translateY(0); }
        .dash-view-results-btn.hidden { display: none; }
        .dash-view-results-btn [data-lucide] { width: 20px; height: 20px; }
        [data-theme="light"] .dash-view-results-btn { color: #1a1206; }
        [data-theme="light"] .stat-card-hero { background: linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(255, 255, 255, 0.9) 100%); }
        .results-guest-signup {
            margin-top: 20px; padding-top: 20px;
            border-top: 1px solid rgba(229, 168, 75, 0.2);
            display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center;
        }
        .results-guest-signup.hidden { display: none; }
        .results-guest-signup p { margin: 0; font-size: 0.92rem; font-weight: 600; color: var(--text-muted); max-width: 42ch; }
        .results-guest-signup .auth-top-auth-btn { padding: 12px 24px; font-size: 0.9rem; display: inline-flex; align-items: center; gap: 8px; }
        .btn-verify-prominent { font-size: 1rem; padding: 14px 24px; margin-top: 4px; }
        .chart-box-full { grid-column: 1 / -1; }
        .dash-layout { grid-template-columns: 1fr; }
        .app-screen-top {
            position: sticky; top: 0; z-index: 40;
            margin-bottom: 0;
        }
        .app-top-meta { display: flex; align-items: center; gap: 10px; flex: 1; justify-content: center; min-width: 0; }
        .app-top-meta .user-pill { display: none; }
        body.guest-mode #navBalanceWrap { display: none; }
        .app-screen-top .btn-logout { min-width: auto; border: none; }
        .auth-demo-scroll-hint {
            display: inline-flex; align-items: center; gap: 8px; margin-top: 12px;
            padding: 8px 14px; border-radius: 10px; cursor: pointer;
            border: 1px dashed rgba(229, 168, 75, 0.4); background: rgba(229, 168, 75, 0.08);
            color: var(--primary); font-size: 0.82rem; font-weight: 700;
            animation: scrollCueBounce 1.6s ease-in-out infinite;
        }
        .auth-demo-scroll-hint.hidden { display: none; }
        .auth-demo-scroll-hint i { width: 18px; height: 18px; }
        .auth-hero-cta { padding: 16px 32px; font-size: 1.05rem; border-radius: 14px; width: 100%; }
        .auth-hero-cta i { width: 20px; height: 20px; }
        @media (min-width: 900px) {
            .auth-hero-cta { padding: 18px 36px; font-size: 1.12rem; }
        }
        .result-row-main { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; width: 100%; }
        .result-row-status { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex-shrink: 0; max-width: min(100%, 220px); }
        .result-row-hint {
            margin: 0; font-size: 0.7rem; line-height: 1.45; font-weight: 500;
            color: var(--text-muted); text-align: right;
        }
        .result-row-hint::before {
            content: ''; display: inline-block; width: 7px; height: 7px;
            border-radius: 50%; margin-right: 6px; vertical-align: 0.05em;
        }
        .result-row-hint--valid { color: #34d399; }
        .result-row-hint--valid::before { background: #34d399; }
        .result-row-hint--invalid { color: #fb7185; }
        .result-row-hint--invalid::before { background: #fb7185; }
        .result-row-hint--risky { color: #fbbf24; }
        .result-row-hint--risky::before { background: #fbbf24; }
        .quality-score-wrap { text-align: center; margin-bottom: 15px; }
        .quality-score-head {
            display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
            gap: 10px 14px; margin-top: 4px;
        }
        .quality-score-value {
            font-size: 2.8rem; font-weight: 800;
            background: linear-gradient(to right, #e5a84b, #34d399);
            -webkit-background-clip: text; background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .quality-score-band {
            font-size: 0.82rem; font-weight: 800; letter-spacing: 0.02em;
            padding: 6px 12px; border-radius: 999px; border: 1px solid transparent;
        }
        .quality-score-band.hidden { display: none; }
        .quality-score-band--excellent { color: #34d399; background: rgba(16, 185, 129, 0.12); border-color: rgba(16, 185, 129, 0.28); }
        .quality-score-band--good { color: #e5a84b; background: rgba(229, 168, 75, 0.12); border-color: rgba(229, 168, 75, 0.28); }
        .quality-score-band--fair { color: #fbbf24; background: rgba(251, 191, 36, 0.12); border-color: rgba(251, 191, 36, 0.28); }
        .quality-score-band--poor { color: #fb7185; background: rgba(244, 63, 94, 0.12); border-color: rgba(244, 63, 94, 0.28); }
        .quality-score-legend {
            margin: 8px 0 0; font-size: 0.68rem; line-height: 1.5;
            color: var(--text-muted); font-weight: 500;
        }
        .verify-depth-badge {
            font-size: 0.68rem; font-weight: 700; padding: 3px 8px; border-radius: 999px;
            border: 1px solid var(--border); white-space: nowrap;
        }
        .verify-depth-badge.depth-smtp { color: var(--success); border-color: rgba(16, 185, 129, 0.25); background: rgba(16, 185, 129, 0.08); }
        .verify-depth-badge.depth-dnsOnly { color: var(--primary); border-color: rgba(99, 102, 241, 0.25); background: rgba(99, 102, 241, 0.08); }
        .verify-depth-badge.depth-catchAll { color: var(--warning); border-color: rgba(245, 158, 11, 0.25); background: rgba(245, 158, 11, 0.08); }
        .verify-depth-badge.depth-uncertain { color: #64748b; border-color: rgba(100, 116, 139, 0.25); background: rgba(100, 116, 139, 0.08); }
        .verify-depth-badge.depth-disposable { color: #f59e0b; border-color: rgba(245, 158, 11, 0.25); background: rgba(245, 158, 11, 0.08); }
        .verify-depth-badge.depth-role { color: #eab308; border-color: rgba(234, 179, 8, 0.25); background: rgba(234, 179, 8, 0.08); }
        .verify-depth-badge.depth-invalid { color: var(--danger); border-color: rgba(244, 63, 94, 0.25); background: rgba(244, 63, 94, 0.08); }
        .verify-depth-inline {
            display: flex; align-items: center; gap: 6px; margin-top: 6px;
            font-size: 0.78rem; font-weight: 700; padding: 6px 10px; border-radius: 10px;
            border: 1px solid var(--border); width: fit-content; max-width: 100%;
        }
        .verify-depth-inline i { width: 14px; height: 14px; flex-shrink: 0; }
        .verify-depth-inline.depth-smtp { color: var(--success); border-color: rgba(16, 185, 129, 0.3); background: rgba(16, 185, 129, 0.1); }
        .verify-depth-inline.depth-dnsOnly { color: var(--primary); border-color: rgba(99, 102, 241, 0.3); background: rgba(99, 102, 241, 0.1); }
        .verify-depth-inline.depth-catchAll { color: var(--warning); border-color: rgba(245, 158, 11, 0.3); background: rgba(245, 158, 11, 0.1); }
        .verify-depth-inline.depth-uncertain { color: #64748b; background: rgba(100, 116, 139, 0.1); }
        .verify-depth-inline.depth-disposable { color: #f59e0b; background: rgba(245, 158, 11, 0.1); }
        .verify-depth-inline.depth-role { color: #eab308; background: rgba(234, 179, 8, 0.1); }
        .verify-depth-inline.depth-invalid { color: var(--danger); background: rgba(244, 63, 94, 0.1); }
        .verify-depth-chip { font-weight: 700; border-color: rgba(99, 102, 241, 0.35) !important; }
        .result-row-message {
            display: flex; align-items: flex-start; gap: 10px; padding: 14px 16px; border-radius: 14px;
            border: 1px solid var(--border); background: var(--surface-overlay); font-size: 0.9rem; font-weight: 600;
        }
        .result-row-message i { width: 18px; height: 18px; flex-shrink: 0; margin-top: 1px; }
        .result-row-message.is-error { color: var(--danger); border-color: rgba(244, 63, 94, 0.25); background: rgba(244, 63, 94, 0.08); }
        .result-row-message.is-warning { color: var(--warning); border-color: rgba(245, 158, 11, 0.3); background: rgba(245, 158, 11, 0.1); }
        .result-row-message-body { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
        .guest-result-signup { font-size: 0.85rem; padding: 10px 16px; }
        .guest-quota-hint {
            font-size: 0.82rem; font-weight: 600; color: var(--text-muted);
            margin: -8px 0 12px; padding: 8px 12px; border-radius: 10px;
            background: rgba(99, 102, 241, 0.08); border: 1px solid rgba(99, 102, 241, 0.15);
        }
        .guest-quota-hint.is-exhausted {
            color: var(--warning); background: rgba(245, 158, 11, 0.1); border-color: rgba(245, 158, 11, 0.25);
        }
        .guest-quota-signup { margin: -4px 0 14px; }
        .guest-quota-signup .btn-action { font-size: 0.88rem; padding: 10px 18px; width: 100%; max-width: 320px; }
        .result-row-email { flex: 1; min-width: 0; word-break: break-all; }
        .verify-check-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
        .verify-check {
            display: inline-flex; align-items: center; gap: 4px;
            font-size: 0.68rem; font-weight: 600; padding: 3px 8px; border-radius: 999px;
            border: 1px solid var(--border);
        }
        .verify-check i { width: 11px; height: 11px; flex-shrink: 0; }
        .verify-check-pass { color: var(--success); border-color: rgba(16, 185, 129, 0.25); background: rgba(16, 185, 129, 0.08); }
        .verify-check-fail { color: var(--danger); border-color: rgba(244, 63, 94, 0.25); background: rgba(244, 63, 94, 0.08); }
        .verify-check-skip { color: var(--text-muted); background: rgba(148, 163, 184, 0.08); }

        .typo-badge { color: var(--warning); display: flex; align-items: center; gap: 4px; font-size: 0.85rem; font-weight: 600; margin-top: 4px; }
        .email-meta-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
        .email-meta-badge { font-size: 0.78rem; font-weight: 600; color: var(--text-muted, #64748b); background: rgba(100,116,139,0.12); padding: 2px 8px; border-radius: 999px; }
        .email-meta-free { color: var(--warning); background: rgba(245,158,11,0.12); }

        .verify-depth-panel {
            margin-bottom: 16px; padding: 14px 16px; border-radius: 14px;
            border: 1px solid var(--border); background: var(--surface-overlay);
        }
        .verify-depth-panel.hidden { display: none; }
        .verify-depth-header {
            display: flex; align-items: center; gap: 8px;
            font-size: 0.85rem; font-weight: 700; color: var(--text-muted);
            margin-bottom: 12px;
        }
        .verify-depth-header i { width: 16px; height: 16px; color: var(--primary); }
        .verify-depth-grid { display: flex; flex-direction: column; gap: 8px; }
        .verify-depth-row { display: flex; flex-direction: column; gap: 4px; }
        .verify-depth-label {
            display: flex; justify-content: space-between; gap: 8px;
            font-size: 0.75rem; font-weight: 600;
        }
        .verify-depth-count { color: var(--text-muted); font-variant-numeric: tabular-nums; }
        .verify-depth-bar {
            height: 6px; border-radius: 999px; background: rgba(148, 163, 184, 0.15); overflow: hidden;
        }
        .verify-depth-fill { height: 100%; border-radius: 999px; transition: width 0.35s ease; }
        .depth-smtp .verify-depth-fill { background: var(--success); }
        .depth-dns .verify-depth-fill { background: var(--primary); }
        .depth-catch .verify-depth-fill { background: var(--warning); }
        .depth-uncertain .verify-depth-fill { background: #94a3b8; }
        .depth-disposable .verify-depth-fill { background: #f59e0b; }
        .depth-role .verify-depth-fill { background: #eab308; }
        .depth-invalid .verify-depth-fill { background: var(--danger); }

        .status-pill { padding: 5px 12px; border-radius: 50px; font-size: 0.75rem; font-weight: 700; display: flex; align-items: center; gap: 5px; }
        .status-pill.valid, .status-pill.severity-success.status-valid { background: rgba(16, 185, 129, 0.12); color: var(--success); }
        .status-pill.invalid, .status-pill.severity-error { background: rgba(244, 63, 94, 0.12); color: var(--danger); }
        .status-pill.disposable, .status-pill.role, .status-pill.typo, .status-pill.catch_all, .status-pill.severity-warning { background: rgba(245, 158, 11, 0.12); color: var(--warning); }
        .status-pill.unknown, .status-pill.severity-info { background: rgba(148, 163, 184, 0.15); color: var(--text-muted); }
        .status-pill.checking { background: rgba(229, 168, 75, 0.12); color: var(--primary); }
        .status-pill.checking::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: currentColor; animation: bl-pulse 0.8s infinite; }

        .results-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 15px; align-items: stretch; }
        .results-retention-note,
        .results-retention-tip {
            flex: 1 1 100%;
            margin: 0;
            font-size: 0.82rem;
            line-height: 1.45;
            color: var(--text-muted);
        }
        .results-retention-tip {
            color: var(--primary);
            font-weight: 600;
        }
        .results-retention-tip.hidden { display: none !important; }
        .btn-download { background: transparent; border: 2px solid var(--success); color: var(--text); margin-top: 0; flex: 1; min-width: 200px; padding: 14px; border-radius: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; }
        .btn-clear-results { background: transparent; border: 2px solid var(--border); color: var(--text-muted); margin-top: 0; flex: 1; min-width: 160px; padding: 14px; border-radius: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; transition: border-color 0.2s, color 0.2s; }
        .btn-clear-results:hover { border-color: var(--danger); color: var(--danger); }

        .recent-batches-folder { margin-bottom: 14px; }
        .recent-batches-folder-toggle {
            width: 100%; display: flex; align-items: center; gap: 10px;
            padding: 11px 14px; border-radius: 14px;
            border: 1px solid var(--border); background: var(--surface-overlay);
            cursor: pointer; font: inherit; color: var(--text); font-weight: 600; font-size: 0.88rem;
            transition: border-color 0.2s, background 0.2s;
        }
        .recent-batches-folder-toggle:hover { border-color: rgba(16, 185, 129, 0.35); background: var(--surface); }
        .recent-batches-folder-title { color: #34d399; font-weight: 800; }
        .recent-batches-folder-count {
            margin-left: auto; font-size: 0.75rem; font-weight: 700; color: var(--text-muted);
            background: var(--surface); border: 1px solid var(--border); border-radius: 999px;
            padding: 2px 8px; min-width: 1.4rem; text-align: center;
        }
        .recent-batches-folder-chevron {
            width: 16px; height: 16px; color: var(--text-muted);
            transition: transform 0.25s ease;
        }
        .recent-batches-folder-toggle[aria-expanded="true"] .recent-batches-folder-chevron { transform: rotate(180deg); }
        .recent-batches-panel { padding: 10px 2px 4px; }
        .recent-batches-panel.hidden { display: none; }
        .recent-batches-hint { font-size: 0.8rem; color: var(--text-muted); line-height: var(--leading-body); margin: 0 0 8px; }
        .recent-batches-download-reminder {
            margin: 0 0 12px;
            font-size: 0.8rem;
            font-weight: 700;
            line-height: 1.4;
            color: var(--text);
        }
        .recent-batches-list { display: flex; flex-direction: column; gap: 10px; }
        .recent-batch-row {
            display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
            padding: 12px 14px; border-radius: 12px; background: var(--surface); border: 1px solid var(--border);
        }
        .recent-batch-meta { display: flex; flex-direction: column; gap: 4px; font-size: 0.82rem; color: var(--text-muted); }
        .recent-batch-meta strong { color: var(--text); font-size: 0.9rem; }
        .recent-batch-expiry { font-size: 0.78rem; font-style: italic; }

        .scan-error {
            background: rgba(244, 63, 94, 0.08); border: 1px solid rgba(244, 63, 94, 0.25);
            border-radius: 16px; padding: 20px; text-align: left;
        }
        .scan-error-title { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--danger); margin-bottom: 10px; font-size: 1rem; }
        .scan-error-detail { font-size: 0.9rem; color: var(--text); margin-bottom: 8px; line-height: 1.5; }
        .scan-error-hint { font-size: 0.85rem; color: var(--text-muted); line-height: 1.5; padding-top: 10px; border-top: 1px solid var(--border); }
        .scan-error-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 12px;
        }
        .scan-error-help-btn {
            min-height: 34px;
        }

        .chart-box { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
        .chart-hold { position: relative; width: 160px; height: 160px; margin-bottom: 15px; }
        .chart-box-compact .chart-hold { width: 128px; height: 128px; margin-bottom: 12px; }
        .chart-box-compact h2 { font-size: 1.05rem; margin-bottom: 14px; }
        .chart-box-compact .quality-score-wrap { transform: scale(0.92); transform-origin: center top; }
        .chart-box-compact .geo-distribution { margin-top: 18px; padding-top: 16px; }
        .dash-analytics-section { margin-top: 8px; }
        .dash-analytics-btn {
            width: 100%; max-width: 320px; margin-top: 18px;
            display: inline-flex; align-items: center; justify-content: center; gap: 8px;
        }
        .geo-row--typo .geo-info span:first-child { color: var(--danger); font-weight: 700; }
        .geo-row--typo .geo-bar-fill { background: linear-gradient(90deg, #f43f5e, #fb923c); }
        .geo-typo-badge {
            display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px;
            font-size: 0.68rem; font-weight: 700; letter-spacing: 0.02em;
            color: #fecdd3; background: rgba(244, 63, 94, 0.14); border: 1px solid rgba(244, 63, 94, 0.28);
            vertical-align: middle;
        }

        .geo-distribution { width: 100%; margin-top: 25px; border-top: 1px solid var(--border); padding-top: 20px; }
        .geo-title { font-size: 0.9rem; font-weight: 700; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; }
        .geo-row { margin-bottom: 10px; }
        .geo-info { display: flex; justify-content: space-between; font-size: 0.85rem; margin-bottom: 4px; }
        .geo-bar-bg { width: 100%; height: 6px; background: var(--surface-overlay); border-radius: 10px; overflow: hidden; }
        .geo-bar-fill { height: 100%; background: linear-gradient(90deg, var(--primary), var(--accent)); width: 0%; transition: width 0.6s ease; }

        /* Fiyatlandırma ve Kart Tasarımları */
        .pricing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 28px; }
        .price-card {
            background: var(--surface-overlay); border: 2px solid var(--border); border-radius: 20px;
            padding: 26px 22px 24px; text-align: center; cursor: pointer; position: relative;
            transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease;
            display: flex; flex-direction: column; align-items: center;
        }
        .price-card:hover { border-color: rgba(229, 168, 75, 0.45); transform: translateY(-1px); }
        .price-card.selected {
            border-color: var(--primary);
            box-shadow: 0 0 0 2px rgba(229, 168, 75, 0.22), 0 6px 20px rgba(229, 168, 75, 0.1);
            background: rgba(229, 168, 75, 0.05);
            transform: translateY(-1px);
        }
        .price-card.plan-just-selected {
            animation: planSelectPulse 0.6s ease-out;
        }
        @keyframes planSelectPulse {
            0% { box-shadow: 0 0 0 0 rgba(229, 168, 75, 0.35); transform: translateY(-1px) scale(1); }
            45% { box-shadow: 0 0 0 8px rgba(229, 168, 75, 0); transform: translateY(-2px) scale(1.01); }
            100% { box-shadow: 0 0 0 2px rgba(229, 168, 75, 0.22), 0 6px 20px rgba(229, 168, 75, 0.1); transform: translateY(-1px) scale(1); }
        }
        .price-card .plan-badge {
            display: none; position: absolute; top: 12px; right: 12px;
            background: var(--primary); color: var(--primary-on); font-size: 0.7rem; font-weight: 700;
            padding: 4px 10px; border-radius: 50px;
        }
        #billingPanelCheckout .price-card.selected .plan-badge { display: none !important; }
        #billingPanelCheckout .price-card[data-plan] {
            border-color: rgba(229, 168, 75, 0.42);
            box-shadow:
                0 0 0 1px rgba(229, 168, 75, 0.14),
                0 4px 20px rgba(229, 168, 75, 0.1);
            background: var(--surface-overlay);
        }
        #billingPanelCheckout .price-card[data-plan]:hover {
            border-color: rgba(229, 168, 75, 0.62);
            box-shadow:
                0 0 0 1px rgba(229, 168, 75, 0.22),
                0 6px 24px rgba(229, 168, 75, 0.14);
            transform: translateY(-2px);
        }
        #billingPanelCheckout .price-card[data-plan].selected {
            border-color: var(--success);
            box-shadow:
                0 0 0 2px rgba(16, 185, 129, 0.3),
                0 8px 26px rgba(16, 185, 129, 0.16);
            background: rgba(16, 185, 129, 0.07);
            transform: translateY(-2px);
        }
        #billingPanelCheckout .price-card[data-plan].selected h3 {
            color: var(--success);
        }
        #billingPanelCheckout .price-card[data-plan].plan-just-selected {
            animation: planSelectPulseGreen 0.6s ease-out;
        }
        #billingPanelCheckout .price-card.membership-checkout-blocked {
            opacity: 0.45;
            cursor: not-allowed;
            pointer-events: none;
            transform: none;
            box-shadow: none;
        }
        #billingPanelCheckout .price-card.membership-checkout-blocked:hover {
            border-color: var(--border);
            transform: none;
            box-shadow: none;
        }
        @keyframes planSelectPulseGreen {
            0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.42); transform: translateY(-2px) scale(1); }
            45% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); transform: translateY(-3px) scale(1.01); }
            100% {
                box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.3), 0 8px 26px rgba(16, 185, 129, 0.16);
                transform: translateY(-2px) scale(1);
            }
        }
        #billingPanelCheckout .price-card.selected::after {
            content: '✓';
            position: absolute;
            top: 11px;
            right: 11px;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: var(--success);
            color: #fff;
            font-size: 0.72rem;
            font-weight: 800;
            line-height: 22px;
            text-align: center;
            box-shadow: 0 2px 8px rgba(16, 185, 129, 0.35);
        }
        .price-card h3 { font-size: 1.1rem; color: var(--text-muted); }
        .price-card.selected h3 { color: var(--primary); }
        .price-card .cost { font-size: 2rem; font-weight: 800; color: var(--text); margin: 12px 0 14px; }
        .price-card .plan-desc {
            font-size: 0.86rem; color: var(--text-muted); line-height: var(--leading-relaxed);
            margin: 0; padding: 0 2px 6px; text-align: center; width: 100%;
        }
        .selected-plan-label {
            text-align: center; font-size: 0.9rem; color: var(--text-muted); margin-bottom: 24px;
            line-height: var(--leading-body); padding: 0 8px;
        }
        .billing-payment-section {
            scroll-margin-top: clamp(72px, 12vh, 110px);
            margin-top: 8px;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transform: translateY(16px);
            pointer-events: none;
            transition:
                max-height 0.5s cubic-bezier(0.22, 1, 0.36, 1),
                opacity 0.35s ease,
                transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .billing-payment-section.is-revealed {
            max-height: 1600px;
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }
        .billing-selection-banner {
            display: flex;
            align-items: flex-start;
            gap: 14px;
            margin: 0 0 18px;
            padding: 14px 16px;
            border-radius: 14px;
            border: 1px solid rgba(229, 168, 75, 0.28);
            background: rgba(229, 168, 75, 0.06);
            box-shadow: none;
        }
        .billing-selection-banner[hidden] { display: none !important; }
        .billing-order-summary {
            margin-bottom: 16px;
            padding: 14px 16px;
            border-radius: 12px;
            border: 1px solid rgba(16, 185, 129, 0.24);
            background: rgba(16, 185, 129, 0.05);
        }
        .billing-order-summary[hidden] { display: none !important; }
        .billing-order-summary__sr-title {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }
        .billing-order-summary__row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
        }
        .billing-order-summary__info {
            display: flex;
            flex-direction: column;
            gap: 2px;
            min-width: 0;
        }
        .billing-order-summary__name {
            font-size: 1rem;
            font-weight: 800;
            color: var(--text);
            line-height: var(--leading-body);
        }
        .billing-order-summary__credits {
            font-size: 0.84rem;
            color: var(--text-muted);
            line-height: var(--leading-body);
        }
        .billing-order-summary__total {
            flex-shrink: 0;
            font-size: 1.25rem;
            font-weight: 800;
            color: var(--success);
            letter-spacing: -0.02em;
            white-space: nowrap;
        }
        [data-theme="light"] .billing-order-summary {
            background: rgba(16, 185, 129, 0.04);
            border-color: rgba(5, 150, 105, 0.2);
        }
        .billing-selection-banner__icon {
            flex-shrink: 0;
            width: 36px; height: 36px;
            display: inline-flex; align-items: center; justify-content: center;
            border-radius: 50%;
            background: rgba(229, 168, 75, 0.2);
            color: var(--primary);
        }
        .billing-selection-banner__icon svg { width: 20px; height: 20px; }
        .billing-selection-banner__headline {
            margin: 0 0 4px;
            font-size: 0.95rem;
            font-weight: 700;
            color: var(--text);
            line-height: var(--leading-body);
        }
        .billing-selection-banner__summary {
            margin: 0;
            font-size: 0.88rem;
            color: var(--text-muted);
            line-height: var(--leading-relaxed);
        }
        [data-theme="light"] .billing-selection-banner {
            background: rgba(229, 168, 75, 0.08);
        }
        .selected-plan-label strong { color: var(--primary); }

        /* Kart Ödeme Formu */
        .credit-card-form { background: var(--surface-overlay); padding: 28px 26px 30px; border-radius: 20px; border: 1px solid var(--border); max-width: 540px; margin: 0 auto 8px; }
        .panel-desc { font-size: 0.86rem; color: var(--text-muted); line-height: var(--leading-body); margin-bottom: 14px; }
        .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 15px; }
        .input-style { width: 100%; background: rgba(0,0,0,0.3); border: 1px solid var(--border); border-radius: 10px; padding: 12px; color: var(--text); font-size: 0.95rem; outline: none; margin-top: 6px; }

        .api-field-group { background: var(--surface-overlay); padding: 15px; border-radius: 14px; border: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; margin-top: 15px; }
        .api-key-text { font-family: monospace; color: var(--accent); font-weight: 600; }
        .btn-mini { background: var(--primary); border: none; color: var(--primary-on); padding: 8px 14px; border-radius: 8px; cursor: pointer; font-size: 0.85rem; font-weight: 600; }
        .report-row-simple { display: flex; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid var(--border); font-size: 0.95rem; }

        .auth-screen {
            position: fixed; inset: 0; z-index: 100;
            display: flex; flex-direction: column;
            width: 100%;
            min-height: 100vh; min-height: 100dvh;
            height: 100dvh;
            overflow: hidden;
            background: #0b1020;
            isolation: isolate;
        }
        .auth-bg-fx {
            position: absolute; inset: 0; z-index: 0;
            overflow: hidden; pointer-events: none;
            transform: translate3d(0, 0, 0);
            contain: strict;
        }
        .auth-bg-gradient {
            position: absolute; inset: 0;
            background:
                radial-gradient(ellipse 70% 55% at 15% 20%, rgba(59, 130, 246, 0.14) 0%, transparent 55%),
                radial-gradient(ellipse 60% 45% at 85% 75%, rgba(37, 99, 235, 0.18) 0%, transparent 58%),
                radial-gradient(ellipse 90% 50% at 50% -10%, rgba(96, 165, 250, 0.08) 0%, transparent 50%),
                linear-gradient(168deg, #02040a 0%, #071428 32%, #0c1e3d 68%, #0a1830 100%);
        }
        .auth-bg-blue-glow {
            position: absolute; inset: 0; z-index: 1;
            background: radial-gradient(ellipse 50% 40% at 72% 28%, rgba(56, 189, 248, 0.12) 0%, transparent 65%);
            opacity: 0.8;
        }
        @keyframes authBluePulse {
            0%, 100% { opacity: 0.65; }
            50% { opacity: 1; }
        }
        .auth-bg-stream {
            position: absolute; inset: 0; z-index: 2; overflow: hidden;
        }
        .auth-bg-stream-line {
            position: absolute; left: -30%; top: var(--y, 50%);
            width: 160%; height: 1px;
            background: linear-gradient(90deg, transparent, rgba(96, 165, 250, 0.35), rgba(59, 130, 246, 0.08), transparent);
            animation: authStreamFlow var(--d, 16s) linear infinite;
            animation-delay: var(--del, 0s);
            opacity: 0.45;
        }
        @keyframes authStreamFlow {
            0% { transform: translateX(0); opacity: 0; }
            10% { opacity: 0.55; }
            90% { opacity: 0.35; }
            100% { transform: translateX(35%); opacity: 0; }
        }
        [data-theme="light"] .auth-bg-gradient {
            background:
                radial-gradient(ellipse 80% 50% at 50% -5%, rgba(196, 136, 46, 0.06) 0%, transparent 50%),
                linear-gradient(168deg, #fafbfc 0%, #f4f6f9 45%, #eef1f6 100%);
        }
        .auth-grid-overlay {
            position: absolute; inset: -48px; z-index: 1; pointer-events: none;
            opacity: 0.22;
            background-image:
                linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
            background-size: 56px 56px;
            -webkit-mask-image: radial-gradient(ellipse 85% 75% at 50% 45%, black 15%, transparent 78%);
            mask-image: radial-gradient(ellipse 85% 75% at 50% 45%, black 15%, transparent 78%);
        }
        .auth-grid-animate {
            animation: none;
        }
        @keyframes authGridDrift {
            0% { transform: translate(0, 0); }
            100% { transform: translate(56px, 56px); }
        }
        .auth-bg-particles {
            position: absolute; inset: 0; z-index: 2; overflow: hidden;
        }
        .auth-bg-dot {
            position: absolute;
            left: var(--x, 50%);
            top: var(--y, 50%);
            width: var(--sz, 2px);
            height: var(--sz, 2px);
            border-radius: 50%;
            background: rgba(96, 165, 250, 0.65);
            box-shadow: 0 0 8px rgba(59, 130, 246, 0.45);
            opacity: 0;
            animation: authDotFlow var(--d, 16s) linear infinite;
            animation-delay: var(--del, 0s);
        }
        [data-theme="light"] .auth-bg-dot {
            background: rgba(196, 136, 46, 0.45);
            box-shadow: none;
        }
        @keyframes authDotFlow {
            0% { opacity: 0; transform: translateY(0) scale(0.6); }
            8% { opacity: 0.7; }
            92% { opacity: 0.35; }
            100% { opacity: 0; transform: translateY(-120px) scale(1); }
        }
        .auth-bg-mails {
            position: absolute; inset: 0; z-index: 2; overflow: hidden;
        }
        .auth-bg-mail {
            position: absolute;
            left: var(--x, 50%);
            top: var(--y, 50%);
            color: rgba(255, 255, 255, 0.06);
            animation: authMailFloat var(--d, 22s) ease-in-out infinite;
            animation-delay: var(--del, 0s);
        }
        .auth-bg-mail svg {
            width: var(--sz, 18px);
            height: var(--sz, 18px);
            stroke-width: 1.5;
        }
        [data-theme="light"] .auth-bg-mail { color: rgba(15, 23, 42, 0.06); }
        @keyframes authMailFloat {
            0%, 100% { opacity: 0.35; transform: translate(0, 0) rotate(0deg); }
            50% { opacity: 0.65; transform: translate(12px, -18px) rotate(6deg); }
        }
        [data-theme="light"] .auth-screen { background: #eef2f8; }
        [data-theme="light"] .auth-grid-overlay {
            opacity: 0.35;
            background-image:
                linear-gradient(rgba(15, 23, 42, 0.06) 1px, transparent 1px),
                linear-gradient(90deg, rgba(15, 23, 42, 0.06) 1px, transparent 1px);
        }
        @media (prefers-reduced-motion: reduce) {
            .auth-grid-animate { animation: none; }
            .auth-bg-dot, .auth-bg-mail { animation: none; opacity: 0.35; }
        }
        .auth-reveal {
            opacity: 0; transform: translateY(22px);
            animation: authReveal 0.85s cubic-bezier(0.22, 1, 0.36, 1) forwards;
        }
        .auth-reveal-1 { animation-delay: 0.05s; }
        .auth-reveal-2 { animation-delay: 0.14s; }
        .auth-reveal-3 { animation-delay: 0.23s; }
        .auth-reveal-4 { animation-delay: 0.32s; }
        .auth-reveal-5 { animation-delay: 0.4s; }
        .auth-reveal-6 { animation-delay: 0.5s; }
        .auth-reveal-7 { animation-delay: 0.58s; }
        .auth-reveal-8 { animation-delay: 0.66s; }
        @keyframes authReveal {
            to { opacity: 1; transform: translateY(0); }
        }
        body.auth-landing-ready .auth-reveal { opacity: 1; transform: none; animation: none; }
        body.auth-visible:not(.landing-settled) .auth-reveal {
            opacity: 1 !important;
            transform: none !important;
            animation: none !important;
        }
        body.auth-visible:not(.landing-settled) .auth-grid-animate,
        body.auth-visible:not(.landing-settled) .auth-bg-blue-glow,
        body.auth-visible:not(.landing-settled) .auth-bg-stream-line,
        body.auth-visible:not(.landing-settled) .auth-bg-dot,
        body.auth-visible:not(.landing-settled) .auth-bg-mail,
        body.auth-visible:not(.landing-settled) .station-stream-line,
        body.auth-visible:not(.landing-settled) .station-glyph,
        body.auth-visible:not(.landing-settled) .station-dust,
        body.auth-visible:not(.landing-settled) .hero-orbit-ring-outer,
        body.auth-visible:not(.landing-settled) .hero-orbit-track,
        body.auth-visible:not(.landing-settled) .hero-orbit-ring-inner {
            animation-play-state: paused !important;
        }
        .auth-screen .auth-bg-stream-line,
        .auth-screen .auth-bg-dot,
        .auth-screen .auth-bg-mail,
        .auth-screen .station-stream-line,
        .auth-screen .station-glyph,
        .auth-screen .station-dust {
            animation: none !important;
        }
        .auth-screen-top {
            position: relative; z-index: 10; flex-shrink: 0;
            display: flex; align-items: center; justify-content: space-between; gap: 12px;
            min-height: 48px;
            padding: 8px clamp(16px, 3vw, 32px);
            border-bottom: none;
            background: rgba(11, 16, 32, 0.94);
            isolation: isolate;
            backface-visibility: hidden;
        }
        [data-theme="light"] .auth-screen-top {
            background: rgba(255, 255, 255, 0.94);
            border-bottom: 1px solid rgba(15, 23, 42, 0.08);
        }
        [data-theme="light"] .auth-top-nav {
            gap: clamp(5px, 0.72vw, 9px);
        }
        [data-theme="light"] .auth-top-nav-link {
            padding: 5px 16px;
        }
        .auth-top-logo--mark {
            display: inline-flex;
            align-items: center;
            flex-shrink: 0;
        }
        .auth-top-logo-mark {
            display: flex;
            align-items: center;
            line-height: 0;
        }
        .auth-top-nav {
            display: flex; align-items: center; justify-content: center;
            gap: clamp(4px, 0.6vw, 8px);
            flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none;
        }
        .auth-top-nav::-webkit-scrollbar { display: none; }
        .auth-top-nav-link {
            display: inline-flex; align-items: center; gap: 5px;
            padding: 5px 14px; border-radius: 999px;
            border: none; background: transparent;
            color: rgba(248, 250, 252, 0.78); font-size: 0.71rem; font-weight: 500;
            cursor: pointer; transition: color 0.18s ease; white-space: nowrap; flex-shrink: 0;
            text-shadow: none; letter-spacing: 0.04em;
        }
        [data-theme="light"] .auth-top-nav-link {
            color: rgba(30, 41, 59, 0.88);
            text-shadow: none;
        }
        [data-theme="light"] .auth-top-nav-link:hover {
            color: #0f172a;
            background: rgba(15, 23, 42, 0.06);
            border-color: rgba(15, 23, 42, 0.1);
        }
        .auth-top-nav-link i { width: 13px; height: 13px; color: var(--primary); opacity: 0.85; }
        .auth-top-nav-link:hover {
            color: rgba(248, 250, 252, 0.96); background: transparent;
            border-color: transparent;
        }
        .auth-screen-top-right {
            display: flex; align-items: center; justify-content: flex-end; gap: 10px;
            flex-shrink: 0;
        }
        .auth-theme-toggle {
            display: inline-flex; align-items: center; justify-content: center;
            width: 34px; height: 34px; border-radius: 10px; cursor: pointer; flex-shrink: 0;
            background: var(--surface-overlay); border: 1px solid var(--border); color: var(--text);
            transition: border-color 0.2s, color 0.2s;
        }
        .auth-theme-toggle:hover { border-color: var(--primary); color: var(--primary); }
        .auth-theme-toggle i { width: 17px; height: 17px; }
        .auth-screen-lang { flex-shrink: 0; }
        .auth-screen-lang .lang-select { padding: 6px 10px; font-size: 0.8rem; min-width: 7.5rem; }
        .auth-top-auth-group { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; }
        .auth-top-entry {
            display: flex; flex-direction: column; align-items: flex-end; gap: 4px;
            flex-shrink: 0;
        }
        .auth-top-signin-hint {
            margin: 0; font-size: 0.72rem; color: var(--text-muted);
            line-height: 1.35; text-align: right; white-space: nowrap;
        }
        .auth-top-signin-link {
            background: none; border: none; padding: 0; margin: 0 0 0 4px;
            color: var(--primary); font-weight: 700; font-size: inherit;
            font-family: inherit; cursor: pointer;
            text-decoration: underline; text-underline-offset: 2px;
        }
        .auth-top-signin-link:hover { color: var(--accent); }
        .auth-top-auth-btn {
            display: inline-flex; align-items: center; justify-content: center;
            padding: 7px 13px; border-radius: 10px;
            font-size: 0.78rem; font-weight: 700; cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s, background 0.2s, opacity 0.2s;
            white-space: nowrap;
            backface-visibility: hidden;
        }
        .auth-top-auth-btn-gold {
            border: 1px solid rgba(255, 236, 200, 0.3);
            background: linear-gradient(135deg, #f0c35a 0%, var(--primary) 50%, #c8872e 100%);
            color: #1a1206;
            box-shadow: 0 4px 14px rgba(229, 168, 75, 0.28);
        }
        .auth-top-auth-btn-gold:not(.is-active) {
            opacity: 0.92;
            box-shadow: 0 2px 10px rgba(229, 168, 75, 0.2);
        }
        .auth-top-auth-btn-gold.is-active {
            opacity: 1;
            box-shadow: 0 6px 18px rgba(229, 168, 75, 0.4);
        }
        .auth-top-auth-btn-gold:hover {
            transform: translateY(-1px);
            opacity: 1;
            box-shadow: 0 6px 18px rgba(229, 168, 75, 0.38);
        }
        .auth-top-auth-btn-outline {
            border: 1px solid var(--border);
            background: var(--surface-overlay);
            color: var(--text);
            box-shadow: none;
        }
        .auth-top-auth-btn-outline:hover {
            border-color: var(--primary);
            color: var(--primary);
            transform: translateY(-1px);
        }
        .auth-top-auth-btn-ghost {
            border: none;
            background: transparent;
            color: var(--text);
            box-shadow: none;
            padding: 7px 12px;
        }
        .auth-top-auth-btn-ghost:hover {
            color: var(--primary);
            background: rgba(229, 168, 75, 0.06);
            transform: none;
        }
        .auth-top-auth-btn-ghost.is-active {
            color: var(--primary);
            font-weight: 800;
        }
        .no-scrollbar {
            scrollbar-width: none;
            -ms-overflow-style: none;
        }
        .no-scrollbar::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0;
        }
        .guest-inline-signup {
            width: 100%;
            margin-top: 12px;
            padding: 14px 24px;
            font-size: 0.95rem;
            justify-content: center;
            gap: 8px;
        }
        .guest-inline-signup i { width: 18px; height: 18px; }
        body.guest-mode .guest-inline-signup { display: inline-flex !important; }
        .guest-verify-modal {
            position: fixed; inset: 0; z-index: 200;
            display: flex; align-items: center; justify-content: center;
            padding: 20px;
        }
        .guest-verify-modal.hidden { display: none; }
        .guest-verify-modal-backdrop {
            position: absolute; inset: 0;
            background: rgba(6, 9, 18, 0.72);
            backdrop-filter: blur(6px);
        }
        .guest-verify-modal-panel {
            position: relative; z-index: 1;
            width: min(100%, 480px);
            max-height: min(88vh, 640px);
            overflow: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
            border-radius: 20px;
            border: 2px solid rgba(229, 168, 75, 0.45);
            background: linear-gradient(165deg, rgba(229, 168, 75, 0.1) 0%, var(--surface) 55%);
            box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(229, 168, 75, 0.12);
            animation: resultsHeroIn 0.35s ease-out;
        }
        .guest-verify-modal-panel::-webkit-scrollbar { display: none; }
        .guest-verify-modal-header {
            display: flex; align-items: center; justify-content: space-between; gap: 12px;
            padding: 18px 20px 12px;
            border-bottom: 1px solid rgba(229, 168, 75, 0.15);
        }
        .guest-verify-modal-header h3 {
            margin: 0; font-size: 1.05rem; font-weight: 800;
            display: flex; align-items: center; gap: 8px;
        }
        .guest-verify-modal-header h3 i { width: 20px; height: 20px; color: var(--primary); }
        .guest-verify-modal-close {
            display: inline-flex; align-items: center; justify-content: center;
            width: 34px; height: 34px; border-radius: 10px; cursor: pointer;
            border: 1px solid var(--border); background: var(--surface-overlay); color: var(--text-muted);
        }
        .guest-verify-modal-close:hover { border-color: var(--primary); color: var(--primary); }
        .guest-verify-modal-close i { width: 18px; height: 18px; }
        .guest-verify-modal-body { padding: 16px 20px 20px; }
        .guest-verify-modal-body .result-row { margin-bottom: 0; }
        .guest-verify-modal-body .result-row-message { padding: 16px; border-radius: 14px; }
        .auth-hero-brand {
            display: inline-flex; align-items: center; gap: 14px;
            margin-bottom: 20px; text-align: left;
        }
        .auth-hero-brand-mark { flex-shrink: 0; }
        .auth-hero-brand-text { display: flex; flex-direction: column; gap: 2px; }
        .auth-hero-brand-name { font-size: 1.15rem; line-height: 1.1; font-weight: 600; }
        .auth-hero-brand-sub {
            font-size: 0.65rem; font-weight: 700; letter-spacing: 0.22em;
            text-transform: uppercase; color: var(--primary); opacity: 0.85;
        }
        .auth-layout {
            position: relative; z-index: 2;
            flex: 1; display: flex; flex-direction: column;
            width: 100%;
            min-height: 0; overflow-y: auto; overflow-x: hidden;
            padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
            -webkit-overflow-scrolling: touch;
            scroll-behavior: smooth;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }
        .auth-layout::-webkit-scrollbar { display: none; }
        .auth-form-modal {
            position: fixed; inset: 0; z-index: 200010;
            display: flex; align-items: center; justify-content: center;
            padding: 20px;
        }
        .auth-form-modal.hidden { display: none; }
        .auth-form-modal-backdrop {
            position: absolute; inset: 0;
            background: rgba(6, 9, 18, 0.82);
        }
        .auth-form-modal-dialog {
            position: relative; z-index: 1;
            width: min(100%, 480px);
            max-height: min(92vh, 720px);
            overflow: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }
        .auth-form-modal-dialog::-webkit-scrollbar { display: none; }
        .auth-form-modal-close {
            position: absolute; top: 12px; right: 12px; z-index: 2;
            display: inline-flex; align-items: center; justify-content: center;
            width: 36px; height: 36px; border-radius: 10px; cursor: pointer;
            border: 1px solid var(--border); background: var(--surface-overlay); color: var(--text-muted);
        }
        .auth-form-modal-close:hover { border-color: var(--primary); color: var(--primary); }
        .auth-form-modal-close i { width: 18px; height: 18px; }
        .auth-panel-modal { padding: 0; background: transparent; overflow: visible; }
        .auth-form-modal .auth-panel-inner {
            background: rgba(12, 17, 28, 0.94);
            backdrop-filter: none;
        }
        [data-theme="light"] .auth-form-modal .auth-panel-inner {
            background: rgba(255, 255, 255, 0.97);
        }
        .auth-panel-modal .auth-panel-inner { margin: 0; max-width: none; }
        .auth-legal-footer { margin-top: auto; }
        .auth-hero-panel {
            display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
            width: 100%;
            padding: 0 clamp(20px, 4vw, 44px) clamp(20px, 4vw, 44px);
            border-right: none;
            background: transparent;
            overflow-y: visible;
            min-height: 0;
            -webkit-overflow-scrolling: touch;
            position: relative;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }
        .auth-hero-panel::-webkit-scrollbar { display: none; }
        .auth-hero-center {
            width: 100%; max-width: 1120px;
            display: flex; flex-direction: column; align-items: stretch; text-align: left;
        }
        .hero-welcome { width: 100%; margin-bottom: 20px; }
        @media (min-width: 1100px) {
            .hero-welcome {
                display: grid;
                grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
                gap: clamp(24px, 3vw, 44px);
                align-items: center;
                min-height: calc(100dvh - 52px - 46px);
                max-height: calc(100dvh - 52px - 46px);
            }
            .hero-focus {
                min-height: auto;
                margin: 0;
                align-items: flex-start;
                text-align: left;
                max-width: none;
                padding-bottom: 0;
            }
            .hero-focus .auth-hero-slogan,
            .hero-focus .auth-hero-subline { text-align: left; }
            .hero-focus .auth-hero-subline { margin-left: 0; margin-right: 0; }
            .hero-focus .hero-stat-speed { justify-content: flex-start; }
            .hero-query-bar { max-width: 100%; }
            .hero-welcome-visual { padding-top: 1rem; }
        }
        .hero-focus {
            display: flex; flex-direction: column; align-items: center; text-align: center;
            justify-content: flex-start;
            width: 100%; max-width: 680px;
            min-height: auto;
            margin: 0 auto;
            padding: 0 0 clamp(8px, 1.5vh, 16px);
        }
        .hero-focus .auth-hero-slogan { text-align: center; }
        .hero-focus .hero-stat-speed { justify-content: center; }
        .hero-welcome-grid {
            display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
            gap: clamp(28px, 4vw, 56px); align-items: center;
        }
        .hero-welcome-grid-secondary {
            grid-template-columns: 1fr;
            justify-items: center;
            align-self: center;
            margin-top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }
        .hero-capsule {
            display: inline-flex; align-items: center; gap: 8px;
            padding: 6px 14px; margin-bottom: 6px;
            border-radius: 999px; font-size: 0.72rem; font-weight: 700;
            letter-spacing: 0.04em; text-transform: uppercase;
            color: var(--primary);
            border: 1px solid rgba(229, 168, 75, 0.28);
            background: rgba(229, 168, 75, 0.08);
            backdrop-filter: blur(8px);
        }
        .hero-capsule i { width: 14px; height: 14px; }
        [data-theme="light"] .hero-capsule {
            background: rgba(196, 136, 46, 0.08);
            border-color: rgba(196, 136, 46, 0.22);
        }
        .hero-benefit-list {
            list-style: none; margin: 0 0 16px; padding: 0;
            display: flex; flex-direction: column; gap: 10px;
        }
        .hero-benefit-list li {
            display: flex; align-items: center; gap: 10px;
            font-size: 0.92rem; font-weight: 600; color: var(--text);
        }
        .hero-benefit-list li i { width: 18px; height: 18px; color: var(--primary); flex-shrink: 0; }
        .hero-trust-strip { margin-top: 0; margin-bottom: 22px; }
        .hero-live-stats {
            display: flex; flex-direction: column; gap: 6px;
            margin: 0 0 18px;
        }
        .hero-stat-speed {
            display: inline-flex; align-items: center; gap: 8px;
            margin: 0 0 12px; font-size: 0.88rem; font-weight: 700;
            color: #93c5fd;
        }
        .hero-stat-speed i { width: 16px; height: 16px; color: #60a5fa; }
        .hero-stat-today {
            margin: 0;
            font-size: clamp(1.35rem, 3vw, 1.85rem);
            font-weight: 800; letter-spacing: -0.03em; line-height: 1.15;
            background: linear-gradient(100deg, #dbeafe 0%, #60a5fa 45%, #93c5fd 100%);
            -webkit-background-clip: text; background-clip: text;
            -webkit-text-fill-color: transparent; color: transparent;
        }
        [data-theme="light"] .hero-stat-today {
            background: linear-gradient(100deg, #1e3a8a 0%, #2563eb 55%, #1d4ed8 100%);
            -webkit-background-clip: text; background-clip: text;
        }
        .hero-query-bar {
            width: 100%; max-width: 620px;
        }
        .hero-query-bar-label {
            margin: 0 0 10px;
            font-size: 0.78rem; font-weight: 700;
            letter-spacing: 0.07em; text-transform: uppercase;
            color: #94a3b8; text-align: center;
        }
        .hero-query-bar-label.hero-query-bar-cta {
            display: flex; flex-direction: column; align-items: center; gap: 6px;
            margin: 0 0 12px;
            font-size: clamp(1.15rem, 2.4vw, 1.45rem);
            font-weight: 800;
            letter-spacing: -0.02em;
            text-transform: none;
            color: #f0c35a;
        }
        .hero-query-bar-arrow {
            width: 22px; height: 22px;
            color: #f0c35a;
            animation: heroArrowBounce 1.8s ease-in-out infinite;
        }
        @keyframes heroArrowBounce {
            0%, 100% { transform: translateY(0); opacity: 0.85; }
            50% { transform: translateY(5px); opacity: 1; }
        }
        [data-theme="light"] .hero-query-bar-label { color: #64748b; }
        [data-theme="light"] .hero-query-bar-label.hero-query-bar-cta { color: #c9921a; }
        [data-theme="light"] .hero-query-bar-arrow { color: #c9921a; }
        .hero-query-bar-row {
            display: flex; align-items: stretch; gap: 0;
            width: 100%;
            padding: 6px 6px 6px 4px;
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            background: rgba(15, 23, 42, 0.42);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            box-shadow: 0 10px 36px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.07);
        }
        [data-theme="light"] .hero-query-bar-row {
            background: rgba(255, 255, 255, 0.72);
            border-color: rgba(15, 23, 42, 0.1);
            box-shadow: 0 10px 32px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
        }
        .hero-query-input {
            flex: 1; min-width: 0; margin: 0 !important;
            padding: 18px 16px !important;
            min-height: 56px;
            font-size: 1.05rem !important;
            border: none !important;
            border-radius: 12px !important;
            background: transparent !important;
            box-shadow: none !important;
        }
        .hero-query-input:focus {
            outline: none;
            background: rgba(255, 255, 255, 0.03) !important;
        }
        .hero-query-action {
            position: relative; isolation: isolate;
            display: inline-flex; align-items: center; justify-content: center;
            flex-shrink: 0;
            min-height: 56px; padding: 18px 28px;
            border-radius: 12px; cursor: pointer;
            border: 1px solid rgba(255, 236, 200, 0.4);
            background: linear-gradient(135deg, #f0c35a 0%, var(--primary) 50%, #c8872e 100%);
            color: #1a1206; font-weight: 800; font-size: 1.05rem;
            transition: transform 0.2s ease, box-shadow 0.25s ease, filter 0.2s ease;
            box-shadow: 0 0 0 0 rgba(240, 195, 90, 0);
        }
        .hero-query-action::before {
            content: '';
            position: absolute; inset: -3px; z-index: -1;
            border-radius: 14px;
            background: radial-gradient(circle at 50% 50%, rgba(240, 195, 90, 0.55) 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.25s ease;
            pointer-events: none;
        }
        .hero-query-action:hover {
            transform: translateY(-1px);
            filter: brightness(1.05);
            box-shadow: 0 0 24px rgba(240, 195, 90, 0.45), 0 8px 24px rgba(229, 168, 75, 0.35);
        }
        .hero-query-action:hover::before { opacity: 1; }
        .hero-query-action:active { transform: translateY(0); }
        .hero-query-action:disabled { opacity: 0.65; cursor: wait; pointer-events: none; }
        .hero-query-bar-stat {
            justify-content: center;
            margin: 12px 0 0;
            font-size: 0.88rem;
            font-weight: 700;
            color: #93c5fd;
        }
        .hero-query-bar-stat i { width: 15px; height: 15px; color: #60a5fa; }
        @media (min-width: 1100px) {
            .hero-query-bar-label { text-align: left; }
            .hero-query-bar-stat { justify-content: flex-start; }
        }
        .hero-quick-results {
            width: 100%; margin-top: 14px;
            padding: 14px; border-radius: 16px;
            border: 1px solid rgba(96, 165, 250, 0.25);
            background: rgba(8, 16, 32, 0.65);
        }
        .hero-quick-results.hidden { display: none; }
        .hero-list-scan-btn { width: 100%; margin-top: 12px; }
        .hero-cta-stack {
            display: flex; flex-direction: column; gap: 10px; width: 100%;
        }
        .auth-hero-cta-outline {
            border: 1px solid rgba(255, 255, 255, 0.14);
            background: rgba(255, 255, 255, 0.04);
            color: var(--text);
            box-shadow: none;
        }
        .auth-hero-cta-outline:hover {
            border-color: rgba(229, 168, 75, 0.45);
            color: var(--primary);
            background: rgba(229, 168, 75, 0.08);
            transform: translateY(-2px);
        }
        [data-theme="light"] .auth-hero-cta-outline {
            border-color: rgba(15, 23, 42, 0.12);
            background: rgba(255, 255, 255, 0.75);
        }
        .hero-welcome-visual {
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            gap: 18px; width: 100%;
            padding-top: 3rem;
        }
        .hero-orbit-ring {
            position: relative; width: min(100%, 280px); aspect-ratio: 1;
            margin: 0 auto;
            pointer-events: auto;
        }
        .hero-orbit-ring.is-orbit-paused .hero-orbit-track,
        .hero-orbit-ring.is-orbit-paused .hero-orbit-ring-outer {
            animation-play-state: paused !important;
        }
        .hero-orbit-ring-outer,
        .hero-orbit-ring-inner {
            position: absolute; inset: 0; border-radius: 50%;
            border: 1px solid rgba(229, 168, 75, 0.12);
        }
        .hero-orbit-ring-inner {
            inset: 14%; border-color: rgba(52, 211, 153, 0.15);
            animation: heroOrbitPulse 4s ease-in-out infinite;
        }
        .hero-orbit-ring-outer {
            animation: heroOrbitSpin 32s linear infinite reverse;
            border-style: dashed;
        }
        .hero-orbit-core {
            position: absolute; inset: 34%;
            display: flex; align-items: center; justify-content: center;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(229, 168, 75, 0.18) 0%, rgba(6, 9, 18, 0.6) 70%);
            border: 1px solid rgba(229, 168, 75, 0.35);
            box-shadow: 0 0 40px rgba(229, 168, 75, 0.15);
            pointer-events: auto;
            cursor: pointer;
            z-index: 5;
        }
        .hero-orbit-core i { width: 28px; height: 28px; color: var(--primary); }
        .hero-orbit-track {
            position: absolute; inset: 8%;
            animation: heroOrbitSpin 18s linear infinite;
        }
        .hero-orbit-node {
            position: absolute; top: 50%; left: 50%;
            width: 34px; height: 34px; margin: -17px 0 0 -17px;
            display: flex; align-items: center; justify-content: center;
            border-radius: 10px;
            background: rgba(10, 14, 23, 0.82);
            border: 1px solid rgba(96, 165, 250, 0.25);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
            pointer-events: auto;
            cursor: pointer;
            z-index: 3;
        }
        .hero-orbit-node i { width: 16px; height: 16px; color: #60a5fa; }
        .hero-orbit-tooltip {
            position: absolute; left: 50%; bottom: calc(100% + 10px);
            transform: translateX(-50%) translateY(6px);
            width: max-content; max-width: 220px;
            padding: 10px 12px; border-radius: 12px;
            background: rgba(8, 16, 36, 0.96);
            border: 1px solid rgba(96, 165, 250, 0.35);
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
            font-size: 0.72rem; line-height: 1.45;
            color: var(--text-muted); text-align: left;
            opacity: 0; visibility: hidden; pointer-events: none;
            transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
            z-index: 20;
        }
        .hero-orbit-tooltip strong {
            display: block; margin-bottom: 4px;
            font-size: 0.76rem; color: #93c5fd;
        }
        .hero-orbit-node:hover .hero-orbit-tooltip,
        .hero-orbit-node:focus-visible .hero-orbit-tooltip,
        .hero-orbit-node.is-tip-open .hero-orbit-tooltip {
            opacity: 1; visibility: visible;
            transform: translateX(-50%) translateY(0);
        }
        .hero-orbit-node-1 .hero-orbit-tooltip,
        .hero-orbit-node-2 .hero-orbit-tooltip,
        .hero-orbit-node-6 .hero-orbit-tooltip {
            bottom: auto;
            top: calc(100% + 10px);
            transform: translateX(-50%) translateY(-6px);
        }
        .hero-orbit-node-1:hover .hero-orbit-tooltip,
        .hero-orbit-node-2:hover .hero-orbit-tooltip,
        .hero-orbit-node-6:hover .hero-orbit-tooltip,
        .hero-orbit-node-1:focus-visible .hero-orbit-tooltip,
        .hero-orbit-node-2:focus-visible .hero-orbit-tooltip,
        .hero-orbit-node-6:focus-visible .hero-orbit-tooltip,
        .hero-orbit-node-1.is-tip-open .hero-orbit-tooltip,
        .hero-orbit-node-2.is-tip-open .hero-orbit-tooltip,
        .hero-orbit-node-6.is-tip-open .hero-orbit-tooltip {
            transform: translateX(-50%) translateY(0);
        }
        .hero-orbit-ring { pointer-events: auto; }
        .hero-orbit-track { pointer-events: none; }
        .hero-orbit-node-1 { transform: rotate(0deg) translateY(-118px); }
        .hero-orbit-node-2 { transform: rotate(60deg) translateY(-118px); }
        .hero-orbit-node-3 { transform: rotate(120deg) translateY(-118px); }
        .hero-orbit-node-4 { transform: rotate(180deg) translateY(-118px); }
        .hero-orbit-node-5 { transform: rotate(240deg) translateY(-118px); }
        .hero-orbit-node-6 { transform: rotate(300deg) translateY(-118px); }
        @keyframes heroOrbitSpin { to { transform: rotate(360deg); } }
        @keyframes heroOrbitPulse {
            0%, 100% { opacity: 0.55; transform: scale(0.98); }
            50% { opacity: 1; transform: scale(1); }
        }
        .hero-scan-modal {
            position: fixed; inset: 0; z-index: 190;
            display: flex; align-items: center; justify-content: center;
            padding: 20px;
        }
        .hero-scan-modal.hidden { display: none; }
        .hero-scan-modal-backdrop {
            position: absolute; inset: 0;
            background: rgba(0, 0, 0, 0.72);
            backdrop-filter: blur(6px);
        }
        .hero-scan-modal-dialog {
            position: relative; z-index: 1;
            width: min(100%, 760px);
            max-height: min(92vh, 820px);
            overflow: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
            padding: 0;
            border-radius: 20px;
            border: 1px solid rgba(148, 163, 184, 0.14);
            background: rgba(8, 12, 22, 0.96);
            box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);
        }
        [data-theme="light"] .hero-scan-modal-dialog {
            background: rgba(255, 255, 255, 0.98);
            border-color: rgba(15, 23, 42, 0.1);
        }
        .hero-scan-modal-dialog::-webkit-scrollbar { display: none; }
        .hero-scan-modal-close {
            position: absolute; top: 14px; right: 14px; z-index: 2;
            display: inline-flex; align-items: center; justify-content: center;
            width: 34px; height: 34px; border-radius: 10px; cursor: pointer;
            border: 1px solid var(--border); background: var(--surface-overlay); color: var(--text-muted);
        }
        .hero-scan-modal-close i { width: 18px; height: 18px; }
        .hero-scan-modal-header {
            display: flex; flex-direction: column; align-items: center; text-align: center;
            padding: 24px 22px 18px;
            border-bottom: 1px solid rgba(148, 163, 184, 0.12);
            background: linear-gradient(180deg, rgba(15, 23, 42, 0.55) 0%, transparent 100%);
        }
        .hero-scan-modal-icon {
            display: inline-flex; align-items: center; justify-content: center;
            width: 48px; height: 48px; margin-bottom: 10px;
            border-radius: 999px;
            border: 1px solid rgba(244, 63, 94, 0.22);
            background: rgba(244, 63, 94, 0.08);
            color: #fb7185;
        }
        .hero-scan-modal-icon i { width: 22px; height: 22px; }
        .hero-scan-email {
            margin: 0; font-size: 1.05rem; font-weight: 800; letter-spacing: -0.02em;
            word-break: break-all; color: #f8fafc;
        }
        .hero-scan-modal-subtitle {
            margin: 6px 0 0; font-size: 0.78rem; color: #94a3b8;
        }
        .hero-scan-honesty-note {
            margin: 10px 0 0;
            padding: 10px 12px;
            border-radius: 12px;
            border: 1px solid rgba(245, 158, 11, 0.35);
            background: rgba(245, 158, 11, 0.1);
            color: #e2e8f0;
            font-size: 0.78rem;
            font-weight: 600;
            line-height: 1.45;
            text-align: left;
        }
        [data-theme="light"] .hero-scan-honesty-note {
            color: var(--text);
            border-color: rgba(217, 119, 6, 0.35);
            background: rgba(245, 158, 11, 0.12);
        }
        .hero-scan-modal.is-precheck .hero-scan-honesty-note {
            border-color: rgba(245, 158, 11, 0.5);
        }
        .hero-scan-grid {
            display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px; padding: 20px 22px;
            max-height: min(52vh, 420px); overflow-y: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }
        .hero-scan-grid::-webkit-scrollbar { display: none; }
        .hero-scan-cell {
            display: flex; flex-direction: column; justify-content: space-between;
            min-height: 72px; padding: 12px;
            border-radius: 12px;
            border: 1px solid rgba(148, 163, 184, 0.14);
            background: rgba(15, 23, 42, 0.45);
        }
        .hero-scan-cell.is-wide { grid-column: span 2; }
        .hero-scan-cell.is-positive {
            border-color: rgba(52, 211, 153, 0.35);
            background: rgba(16, 185, 129, 0.06);
        }
        .hero-scan-cell.is-negative {
            border-color: rgba(251, 113, 133, 0.35);
            background: rgba(244, 63, 94, 0.06);
        }
        .hero-scan-cell-label {
            font-size: 0.62rem; font-weight: 800; letter-spacing: 0.06em;
            text-transform: uppercase; color: #94a3b8;
        }
        .hero-scan-cell.is-positive .hero-scan-cell-label { color: #6ee7b7; }
        .hero-scan-cell.is-negative .hero-scan-cell-label { color: #fda4af; }
        .hero-scan-cell-value {
            margin-top: 6px; font-size: 0.86rem; font-weight: 700; color: #e2e8f0;
            word-break: break-word;
        }
        .hero-scan-cell.is-positive .hero-scan-cell-value { color: #a7f3d0; }
        .hero-scan-cell.is-negative .hero-scan-cell-value { color: #fecdd3; }
        .hero-scan-cell.is-unknown-value .hero-scan-cell-value {
            color: #64748b; font-style: italic; font-weight: 600;
        }
        .hero-scan-modal-footer {
            display: flex; flex-direction: column; align-items: center;
            padding: 18px 22px 22px;
            border-top: 1px solid rgba(148, 163, 184, 0.12);
            background: rgba(15, 23, 42, 0.35);
        }
        .hero-scan-gift-badge {
            margin: 0 0 12px; padding: 6px 14px;
            border-radius: 999px; font-size: 0.78rem; font-weight: 700;
            color: #f0c35a;
            border: 1px solid rgba(240, 195, 90, 0.28);
            background: rgba(240, 195, 90, 0.08);
        }
        .hero-scan-modal-actions {
            display: flex; flex-wrap: wrap; gap: 10px;
            width: 100%; justify-content: center;
        }
        .hero-scan-download-btn {
            display: inline-flex; align-items: center; justify-content: center; gap: 8px;
            flex: 1; min-width: 140px;
            padding: 12px 18px; border-radius: 12px;
            border: 1px solid rgba(148, 163, 184, 0.25);
            background: rgba(15, 23, 42, 0.55);
            color: #e2e8f0; font-size: 0.85rem; font-weight: 700;
            cursor: pointer; transition: border-color 0.2s, background 0.2s;
        }
        .hero-scan-download-btn:hover {
            border-color: rgba(96, 165, 250, 0.45);
            background: rgba(30, 41, 59, 0.75);
        }
        .hero-scan-download-btn i { width: 16px; height: 16px; }
        .hero-scan-modal-actions .hero-scan-register { flex: 1.2; min-width: 160px; width: auto; max-width: none; }
        .hero-scan-loading {
            grid-column: 1 / -1;
            display: flex; align-items: center; justify-content: center; gap: 10px;
            padding: 36px 16px; color: #94a3b8; font-size: 0.9rem;
        }
        .hero-scan-loading i { width: 20px; height: 20px; }
        .hero-scan-error {
            grid-column: 1 / -1; padding: 1rem 1.1rem; border-radius: 12px;
            background: rgba(239, 68, 68, 0.12); border: 1px solid rgba(239, 68, 68, 0.35);
            color: #fecdd3; font-size: 0.92rem; line-height: 1.45; text-align: center;
        }
        [data-theme="light"] .hero-scan-error { color: #b91c1c; background: rgba(239, 68, 68, 0.08); }
        .hero-scan-register { width: 100%; max-width: 100%; }
        @media (max-width: 720px) {
            .hero-scan-grid { grid-template-columns: 1fr; }
            .hero-scan-cell.is-wide { grid-column: span 1; }
        }
        @media (prefers-reduced-motion: reduce) {
            .hero-query-action::before { display: none; }
            .hero-orbit-track, .hero-orbit-node, .hero-orbit-ring-outer, .hero-orbit-ring-inner { animation: none; }
            .auth-proof-stat-animated, .auth-proof-stat-animated::before { animation: none; }
            .auth-standard-badge { animation: none; }
            .auth-flow-icon, .auth-flow-pulse, .auth-stack-arrow { animation: none; }
            .auth-lang-flag { animation: none; opacity: 1; transform: none; }
        }
        .auth-brand-hero { align-items: center; text-align: center; margin-bottom: 20px; }
        .auth-hero-slogan {
            margin: 0 0 8px; padding: 0;
            font-family: 'Syne', 'Plus Jakarta Sans', sans-serif;
            font-size: clamp(1.65rem, 3.2vw, 2.45rem);
            font-weight: 800; line-height: 1.14; letter-spacing: -0.035em;
            max-width: none;
            width: 100%;
            color: #f8fafc;
            background: none;
            -webkit-background-clip: unset; background-clip: unset;
            -webkit-text-fill-color: unset;
            animation: none;
        }
        .auth-hero-slogan-accent {
            color: #f0c35a;
            -webkit-text-fill-color: #f0c35a;
        }
        [data-theme="light"] .auth-hero-slogan { color: #0f172a; }
        [data-theme="light"] .auth-hero-slogan-accent { color: #b8731a; -webkit-text-fill-color: #b8731a; }
        .auth-hero-subline {
            max-width: 52ch; margin: 0 auto 10px;
            font-size: 0.95rem; line-height: 1.55; font-weight: 500;
            color: #cbd5e1;
        }
        [data-theme="light"] .auth-hero-subline { color: #475569; }
        .auth-hero-lead {
            margin: 0 0 20px; max-width: 42ch;
            font-size: 0.95rem; line-height: 1.55;
            color: var(--text-muted); font-weight: 500;
        }
        .auth-hero-headline-block {
            width: fit-content;
            max-width: 100%;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            margin-bottom: 4px;
        }
        .auth-hero-cta-wrap { width: 100%; display: flex; justify-content: stretch; margin-bottom: 0; }
        .auth-hero-cta {
            width: 100%;
            min-width: 0;
            display: inline-flex; align-items: center; justify-content: center; gap: 10px;
            border: 1px solid rgba(255, 236, 200, 0.35);
            background: linear-gradient(135deg, #f0b84d 0%, var(--primary) 48%, #c8872e 100%);
            color: #1a1206; padding: 12px 22px; margin: 0;
            border-radius: 12px; cursor: pointer;
            font-family: inherit; font-size: 0.92rem;
            font-weight: 700; letter-spacing: -0.01em; line-height: 1.2;
            box-shadow:
                0 14px 40px rgba(229, 168, 75, 0.38),
                0 2px 0 rgba(255, 255, 255, 0.22) inset;
            transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
        }
        .auth-hero-cta i { width: 18px; height: 18px; flex-shrink: 0; transition: transform 0.2s ease; }
        .auth-hero-cta:hover {
            transform: translateY(-3px);
            box-shadow:
                0 20px 48px rgba(229, 168, 75, 0.45),
                0 2px 0 rgba(255, 255, 255, 0.28) inset;
            filter: brightness(1.04);
        }
        .auth-hero-cta:hover i { transform: translateX(3px); }
        .auth-hero-cta:active { transform: translateY(-1px); }
        .auth-hero-cta:focus-visible { outline: 3px solid rgba(229, 168, 75, 0.55); outline-offset: 4px; }
        .auth-hero-cta-glow { position: relative; isolation: isolate; }
        .auth-hero-cta-glow::before {
            content: ''; position: absolute; inset: -4px; border-radius: 20px; z-index: -1;
            background: linear-gradient(135deg, rgba(229, 168, 75, 0.7), rgba(244, 213, 141, 0.2), rgba(52, 211, 153, 0.35));
            filter: blur(14px); opacity: 0.75;
            animation: authCtaPulse 3s ease-in-out infinite;
        }
        @keyframes authCtaPulse {
            0%, 100% { opacity: 0.55; transform: scale(0.98); }
            50% { opacity: 0.95; transform: scale(1.02); }
        }
        .auth-live-demo { width: 100%; max-width: 100%; margin-top: 20px; }
        .auth-demo-label {
            display: inline-flex; align-items: center; gap: 8px;
            font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
            color: var(--primary); margin-bottom: 10px;
        }
        .auth-demo-label i { width: 14px; height: 14px; }
        .auth-demo-card {
            text-align: left; padding: 16px 18px;
            border-radius: 18px;
            border: 1px solid rgba(229, 168, 75, 0.22);
            background: rgba(10, 14, 23, 0.55);
            backdrop-filter: blur(20px);
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
        }
        [data-theme="light"] .auth-demo-card { background: rgba(255, 255, 255, 0.82); }
        .auth-demo-progress {
            height: 3px; border-radius: 99px; background: rgba(255, 255, 255, 0.08);
            margin-bottom: 14px; overflow: hidden;
        }
        .auth-demo-bar {
            display: block; height: 100%; width: 0;
            border-radius: 99px;
            background: linear-gradient(90deg, var(--primary), var(--accent));
            transition: width 0.75s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .auth-demo-row { margin-bottom: 12px; }
        .auth-demo-field-label {
            display: block; font-size: 0.68rem; font-weight: 700; text-transform: uppercase;
            letter-spacing: 0.06em; color: var(--text-muted); margin-bottom: 6px;
        }
        .auth-demo-email {
            display: block; font-size: 1.05rem; font-weight: 700; color: var(--text);
            font-family: ui-monospace, 'Cascadia Code', monospace;
            word-break: break-all;
        }
        .auth-demo-email-pop { animation: authEmailPop 0.45s cubic-bezier(0.22, 1, 0.36, 1); }
        @keyframes authEmailPop {
            from { opacity: 0; transform: translateY(6px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .auth-demo-result {
            display: inline-flex; align-items: center; gap: 8px;
            padding: 8px 14px; border-radius: 999px; font-size: 0.82rem; font-weight: 800;
            border: 1px solid transparent;
        }
        .auth-demo-result i { width: 16px; height: 16px; }
        .auth-demo-result.is-checking { color: var(--text-muted); background: rgba(255, 255, 255, 0.05); border-color: var(--border); }
        .auth-demo-result.is-valid { color: #6ee7b7; background: rgba(52, 211, 153, 0.12); border-color: rgba(52, 211, 153, 0.35); }
        .auth-demo-result.is-invalid { color: #fda4af; background: rgba(251, 113, 133, 0.12); border-color: rgba(251, 113, 133, 0.35); }
        .auth-demo-result.is-disposable { color: #fcd34d; background: rgba(251, 191, 36, 0.12); border-color: rgba(251, 191, 36, 0.35); }
        .auth-trust-strip {
            display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px 12px;
            margin-top: 16px; width: 100%;
        }
        .auth-trust-strip span {
            display: inline-flex; align-items: center; gap: 7px;
            font-size: 0.78rem; font-weight: 700; color: var(--text-muted);
            padding: 6px 12px; border-radius: 999px;
            border: 1px solid var(--border); background: rgba(255, 255, 255, 0.03);
        }
        .auth-trust-strip i { width: 14px; height: 14px; color: var(--primary); }
        .auth-feature-cards {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
            width: 100%; margin-top: 18px;
        }
        .auth-feature-card {
            text-align: left; padding: 12px 11px; border-radius: 12px;
            border: 1px solid rgba(255, 255, 255, 0.07);
            background: rgba(14, 20, 34, 0.45);
            backdrop-filter: blur(12px);
            transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
        }
        .auth-feature-card:hover {
            border-color: rgba(229, 168, 75, 0.35);
            transform: translateY(-3px);
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
        }
        [data-theme="light"] .auth-feature-card { background: rgba(255, 255, 255, 0.7); }
        .auth-feature-card i { width: 18px; height: 18px; color: var(--primary); margin-bottom: 8px; }
        .auth-feature-card strong {
            display: block; font-size: 0.75rem; font-weight: 800; margin-bottom: 4px; color: var(--text);
        }
        .auth-feature-card p { font-size: 0.7rem; line-height: 1.4; color: var(--text-muted); margin: 0; }

        .auth-benefits {
            display: flex; flex-direction: column; gap: 10px;
            width: 100%; margin-top: 22px;
        }
        .auth-benefit {
            display: flex; align-items: center; gap: 12px;
            padding: 12px 16px; border-radius: 12px;
            font-size: 0.88rem; font-weight: 700; color: var(--text);
            border: 1px solid rgba(52, 211, 153, 0.28);
            background: rgba(52, 211, 153, 0.08);
        }
        .auth-benefit-icon {
            display: inline-flex; align-items: center; justify-content: center;
            width: 26px; height: 26px; border-radius: 8px; flex-shrink: 0;
            background: rgba(52, 211, 153, 0.16);
        }
        .auth-benefit-icon i { width: 15px; height: 15px; color: var(--success); }
        [data-theme="light"] .auth-benefit {
            border-color: rgba(5, 150, 105, 0.25);
            background: rgba(5, 150, 105, 0.06);
        }
        [data-theme="light"] .auth-benefit-icon { background: rgba(5, 150, 105, 0.12); }

        .auth-compare {
            width: 100%; margin-top: 56px; margin-bottom: 12px; padding: 24px 0 12px;
        }
        .auth-compare-title {
            margin: 0 0 8px; font-size: clamp(1.25rem, 2.5vw, 1.55rem);
            font-weight: 800; letter-spacing: -0.03em;
        }
        .auth-compare-sub {
            margin: 0 0 18px; font-size: 0.9rem; color: #cbd5e1; line-height: 1.5;
        }
        .auth-compare-table-wrap {
            overflow-x: auto; border-radius: 16px;
            border: 1px solid rgba(96, 165, 250, 0.2);
            background: rgba(8, 16, 32, 0.55);
        }
        .auth-compare-table {
            width: 100%; border-collapse: collapse; font-size: 0.86rem;
        }
        .auth-compare-table th,
        .auth-compare-table td {
            padding: 14px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.06);
            text-align: left; vertical-align: middle;
        }
        .auth-compare-table th { font-weight: 700; color: var(--text-muted); font-size: 0.78rem; }
        .auth-compare-table tbody tr:last-child td { border-bottom: none; }
        .auth-compare-lucenri { color: #93c5fd; }
        [data-theme="light"] .auth-compare-lucenri { color: #1d4ed8; font-weight: 800; }
        [data-theme="light"] .auth-compare-table th { color: #475569; }
        .auth-compare-table td:not(:first-child) { text-align: center; width: 88px; }
        .auth-compare-yes { width: 20px; height: 20px; color: #34d399; }
        .auth-compare-no { width: 20px; height: 20px; color: #fb7185; opacity: 0.85; }
        .auth-compare-mid { width: 20px; height: 20px; color: var(--text-muted); opacity: 0.7; }
        .auth-how { width: 100%; margin-top: 48px; padding-top: 16px; }
        .auth-how-title {
            font-family: 'Syne', 'Plus Jakarta Sans', sans-serif;
            font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 800;
            color: var(--text); margin-bottom: 16px;
        }
        .auth-how-steps {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
        }
        .auth-how-step {
            position: relative; text-align: left;
            padding: 18px 14px 14px; border-radius: 14px;
            border: 1px solid var(--border);
            background: var(--surface-overlay);
        }
        .auth-how-num {
            position: absolute; top: -10px; left: 14px;
            display: inline-flex; align-items: center; justify-content: center;
            width: 22px; height: 22px; border-radius: 999px;
            font-size: 0.72rem; font-weight: 800;
            color: var(--primary-on); background: var(--primary);
            box-shadow: 0 4px 12px var(--primary-glow);
        }
        .auth-how-step i { width: 18px; height: 18px; color: var(--primary); margin-bottom: 8px; }
        .auth-how-step strong {
            display: block; font-size: 0.82rem; font-weight: 800;
            margin-bottom: 5px; color: var(--text);
        }
        .auth-how-step p { font-size: 0.74rem; line-height: 1.5; color: #b6c2d2; margin: 0; }

        .auth-trust-zone {
            width: 100%; margin-top: 56px; padding-top: 48px;
            padding-bottom: clamp(16px, 2.5vh, 28px);
            border-top: 1px solid rgba(229, 168, 75, 0.15);
        }
        .auth-trust-zone-head { margin-bottom: 20px; }
        .auth-trust-headline {
            font-family: 'Syne', 'Plus Jakarta Sans', sans-serif;
            font-size: clamp(1.2rem, 2.2vw, 1.55rem); font-weight: 800;
            letter-spacing: -0.03em; margin: 0 0 8px; color: var(--text);
            text-transform: none;
        }
        .auth-trust-slogan {
            margin: 0; font-size: 0.88rem; line-height: 1.5;
            color: var(--primary); font-weight: 600;
        }
        .auth-trust-reveal {
            opacity: 0; transform: translateY(18px);
            transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1), transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .auth-trust-reveal.is-visible { opacity: 1; transform: translateY(0); }
        .auth-compliance-grid {
            display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 18px;
        }
        .auth-compliance-card {
            padding: 12px 11px; border-radius: 12px;
            border: 1px solid rgba(255, 255, 255, 0.07);
            background: rgba(14, 20, 34, 0.5); backdrop-filter: blur(8px);
            transition: border-color 0.25s, transform 0.25s;
        }
        .auth-compliance-card:hover { border-color: rgba(229, 168, 75, 0.3); transform: translateY(-2px); }
        [data-theme="light"] .auth-compliance-card { background: rgba(255, 255, 255, 0.65); }
        .auth-compliance-card i { width: 18px; height: 18px; color: var(--primary); margin-bottom: 8px; }
        .auth-compliance-card strong { display: block; font-size: 0.76rem; font-weight: 800; margin-bottom: 4px; }
        .auth-compliance-card p { font-size: 0.7rem; line-height: 1.4; color: var(--text-muted); margin: 0; }
        .auth-proof-stats {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px;
        }
        .auth-proof-stat {
            text-align: center; padding: 14px 8px; border-radius: 14px;
            border: 1px solid var(--border); background: rgba(229, 168, 75, 0.06);
            position: relative; overflow: hidden;
        }
        .auth-proof-stat-animated {
            animation: trustStatPulse 3.2s ease-in-out infinite;
        }
        .auth-proof-stat-animated:nth-child(2) { animation-delay: 0.35s; }
        .auth-proof-stat-animated:nth-child(3) { animation-delay: 0.7s; }
        .auth-proof-stat-animated::before {
            content: '';
            position: absolute; inset: -1px; border-radius: inherit;
            background: linear-gradient(135deg, rgba(240, 195, 90, 0.35), transparent 55%, rgba(96, 165, 250, 0.2));
            opacity: 0;
            animation: trustStatShimmer 3.2s ease-in-out infinite;
            pointer-events: none;
        }
        .auth-proof-stat-animated:nth-child(2)::before { animation-delay: 0.35s; }
        .auth-proof-stat-animated:nth-child(3)::before { animation-delay: 0.7s; }
        @keyframes trustStatPulse {
            0%, 100% { transform: translateY(0); box-shadow: 0 0 0 rgba(229, 168, 75, 0); }
            50% { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(229, 168, 75, 0.12); }
        }
        @keyframes trustStatShimmer {
            0%, 100% { opacity: 0; }
            50% { opacity: 1; }
        }
        .auth-proof-num { font-size: 1.45rem; font-weight: 800; color: var(--primary); }
        .auth-proof-suffix { font-size: 1rem; font-weight: 800; color: var(--primary); }
        .auth-proof-stat > span:last-child {
            display: block; margin-top: 4px; font-size: 0.65rem; line-height: 1.35;
            color: var(--text-muted); font-weight: 600;
        }
        .auth-proof-stat--accuracy strong {
            display: block;
            font-size: clamp(0.92rem, 2.2vw, 1.05rem);
            line-height: 1.25;
            font-weight: 800;
            color: var(--primary);
        }
        .auth-proof-stat--feature strong {
            display: block;
            font-size: clamp(0.84rem, 1.8vw, 0.96rem);
            line-height: 1.3;
            font-weight: 800;
            color: var(--primary);
        }
        .auth-trust-promise {
            font-size: 0.82rem; line-height: 1.55; color: var(--text-muted);
            padding: 14px 16px; border-radius: 12px; margin-bottom: 18px;
            border-left: 3px solid var(--primary);
            background: rgba(229, 168, 75, 0.07);
        }
        .auth-testimonials {
            display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px;
        }
        .auth-testimonial-card {
            padding: 14px 14px 12px; border-radius: 14px;
            border: 1px solid var(--border); background: var(--surface-overlay);
        }
        .auth-testimonial-stars { color: var(--primary); font-size: 0.72rem; letter-spacing: 2px; margin-bottom: 8px; }
        .auth-testimonial-card blockquote {
            margin: 0 0 10px; font-size: 0.8rem; line-height: 1.5; color: var(--text); font-style: italic;
        }
        .auth-testimonial-card footer { display: flex; flex-direction: column; gap: 2px; }
        .auth-testimonial-card footer strong { font-size: 0.76rem; color: var(--text); }
        .auth-testimonial-card footer span { font-size: 0.68rem; color: var(--text-muted); }
        .auth-trust-subhead {
            margin: 0 0 6px;
            font-family: 'Syne', 'Plus Jakarta Sans', sans-serif;
            font-size: clamp(1.05rem, 2vw, 1.25rem);
            font-weight: 800; letter-spacing: -0.02em;
            color: var(--text); text-align: center;
        }
        .auth-trust-subdesc {
            margin: 0 0 16px; text-align: center;
            font-size: 0.82rem; line-height: 1.5; color: var(--text-muted);
            max-width: 52ch; margin-left: auto; margin-right: auto;
        }
        .auth-trust-pillars { margin-bottom: 28px; }
        .auth-pillar-grid {
            display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;
        }
        .auth-pillar-card {
            padding: 16px 14px; border-radius: 14px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(14, 20, 34, 0.55);
            backdrop-filter: blur(8px);
            transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
        }
        [data-theme="light"] .auth-pillar-card { background: rgba(255, 255, 255, 0.72); border-color: rgba(15, 23, 42, 0.08); }
        .auth-pillar-card:hover {
            border-color: rgba(229, 168, 75, 0.35);
            transform: translateY(-2px);
            box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
        }
        .auth-pillar-icon {
            display: inline-flex; align-items: center; justify-content: center;
            width: 36px; height: 36px; margin-bottom: 10px;
            border-radius: 10px;
            background: rgba(229, 168, 75, 0.12);
            border: 1px solid rgba(229, 168, 75, 0.22);
        }
        .auth-pillar-icon i { width: 18px; height: 18px; color: var(--primary); }
        .auth-pillar-card strong {
            display: block; margin-bottom: 6px;
            font-size: 0.82rem; font-weight: 800; color: var(--text);
        }
        .auth-pillar-card p {
            margin: 0; font-size: 0.72rem; line-height: 1.45; color: var(--text-muted);
        }
        .auth-trust-standards { margin-bottom: 24px; }
        .auth-standards-grid {
            display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px;
        }
        .auth-standard-badge {
            display: flex; flex-direction: column; align-items: center; text-align: center;
            gap: 4px; padding: 14px 10px; border-radius: 12px;
            border: 1px solid rgba(148, 163, 184, 0.18);
            background: rgba(15, 23, 42, 0.45);
            transition: border-color 0.2s, transform 0.2s;
            animation: trustBadgePulse 4s ease-in-out infinite;
        }
        .auth-standards-grid .auth-standard-badge:nth-child(2) { animation-delay: 0.3s; }
        .auth-standards-grid .auth-standard-badge:nth-child(3) { animation-delay: 0.6s; }
        .auth-standards-grid .auth-standard-badge:nth-child(4) { animation-delay: 0.9s; }
        .auth-standards-grid .auth-standard-badge:nth-child(5) { animation-delay: 1.2s; }
        .auth-standards-grid .auth-standard-badge:nth-child(6) { animation-delay: 1.5s; }
        [data-theme="light"] .auth-standard-badge { background: rgba(255, 255, 255, 0.8); }
        .auth-standard-badge:hover {
            border-color: rgba(229, 168, 75, 0.35);
            transform: translateY(-2px);
            box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
        }
        .auth-standard-badge i { width: 20px; height: 20px; color: var(--primary); margin-bottom: 2px; }
        .auth-standard-label {
            font-size: 0.74rem; font-weight: 800; color: var(--text); line-height: 1.3;
        }
        .auth-standard-hint {
            font-size: 0.62rem; line-height: 1.35; color: var(--text-muted); font-weight: 600;
        }
        @keyframes trustBadgePulse {
            0%, 100% { box-shadow: 0 0 0 rgba(229, 168, 75, 0); }
            50% { box-shadow: 0 6px 20px rgba(229, 168, 75, 0.1); }
        }
        .auth-standards-note {
            margin: 14px 0 0; padding: 10px 12px; border-radius: 10px;
            font-size: 0.68rem; line-height: 1.45; color: var(--text-muted);
            border: 1px dashed rgba(148, 163, 184, 0.25);
            background: rgba(148, 163, 184, 0.06); text-align: center;
        }
        .auth-visual-gallery {
            margin-bottom: 28px; padding: 22px 0 8px;
            border-top: 1px solid rgba(148, 163, 184, 0.12);
            border-bottom: 1px solid rgba(148, 163, 184, 0.12);
        }
        .auth-flow-diagram {
            display: flex; align-items: stretch; gap: 0;
            margin-bottom: 22px; padding: 16px 12px;
            border-radius: 16px;
            border: 1px solid rgba(96, 165, 250, 0.18);
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.65) 0%, rgba(30, 41, 59, 0.45) 100%);
            overflow-x: auto; scrollbar-width: none;
        }
        .auth-flow-diagram::-webkit-scrollbar { display: none; }
        [data-theme="light"] .auth-flow-diagram { background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(241,245,249,0.85) 100%); }
        .auth-flow-node {
            flex: 1; min-width: 110px;
            display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px;
            padding: 8px 6px;
        }
        .auth-flow-icon {
            display: flex; align-items: center; justify-content: center;
            width: 44px; height: 44px; border-radius: 12px;
            background: rgba(229, 168, 75, 0.12);
            border: 1px solid rgba(229, 168, 75, 0.28);
            animation: flowNodeFloat 3s ease-in-out infinite;
        }
        .auth-flow-node-2 .auth-flow-icon { animation-delay: 0.4s; }
        .auth-flow-node-3 .auth-flow-icon { animation-delay: 0.8s; }
        .auth-flow-node-4 .auth-flow-icon { animation-delay: 1.2s; }
        .auth-flow-icon i { width: 20px; height: 20px; color: var(--primary); }
        .auth-flow-node strong { font-size: 0.76rem; font-weight: 800; color: var(--text); }
        .auth-flow-node span:last-child { font-size: 0.64rem; line-height: 1.35; color: var(--text-muted); }
        .auth-flow-connector {
            position: relative; flex: 0 0 28px; align-self: center;
            height: 2px; margin-top: -18px;
            background: linear-gradient(90deg, rgba(96,165,250,0.15), rgba(240,195,90,0.5), rgba(96,165,250,0.15));
        }
        .auth-flow-pulse {
            position: absolute; top: -3px; left: 0;
            width: 8px; height: 8px; border-radius: 50%;
            background: #f0c35a;
            box-shadow: 0 0 10px rgba(240, 195, 90, 0.8);
            animation: flowPulse 2.2s ease-in-out infinite;
        }
        @keyframes flowNodeFloat {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-4px); }
        }
        @keyframes flowPulse {
            0% { left: 0; opacity: 0.4; }
            50% { opacity: 1; }
            100% { left: calc(100% - 8px); opacity: 0.4; }
        }
        .auth-visual-grid {
            display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;
            margin-bottom: 20px;
        }
        .auth-visual-card {
            padding: 18px 16px; border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(14, 20, 34, 0.55);
            backdrop-filter: blur(10px);
        }
        [data-theme="light"] .auth-visual-card { background: rgba(255,255,255,0.82); border-color: rgba(15,23,42,0.08); }
        .auth-visual-card-accent {
            border-color: rgba(240, 195, 90, 0.35);
            background: linear-gradient(160deg, rgba(240,195,90,0.1) 0%, rgba(14,20,34,0.55) 100%);
        }
        .auth-visual-card h4 {
            margin: 12px 0 6px; font-size: 0.84rem; font-weight: 800; color: var(--text);
        }
        .auth-visual-card > p {
            margin: 0 0 10px; font-size: 0.72rem; line-height: 1.45; color: var(--text-muted);
        }
        .auth-ring-chart {
            position: relative; width: 100px; height: 100px; margin: 0 auto;
        }
        .auth-ring-chart svg { width: 100%; height: 100%; transform: rotate(-90deg); }
        .auth-ring-track {
            fill: none; stroke: rgba(148, 163, 184, 0.2); stroke-width: 8;
        }
        .auth-ring-fill {
            fill: none; stroke: #f0c35a; stroke-width: 8;
            stroke-linecap: round;
            stroke-dasharray: 326.7 326.7;
            stroke-dashoffset: 326.7;
            transition: stroke-dashoffset 1.2s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .auth-ring-value {
            position: absolute; inset: 0;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.25rem; font-weight: 800; color: var(--primary);
        }
        .auth-ring-chart--static .auth-ring-fill {
            stroke-dashoffset: 3.27;
        }
        .auth-ring-chart--static .auth-ring-value {
            font-size: 1.05rem;
            letter-spacing: -0.02em;
        }
        .auth-visual-checklist {
            list-style: none; margin: 0; padding: 0;
            display: flex; flex-direction: column; gap: 6px;
        }
        .auth-visual-checklist li {
            display: flex; align-items: center; gap: 6px;
            font-size: 0.68rem; color: var(--text-muted); font-weight: 600;
        }
        .auth-visual-checklist i { width: 14px; height: 14px; color: #34d399; flex-shrink: 0; }
        .auth-speed-meter { text-align: center; margin-bottom: 4px; }
        .auth-speed-gauge {
            height: 10px; border-radius: 999px; overflow: hidden;
            background: rgba(148, 163, 184, 0.2); margin-bottom: 8px;
        }
        .auth-speed-fill {
            display: block; height: 100%; width: 0;
            border-radius: inherit;
            background: linear-gradient(90deg, #f0c35a, #e5a84b);
            transition: width 1.4s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .auth-visual-gallery.is-visual-ready .auth-speed-fill { width: 96%; }
        .auth-speed-label {
            font-size: 1.5rem; font-weight: 800; color: #f0c35a;
            font-family: 'Syne', sans-serif;
        }
        .auth-speed-bars { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
        .auth-speed-bar-row {
            display: grid; grid-template-columns: 52px 1fr; gap: 8px; align-items: center;
            font-size: 0.64rem; color: var(--text-muted); font-weight: 600;
        }
        .auth-speed-bar {
            height: 6px; border-radius: 999px; background: rgba(148,163,184,0.15); overflow: hidden;
        }
        .auth-speed-bar i {
            display: block; height: 100%; width: 0; border-radius: inherit;
            background: linear-gradient(90deg, #60a5fa, #f0c35a);
            transition: width 1s cubic-bezier(0.22,1,0.36,1);
        }
        .auth-visual-gallery.is-visual-ready .auth-speed-bar i { width: var(--w, 50%); }
        .auth-stack-diagram {
            display: flex; flex-direction: column; align-items: center; gap: 4px;
            padding: 8px 0;
        }
        .auth-stack-layer {
            display: flex; align-items: center; gap: 8px;
            padding: 8px 14px; border-radius: 10px; width: 100%; max-width: 160px;
            font-size: 0.68rem; font-weight: 700; color: var(--text);
            border: 1px solid rgba(96, 165, 250, 0.25);
            background: rgba(15, 23, 42, 0.5);
            animation: stackFadeIn 0.6s ease backwards;
        }
        .auth-stack-layer:nth-child(1) { animation-delay: 0.1s; }
        .auth-stack-layer:nth-child(3) { animation-delay: 0.3s; }
        .auth-stack-layer:nth-child(5) { animation-delay: 0.5s; }
        .auth-stack-layer:nth-child(7) { animation-delay: 0.7s; }
        .auth-stack-layer-gold {
            border-color: rgba(240, 195, 90, 0.45);
            background: rgba(240, 195, 90, 0.1);
        }
        .auth-stack-layer i { width: 14px; height: 14px; color: var(--primary); }
        .auth-stack-arrow { color: var(--text-muted); animation: stackBounce 1.5s ease-in-out infinite; }
        .auth-stack-arrow i { width: 14px; height: 14px; }
        @keyframes stackFadeIn {
            from { opacity: 0; transform: translateY(-8px); }
            to { opacity: 1; transform: none; }
        }
        @keyframes stackBounce {
            0%, 100% { transform: translateY(0); opacity: 0.5; }
            50% { transform: translateY(3px); opacity: 1; }
        }
        .auth-chart-panel {
            padding: 18px 16px; border-radius: 16px; margin-bottom: 18px;
            border: 1px solid rgba(255,255,255,0.08);
            background: rgba(14, 20, 34, 0.45);
        }
        [data-theme="light"] .auth-chart-panel { background: rgba(255,255,255,0.8); }
        .auth-chart-title {
            margin: 0 0 4px; font-size: 0.88rem; font-weight: 800; color: var(--text);
        }
        .auth-chart-sub {
            margin: 0 0 14px; font-size: 0.72rem; color: var(--text-muted); line-height: 1.4;
        }
        .auth-compare-bars { display: flex; flex-direction: column; gap: 12px; }
        .auth-compare-bar-group {
            display: grid; grid-template-columns: 72px 1fr 28px; gap: 10px; align-items: center;
        }
        .auth-compare-bar-label { font-size: 0.72rem; font-weight: 700; color: var(--text-muted); }
        .auth-compare-bar-track {
            height: 12px; border-radius: 999px; background: rgba(148,163,184,0.15); overflow: hidden;
        }
        .auth-compare-bar-fill {
            display: block; height: 100%; width: 0; border-radius: inherit;
            transition: width 1.2s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .auth-compare-bar-lucenri { background: linear-gradient(90deg, #f0c35a, #e5a84b); }
        .auth-compare-bar-others { background: rgba(148, 163, 184, 0.45); }
        .auth-visual-gallery.is-visual-ready .auth-compare-bar-fill[data-width="96"] { width: 96%; }
        .auth-visual-gallery.is-visual-ready .auth-compare-bar-fill[data-width="58"] { width: 58%; }
        .auth-compare-bar-val { font-size: 0.78rem; font-weight: 800; color: var(--text); text-align: right; }
        .auth-chart-legend {
            display: flex; gap: 16px; flex-wrap: wrap; margin-top: 12px;
            font-size: 0.68rem; color: var(--text-muted); font-weight: 600;
        }
        .auth-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
        .auth-legend-dot {
            width: 8px; height: 8px; border-radius: 50%; display: inline-block;
        }
        .auth-legend-gold { background: #f0c35a; }
        .auth-legend-muted { background: rgba(148,163,184,0.5); }
        .auth-lang-showcase { margin-bottom: 8px; }
        .auth-lang-flags {
            display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;
        }
        .auth-lang-flag {
            display: inline-flex; align-items: center; gap: 7px;
            padding: 6px 11px; border-radius: 999px;
            border: 1px solid rgba(148,163,184,0.2);
            background: rgba(15,23,42,0.4);
            font-size: 0.68rem; font-weight: 700; color: var(--text);
            line-height: 1;
            opacity: 0; transform: translateY(8px);
            animation: langFlagIn 0.5s ease forwards;
        }
        [data-theme="light"] .auth-lang-flag { background: rgba(255,255,255,0.85); }
        .auth-lang-flag img {
            width: 18px; height: 13px; border-radius: 2px; object-fit: cover;
            display: block; flex-shrink: 0; align-self: center;
        }
        .auth-lang-flag span {
            display: block; line-height: 1.15; padding-top: 1px;
        }
        @keyframes langFlagIn {
            to { opacity: 1; transform: none; }
        }
        .auth-how-steps-linked .auth-how-step::after {
            content: '';
            position: absolute; top: 50%; right: -8px;
            width: 16px; height: 2px;
            background: linear-gradient(90deg, var(--primary), transparent);
            transform: translateY(-50%);
            opacity: 0.5;
        }
        .auth-how-steps-linked .auth-how-step:last-child::after { display: none; }
        .auth-ref-strip { text-align: center; padding-bottom: clamp(24px, 3.5vh, 36px); }
        .auth-ref-title { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); margin-bottom: 10px; }
        .auth-ref-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
        .auth-ref-tags span {
            padding: 6px 14px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
            border: 1px solid rgba(229, 168, 75, 0.25); color: var(--text-muted);
            background: rgba(255, 255, 255, 0.03);
        }
        body.guest-mode .side-icon:not(#menu-dash) { opacity: 0.42; }
        body.guest-mode .scan-tab:not(#tabScanSingle) { opacity: 0.42; pointer-events: none; }
        .auth-hero-note {
            font-size: 0.82rem; font-weight: 600; color: var(--success);
            line-height: 1.45; max-width: 40ch; margin: 12px 0 0;
        }
        .auth-modal-intro { color: var(--text-muted); line-height: 1.6; margin-bottom: 20px; font-size: 0.95rem; }
        .auth-pricing-grid {
            display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 22px;
        }
        .auth-pricing-card {
            padding: 18px 16px; border-radius: 16px;
            border: 1px solid var(--border); background: var(--surface-overlay);
        }
        .auth-pricing-card-featured {
            border-color: rgba(229, 168, 75, 0.45);
            background: linear-gradient(145deg, rgba(229, 168, 75, 0.14), rgba(14, 20, 34, 0.5));
            box-shadow: 0 12px 32px rgba(229, 168, 75, 0.12);
        }
        .auth-pricing-card h3 { font-size: 1rem; font-weight: 800; margin-bottom: 8px; }
        .auth-pricing-price { font-size: 1.65rem; font-weight: 800; color: var(--primary); margin-bottom: 8px; }
        .auth-pricing-per { font-size: 0.82rem; font-weight: 600; color: var(--text-muted); margin-left: 2px; }
        .auth-pricing-card-desc { font-size: 0.78rem; line-height: 1.45; color: var(--text-muted); margin: 0 0 10px; }
        .auth-pricing-badge {
            display: inline-block; font-size: 0.65rem; font-weight: 800; text-transform: uppercase;
            letter-spacing: 0.06em; padding: 3px 8px; border-radius: 6px; margin-bottom: 8px;
            background: rgba(229, 168, 75, 0.2); color: var(--primary);
        }
        .auth-pricing-free {
            display: flex; align-items: flex-start; gap: 12px;
            padding: 14px 16px; border-radius: 14px; margin-bottom: 16px;
            border: 1px solid rgba(52, 211, 153, 0.35); background: rgba(52, 211, 153, 0.08);
        }
        .auth-pricing-free-icon { color: var(--success); flex-shrink: 0; }
        .auth-pricing-free-icon i { width: 20px; height: 20px; }
        .auth-pricing-free strong { display: block; font-size: 0.9rem; margin-bottom: 4px; color: var(--text); }
        .auth-pricing-free p { font-size: 0.82rem; line-height: 1.45; color: var(--text-muted); margin: 0; }
        .auth-pricing-features { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
        .auth-pricing-features li {
            display: flex; align-items: flex-start; gap: 8px;
            font-size: 0.76rem; line-height: 1.4; color: var(--text-muted);
        }
        .auth-pricing-features li i { width: 14px; height: 14px; color: var(--success); flex-shrink: 0; margin-top: 1px; }
        .auth-pricing-note { font-size: 0.78rem; line-height: 1.5; color: var(--text-muted); margin: 14px 0 16px; }
        .auth-about-stats {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px;
        }
        .auth-about-stat {
            padding: 12px 10px; border-radius: 12px; text-align: center;
            border: 1px solid var(--border); background: var(--surface-overlay);
        }
        .auth-about-stat strong { display: block; font-size: 1.1rem; font-weight: 800; color: var(--primary); margin-bottom: 4px; }
        .auth-about-stat span { font-size: 0.68rem; line-height: 1.35; color: var(--text-muted); }
        .auth-about-section-title { font-size: 0.82rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-muted); margin: 0 0 10px; }
        .auth-about-contact {
            margin-top: 18px; padding: 16px; border-radius: 14px;
            border: 1px solid rgba(229, 168, 75, 0.25); background: rgba(229, 168, 75, 0.06);
        }
        .auth-about-contact h3 { font-size: 0.9rem; font-weight: 800; margin-bottom: 6px; }
        .auth-about-contact p { font-size: 0.82rem; line-height: 1.5; color: var(--text-muted); margin: 0 0 8px; }
        .auth-about-address {
            display: flex; align-items: flex-start; gap: 8px;
            font-size: 0.84rem; line-height: 1.5; color: var(--text-muted); margin-bottom: 10px;
        }
        .auth-about-address i { width: 16px; height: 16px; color: var(--primary); flex-shrink: 0; margin-top: 2px; }
        .auth-about-email {
            display: inline-flex; align-items: center; gap: 8px;
            font-size: 0.88rem; font-weight: 700; color: var(--primary); text-decoration: none; margin-bottom: 8px;
        }
        .auth-about-email i { width: 16px; height: 16px; }
        .auth-about-email:hover { text-decoration: underline; }
        .auth-about-legal { font-size: 0.78rem; color: var(--text-muted); margin: 0; }
        .auth-contact-box {
            padding: 16px; border-radius: 16px;
            border: 1px solid rgba(229, 168, 75, 0.28);
            background: rgba(229, 168, 75, 0.06);
            display: flex; flex-direction: column; gap: 14px;
        }
        .auth-contact-row {
            display: flex; align-items: flex-start; gap: 12px;
        }
        .auth-contact-row > i { width: 18px; height: 18px; color: var(--primary); flex-shrink: 0; margin-top: 2px; }
        .auth-contact-label {
            display: block; font-size: 0.68rem; font-weight: 700;
            text-transform: uppercase; letter-spacing: 0.07em;
            color: var(--text-muted); margin-bottom: 3px;
        }
        .auth-contact-row strong { font-size: 0.9rem; color: var(--text); }
        .auth-contact-row a { font-size: 0.9rem; font-weight: 700; color: var(--primary); text-decoration: none; }
        .auth-contact-row a:hover { text-decoration: underline; }
        .auth-faq-list { display: flex; flex-direction: column; gap: 8px; }
        .auth-faq-item {
            border: 1px solid var(--border); border-radius: 12px;
            background: var(--surface-overlay); overflow: hidden;
        }
        .auth-faq-item summary {
            padding: 12px 14px; font-size: 0.86rem; font-weight: 700;
            color: var(--text); cursor: pointer; list-style: none;
            display: flex; align-items: center; justify-content: space-between; gap: 10px;
        }
        .auth-faq-item summary::-webkit-details-marker { display: none; }
        .auth-faq-item summary::after {
            content: '+'; font-size: 1.1rem; font-weight: 400; color: var(--primary); flex-shrink: 0;
        }
        .auth-faq-item[open] summary::after { content: '−'; }
        .auth-faq-item[open] summary { border-bottom: 1px solid var(--border); }
        .auth-faq-item p {
            padding: 12px 14px 14px; margin: 0;
            font-size: 0.82rem; line-height: 1.55; color: var(--text-muted);
        }
        .auth-faq-footer {
            margin-top: 16px;
            padding-top: 14px;
            border-top: 1px solid var(--border);
            display: flex;
            flex-direction: column;
            gap: 10px;
            align-items: flex-start;
        }
        .auth-faq-footer__text {
            margin: 0;
            font-size: 0.9rem;
            font-weight: 700;
            color: var(--text);
        }
        .auth-faq-contact-cta {
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
        .auth-about-mission {
            padding: 18px 20px; border-radius: 16px; margin-bottom: 18px;
            border: 1px solid rgba(229, 168, 75, 0.25);
            background: rgba(229, 168, 75, 0.08);
        }
        .auth-about-mission h3 { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--primary); margin-bottom: 8px; }
        .auth-about-mission p { font-size: 1.05rem; font-weight: 600; line-height: 1.5; margin: 0; }
        .auth-about-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
        .auth-about-card {
            padding: 16px; border-radius: 14px; border: 1px solid var(--border);
            background: var(--surface-overlay);
        }
        .auth-about-card h3 { font-size: 0.92rem; font-weight: 800; margin-bottom: 6px; color: var(--primary); }
        .auth-about-card p { font-size: 0.86rem; line-height: 1.5; color: var(--text-muted); margin: 0; }
        .auth-modal-cta { width: 100%; justify-content: center; margin-top: 4px; }
        .auth-panel {
            display: flex; flex-direction: column; justify-content: flex-start;
            padding: clamp(16px, 2.5vh, 32px) clamp(16px, 4vw, 48px);
            overflow-y: auto; min-height: 0;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            -ms-overflow-style: none;
            background:
                radial-gradient(ellipse 70% 50% at 100% 0%, rgba(229, 168, 75, 0.06) 0%, transparent 55%);
        }
        .auth-panel::-webkit-scrollbar { display: none; }
        .auth-panel-inner {
            width: 100%; max-width: 440px; margin: 0 auto;
            padding: clamp(18px, 2.5vw, 28px);
            border-radius: 22px;
            border: 1px solid rgba(255, 255, 255, 0.09);
            background: rgba(12, 17, 28, 0.72);
            backdrop-filter: blur(24px);
            box-shadow: 0 28px 80px rgba(0, 0, 0, 0.4);
            overflow: visible;
        }
        [data-theme="light"] .auth-panel-inner {
            background: rgba(255, 255, 255, 0.88);
            box-shadow: 0 18px 48px rgba(15, 23, 42, 0.1);
        }
        .auth-panel-glow { position: relative; }
        .auth-panel-modal .auth-panel-glow::before { display: none; }
        .auth-panel-badge {
            display: inline-flex; align-items: center; gap: 8px;
            max-width: 100%; flex-wrap: wrap;
            padding: 6px 12px; border-radius: 999px; margin-bottom: 12px;
            font-size: 0.74rem; font-weight: 800; color: var(--primary);
            line-height: 1.35;
            background: rgba(229, 168, 75, 0.12); border: 1px solid rgba(229, 168, 75, 0.28);
        }
        .auth-panel-badge i { width: 15px; height: 15px; }
        .btn-action-hero {
            font-size: 1rem; padding: 14px 20px;
            box-shadow: 0 12px 32px rgba(229, 168, 75, 0.28);
            animation: authSubmitPulse 4s ease-in-out infinite;
        }
        .btn-action-hero.auth-submit-gold,
        #authSubmitBtn.btn-action-hero {
            border: 1px solid rgba(255, 236, 200, 0.35);
            background: linear-gradient(135deg, #f0c35a 0%, var(--primary) 50%, #c8872e 100%);
            color: #1a1206;
            font-weight: 800;
        }
        #authExitToHeroBtn.hidden { display: none; }
        @keyframes authSubmitPulse {
            0%, 100% { box-shadow: 0 12px 32px rgba(229, 168, 75, 0.22); }
            50% { box-shadow: 0 16px 40px rgba(229, 168, 75, 0.42); }
        }
        .auth-brand {
            display: flex; flex-direction: column; align-items: center; gap: 10px;
            position: relative; z-index: 1;
        }
        .auth-brand-mark { width: 56px; height: 56px; border-radius: 18px; }
        .auth-brand-mark svg { width: 28px; height: 28px; }
        .auth-brand-name {
            font-size: 1.65rem; font-weight: 800; letter-spacing: -0.04em;
            background: linear-gradient(92deg, var(--text) 0%, var(--primary) 60%, var(--accent) 100%);
            -webkit-background-clip: text; -webkit-text-fill-color: transparent;
        }
        .auth-brand-tagline {
            font-size: 0.78rem; font-weight: 600; color: var(--text-muted);
            letter-spacing: 0.06em; text-transform: uppercase;
        }
        .auth-form-title {
            font-size: clamp(1.05rem, 2.2vw, 1.22rem); font-weight: 800; letter-spacing: -0.02em;
            line-height: 1.3; margin-bottom: 6px; text-align: left; color: var(--text);
            word-wrap: break-word; overflow-wrap: anywhere;
        }
        .auth-panel-inner h1 { font-size: 1.2rem; font-weight: 700; margin-bottom: 8px; text-align: left; line-height: 1.3; }
        .auth-panel-inner .auth-sub {
            color: var(--text-muted); font-size: 0.86rem; margin-bottom: 18px;
            line-height: 1.5; text-align: left;
        }
        .auth-panel-inner .auth-reveal { opacity: 1; transform: none; animation: none; }
        .auth-tabs-hidden { display: none !important; }
        .auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 24px; background: var(--surface-overlay); padding: 6px; border-radius: 14px; border: 1px solid var(--border); }
        .auth-tab {
            border: none; background: transparent; color: var(--text-muted); padding: 10px; border-radius: 10px;
            font-weight: 700; font-size: 0.9rem; cursor: pointer;
        }
        .auth-tab.active { background: var(--primary); color: var(--primary-on); }
        .auth-form { display: none; flex-direction: column; gap: 14px; }
        .auth-form.active { display: flex; }
        .auth-turnstile {
            display: inline-flex; justify-content: flex-start; align-items: center;
            min-height: 65px; margin: 2px 0 4px;
            width: auto; max-width: 100%;
        }
        .auth-turnstile-hero { margin-top: 10px; width: auto; }
        .auth-contact-form {
            margin-top: 18px; padding-top: 18px;
            border-top: 1px solid rgba(148, 163, 184, 0.15);
            display: flex; flex-direction: column; gap: 12px;
        }
        .auth-contact-form-title {
            margin: 0 0 4px; font-size: 0.92rem; font-weight: 800; color: var(--text);
        }
        .auth-contact-form label { font-size: 0.78rem; color: var(--text-muted); font-weight: 600; }
        .auth-contact-textarea { min-height: 96px; resize: vertical; }
        .auth-contact-msg { margin: 0; font-size: 0.78rem; font-weight: 600; }
        .auth-contact-msg.is-success { color: #34d399; }
        .auth-contact-msg.is-error { color: #f87171; }
        .auth-form label { font-size: 0.8rem; color: var(--text-muted); font-weight: 600; }
        .password-field { position: relative; margin-top: 6px; }
        .password-field .input-style { margin-top: 0; padding-right: 44px; }
        .password-toggle {
            position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
            width: 36px; height: 36px; border: none; background: transparent;
            color: var(--text-muted); cursor: pointer; border-radius: 8px;
            display: flex; align-items: center; justify-content: center;
        }
        .password-toggle:hover { color: var(--primary); background: rgba(229, 168, 75, 0.1); }
        .password-toggle:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
        .password-toggle i { width: 18px; height: 18px; pointer-events: none; }
        .auth-error { display: none; background: rgba(244, 63, 94, 0.1); border: 1px solid rgba(244, 63, 94, 0.25); color: var(--danger); padding: 10px 12px; border-radius: 10px; font-size: 0.85rem; }
        .auth-error.visible { display: block; }
        .auth-success { display: none; background: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.25); color: var(--success); padding: 10px 12px; border-radius: 10px; font-size: 0.85rem; margin-bottom: 12px; }
        .auth-success.visible { display: block; }
        .auth-forgot { text-align: right; margin: -4px 0 2px; }
        .auth-forgot button { background: none; border: none; color: var(--primary); font-size: 0.82rem; font-weight: 600; cursor: pointer; }
        .auth-verify-msg, .auth-forgot-intro { text-align: center; color: var(--text-muted); font-size: 0.88rem; line-height: 1.5; margin-bottom: 10px; }
        .auth-verify-email { text-align: center; font-weight: 700; margin-bottom: 14px; word-break: break-all; color: var(--text); }
        .auth-demo-code { background: rgba(6, 182, 212, 0.1); border: 1px solid rgba(6, 182, 212, 0.3); color: var(--accent); padding: 12px; border-radius: 10px; font-size: 0.82rem; text-align: center; margin-bottom: 14px; line-height: 1.5; }
        .auth-code-input { text-align: center; letter-spacing: 0.3em; font-size: 1.25rem; font-weight: 700; }
        .auth-link-row { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; gap: 8px; flex-wrap: wrap; }
        .auth-link-row button { background: none; border: none; color: var(--primary); font-size: 0.82rem; font-weight: 600; cursor: pointer; }
        .auth-legal-inline {
            margin: 0; font-size: 0.72rem; line-height: 1.45; color: var(--text-muted); text-align: center;
        }
        .auth-legal-inline a { color: var(--primary); font-weight: 600; text-decoration: none; }
        .auth-legal-inline a:hover { text-decoration: underline; }
        .hero-guest-remaining {
            margin: 6px 0 0; font-size: 0.78rem; font-weight: 600; color: var(--text-muted); text-align: center;
        }
        .hero-guest-remaining.is-low { color: #fbbf24; }
        .hero-guest-remaining.is-exhausted { color: #f87171; }
        .guest-limit-modal {
            position: fixed; inset: 0; z-index: 200020;
            display: flex; align-items: center; justify-content: center; padding: 20px;
        }
        .guest-limit-modal.hidden { display: none; }
        .guest-limit-modal-backdrop {
            position: absolute; inset: 0;
            background: rgba(6, 9, 18, 0.82); backdrop-filter: blur(8px);
        }
        .guest-limit-modal-panel {
            position: relative; z-index: 1; width: min(100%, 420px);
            padding: 28px 24px 24px; border-radius: 20px; text-align: center;
            border: 2px solid rgba(229, 168, 75, 0.45);
            background: linear-gradient(165deg, rgba(229, 168, 75, 0.12) 0%, var(--surface) 55%);
            box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(229, 168, 75, 0.1);
            animation: resultsHeroIn 0.35s ease-out;
        }
        .guest-limit-modal-close {
            position: absolute; top: 12px; right: 12px;
            display: inline-flex; align-items: center; justify-content: center;
            width: 34px; height: 34px; border-radius: 10px; cursor: pointer;
            border: 1px solid var(--border); background: var(--surface-overlay); color: var(--text-muted);
        }
        .guest-limit-modal-close:hover { border-color: var(--primary); color: var(--primary); }
        .guest-limit-modal-close i { width: 18px; height: 18px; }
        .guest-limit-modal-icon {
            width: 52px; height: 52px; margin: 0 auto 14px; border-radius: 14px;
            display: flex; align-items: center; justify-content: center;
            background: rgba(229, 168, 75, 0.15); border: 1px solid rgba(229, 168, 75, 0.35);
        }
        .guest-limit-modal-icon i { width: 26px; height: 26px; color: var(--primary); }
        .guest-limit-modal-title {
            margin: 0 0 10px; font-size: 1.05rem; font-weight: 800; line-height: 1.4; color: var(--text);
        }
        .guest-limit-modal-gift {
            margin: 0 0 20px; font-size: 0.88rem; font-weight: 700;
            color: #FFD700;
            text-shadow: 0 0 12px rgba(255, 215, 0, 0.25);
        }
        .guest-limit-modal-cta {
            width: 100%; padding: 14px 20px; font-size: 0.95rem;
        }
        .user-pill {
            background: var(--surface-overlay); border: 1px solid var(--border); padding: 6px 14px; border-radius: 10px;
            font-size: 0.82rem; font-weight: 600; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
        }
        .btn-logout {
            background: transparent; border: 1px solid var(--border); color: var(--text-muted);
            padding: 8px 14px; border-radius: 12px; font-size: 0.82rem; font-weight: 600; cursor: pointer;
        }
        .btn-logout:hover { border-color: var(--danger); color: var(--danger); }

        .legal-check { display: flex; align-items: flex-start; gap: 10px; font-size: 0.84rem; color: var(--text-muted); line-height: var(--leading-relaxed); cursor: pointer; margin-bottom: 4px; }
        .legal-check input { margin-top: 3px; flex-shrink: 0; accent-color: var(--primary); }
        .legal-check a { color: var(--primary); font-weight: 600; text-decoration: underline; }
        .auth-today-stat {
            flex-shrink: 0;
            display: flex; align-items: center; justify-content: center; gap: 6px;
            margin: 0; width: 100%;
            padding: 5px 16px;
            font-size: 0.74rem; font-weight: 600; color: var(--text-muted);
            border-top: 1px solid rgba(255, 255, 255, 0.06);
            background: rgba(0, 0, 0, 0.22);
        }
        .auth-today-stat i { width: 13px; height: 13px; color: var(--success); flex-shrink: 0; }
        [data-theme="light"] .auth-today-stat {
            border-top-color: rgba(15, 23, 42, 0.08);
            background: rgba(255, 255, 255, 0.72);
            color: #334155;
        }
        .auth-legal-footer {
            text-align: center;
            margin-top: clamp(12px, 2vh, 20px);
            padding: clamp(14px, 2vh, 20px) 12px calc(22px + env(safe-area-inset-bottom, 0px));
            border-top: 1px solid rgba(255, 255, 255, 0.06);
            font-size: 0.58rem;
            color: rgba(148, 163, 184, 0.65);
            display: flex;
            justify-content: center;
            gap: clamp(14px, 2.5vw, 22px);
            flex-wrap: wrap;
            max-width: 720px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
        .auth-legal-footer button {
            background: none;
            border: none;
            color: rgba(148, 163, 184, 0.72);
            font-size: 0.58rem;
            font-weight: 500;
            cursor: pointer;
            text-decoration: none;
            padding: 0;
            transition: color 0.2s ease;
        }
        .auth-legal-footer button:hover {
            color: rgba(203, 213, 225, 0.95);
            text-decoration: underline;
        }
        [data-theme="light"] .auth-legal-footer {
            border-top-color: rgba(15, 23, 42, 0.08);
        }
        [data-theme="light"] .auth-legal-footer button {
            color: rgba(71, 85, 105, 0.78);
        }
        [data-theme="light"] .auth-legal-footer button:hover {
            color: #1e293b;
        }

        .legal-modal-overlay {
            display: none; position: fixed; inset: 0; z-index: 200000;
            background: rgba(0,0,0,0.65); backdrop-filter: blur(4px);
            align-items: center; justify-content: center; padding: 20px;
        }
        .legal-modal-overlay.open { display: flex; }
        body.auth-modal-open {
            overflow: hidden;
        }
        body.auth-modal-open .auth-layout,
        body.auth-modal-open .auth-hero-panel {
            overflow: hidden !important;
            pointer-events: none;
        }
        body.auth-modal-open .auth-form-modal {
            pointer-events: auto;
        }
        body.auth-modal-open .auth-screen-top,
        body.auth-modal-open .auth-screen-lang,
        body.auth-modal-open .lang-picker {
            pointer-events: auto;
        }
        body.auth-modal-open .auth-screen { z-index: 50; }
        .legal-modal {
            background: var(--surface); border: 1px solid var(--border); border-radius: 20px;
            max-width: 640px; width: 100%; max-height: 85vh; display: flex; flex-direction: column; box-shadow: var(--shadow);
        }
        .legal-modal.legal-modal-wide { max-width: 760px; }
        .legal-modal-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; border-bottom: 1px solid var(--border); }
        .legal-modal-header h2 { font-size: 1.15rem; font-weight: 800; }
        .legal-modal-close { background: none; border: none; color: var(--text-muted); cursor: pointer; padding: 6px; border-radius: 8px; }
        .legal-modal-body {
            padding: 20px 24px; overflow-y: auto; font-size: 0.88rem; line-height: 1.6; color: var(--text-muted);
            scrollbar-width: none;
            -ms-overflow-style: none;
        }
        .legal-modal-body::-webkit-scrollbar { display: none; }
        .legal-modal-body h3 { color: var(--text); font-size: 0.95rem; margin: 18px 0 8px; }
        .legal-modal-body h3:first-of-type { margin-top: 0; }
        .legal-updated { font-size: 0.8rem; margin-bottom: 12px; font-style: italic; }

        .compliance-report { font-size: 0.86rem; }
        .compliance-subtitle { font-size: 0.82rem; color: var(--primary); font-weight: 600; margin-bottom: 14px; }
        .compliance-meta-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px;
            padding: 14px; border-radius: 12px; background: rgba(229, 168, 75, 0.06); border: 1px solid var(--border); margin-bottom: 18px;
        }
        .compliance-meta-label { display: block; font-size: 0.72rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 2px; }
        .compliance-table { width: 100%; border-collapse: collapse; margin: 8px 0 16px; font-size: 0.84rem; }
        .compliance-table th, .compliance-table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--border); vertical-align: top; }
        .compliance-table th { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.03em; color: var(--text-muted); font-weight: 700; }
        .compliance-table-wide th:nth-child(3), .compliance-table-wide td:nth-child(3) { white-space: nowrap; }
        .legal-modal-body .compliance-table { font-size: 0.8rem; }
        .legal-modal-body .subprocessor-table a { color: var(--accent); }
        .services-intro { font-size: 0.92rem; line-height: var(--leading-body); margin-bottom: 20px; color: var(--text-muted); }
        .services-category { margin-bottom: 22px; }
        .services-category:last-of-type { margin-bottom: 18px; }
        .services-category-title {
            font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
            color: var(--text-muted); margin: 0 0 12px;
        }
        .services-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 0; }
        .service-card {
            padding: 16px; border-radius: 14px; border: 1px solid var(--border);
            background: var(--surface-overlay);
        }
        .service-card-icon {
            width: 36px; height: 36px; border-radius: 10px; margin-bottom: 10px;
            display: flex; align-items: center; justify-content: center;
            background: rgba(229, 168, 75, 0.12); color: var(--primary);
        }
        .service-card-icon svg { width: 18px; height: 18px; }
        .service-card h3 { font-size: 0.92rem; font-weight: 800; color: var(--text); margin-bottom: 6px; }
        .service-card p { font-size: 0.82rem; line-height: var(--leading-relaxed); color: var(--text-muted); margin: 0; }
        .services-footnote { font-size: 0.8rem; line-height: var(--leading-body); color: var(--text-muted); margin: 0; padding-top: 4px; border-top: 1px solid var(--border); }
        @media (max-width: 640px) { .services-grid { grid-template-columns: 1fr; } }
        .subprocessor-condition { font-size: 0.78rem; color: var(--text-muted); font-style: italic; }
        .compliance-subheading { font-size: 0.9rem; margin: 14px 0 8px; color: var(--text); font-weight: 700; }
        .compliance-badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 0.75rem; font-weight: 700; background: rgba(148, 163, 184, 0.2); color: var(--text-muted); }
        .compliance-badge.ok { background: rgba(34, 197, 94, 0.15); color: var(--success); }
        .compliance-badge.warn { background: rgba(251, 191, 36, 0.15); color: #d97706; }
        .compliance-ver { font-size: 0.72rem; color: var(--text-muted); font-weight: 600; }
        .compliance-rights { margin: 8px 0 16px 18px; line-height: 1.55; }
        .compliance-disclaimer { margin-top: 20px; padding: 12px; border-radius: 10px; background: rgba(148, 163, 184, 0.08); border: 1px dashed var(--border); font-size: 0.8rem; font-style: italic; }
        .compliance-modal-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--border); }
        .btn-settings.primary { background: var(--primary); color: #fff; border-color: var(--primary); }
        .btn-settings.primary:hover { filter: brightness(1.08); }
        .btn-compliance-link { background: none; border: none; color: var(--primary); font-weight: 700; font-size: 0.86rem; cursor: pointer; padding: 0; text-decoration: underline; }
        .btn-compliance-link:hover { filter: brightness(1.1); }
        .compliance-checklist { list-style: none; margin: 8px 0 16px; padding: 0; }
        .compliance-checklist li { display: flex; align-items: flex-start; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 0.86rem; }
        .compliance-checklist li.ok .compliance-check-icon { color: var(--success); font-weight: 800; }
        .compliance-checklist li.partial .compliance-check-icon { color: #d97706; font-weight: 800; }
        .compliance-check-status { margin-left: auto; font-size: 0.72rem; font-weight: 700; color: var(--text-muted); white-space: nowrap; }
        .compliance-login-hint { font-size: 0.82rem; padding: 10px 12px; border-radius: 10px; background: rgba(229, 168, 75, 0.08); border: 1px solid var(--border); margin-top: 12px; }
        .public-compliance .compliance-meta-grid { margin-top: 12px; }

        .cookie-banner {
            display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999;
            background: var(--surface); border-top: 1px solid var(--border); padding: 20px 24px;
            box-shadow: 0 -10px 40px rgba(0,0,0,0.3);
        }
        .cookie-banner.visible { display: block; }
        .legal-update-banner {
            display: none; position: fixed; top: 0; left: 0; right: 0; z-index: 10000;
            background: var(--surface); border-bottom: 1px solid var(--border); padding: 16px 24px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.25);
        }
        .legal-update-banner.visible { display: block; }
        .cookie-inner { max-width: 1100px; margin: 0 auto; display: flex; gap: 20px; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; }
        .cookie-text { flex: 1; min-width: 260px; font-size: 0.85rem; color: var(--text-muted); line-height: 1.5; }
        .cookie-text a { color: var(--primary); font-weight: 600; }
        .cookie-actions { display: flex; gap: 10px; flex-wrap: wrap; }
        .btn-cookie { border: 1px solid var(--border); background: var(--surface-overlay); color: var(--text); padding: 10px 16px; border-radius: 10px; font-size: 0.82rem; font-weight: 600; cursor: pointer; }
        .btn-cookie.primary { background: var(--primary); border-color: var(--primary); color: var(--primary-on); }
        .btn-cookie.danger-outline { border-color: var(--danger); color: var(--danger); }

        .settings-section-title { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted); font-weight: 700; margin-top: 8px; }
        .settings-row { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--border); gap: 12px; flex-wrap: wrap; }
        .settings-row-desc { font-size: 0.86rem; color: var(--text-muted); margin-top: 6px; max-width: 460px; line-height: var(--leading-body); }
        .btn-settings { background: var(--surface-overlay); border: 1px solid var(--border); color: var(--text); padding: 8px 14px; border-radius: 10px; font-size: 0.82rem; font-weight: 600; cursor: pointer; }
        .btn-settings:hover { border-color: var(--primary); color: var(--primary); }
        .btn-settings.danger { border-color: rgba(244,63,94,0.4); color: var(--danger); }
        .btn-settings.danger:hover { background: rgba(244,63,94,0.1); }

        .account-hub { max-width: 1080px; margin: 0 auto; }
        .account-hub-header { margin-bottom: 20px; }
        .account-hub-title {
            display: flex; align-items: center; gap: 10px; font-size: 1.35rem; font-weight: 700; margin: 0;
        }
        .account-hub-title svg { width: 22px; height: 22px; color: var(--primary); }
        .account-grid {
            display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;
        }
        .account-card {
            background: var(--surface); border: 1px solid var(--border); border-radius: 16px;
            padding: 18px 20px; min-width: 0;
        }
        .account-profile-card { grid-column: 1 / -1; }
        .account-card-title {
            display: flex; align-items: center; gap: 8px; font-size: 0.95rem; font-weight: 700;
            margin: 0 0 14px; color: var(--text);
        }
        .account-card-title svg { width: 17px; height: 17px; color: var(--text-muted); }
        .account-profile-layout { display: flex; align-items: flex-start; gap: 16px; }
        .account-avatar {
            width: 56px; height: 56px; border-radius: 14px; flex-shrink: 0;
            display: flex; align-items: center; justify-content: center;
            background: linear-gradient(135deg, rgba(229,168,75,0.22), rgba(229,168,75,0.08));
            border: 1px solid rgba(229,168,75,0.28); color: var(--primary);
            font-weight: 800; font-size: 1.1rem; letter-spacing: 0.02em;
        }
        .account-profile-body { flex: 1; min-width: 0; }
        .account-profile-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }
        .account-profile-top .account-card-title { margin: 0; font-size: 1.15rem; }
        .account-plan-badge {
            font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;
            padding: 3px 8px; border-radius: 999px;
            background: rgba(229,168,75,0.14); color: var(--primary); border: 1px solid rgba(229,168,75,0.28);
        }
        .account-profile-email { margin: 0 0 10px; color: var(--text-muted); font-size: 0.9rem; word-break: break-all; }
        .account-profile-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
        .account-badge {
            font-size: 0.72rem; font-weight: 600; padding: 4px 10px; border-radius: 999px;
            background: var(--surface-overlay); border: 1px solid var(--border); color: var(--text-muted);
        }
        .account-badge.is-success { background: rgba(34,197,94,0.12); border-color: rgba(34,197,94,0.28); color: var(--success); }
        .account-badge.is-warning { background: rgba(245,158,11,0.12); border-color: rgba(245,158,11,0.28); color: var(--warning); }
        .account-badge.is-muted { opacity: 0.85; }
        .account-profile-since { margin: 0; font-size: 0.82rem; color: var(--text-muted); }
        .account-dl { margin: 0; }
        .account-dl-row {
            display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
            padding: 8px 0; border-bottom: 1px solid var(--border);
        }
        .account-dl-row:last-child { border-bottom: none; }
        .account-dl dt { margin: 0; font-size: 0.82rem; color: var(--text-muted); }
        .account-dl dd { margin: 0; font-size: 0.9rem; font-weight: 600; text-align: right; }
        .account-plan-price { font-weight: 500; color: var(--text-muted); font-size: 0.86rem; }
        .account-note {
            margin: 12px 0 0; font-size: 0.82rem; line-height: var(--leading-relaxed); color: var(--text-muted);
        }
        .account-note-warn { color: var(--warning); }
        .account-note-muted { margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--border); }
        .account-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
        .account-free-welcome {
            margin: 0 0 14px; padding: 12px 14px; border-radius: 12px; font-size: 0.88rem; line-height: var(--leading-body);
            background: rgba(229,168,75,0.08); border: 1px solid rgba(229,168,75,0.2); color: var(--text);
        }
        .account-credits-total {
            display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
            margin-bottom: 8px; padding-bottom: 10px; border-bottom: 1px solid var(--border);
        }
        .account-credits-total-label { font-size: 0.82rem; color: var(--text-muted); }
        .account-credits-total-value { font-size: 1.5rem; font-weight: 800; color: var(--primary); }
        .account-quick-grid {
            display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
        }
        .account-quick-btn {
            display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: left;
            padding: 12px 14px; border-radius: 12px; border: 1px solid var(--border);
            background: var(--surface-overlay); color: var(--text); cursor: pointer;
            transition: border-color 0.15s, background 0.15s;
        }
        .account-quick-btn:hover { border-color: var(--primary); background: rgba(229,168,75,0.06); }
        .account-quick-btn svg { width: 18px; height: 18px; color: var(--primary); margin-bottom: 2px; }
        .account-quick-label { font-size: 0.86rem; font-weight: 700; }
        .account-quick-desc { font-size: 0.75rem; color: var(--text-muted); line-height: 1.35; }
        .account-security-rows { display: flex; flex-direction: column; gap: 0; }
        .account-security-row {
            display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
            padding: 12px 0; border-bottom: 1px solid var(--border);
        }
        .account-security-row:last-child { border-bottom: none; padding-bottom: 0; }
        .account-security-label { font-weight: 600; font-size: 0.88rem; }
        .account-security-desc { margin: 4px 0 0; font-size: 0.8rem; color: var(--text-muted); max-width: 360px; }
        .settings-hub-header { margin-bottom: 4px; }
        .settings-hub-sub { margin: 6px 0 0; font-size: 0.88rem; color: var(--text-muted); line-height: var(--leading-body); }
        .settings-hub-body { display: flex; flex-direction: column; gap: 4px; margin-top: 16px; }
        .settings-legal-intro { margin: 0 0 12px; font-size: 0.84rem; color: var(--text-muted); line-height: var(--leading-body); }
        .settings-legal-grid {
            display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; margin-bottom: 8px;
        }
        .settings-legal-card {
            display: flex; flex-direction: column; align-items: flex-start; gap: 8px; text-align: left;
            padding: 14px; border-radius: 12px; border: 1px solid var(--border);
            background: var(--surface-overlay); color: var(--text); cursor: pointer; font-size: 0.82rem; font-weight: 600;
            transition: border-color 0.15s;
        }
        .settings-legal-card:hover { border-color: var(--primary); color: var(--primary); }
        .settings-legal-card svg { width: 18px; height: 18px; color: var(--text-muted); }
        .settings-legal-card:hover svg { color: var(--primary); }
        @media (max-width: 820px) {
            .account-hub { padding: 0 2px; }
            .account-hub-header { margin-bottom: 12px; }
            .account-hub-title { font-size: 1.2rem; }
            .account-grid { grid-template-columns: 1fr; gap: 12px; }
            .account-profile-card { grid-column: auto; }
            .account-card { padding: 15px 16px; }
            .account-profile-layout { gap: 12px; }
            .account-avatar { width: 48px; height: 48px; font-size: 1rem; }
            .account-credits-total { margin-bottom: 4px; padding-bottom: 8px; }
            .account-credits-total-value { font-size: 1.35rem; }
            .account-dl-row { padding: 6px 0; }
            .account-note { margin-top: 8px; font-size: 0.8rem; }
            .account-actions { gap: 6px; margin-top: 10px; }
            .account-actions .btn-settings { font-size: 0.78rem; padding: 7px 10px; }
            .account-quick-grid { grid-template-columns: 1fr; gap: 8px; }
            .account-quick-btn { padding: 10px 12px; }
            .account-quick-desc { font-size: 0.72rem; }
            .account-security-row { padding: 10px 0; }
            .account-security-desc { font-size: 0.76rem; }
        }

        .billing-subscription-card {
            display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 20px;
            padding: 14px 18px; margin-bottom: 22px; border-radius: 14px;
            background: rgba(229, 168, 75, 0.08); border: 1px solid rgba(229, 168, 75, 0.22);
        }
        .billing-subscription-card.hidden { display: none; }
        .billing-subscription-card.is-canceled {
            background: rgba(244, 63, 94, 0.08);
            border-color: rgba(244, 63, 94, 0.22);
        }
        .billing-subscription-renews.hidden { display: none; }
        .billing-subscription-actions .btn-settings.hidden { display: none; }
        .billing-subscription-main { display: flex; align-items: center; gap: 12px; min-width: 0; }
        .billing-subscription-icon {
            width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center;
            background: rgba(229, 168, 75, 0.15); color: var(--primary); flex-shrink: 0;
        }
        .billing-subscription-icon svg { width: 18px; height: 18px; }
        .billing-subscription-label { display: block; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--text-muted); margin-bottom: 2px; }
        .billing-subscription-plan { display: block; font-size: 1rem; color: var(--text); }
        .billing-subscription-renews { display: block; font-size: 0.82rem; color: var(--text-muted); margin-top: 2px; }
        .billing-subscription-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
        .billing-subscription-note {
            flex: 1 1 100%; margin: 4px 0 0; font-size: 0.82rem; line-height: var(--leading-relaxed); color: var(--text-muted);
        }
        @media (max-width: 640px) {
            .billing-subscription-card { flex-direction: column; align-items: stretch; }
            .billing-subscription-actions .btn-settings { flex: 1; justify-content: center; }
        }
        .billing-free-note {
            font-size: 0.86rem; color: var(--text-muted); line-height: var(--leading-body);
            margin: 0 0 22px; padding: 12px 16px;
            background: rgba(229, 168, 75, 0.06); border-radius: 12px;
            border: 1px solid rgba(229, 168, 75, 0.18);
        }
        .billing-legal-note { font-size: 0.82rem; color: var(--text-muted); line-height: var(--leading-relaxed); margin: 18px 0 22px; padding: 14px 16px; background: var(--surface-overlay); border-radius: 12px; border: 1px solid var(--border); }
        .billing-checkout-note { color: var(--text-muted); font-size: 0.9rem; line-height: var(--leading-body); margin-bottom: 20px; }
        .billing-checkout-meta {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            margin: 0 0 16px;
            font-size: 0.78rem;
            line-height: var(--leading-relaxed);
            color: var(--text-muted);
        }
        .billing-checkout-meta i {
            width: 14px;
            height: 14px;
            flex-shrink: 0;
            margin-top: 2px;
            color: var(--success);
        }
        .billing-checkout-checks {
            display: flex;
            flex-direction: column;
            gap: 6px;
            margin-bottom: 10px;
        }
        .billing-check {
            font-size: 0.76rem !important;
            color: var(--text-muted);
            opacity: 0.9;
        }
        .billing-eu-legal {
            margin-bottom: 16px;
            border-radius: 8px;
            border: 1px solid var(--border);
            background: transparent;
            overflow: hidden;
        }
        .billing-eu-legal summary {
            cursor: pointer;
            padding: 8px 12px;
            font-size: 0.74rem;
            font-weight: 600;
            color: var(--text-muted);
            list-style: none;
            user-select: none;
            opacity: 0.85;
        }
        .billing-eu-legal summary::-webkit-details-marker { display: none; }
        .billing-eu-legal summary::after {
            content: '+';
            float: right;
            font-weight: 700;
            color: var(--text-muted);
        }
        .billing-eu-legal[open] summary::after { content: '−'; }
        .billing-eu-legal p {
            margin: 0;
            padding: 0 12px 10px;
            font-size: 0.72rem;
            line-height: var(--leading-relaxed);
            color: var(--text-muted);
            opacity: 0.82;
        }
        .billing-pay-btn { width: 100%; margin-top: 2px; }
        [data-theme="light"] .billing-eu-legal { background: rgba(148, 163, 184, 0.05); }
        .billing-secure-title {
            display: flex; align-items: center; gap: 8px; margin-bottom: 14px;
            font-size: 1rem; font-weight: 700; color: var(--text);
        }
        .billing-secure-title i { width: 18px; height: 18px; color: var(--success); flex-shrink: 0; }
        .billing-payment-methods-label {
            font-size: 0.72rem; font-weight: 700; text-transform: uppercase;
            letter-spacing: 0.08em; color: var(--text-muted); margin-bottom: 10px;
        }
        .billing-payment-methods {
            display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px;
        }
        .billing-pm {
            display: inline-flex; align-items: center; gap: 6px;
            padding: 6px 12px; border-radius: 8px; font-size: 0.78rem; font-weight: 800;
            border: 1px solid var(--border); background: var(--surface-overlay); color: var(--text);
        }
        .billing-pm i { width: 14px; height: 14px; }
        .billing-pm-card { border-color: rgba(229, 168, 75, 0.35); color: var(--primary); }
        .billing-pm-ideal { background: rgba(204, 0, 102, 0.12); border-color: rgba(204, 0, 102, 0.35); color: #f9a8d4; }
        .billing-pm-paypal { background: rgba(0, 48, 135, 0.15); border-color: rgba(0, 156, 222, 0.35); color: #7dd3fc; }
        .billing-pm-bancontact { background: rgba(0, 84, 152, 0.15); border-color: rgba(0, 84, 152, 0.35); color: #93c5fd; }
        .billing-pm-klarna { background: rgba(255, 179, 199, 0.12); border-color: rgba(255, 179, 199, 0.35); color: #fbcfe8; }
        [data-theme="light"] .billing-pm-ideal { color: #9d174d; }
        [data-theme="light"] .billing-pm-paypal { color: #003087; }
        [data-theme="light"] .billing-pm-bancontact { color: #005498; }
        [data-theme="light"] .billing-pm-klarna { color: #be185d; }
        .billing-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 22px; background: var(--surface-overlay); padding: 6px; border-radius: 14px; max-width: 420px; }
        .billing-tab {
            border: none; background: transparent; color: var(--text-muted); padding: 10px 12px; border-radius: 10px;
            font-size: 0.85rem; font-weight: 600; cursor: pointer;
        }
        .billing-tab.active { background: var(--primary); color: var(--primary-on); }
        .billing-panel { display: none; }
        .billing-panel.active { display: block; }
        .invoice-empty { text-align: center; padding: 40px 20px; color: var(--text-muted); font-size: 0.9rem; }
        .invoice-loading { text-align: center; padding: 40px 20px; color: var(--text-muted); font-size: 0.9rem; }
        .invoice-error { text-align: center; padding: 28px 20px 12px; color: var(--danger, #ef4444); font-size: 0.9rem; line-height: 1.5; }
        .invoice-retry-wrap { text-align: center; padding-bottom: 28px; }
        .btn-invoice-retry {
            background: transparent; border: 1px solid var(--border); color: var(--primary);
            padding: 8px 14px; border-radius: 8px; font-size: 0.82rem; font-weight: 600; cursor: pointer;
        }
        .btn-invoice-retry:hover { border-color: var(--primary); background: var(--border-glow); }
        .invoice-no-receipt { color: var(--text-muted); font-size: 0.82rem; }
        .invoice-document-pending { color: var(--text-muted); font-size: 0.82rem; font-style: italic; }
        .invoice-table-wrap { overflow-x: auto; margin-top: 8px; }
        .invoice-table { width: 100%; border-collapse: collapse; font-size: 0.86rem; min-width: 560px; }
        .invoice-table th { text-align: left; padding: 12px 10px; color: var(--text-muted); border-bottom: 1px solid var(--border); font-weight: 700; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em; }
        .invoice-table td { padding: 14px 10px; border-bottom: 1px solid var(--border); vertical-align: middle; }
        .invoice-table tr:hover td { background: var(--surface-overlay); }
        .invoice-status { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 50px; font-size: 0.75rem; font-weight: 700; background: rgba(16,185,129,0.12); color: var(--success); }
        .btn-invoice-pdf {
            background: transparent; border: 1px solid var(--border); color: var(--primary);
            padding: 6px 12px; border-radius: 8px; font-size: 0.78rem; font-weight: 600; cursor: pointer;
            display: inline-flex; align-items: center; gap: 6px;
        }
        .btn-invoice-pdf:hover { border-color: var(--primary); background: var(--border-glow); }
        .toggle-switch { position: relative; width: 44px; height: 24px; flex-shrink: 0; }
        .toggle-switch input { opacity: 0; width: 0; height: 0; }
        .toggle-slider { position: absolute; inset: 0; background: var(--border); border-radius: 24px; cursor: pointer; transition: 0.2s; }
        .toggle-slider::before { content: ""; position: absolute; width: 18px; height: 18px; left: 3px; bottom: 3px; background: white; border-radius: 50%; transition: 0.2s; }
        .toggle-switch input:checked + .toggle-slider { background: var(--primary); }
        .toggle-switch input:checked + .toggle-slider::before { transform: translateX(20px); }

        .scan-progress { margin-bottom: 16px; }
        .scan-progress.hidden { display: none; }
        .scan-progress-bar { height: 6px; background: var(--surface-overlay); border-radius: 10px; overflow: hidden; margin-bottom: 12px; }
        .scan-progress-fill {
            height: 100%; width: 30%;
            background: linear-gradient(90deg, rgba(61, 90, 128, 0.85), rgba(229, 168, 75, 0.9), rgba(61, 90, 128, 0.85));
            background-size: 200% 100%;
            border-radius: 10px; transition: width 0.25s ease;
            animation: scanPulse 1.2s ease-in-out infinite, crystalBarShimmer 2.4s linear infinite;
        }
        .scan-progress-fill[style*="width"] { animation: crystalBarShimmer 2.4s linear infinite; }
        .scan-progress-body {
            display: flex; align-items: center; gap: 14px;
        }
        .scan-progress-copy { min-width: 0; flex: 1; }
        @keyframes crystalBarShimmer {
            0% { background-position: 100% 0; }
            100% { background-position: -100% 0; }
        }
        @keyframes scanPulse { 0% { transform: translateX(-100%); } 100% { transform: translateX(350%); } }
        .scan-progress-crystal {
            margin: 0 0 4px; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.02em;
            color: var(--primary); text-transform: none;
        }
        .scan-progress-text { font-size: 0.82rem; color: var(--text-muted); font-weight: 500; line-height: 1.4; }

        .crystal-loader {
            position: relative; flex-shrink: 0;
            width: 28px; height: 28px;
            display: inline-flex; align-items: center; justify-content: center;
        }
        .crystal-loader--sm { width: 16px; height: 16px; }
        .crystal-loader--md { width: 28px; height: 28px; }
        .crystal-loader--lg { width: 44px; height: 44px; }
        .crystal-loader--xl { width: 72px; height: 72px; }

        .dash-crystal-stage {
            margin-bottom: 12px; padding: 12px 14px; border-radius: 18px;
            border: 1px solid rgba(196, 165, 116, 0.22);
            background: linear-gradient(145deg, rgba(9, 20, 39, 0.55) 0%, rgba(8, 12, 24, 0.38) 100%);
            box-shadow: 0 8px 28px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.04);
        }
        .dash-crystal-stage.hidden { display: none; }
        .dash-crystal-stage__inner {
            display: flex; align-items: flex-start; gap: 14px; text-align: left;
        }
        .dash-crystal-gem-wrap {
            flex-shrink: 0; margin: 2px 0 0 10%;
            align-self: flex-start;
        }
        .dash-crystal-stage.is-complete { padding: 10px 14px; }
        .dash-crystal-scanning.hidden,
        .dash-crystal-summary.hidden { display: none; }
        .dash-crystal-status {
            margin: 0 0 4px; font-size: 0.9rem; font-weight: 800; letter-spacing: 0.01em;
            color: var(--primary);
        }
        .dash-crystal-sub { margin: 0; font-size: 0.8rem; color: var(--text-muted); font-weight: 500; line-height: 1.4; }
        .dash-crystal-summary__title {
            margin: 0 0 4px; font-size: 0.92rem; font-weight: 800; color: var(--text);
        }
        .dash-crystal-summary__lead {
            margin: 0 0 8px; font-size: 0.8rem; color: var(--text-muted); font-weight: 500; line-height: 1.4;
        }
        .dash-crystal-summary__stats {
            margin: 0; padding: 0; list-style: none;
            display: flex; flex-direction: column; gap: 4px;
        }
        .dash-crystal-summary__stats li {
            font-size: 0.82rem; color: var(--text-muted); font-weight: 500; line-height: 1.35;
        }
        .dash-crystal-summary__stats li.is-valid { color: #34d399; }
        .dash-crystal-summary__stats li.is-invalid { color: #fb7185; }
        .dash-crystal-summary__stats li.is-disposable { color: #fbbf24; }
        .dash-crystal-progress-bar {
            height: 4px; margin-top: 12px; background: var(--surface-overlay);
            border-radius: 10px; overflow: hidden;
        }
        .dash-crystal-progress-bar.hidden { display: none; }
        .dash-crystal-progress-fill {
            height: 100%; width: 0%;
            background: linear-gradient(90deg, rgba(61, 90, 128, 0.9), rgba(196, 165, 116, 0.95), rgba(96, 165, 250, 0.85));
            border-radius: 10px; transition: width 0.25s ease;
        }

        .result-bulk-scanning {
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            gap: 12px; padding: 36px 20px; text-align: center;
        }
        .result-bulk-scanning__title {
            margin: 0; font-size: 1rem; font-weight: 700; color: var(--text);
        }
        .result-bulk-scanning__sub {
            margin: 0; font-size: 0.86rem; color: var(--text-muted);
        }
        .result-bulk-compact-preview { margin-top: 4px; }
        .result-bulk-compact-more {
            margin: 10px 0 0; font-size: 0.8rem; color: var(--text-muted); font-weight: 500; line-height: 1.45;
        }
        .crystal-loader__aura {
            position: absolute; inset: -42%;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(229, 168, 75, 0.38) 0%, rgba(61, 90, 128, 0.22) 48%, transparent 72%);
            animation: crystalAuraPulse 2.4s ease-in-out infinite;
        }
        .crystal-loader__gem {
            position: relative; z-index: 1;
            width: 56%; height: 72%;
            clip-path: polygon(50% 0%, 92% 38%, 76% 100%, 24% 100%, 8% 38%);
            background: linear-gradient(145deg, rgba(196, 165, 116, 0.95) 0%, rgba(61, 90, 128, 0.88) 52%, rgba(229, 168, 75, 0.8) 100%);
            box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.22), 0 0 12px rgba(229, 168, 75, 0.18);
            overflow: hidden;
            animation: crystalFloat 2.8s ease-in-out infinite;
        }
        .crystal-loader__shimmer {
            position: absolute; inset: -30%;
            background: linear-gradient(105deg, transparent 36%, rgba(255, 255, 255, 0.62) 50%, transparent 64%);
            animation: crystalShimmer 1.9s ease-in-out infinite;
        }
        @keyframes crystalAuraPulse {
            0%, 100% { transform: scale(0.88); opacity: 0.45; }
            50% { transform: scale(1.12); opacity: 0.95; }
        }
        @keyframes crystalShimmer {
            0% { transform: translateX(-130%) rotate(14deg); opacity: 0; }
            20% { opacity: 1; }
            100% { transform: translateX(130%) rotate(14deg); opacity: 0; }
        }
        @keyframes crystalFloat {
            0%, 100% { transform: translateY(0) scale(1); }
            50% { transform: translateY(-2px) scale(1.04); }
        }
        @media (prefers-reduced-motion: reduce) {
            .crystal-loader__aura, .crystal-loader__gem, .crystal-loader__shimmer, .scan-progress-fill {
                animation: none !important;
            }
        }

        .result-row-status--pending { display: inline-flex; align-items: center; gap: 8px; }
        .result-row-message--crystal { align-items: center; gap: 14px; padding: 18px 16px; }
        .result-row-message--crystal .result-row-message-copy {
            display: flex; flex-direction: column; gap: 4px;
        }
        .result-row-message--crystal .result-row-message-copy strong {
            font-size: 0.88rem; color: var(--primary); font-weight: 800;
        }
        .result-row-message--crystal .result-row-message-copy span {
            font-size: 0.82rem; color: var(--text-muted); font-weight: 500;
        }

        .result-bulk-compact {
            padding: 20px 18px; border-radius: 18px;
            border: 1px solid rgba(229, 168, 75, 0.28);
            background: linear-gradient(135deg, rgba(229, 168, 75, 0.08), rgba(61, 90, 128, 0.06));
        }
        .result-bulk-compact-head {
            display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px;
        }
        .result-bulk-compact-head i { width: 22px; height: 22px; color: var(--primary); flex-shrink: 0; margin-top: 2px; }
        .result-bulk-compact-head strong { display: block; font-size: 1rem; margin-bottom: 6px; }
        .result-bulk-compact-head p { margin: 0; font-size: 0.84rem; color: var(--text-muted); line-height: 1.45; }
        .result-bulk-compact-stats {
            display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px;
            list-style: none; margin: 0 0 14px; padding: 0;
        }
        .result-bulk-compact-stats li {
            padding: 10px 12px; border-radius: 12px; background: var(--surface-overlay);
            border: 1px solid var(--border); text-align: center;
        }
        .result-bulk-compact-stats span {
            display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px;
        }
        .result-bulk-compact-stats strong { font-size: 1.1rem; }
        .result-bulk-compact-cta {
            margin: 0; font-size: 0.82rem; color: var(--text-muted); line-height: 1.45;
        }
        .result-bulk-compact-preview {
            display: flex; flex-direction: column; gap: 12px; margin-top: 18px;
        }
        .result-bulk-compact-more {
            margin: 4px 0 0; font-size: 0.82rem; color: var(--text-muted); text-align: center; line-height: 1.45;
        }
        .results-drawer-footer { display: flex; flex-direction: column; gap: 10px; padding-top: 8px; }
        .results-drawer-more {
            text-align: center; color: var(--text-muted); font-size: 0.82rem; margin: 0;
        }
        .results-drawer-load-more { margin-top: 4px; }

        .toast-container { position: fixed; top: 20px; right: 20px; z-index: 10001; display: flex; flex-direction: column; gap: 10px; max-width: 360px; }
        .toast {
            background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 14px 18px;
            box-shadow: var(--shadow); font-size: 0.88rem; animation: toastIn 0.3s ease; display: flex; align-items: flex-start; gap: 10px;
        }
        .toast.success { border-color: rgba(16,185,129,0.4); }
        .toast.error { border-color: rgba(244,63,94,0.4); }
        .toast.info { border-color: rgba(99,102,241,0.4); }
        @keyframes toastIn { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }

        .api-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin: 20px 0; }
        .api-stat-card { background: var(--surface-overlay); border: 1px solid var(--border); border-radius: 16px; padding: 18px; }
        .api-stat-card .label { font-size: 0.8rem; color: var(--text-muted); margin-bottom: 6px; }
        .api-stat-card .value { font-size: 1.4rem; font-weight: 800; color: var(--primary); }
        .api-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
        .api-code-block {
            background: rgba(0,0,0,0.35); border: 1px solid var(--border); border-radius: 14px; padding: 16px;
            font-family: monospace; font-size: 0.78rem; color: var(--accent); overflow-x: auto; margin-top: 16px; line-height: 1.6;
        }
        .report-chart-wrap { margin: 20px 0 30px; height: 200px; }

        .mobile-bottom-nav {
            display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 100;
            background: var(--surface); border-top: 1px solid var(--border); padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
            justify-content: space-around; backdrop-filter: blur(20px);
        }
        .mobile-nav-btn {
            border: none; background: transparent; color: var(--text-muted); display: flex; flex-direction: column;
            align-items: center; gap: 4px; font-size: 0.65rem; font-weight: 600; padding: 8px 10px; border-radius: 12px; cursor: pointer;
        }
        .mobile-nav-btn.active { color: var(--primary); background: var(--border-glow); }
        .mobile-nav-btn i { width: 20px; height: 20px; }
        .mobile-nav-btn span { max-width: 56px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        @media (max-width: 640px) {
            body:not(.auth-visible) .mobile-bottom-nav--launch {
                display: flex;
            }
            body:not(.auth-visible) .workspace {
                padding-bottom: 72px;
            }
            .sidebar-more-btn { width: 42px; min-height: 42px; border-radius: 12px; }
            .sidebar-advanced__note { max-width: 56px; font-size: 0.52rem; }
        }

        .bl-subtitle { color: var(--text-muted); font-size: 0.94rem; margin-bottom: 16px; line-height: var(--leading-body); max-width: 68ch; }
        .bl-guardian-pitch { font-size: 0.9rem; font-weight: 600; color: var(--primary); margin-bottom: 22px; line-height: var(--leading-body); padding: 14px 16px; border-radius: 12px; background: rgba(229, 168, 75, 0.08); border: 1px solid rgba(229, 168, 75, 0.2); }
        .bl-guardian-banner { margin-bottom: 18px; border-radius: 14px; padding: 16px 18px; border: 1px solid var(--border); }
        .bl-guardian-banner.inactive { background: linear-gradient(135deg, rgba(99,102,241,0.1), rgba(244,63,94,0.06)); border-color: rgba(99,102,241,0.3); }
        .bl-guardian-banner.active { background: rgba(16, 185, 129, 0.08); border-color: rgba(16, 185, 129, 0.35); }
        .bl-guardian-banner h3 { font-size: 1rem; font-weight: 800; margin-bottom: 6px; display: flex; align-items: center; gap: 8px; }
        .bl-guardian-banner p { font-size: 0.88rem; color: var(--text-muted); line-height: var(--leading-body); margin-bottom: 14px; }
        .bl-guardian-live { display: inline-flex; align-items: center; gap: 6px; font-size: 0.75rem; font-weight: 800; color: var(--success); text-transform: uppercase; }
        .bl-guardian-live::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--success); animation: bl-pulse 1.5s infinite; }
        @keyframes bl-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } }
        .bl-next-scan { font-size: 0.78rem; color: var(--text-muted); margin-left: auto; font-weight: 600; }
        .bl-alerts-title { font-size: 0.95rem; font-weight: 800; margin: 20px 0 10px; }
        .bl-alerts-feed { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; max-height: 200px; overflow-y: auto; }
        .bl-alert-item { font-size: 0.82rem; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface-overlay); }
        .bl-alert-item.listed { border-color: rgba(244, 63, 94, 0.35); background: rgba(244, 63, 94, 0.06); }
        .bl-alert-item.listed.historical { border-color: rgba(148, 163, 184, 0.35); background: rgba(148, 163, 184, 0.08); color: var(--text-muted); }
        .bl-alert-item.cleared { border-color: rgba(16, 185, 129, 0.35); }
        .bl-alert-time { font-size: 0.72rem; color: var(--text-muted); margin-top: 4px; }
        .bl-alert-time.bl-alert-stale { font-style: italic; color: var(--text-muted); }
        .bl-monitoring-badge { font-size: 0.68rem; font-weight: 800; padding: 2px 8px; border-radius: 999px; background: rgba(16, 185, 129, 0.15); color: var(--success); }
        .bl-paused-badge { font-size: 0.68rem; font-weight: 800; padding: 2px 8px; border-radius: 999px; background: rgba(148, 163, 184, 0.2); color: var(--text-muted); }
        .pricing-grid-3 { grid-template-columns: repeat(3, 1fr); }
        .price-card-guardian { border-color: rgba(229, 168, 75, 0.35); }
        .price-card-guardian.selected { border-color: var(--primary); box-shadow: 0 0 0 2px rgba(229, 168, 75, 0.25); }
        .plan-badge.guardian { background: var(--primary); }
        .plan-per-month { font-size: 0.9rem; font-weight: 600; color: var(--text-muted); }
        .pricing-grid-4 { grid-template-columns: repeat(2, 1fr); gap: 18px; }
        @media (min-width: 1100px) { .pricing-grid-4 { grid-template-columns: repeat(4, 1fr); gap: 20px; } }
        .pricing-grid-6 { grid-template-columns: repeat(2, 1fr); gap: 18px; }
        @media (min-width: 900px) { .pricing-grid-6 { grid-template-columns: repeat(3, 1fr); gap: 18px; } }
        @media (min-width: 1280px) { .pricing-grid-6 { grid-template-columns: repeat(3, 1fr); gap: 20px; } }
        .plan-badge.membership { background: rgba(229, 168, 75, 0.15); color: var(--primary); }
        .price-card-business { border-color: rgba(16, 185, 129, 0.35); }
        .price-card-business.selected { border-color: var(--success); box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2); }
        .price-card-enterprise { border-color: rgba(245, 158, 11, 0.45); background: linear-gradient(180deg, rgba(245, 158, 11, 0.06) 0%, transparent 100%); }
        .price-card-enterprise.selected { border-color: var(--warning); box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.25); }
        .plan-badge.enterprise { background: rgba(245, 158, 11, 0.18); color: var(--warning); border: 1px solid rgba(245, 158, 11, 0.35); }
        .api-priority-banner { margin-bottom: 18px; padding: 12px 16px; border-radius: 10px; font-size: 0.9rem; font-weight: 600; line-height: var(--leading-body); color: var(--warning); background: rgba(245, 158, 11, 0.12); border: 1px solid rgba(245, 158, 11, 0.3); }
        .price-card-free { border-color: rgba(148, 163, 184, 0.35); opacity: 0.95; cursor: default; }
        .price-card-pack { border-color: rgba(245, 158, 11, 0.35); }
        .price-card-pack.selected { border-color: var(--warning); box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2); }
        .plan-badge.free { background: rgba(148, 163, 184, 0.2); color: var(--text-muted); }
        .plan-badge.rollover { background: rgba(16, 185, 129, 0.2); color: var(--success); }
        .plan-badge.onetime { background: rgba(245, 158, 11, 0.2); color: var(--warning); }
        .subject-campaign-banner { padding: 18px 20px; border-radius: 14px; margin-bottom: 18px; border: 1px solid var(--border); }
        .subject-campaign-banner.inactive { background: rgba(229, 168, 75, 0.06); border-color: rgba(229, 168, 75, 0.25); }
        .subject-campaign-banner.active { background: rgba(16, 185, 129, 0.08); border-color: rgba(16, 185, 129, 0.3); }
        .subject-campaign-banner h3 { font-size: 1rem; font-weight: 800; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
        .subject-campaign-banner p { font-size: 0.88rem; color: var(--text-muted); line-height: var(--leading-body); margin-bottom: 14px; }
        .subject-campaign-banner.inactive p:last-of-type { margin-bottom: 14px; }
        .subject-campaign-banner.active p { margin-bottom: 0; }
        .subject-campaign-live { color: var(--success); font-weight: 800; }
        @media (max-width: 900px) { .pricing-grid-3 { grid-template-columns: 1fr; } .pricing-grid-4 { grid-template-columns: 1fr; } .pricing-grid-6 { grid-template-columns: 1fr; } }
        .bl-stats-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 20px; }
        .bl-stat-card { text-align: center; padding: 16px; border-radius: 14px; background: var(--surface-overlay); border: 1px solid var(--border); }
        .bl-stat-card.danger { border-color: rgba(244, 63, 94, 0.35); background: rgba(244, 63, 94, 0.06); }
        .bl-stat-card.success { border-color: rgba(16, 185, 129, 0.35); background: rgba(16, 185, 129, 0.06); }
        .bl-stat-value { font-size: 1.8rem; font-weight: 800; }
        .bl-stat-card.danger .bl-stat-value { color: var(--danger); }
        .bl-stat-card.success .bl-stat-value { color: var(--success); }
        .bl-stat-label { font-size: 0.75rem; color: var(--text-muted); font-weight: 600; margin-top: 4px; }
        .bl-alert { padding: 12px 14px; border-radius: 12px; background: rgba(244, 63, 94, 0.12); border: 1px solid rgba(244, 63, 94, 0.35); color: var(--danger); font-size: 0.86rem; font-weight: 600; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
        .bl-add-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
        .bl-add-row .domain-input { flex: 1; min-width: 200px; }
        .bl-hint { font-size: 0.82rem; color: var(--text-muted); margin-bottom: 18px; line-height: var(--leading-relaxed); }
        .bl-toolbar { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }
        .bl-cost-note { font-size: 0.78rem; color: var(--text-muted); font-weight: 600; }
        .bl-auto-toggle { display: flex; align-items: center; gap: 8px; font-size: 0.82rem; color: var(--text-muted); margin-left: auto; cursor: pointer; }
        .bl-auto-toggle input { accent-color: var(--primary); }
        .bl-watchlist { display: flex; flex-direction: column; gap: 12px; }
        .bl-empty { text-align: center; padding: 32px 16px; color: var(--text-muted); font-size: 0.9rem; }
        .bl-item { border: 1px solid var(--border); border-radius: 14px; background: var(--surface-overlay); overflow: hidden; }
        .bl-item.listed { border-color: rgba(244, 63, 94, 0.45); }
        .bl-item.warning { border-color: rgba(245, 158, 11, 0.45); }
        .bl-item.clean { border-color: rgba(16, 185, 129, 0.25); }
        .bl-item-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; cursor: pointer; }
        .bl-item-header:hover { background: rgba(229, 168, 75, 0.04); }
        .bl-item-target { font-weight: 700; font-size: 0.95rem; }
        .bl-item-type { font-size: 0.72rem; color: var(--text-muted); font-weight: 600; text-transform: uppercase; margin-left: 8px; }
        .bl-item-meta { font-size: 0.75rem; color: var(--text-muted); margin-top: 4px; }
        .bl-item-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
        .bl-status-badge { font-size: 0.72rem; font-weight: 800; padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
        .bl-status-badge.clean { background: rgba(16, 185, 129, 0.15); color: var(--success); }
        .bl-status-badge.warning { background: rgba(245, 158, 11, 0.15); color: #d97706; }
        .bl-status-badge.listed { background: rgba(244, 63, 94, 0.15); color: var(--danger); }
        .bl-status-badge.pending { background: rgba(148, 163, 184, 0.2); color: var(--text-muted); }
        .bl-item-body { display: none; padding: 0 16px 14px; border-top: 1px solid var(--border); }
        .bl-item.open .bl-item-body { display: block; }
        .bl-rbl-table { width: 100%; border-collapse: collapse; font-size: 0.8rem; margin-top: 10px; }
        .bl-rbl-table th, .bl-rbl-table td { text-align: left; padding: 8px 6px; border-bottom: 1px solid var(--border); }
        .bl-rbl-table th { font-size: 0.72rem; text-transform: uppercase; color: var(--text-muted); }
        .bl-rbl-listed { color: var(--danger); font-weight: 700; }
        .bl-rbl-clean { color: var(--success); font-weight: 600; }
        .bl-rbl-skip { color: var(--text-muted); font-style: italic; }
        .bl-rbl-warn { color: var(--warning, #d97706); font-weight: 600; }
        .bl-details-head { font-size: 0.82rem; font-weight: 700; margin-top: 10px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.04em; }
        .bl-details-foot { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin-top: 10px; font-size: 0.78rem; color: var(--text-muted); }
        .bl-item-hint { font-size: 0.75rem; color: var(--text-muted); margin-top: 4px; display: inline-flex; align-items: center; gap: 4px; }
        .bl-item.open .bl-item-hint [data-lucide="chevron-down"] { transform: rotate(180deg); }
        .bl-rbl-expl-row td { padding-top: 0; border-bottom: none; }
        .bl-rbl-expl { font-size: 0.75rem; color: var(--text-muted); display: block; padding-bottom: 8px; }
        .gi-reasons { margin-top: 12px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 10px; background: rgba(0,0,0,0.15); }
        .gi-reasons-title { font-size: 0.82rem; font-weight: 700; margin: 0 0 6px; color: var(--text-muted); }
        .gi-reasons ul { margin: 0; padding-left: 18px; font-size: 0.82rem; color: var(--text-muted); }
        .bl-demo-note { font-size: 0.75rem; color: var(--text-muted); font-style: italic; margin-top: 16px; line-height: 1.45; }
        @media (max-width: 640px) { .bl-stats-row { grid-template-columns: 1fr; } .bl-auto-toggle { margin-left: 0; width: 100%; } }

        .subject-subtitle { color: var(--text-muted); font-size: 0.94rem; margin-bottom: 22px; line-height: var(--leading-body); max-width: 68ch; }
        .subject-mode-tabs {
            display: inline-flex; gap: 6px; margin-bottom: 16px; padding: 4px;
            border-radius: 12px; border: 1px solid var(--border); background: var(--surface-overlay);
        }
        .subject-mode-tab {
            border: none; background: transparent; color: var(--text-muted);
            font-size: 0.78rem; font-weight: 700; padding: 8px 14px; border-radius: 8px; cursor: pointer;
        }
        .subject-mode-tab.active {
            background: rgba(229, 168, 75, 0.14); color: var(--primary);
            box-shadow: inset 0 0 0 1px rgba(229, 168, 75, 0.25);
        }
        .subject-compare-hint {
            margin: 0 0 12px; font-size: 0.82rem; line-height: 1.45; color: var(--text-muted);
        }
        .subject-ab-grid {
            display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 4px;
        }
        @media (max-width: 900px) { .subject-ab-grid { grid-template-columns: 1fr; } }
        .subject-optional { font-weight: 600; color: var(--text-muted); font-size: 0.72rem; }
        .subject-compare-results {
            margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--border);
        }
        .subject-compare-results h3 {
            margin: 0 0 12px; font-size: 0.92rem; font-weight: 800;
        }
        .subject-compare-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px;
        }
        .subject-compare-card {
            position: relative; padding: 14px 12px; border-radius: 12px;
            border: 1px solid var(--border); background: var(--surface-overlay);
            cursor: pointer; transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
        }
        .subject-compare-card:hover { border-color: rgba(229, 168, 75, 0.35); transform: translateY(-1px); }
        .subject-compare-card.is-winner {
            border-color: rgba(16, 185, 129, 0.45);
            box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.18);
        }
        .subject-compare-card.is-selected {
            border-color: rgba(229, 168, 75, 0.45);
            box-shadow: 0 0 0 1px rgba(229, 168, 75, 0.18);
        }
        .subject-compare-card__label {
            display: inline-flex; align-items: center; gap: 6px;
            font-size: 0.72rem; font-weight: 800; color: var(--text-muted); margin-bottom: 8px;
        }
        .subject-compare-card__winner {
            font-size: 0.62rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em;
            color: var(--success); background: rgba(16, 185, 129, 0.12);
            padding: 2px 6px; border-radius: 999px;
        }
        .subject-compare-card__text {
            margin: 0 0 10px; font-size: 0.82rem; line-height: 1.4; color: var(--text);
            display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
        }
        .subject-compare-card__scores {
            display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
        }
        .subject-compare-score {
            padding: 8px; border-radius: 8px; background: rgba(148, 163, 184, 0.08);
            border: 1px solid var(--border); text-align: center;
        }
        .subject-compare-score strong {
            display: block; font-size: 1rem; line-height: 1.1;
        }
        .subject-compare-score span {
            display: block; margin-top: 2px; font-size: 0.62rem; font-weight: 700;
            color: var(--text-muted); text-transform: uppercase;
        }
        .subject-compare-score.good strong { color: var(--success); }
        .subject-compare-score.mid strong { color: #d97706; }
        .subject-compare-score.bad strong { color: var(--danger); }
        .subject-input-wrap { margin-bottom: 14px; }
        .subject-input { font-size: 1rem; padding: 14px 16px; }
        .subject-char-row { display: flex; justify-content: space-between; font-size: 0.78rem; color: var(--text-muted); margin-top: 6px; font-weight: 600; }
        .subject-cost { color: var(--warning); }
        .subject-results { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--border); }
        .subject-score-row { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
        .subject-grade-ring { width: 110px; height: 110px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 4px solid var(--border); flex-shrink: 0; }
        .subject-grade-ring.good { border-color: var(--success); background: rgba(16, 185, 129, 0.08); }
        .subject-grade-ring.mid { border-color: #d97706; background: rgba(245, 158, 11, 0.08); }
        .subject-grade-ring.bad { border-color: var(--danger); background: rgba(244, 63, 94, 0.08); }
        .subject-grade-letter { font-size: 2rem; font-weight: 900; line-height: 1; }
        .subject-grade-ring.good .subject-grade-letter { color: var(--success); }
        .subject-grade-ring.mid .subject-grade-letter { color: #d97706; }
        .subject-grade-ring.bad .subject-grade-letter { color: var(--danger); }
        .subject-grade-score { font-size: 0.75rem; color: var(--text-muted); font-weight: 700; margin-top: 2px; }
        .subject-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 10px; flex: 1; }
        .subject-metric { padding: 10px 12px; border-radius: 10px; background: var(--surface-overlay); border: 1px solid var(--border); text-align: center; }
        .subject-metric-val { font-size: 1.2rem; font-weight: 800; }
        .subject-metric-lbl { font-size: 0.7rem; color: var(--text-muted); font-weight: 600; margin-top: 2px; }
        .subject-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
        @media (max-width: 700px) { .subject-columns { grid-template-columns: 1fr; } }
        .subject-col h3 { font-size: 0.88rem; font-weight: 800; margin-bottom: 10px; }
        .subject-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
        .subject-list li { font-size: 0.82rem; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--border); background: var(--surface-overlay); line-height: 1.45; }
        .subject-list li.error { border-color: rgba(244, 63, 94, 0.35); background: rgba(244, 63, 94, 0.06); }
        .subject-list li.warn { border-color: rgba(245, 158, 11, 0.35); }
        .subject-list li.info { border-color: rgba(229, 168, 75, 0.25); }
        .subject-list.tips li { border-color: rgba(16, 185, 129, 0.25); background: rgba(16, 185, 129, 0.05); }
        .subject-alts { margin-top: 12px; }
        .subject-alts h3 { font-size: 0.88rem; font-weight: 800; margin-bottom: 12px; }
        #subjectAlternativesList {
            display: flex;
            flex-direction: column;
            gap: 8px;
            max-height: 520px;
            overflow-y: auto;
            padding-right: 2px;
        }
        .subject-alt-card {
            display: grid;
            grid-template-columns: 28px minmax(0, 1fr) auto;
            gap: 12px;
            align-items: start;
            padding: 12px 14px;
            border-radius: 12px;
            border: 1px solid var(--border);
            background: var(--surface-overlay);
        }
        .subject-alt-card__index {
            width: 28px;
            height: 28px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.72rem;
            font-weight: 800;
            color: var(--text-muted);
            background: rgba(148, 163, 184, 0.1);
            flex-shrink: 0;
        }
        .subject-alt-card__body { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
        .subject-alt-card__meta { display: flex; align-items: center; gap: 8px; }
        .subject-alt-text {
            margin: 0;
            font-size: 0.86rem;
            line-height: 1.45;
            word-break: break-word;
        }
        .subject-alt-angle {
            font-size: 0.66rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: var(--primary);
            background: rgba(229, 168, 75, 0.1);
            padding: 3px 8px;
            border-radius: 6px;
            flex-shrink: 0;
            white-space: nowrap;
        }
        .subject-alt-copy {
            background: var(--surface);
            border: 1px solid var(--border);
            color: var(--primary);
            cursor: pointer;
            font-weight: 700;
            font-size: 0.76rem;
            flex-shrink: 0;
            padding: 7px 10px;
            border-radius: 8px;
            align-self: center;
        }
        .subject-alt-copy:hover { border-color: var(--primary); background: rgba(229, 168, 75, 0.08); }
        @media (max-width: 640px) {
            .subject-alt-card { grid-template-columns: 24px minmax(0, 1fr); }
            .subject-alt-card__index { width: 24px; height: 24px; font-size: 0.68rem; }
            .subject-alt-copy { grid-column: 2; justify-self: start; margin-top: 2px; }
        }
        .subject-verdict { font-size: 1.05rem; font-weight: 700; margin-bottom: 14px; line-height: 1.45; }
        .subject-verdict.good { color: var(--success); }
        .subject-verdict.mid { color: #d97706; }
        .subject-verdict.bad { color: var(--danger); }
        .subject-grade-label { font-size: 0.65rem; color: var(--text-muted); font-weight: 700; margin-top: 2px; text-transform: uppercase; letter-spacing: 0.03em; }
        .subject-deliver-mini { text-align: center; padding: 12px 16px; border-radius: 12px; border: 1px solid var(--border); background: var(--surface-overlay); min-width: 90px; }
        .subject-deliver-val { display: block; font-size: 1.4rem; font-weight: 800; }
        .subject-deliver-lbl { font-size: 0.65rem; color: var(--text-muted); font-weight: 700; text-transform: uppercase; }
        .subject-coaching-box, .subject-tones-box { margin-bottom: 18px; }
        .subject-coaching-box h3, .subject-tones-box h3 { font-size: 0.88rem; font-weight: 800; margin-bottom: 10px; }
        .subject-coaching-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
        .subject-coaching-list li { font-size: 0.86rem; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--border); line-height: 1.45; }
        .subject-coaching-list li.coach-coach { border-color: rgba(229, 168, 75, 0.35); background: rgba(229, 168, 75, 0.06); }
        .subject-coaching-list li.coach-warn { border-color: rgba(245, 158, 11, 0.35); background: rgba(245, 158, 11, 0.06); }
        .subject-coaching-list li.coach-good { border-color: rgba(16, 185, 129, 0.35); background: rgba(16, 185, 129, 0.06); }
        .subject-coaching-list li.coach-info { border-color: rgba(229, 168, 75, 0.2); }
        .subject-ai-box {
            margin-bottom: 18px;
            padding: 14px 16px;
            border-radius: 12px;
            border: 1px solid rgba(99, 102, 241, 0.28);
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(229, 168, 75, 0.05));
        }
        .subject-ai-box__head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-bottom: 8px;
        }
        .subject-ai-box__head h3 {
            margin: 0;
            font-size: 0.88rem;
            font-weight: 800;
        }
        .subject-ai-box__badge {
            font-size: 0.62rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            padding: 3px 8px;
            border-radius: 999px;
            color: #c4d0ff;
            border: 1px solid rgba(129, 140, 248, 0.45);
            background: rgba(99, 102, 241, 0.16);
        }
        .subject-ai-box__summary {
            margin: 0 0 8px;
            font-size: 0.86rem;
            line-height: 1.5;
            color: var(--text-muted);
        }
        .subject-ai-box__tips {
            list-style: disc;
            margin: 0;
            padding-left: 18px;
            display: flex;
            flex-direction: column;
            gap: 4px;
            font-size: 0.82rem;
            color: var(--text-muted);
        }
        .analytics-insight__badge {
            display: inline-block;
            margin-right: 6px;
            font-size: 0.62rem;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            padding: 2px 7px;
            border-radius: 999px;
            color: #a5b4fc;
            border: 1px solid rgba(129, 140, 248, 0.35);
            background: rgba(99, 102, 241, 0.12);
            vertical-align: middle;
        }
        .subject-tone-row { display: grid; grid-template-columns: 88px 1fr 32px; gap: 8px; align-items: center; margin-bottom: 6px; font-size: 0.78rem; }
        .subject-tone-lbl { color: var(--text-muted); font-weight: 600; }
        .subject-tone-track { height: 8px; border-radius: 4px; background: var(--border); overflow: hidden; }
        .subject-tone-fill { height: 100%; border-radius: 4px; transition: width 0.3s; }
        .subject-tone-fill.good { background: var(--success); }
        .subject-tone-fill.mid { background: #d97706; }
        .subject-tone-fill.bad { background: var(--danger); }
        .subject-tone-pct { font-weight: 700; text-align: right; }
        .subject-context-banner { padding: 12px 14px; border-radius: 10px; background: rgba(16, 185, 129, 0.08); border: 1px solid rgba(16, 185, 129, 0.25); font-size: 0.86rem; font-weight: 600; margin-bottom: 16px; color: var(--success); }
        .subject-cta-box { margin-top: 16px; padding: 16px; border-radius: 12px; border: 1px solid rgba(229, 168, 75, 0.3); background: rgba(229, 168, 75, 0.06); display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
        .subject-cta-text p { margin: 6px 0 0; font-size: 0.86rem; color: var(--text-muted); font-weight: 500; line-height: var(--leading-body); }
        .subject-cta-btn { padding: 10px 16px !important; font-size: 0.85rem !important; }
        .nav-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

        @media (max-width: 1200px) {
            .auth-screen { height: 100dvh; overflow: hidden; }
            .auth-layout { flex: 1; min-height: 0; overflow-y: auto; grid-template-columns: 1fr; }
            .auth-hero-panel {
                border-bottom: none;
                max-height: none;
                overflow: visible;
                min-height: calc(100dvh - 52px);
            }
            .auth-panel { padding: 16px 20px 28px; overflow: visible; min-height: auto; }
            .auth-feature-cards { grid-template-columns: repeat(3, 1fr); }
        }
        @media (max-width: 960px) {
            .center-grid { grid-template-columns: 1fr; }
            .pricing-grid { grid-template-columns: 1fr; }
            nav { padding: 14px 18px; flex-wrap: wrap; gap: 12px; }
            .brand { font-size: 1.2rem; }
            .glass-card { padding: 22px; }
            .stats-grid { grid-template-columns: 1fr 1fr; }
            .stats-grid-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .drop-zone-features { grid-template-columns: 1fr; max-width: 280px; }
            .report-row-simple { flex-direction: column; align-items: flex-start; gap: 6px; }
            .auth-layout { grid-template-columns: 1fr; }
            .auth-live-demo { margin-top: 14px; }
            .auth-trust-strip { margin-top: 12px; }
        }
        @media (max-width: 640px) {
            body:not(.auth-visible) { padding: 12px; align-items: flex-start; }
            body.auth-visible { padding: 0; align-items: stretch; }
            .workspace { grid-template-columns: 64px 1fr; gap: 12px; }
            .sidebar { padding: 16px 0; gap: 12px; min-height: auto; border-radius: 18px; }
            .side-icon { width: 42px; height: 42px; border-radius: 12px; }
            .user-pill { display: none; }
            .auth-layout { grid-template-columns: 1fr; }
            .auth-hero-panel {
                padding: 28px 20px 24px; justify-content: flex-start;
            }
            .auth-screen-top {
                padding: 8px 12px; gap: 8px; min-height: auto; flex-wrap: wrap;
            }
            .auth-top-entry { order: 2; align-items: flex-end; flex: 1 1 auto; min-width: 0; }
            .auth-top-signin-hint { font-size: 0.72rem; white-space: normal; max-width: none; text-align: right; }
            .auth-screen-lang { order: 3; }
            .auth-screen-top-right { width: 100%; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
            .auth-top-auth-btn { padding: 7px 12px; font-size: 0.74rem; }
            .auth-top-auth-btn-ghost { padding: 7px 10px; }
            .auth-about-stats { grid-template-columns: 1fr; }
            .auth-top-logo-tagline { white-space: normal; max-width: none; font-size: 0.62rem; }
            .auth-top-nav { justify-content: flex-start; }
            .auth-top-nav-link { font-size: 0.74rem; padding: 5px 8px; }
            .auth-top-nav-link span { display: none; }
            .auth-top-nav-link i { display: inline-flex !important; width: 15px; height: 15px; opacity: 0.8; }
            .auth-pricing-grid { grid-template-columns: 1fr; }
            .auth-hero-center { max-width: none; }
            .hero-welcome-grid { grid-template-columns: 1fr; gap: 24px; }
            .hero-welcome-visual { order: 0; padding-top: 1.5rem; }
            .hero-focus { min-height: auto; justify-content: flex-start; padding-top: 0; }
            .hero-orbit-ring { width: min(72vw, 240px); }
            .hero-orbit-node-1, .hero-orbit-node-2, .hero-orbit-node-3,
            .hero-orbit-node-4, .hero-orbit-node-5, .hero-orbit-node-6 {
                transform-origin: center;
            }
            .hero-orbit-node-1 { transform: rotate(0deg) translateY(-98px); }
            .hero-orbit-node-2 { transform: rotate(60deg) translateY(-98px); }
            .hero-orbit-node-3 { transform: rotate(120deg) translateY(-98px); }
            .hero-orbit-node-4 { transform: rotate(180deg) translateY(-98px); }
            .hero-orbit-node-5 { transform: rotate(240deg) translateY(-98px); }
            .hero-orbit-node-6 { transform: rotate(300deg) translateY(-98px); }
            .auth-hero-slogan { max-width: none; font-size: clamp(1.45rem, 5.5vw, 1.85rem); }
            .auth-hero-cta { width: 100%; max-width: none; padding: 14px 20px; }
            .auth-hero-center { align-items: flex-start; }
            .auth-feature-cards { grid-template-columns: 1fr; }
            .auth-live-demo { max-width: none; }
            .auth-trust-strip { gap: 8px; }
            .auth-trust-strip span { font-size: 0.72rem; padding: 5px 10px; }
            .auth-panel { padding: 12px 14px 24px; }
            .auth-panel-inner { padding: 16px; border-radius: 18px; }
            .auth-form-title, .auth-panel-inner .auth-sub { text-align: left; }
            .auth-live-demo { max-width: none; margin-top: 0; }
            .auth-feature-cards { gap: 8px; margin-top: 14px; }
            .auth-feature-card { padding: 12px 14px; }
            .auth-feature-card strong { font-size: 0.82rem; }
            .auth-feature-card p { font-size: 0.76rem; }
            .auth-benefits { margin-top: 16px; gap: 8px; }
            .auth-benefit { font-size: 0.82rem; padding: 10px 14px; }
            .auth-how { margin-top: 24px; }
            .auth-how-steps { grid-template-columns: 1fr; gap: 16px; }
            .auth-hero-note { font-size: 0.78rem; }
            .auth-compliance-grid { grid-template-columns: 1fr; }
            .auth-proof-stats { grid-template-columns: repeat(2, 1fr); }
            .auth-testimonials { grid-template-columns: 1fr; }
            .auth-pillar-grid { grid-template-columns: 1fr; }
            .auth-standards-grid { grid-template-columns: repeat(2, 1fr); }
            .auth-visual-grid { grid-template-columns: 1fr; }
            .auth-flow-diagram { flex-direction: column; align-items: stretch; }
            .auth-flow-connector {
                flex: none; width: 2px; height: 20px; margin: 0 auto;
                background: linear-gradient(180deg, rgba(96,165,250,0.15), rgba(240,195,90,0.5), rgba(96,165,250,0.15));
            }
            .auth-flow-pulse { top: 0; left: -3px; animation: flowPulseVertical 2.2s ease-in-out infinite; }
            @keyframes flowPulseVertical {
                0% { top: 0; opacity: 0.4; }
                50% { opacity: 1; }
                100% { top: calc(100% - 8px); opacity: 0.4; }
            }
            .auth-how-steps-linked .auth-how-step::after { display: none; }
            .auth-trust-zone { margin-top: 20px; padding-top: 20px; }
            .auth-today-stat { font-size: 0.78rem; }
        }
        @media (max-height: 780px) {
            .auth-hero-panel { padding-top: 6px; padding-bottom: 12px; }
            .auth-hero-note { margin-top: 6px; font-size: 0.76rem; }
            .auth-live-demo { margin-top: 10px; }
            .auth-panel { padding-top: 12px; }
        }
        @media (max-width: 480px) {
            .stats-grid { grid-template-columns: 1fr; }
            .stats-grid-compact { grid-template-columns: 1fr 1fr; }
            .stat-card-hero { padding: 18px 16px; }
            .nav-actions .lang-select { display: none; }
            .balance-pill { font-size: 0.75rem; padding: 5px 10px; }
            .credit-breakdown-tooltip {
                right: auto;
                left: 50%;
                transform: translate(-50%, -4px);
                min-width: min(280px, calc(100vw - 24px));
            }
            .balance-pill--has-tip:hover .credit-breakdown-tooltip,
            .balance-pill--has-tip:focus-within .credit-breakdown-tooltip {
                transform: translate(-50%, 0);
            }
            .credit-breakdown-card { padding: 16px; }
            .results-drawer { padding: 12px 10px; }
            .results-drawer-panel { max-height: 88vh; border-radius: 16px; }
            .results-drawer-actions { grid-template-columns: 1fr; }
            .btn-drawer-action { font-size: 0.88rem; padding: 12px 16px; }
            .result-bulk-compact-stats { grid-template-columns: 1fr; }
        }

        /* ── Analytics page ── */
        .analytics-page { display: flex; flex-direction: column; gap: 18px; max-width: 1100px; }
        .analytics-page .glass-card { border-radius: 16px; }
        .analytics-head { padding: 22px 24px; margin-bottom: 0; }
        .analytics-head h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; font-size: 1.35rem; }
        .analytics-head h2 i { color: var(--success); }
        .analytics-stats-scope {
            margin: -6px 0 0;
            font-size: 0.82rem;
            font-weight: 600;
            color: var(--text-muted);
        }
        .analytics-control-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
        }
        .analytics-control-card {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 6px;
            padding: 18px 16px;
            border-radius: 12px;
            background: var(--surface-overlay);
            border: 1px solid var(--border);
            min-height: 118px;
        }
        .analytics-control-card__icon { font-size: 1.1rem; line-height: 1; }
        .analytics-control-card__label {
            font-size: 0.78rem;
            font-weight: 700;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }
        .analytics-control-card__value {
            font-size: clamp(1.5rem, 3.5vw, 2rem);
            font-weight: 900;
            line-height: 1;
        }
        .analytics-control-card--valid { border-color: rgba(16, 185, 129, 0.35); background: rgba(16, 185, 129, 0.07); }
        .analytics-control-card--valid .analytics-control-card__value { color: var(--success); }
        .analytics-control-card--invalid { border-color: rgba(244, 63, 94, 0.35); background: rgba(244, 63, 94, 0.07); }
        .analytics-control-card--invalid .analytics-control-card__value { color: var(--danger); }
        .analytics-control-card--disposable { border-color: rgba(251, 191, 36, 0.35); background: rgba(251, 191, 36, 0.08); }
        .analytics-control-card--disposable .analytics-control-card__value { color: var(--warning); }
        .analytics-control-card--score { border-color: rgba(229, 168, 75, 0.35); background: rgba(229, 168, 75, 0.08); }
        .analytics-control-card--score .analytics-control-card__value { color: var(--primary); font-size: clamp(1.25rem, 3vw, 1.65rem); }
        .analytics-meta-row {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        .analytics-meta-pill {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 14px;
            border-radius: 999px;
            background: var(--surface-overlay);
            border: 1px solid var(--border);
            font-size: 0.82rem;
            color: var(--text-muted);
        }
        .analytics-meta-pill strong { color: var(--text); font-size: 0.95rem; }
        .analytics-kpi-grid {
            display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;
        }
        .analytics-kpi {
            background: var(--surface); border: 1px solid var(--border); border-radius: 16px;
            padding: 18px 20px; display: flex; flex-direction: column; gap: 6px;
        }
        .analytics-kpi__label { font-size: 0.82rem; font-weight: 600; color: var(--text-muted); }
        .analytics-kpi__value { font-size: clamp(1.6rem, 4vw, 2.1rem); font-weight: 800; line-height: 1; color: var(--primary); }
        .analytics-kpi--success .analytics-kpi__value { color: var(--success); }
        .analytics-kpi--warning .analytics-kpi__value { color: var(--warning); }
        .analytics-section { padding: 20px 22px; }
        .analytics-section__title {
            display: flex; align-items: center; gap: 8px; margin: 0 0 16px;
            font-size: 1rem; font-weight: 800;
        }
        .analytics-section__title i { width: 18px; height: 18px; color: var(--accent); }
        .analytics-distribution {
            display: grid; grid-template-columns: minmax(140px, 200px) 1fr; gap: 20px; align-items: center;
        }
        .analytics-distribution__chart { position: relative; height: 180px; }
        .analytics-distribution__legend { display: flex; flex-direction: column; gap: 8px; }
        .analytics-legend-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto auto;
            gap: 4px 16px;
            align-items: center;
            padding: 10px 12px;
            border-radius: 12px;
            background: var(--surface-overlay);
            border: 1px solid var(--border);
        }
        .analytics-legend-row__label {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 0.88rem;
            font-weight: 600;
            min-width: 0;
        }
        .analytics-legend-row__dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
        .analytics-legend-row__count,
        .analytics-legend-row__pct {
            font-size: 0.92rem;
            font-weight: 800;
            font-variant-numeric: tabular-nums;
            text-align: right;
            white-space: nowrap;
        }
        .analytics-legend-row__pct { min-width: 2.8em; color: var(--text-muted); }
        .analytics-insights-grid {
            display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;
        }
        .analytics-panel { padding: 18px 20px; }
        .analytics-panel.is-empty { min-height: 0; padding: 14px 18px 16px; }
        .analytics-panel--domain:not(.is-empty) { min-height: 220px; }
        .analytics-panel--domain.is-empty { min-height: 0; }
        .analytics-panel--risk:not(.is-empty) { min-height: 180px; }
        .analytics-panel--risk.is-empty { min-height: 0; }
        .analytics-domain-table-head {
            display: flex;
            justify-content: space-between;
            gap: 8px;
            font-size: 0.72rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--text-muted);
            margin-bottom: 10px;
            padding: 0 2px;
        }
        .analytics-bar-row__name { font-weight: 700; }
        .analytics-bar-row__stats { color: var(--text-muted); font-weight: 700; }
        .analytics-panel--insights { border-color: rgba(229, 168, 75, 0.22); }
        .analytics-domain-list, .analytics-risk-list { display: flex; flex-direction: column; gap: 8px; }
        .analytics-bar-row { display: flex; flex-direction: column; gap: 4px; }
        .analytics-bar-row__head { display: flex; justify-content: space-between; gap: 8px; font-size: 0.82rem; font-weight: 600; }
        .analytics-bar-row__track { height: 6px; border-radius: 999px; background: rgba(128,128,128,0.12); overflow: hidden; }
        .analytics-bar-row__fill { height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--primary), var(--accent)); }
        .analytics-risk-chip {
            display: flex; align-items: center; justify-content: space-between; gap: 10px;
            padding: 10px 12px; border-radius: 12px; background: var(--surface-overlay); border: 1px solid var(--border);
            font-size: 0.84rem;
        }
        .analytics-risk-chip.is-high { border-color: rgba(244, 63, 94, 0.35); background: rgba(244, 63, 94, 0.08); }
        .analytics-risk-chip.is-medium { border-color: rgba(251, 191, 36, 0.35); background: rgba(251, 191, 36, 0.08); }
        .analytics-risk-chip__count { font-weight: 800; }
        .analytics-insights-list {
            list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px;
        }
        .analytics-insight {
            display: flex;
            flex-direction: column;
            gap: 4px;
            padding: 12px 14px;
            border-radius: 12px;
            font-size: 0.86rem;
            line-height: 1.45;
            font-weight: 500;
            border: 1px solid var(--border);
            background: var(--surface-overlay);
        }
        .analytics-insight__title {
            display: block;
            font-size: 0.8rem;
            font-weight: 800;
            letter-spacing: 0.01em;
            color: var(--text);
        }
        .analytics-insight__text { color: var(--text-muted); font-weight: 500; }
        .analytics-insight.is-positive .analytics-insight__title { color: var(--success); }
        .analytics-insight.is-warning .analytics-insight__title { color: var(--danger); }
        .analytics-insight.is-positive { border-color: rgba(16, 185, 129, 0.3); background: rgba(16, 185, 129, 0.08); }
        .analytics-insight.is-warning { border-color: rgba(244, 63, 94, 0.28); background: rgba(244, 63, 94, 0.07); }
        .analytics-actions-list { display: flex; flex-direction: column; gap: 10px; }
        .analytics-action {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 12px 14px;
            border-radius: 12px;
            border: 1px solid var(--border);
            background: var(--surface-overlay);
        }
        .analytics-action__text {
            display: flex;
            align-items: center;
            font-size: 0.84rem;
            font-weight: 600;
            line-height: 1.4;
            min-width: 0;
        }
        .analytics-action__btn {
            flex-shrink: 0;
            border: 1px solid rgba(229, 168, 75, 0.35);
            background: rgba(229, 168, 75, 0.12);
            color: var(--text);
            border-radius: 8px;
            padding: 8px 12px;
            font-size: 0.78rem;
            font-weight: 700;
            cursor: pointer;
            line-height: 1.2;
        }
        .analytics-action__btn:hover { border-color: var(--accent); color: var(--accent); }
        .analytics-section--recent { margin-top: 4px; }
        .analytics-recent-list { display: flex; flex-direction: column; gap: 6px; }
        .analytics-recent-card {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 10px 12px;
            border-radius: 12px;
            background: var(--surface-overlay);
            border: 1px solid var(--border);
        }
        .analytics-recent-card__main { min-width: 0; flex: 1; }
        .analytics-recent-card__title {
            font-size: 0.9rem;
            font-weight: 800;
            margin-bottom: 2px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .analytics-recent-card__meta {
            font-size: 0.78rem;
            color: var(--text-muted);
            line-height: 1.35;
        }
        .analytics-recent-card__side {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 5px;
            flex-shrink: 0;
        }
        .analytics-recent-card__score {
            font-size: 0.92rem;
            font-weight: 800;
            color: var(--primary);
            white-space: nowrap;
        }
        .analytics-recent-card__btn {
            border: 1px solid var(--border);
            background: transparent;
            color: var(--text-muted);
            font-size: 0.72rem;
            font-weight: 700;
            padding: 4px 9px;
            border-radius: 8px;
            cursor: pointer;
            line-height: 1.2;
        }
        .analytics-recent-card__btn:hover {
            border-color: var(--primary);
            color: var(--primary);
        }
        .analytics-recent-row {
            display: grid; grid-template-columns: 1.2fr auto 1fr; gap: 12px; align-items: center;
            padding: 14px 0; border-bottom: 1px solid var(--border); font-size: 0.9rem;
        }
        .analytics-recent-row:last-child { border-bottom: none; }
        .analytics-recent-row__score { color: var(--success); font-weight: 700; text-align: right; }
        .analytics-recent-row__detail { color: var(--text-muted); font-size: 0.82rem; text-align: right; }
        .analytics-empty { margin: 0; padding: 16px 4px; text-align: center; color: var(--text-muted); font-size: 0.9rem; }
        .analytics-empty-state {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 8px 10px 4px;
            text-align: center;
            min-height: 0;
        }
        .analytics-empty-state__icon {
            width: 42px;
            height: 42px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(148, 163, 184, 0.08);
            border: 1px solid var(--border);
            color: var(--text-muted);
        }
        .analytics-empty-state__icon i { width: 20px; height: 20px; opacity: 0.72; }
        .analytics-empty-state__title {
            margin: 0;
            font-size: 0.9rem;
            font-weight: 800;
            color: var(--text);
            line-height: 1.35;
        }
        .analytics-empty-state__body {
            margin: 0;
            max-width: 36ch;
            font-size: 0.82rem;
            line-height: 1.5;
            color: var(--text-muted);
        }
        .analytics-panel.is-empty .analytics-domain-list,
        .analytics-panel.is-empty .analytics-risk-list {
            min-height: 0;
        }
        @media (max-width: 900px) {
            .analytics-control-grid { grid-template-columns: repeat(2, 1fr); }
            .analytics-kpi-grid { grid-template-columns: 1fr; }
            .analytics-insights-grid { grid-template-columns: 1fr; }
            .analytics-distribution { grid-template-columns: 1fr; }
            .analytics-distribution__chart { max-width: 200px; margin: 0 auto; }
            .analytics-recent-row { grid-template-columns: 1fr; text-align: left; }
            .analytics-recent-row__score, .analytics-recent-row__detail { text-align: left; }
        }