html[data-theme="light"]{--bg:#f2f6fc;--panel:#fff;--panel-2:#f7faff;--line:#dae4f0;--muted:#62748d;--text:#192b45;--blue:#2563d8;--cyan:#087f91;--green:#087f63;--red:#c6334e;color-scheme:light}
html[data-theme="light"] .app-shell {
    background: radial-gradient(circle at 70% 0%,#f8fafd 0,transparent 28%),var(--bg)
}
html[data-theme="light"] .sidebar {
    background: #f8fafd
}
html[data-theme="light"] .nav-item,html[data-theme="light"] .group-item {
    color: #61738d
}
html[data-theme="light"] .nav-item.active {
    color: #192b45;
    background: #f8fafd
}
html[data-theme="light"] .nav-item.active span {
    color: #2563cb
}
html[data-theme="light"] .sidebar-section>p {
    color: #61738d
}
html[data-theme="light"] .group-item:hover,html[data-theme="light"] .group-item.selected {
    color: #192b45;
    background: #f8fafd
}
html[data-theme="light"] .group-item em {
    color: #61738d
}
html[data-theme="light"] .avatar {
    background: linear-gradient(145deg,#eaf2fd,#eaf2fd)
}
html[data-theme="light"] .topbar {
    color: #192b45;
    background: #f8fafdcc
}
html[data-theme="light"] .crumb {
    color: #61738d
}
html[data-theme="light"] .live-pill {
    color: #087f63;
    background: #ecf9f3;
    border: 1px solid #b5dfd0
}
html[data-theme="light"] .icon-button {
    background: #f8fafd
}
html[data-theme="light"] .eyebrow {
    color: #2563cb
}
html[data-theme="light"] .timezone {
    color: #2563cb
}
html[data-theme="light"] .demo-badge {
    color: #966000;
    background: #fff7e7;
    border: 1px solid #e8d19d
}
html[data-theme="light"] .last-sync span {
    color: #61738d
}
html[data-theme="light"] .last-sync button {
    color: #2563cb;
    background: #f8fafd
}
html[data-theme="light"] .segmented {
    background: #f8fafd
}
html[data-theme="light"] .segmented button {
    color: #61738d
}
html[data-theme="light"] .filters select {
    background-color: #f8fafd;
    background-image: linear-gradient(45deg,#0000 50%,#eaf2fd 50%),linear-gradient(135deg,#eaf2fd 50%,#0000 50%)
}
html[data-theme="light"] .date-range {
    color: #61738d
}
html[data-theme="light"] .date-range input {
    color: #192b45;
    background: #f8fafd
}
html[data-theme="light"] .search {
    color: #61738d;
    background: #f8fafd
}
html[data-theme="light"] .search input::placeholder {
    color: #61738d
}
html[data-theme="light"] .compare-card,html[data-theme="light"] .panel {
    background: linear-gradient(150deg,#f8fafd,#f8fafd 72%)
}
html[data-theme="light"] .card-kicker {
    color: #2563cb
}
html[data-theme="light"] .source-badge {
    color: #61738d;
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .source-badge i {
    color: #2563cb
}
html[data-theme="light"] .metric>span {
    color: #61738d
}
html[data-theme="light"] .metric p {
    color: #61738d
}
html[data-theme="light"] .metric.highlight {
    background: linear-gradient(120deg,#0000,#eaf2fd66)
}
html[data-theme="light"] .metric.highlight strong {
    color: #087f63
}
html[data-theme="light"] .source-breakdown {
    background: #f8fafd
}
html[data-theme="light"] .source-breakdown span {
    color: #192b45
}
html[data-theme="light"] .source-breakdown small {
    color: #61738d
}
html[data-theme="light"] .insight-line {
    background: #f8fafd
}
html[data-theme="light"] .insight-line p {
    color: #192b45
}
html[data-theme="light"] .insight-line p b {
    color: #192b45
}
html[data-theme="light"] .insight-line p strong {
    color: #087f63
}
html[data-theme="light"] .insight-line p a {
    color: #2563cb
}
html[data-theme="light"] .insight-line p .danger-link {
    color: #bf334e
}
html[data-theme="light"] .insight-line button {
    color: #2563cb
}
html[data-theme="light"] .spark {
    color: #2563cb
}
html[data-theme="light"] .overall-hour.rising {
    color: #087f63;
    background: #ecf9f3;
    border-color: #b5dfd0
}
html[data-theme="light"] .overall-hour.falling {
    color: #bf334e;
    background: #fff0f3;
    border-color: #e9bec8
}
html[data-theme="light"] .overall-hour.flat {
    color: #192b45;
    background: #f8fafd;
    border-color: #d7e2ef
}
html[data-theme="light"] .rank-switch {
    background: #f8fafd
}
html[data-theme="light"] .rank-switch button {
    color: #61738d
}
html[data-theme="light"] .inactive-summary {
    background: linear-gradient(100deg,#fff7e7,#f8fafd);
    border: 1px solid #e8d19d
}
html[data-theme="light"] .inactive-icon {
    color: #966000;
    background: #fff7e7
}
html[data-theme="light"] .inactive-summary p b {
    color: #966000
}
html[data-theme="light"] .inactive-summary p small {
    color: #61738d
}
html[data-theme="light"] .inactive-summary>strong {
    color: #966000
}
html[data-theme="light"] .inactive-summary>strong small {
    color: #61738d
}
html[data-theme="light"] .performance-row {
    color: #192b45;
    border-bottom: 1px solid #d7e2ef
}
html[data-theme="light"] .performance-row:not(.performance-labels):hover {
    background: #f8fafd
}
html[data-theme="light"] .performance-labels {
    color: #61738d;
    background: #f8fafd
}
html[data-theme="light"] .rank-number {
    color: #192b45;
    background: #f8fafd
}
html[data-theme="light"] .rank-number.top {
    color: #966000;
    background: #fff7e7
}
html[data-theme="light"] .rank-site b {
    color: #192b45
}
html[data-theme="light"] .rank-site small,html[data-theme="light"] .hour-count small {
    color: #61738d
}
html[data-theme="light"] .hour-count b {
    color: #2563cb
}
html[data-theme="light"] .hour-trend.rising {
    color: #087f63;
    background: #ecf9f3
}
html[data-theme="light"] .hour-trend.falling {
    color: #bf334e;
    background: #fff0f3
}
html[data-theme="light"] .hour-trend.flat {
    color: #192b45;
    background: #f8fafd
}
html[data-theme="light"] .hour-trend.waiting {
    color: #61738d;
    background: #f8fafd
}
html[data-theme="light"] .performance-empty {
    color: #61738d
}
html[data-theme="light"] .table-hour>b {
    color: #2563cb
}
html[data-theme="light"] .day-stat,html[data-theme="light"] .signal-card {
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .day-stat.current {
    background: linear-gradient(145deg,#eaf2fd,#f8fafd);
    border-color: #d7e2ef
}
html[data-theme="light"] .day-stat>span {
    color: #61738d
}
html[data-theme="light"] .day-stat>small {
    color: #61738d
}
html[data-theme="light"] .signal-card small {
    color: #61738d
}
html[data-theme="light"] .signal-card p {
    color: #61738d
}
html[data-theme="light"] .signal-card.positive {
    background: #ecf9f3;
    border-color: #b5dfd0
}
html[data-theme="light"] .signal-card.positive .signal-icon {
    color: #087f63;
    background: #ecf9f3
}
html[data-theme="light"] .signal-card.negative {
    background: #fff0f3;
    border-color: #e9bec8
}
html[data-theme="light"] .signal-card.negative .signal-icon {
    color: #bf334e;
    background: #fff0f3
}
html[data-theme="light"] .panel-head p {
    color: #61738d
}
html[data-theme="light"] .legend {
    color: #61738d
}
html[data-theme="light"] .legend .yesterday {
    background: #eaf2fd
}
html[data-theme="light"] .legend .prior {
    background: #eaf2fd
}
html[data-theme="light"] .chart {
    background: repeating-linear-gradient(0deg,#0000 0 37px,#f8fafd 38px);
    border-bottom: 1px solid #d7e2ef
}
html[data-theme="light"] .bar-pair b {
    background: #eaf2fd
}
html[data-theme="light"] .bar-pair u {
    background: #eaf2fd
}
html[data-theme="light"] .now-line {
    border-left: 1px dashed #b5dfd0
}
html[data-theme="light"] .now-line em {
    color: #087f63;
    background: #ecf9f3
}
html[data-theme="light"] .axis {
    color: #61738d
}
html[data-theme="light"] .realtime-panel button {
    color: #2563cb
}
html[data-theme="light"] .online-count span {
    color: #61738d
}
html[data-theme="light"] .mini-bars i {
    background: linear-gradient(#3fe0bd,#ecf9f3)
}
html[data-theme="light"] .realtime-list p {
    color: #192b45
}
html[data-theme="light"] .realtime-list p b {
    color: #192b45
}
html[data-theme="light"] .realtime-list p span {
    color: #61738d
}
html[data-theme="light"] .secondary-button {
    color: #192b45;
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] th {
    color: #61738d;
    background: #f8fafd
}
html[data-theme="light"] td {
    color: #192b45;
    border-bottom: 1px solid #d7e2ef
}
html[data-theme="light"] td:first-child {
    color: #192b45
}
html[data-theme="light"] .winner-row {
    background: linear-gradient(90deg,#ecf9f3aa,#0000 32%)
}
html[data-theme="light"] .danger-row {
    background: linear-gradient(90deg,#fff0f3aa,#0000 36%)
}
html[data-theme="light"] .site-icon {
    color: #2563cb;
    background: #eaf2fd
}
html[data-theme="light"] .tag {
    color: #192b45;
    background: #f8fafd
}
html[data-theme="light"] .blue-number {
    color: #2563cb
}
html[data-theme="light"] .builder-id {
    color: #61738d
}
html[data-theme="light"] .status {
    color: #087f63
}
html[data-theme="light"] .status.warning {
    color: #966000
}
html[data-theme="light"] .status.critical {
    color: #bf334e
}
html[data-theme="light"] .table-footer {
    color: #61738d
}
html[data-theme="light"] .table-footer button {
    color: #61738d;
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .modal-backdrop {
    background: #f8fafdc9
}
html[data-theme="light"] .modal {
    background: linear-gradient(150deg,#f8fafd,#f8fafd);
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .modal-copy {
    color: #61738d
}
html[data-theme="light"] .modal-copy b {
    color: #192b45
}
html[data-theme="light"] .modal-close {
    color: #61738d;
    background: #f8fafd
}
html[data-theme="light"] .field-label {
    color: #192b45
}
html[data-theme="light"] .field-label input {
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .field-label input:focus {
    border-color: #d7e2ef
}
html[data-theme="light"] .snippet {
    color: #087f63;
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .live-events p {
    color: #192b45;
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .live-events time {
    color: #61738d
}
html[data-theme="light"] .diagnosis-list article.good {
    background: #ecf9f3;
    border-color: #b5dfd0
}
html[data-theme="light"] .diagnosis-list article.bad {
    background: #fff0f3;
    border-color: #e9bec8
}
html[data-theme="light"] .diagnosis-list b {
    color: #61738d
}
html[data-theme="light"] .diagnosis-list p {
    color: #192b45
}
html[data-theme="light"] .access-denied {
    background: radial-gradient(circle at 50% 20%,#eaf2fd,var(--bg) 55%)
}
html[data-theme="light"] .live-pill.waiting {
    color: #966000;
    background: #fff7e7;
    border-color: #e8d19d
}
html[data-theme="light"] .setup-banner {
    background: linear-gradient(110deg,#eaf2fd,#f8fafd 68%,#f8fafd);
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .setup-icon {
    color: #2563cb;
    background: #eaf2fd
}
html[data-theme="light"] .setup-banner span {
    color: #2563cb
}
html[data-theme="light"] .setup-banner p {
    color: #61738d
}
html[data-theme="light"] .setup-banner code,html[data-theme="light"] .install-checklist code {
    color: #2563cb
}
html[data-theme="light"] .source-explainer {
    color: #61738d;
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .source-explainer b {
    color: #192b45
}
html[data-theme="light"] .source-explainer i {
    color: #2563cb
}
html[data-theme="light"] .source-explainer em {
    color: #087f63
}
html[data-theme="light"] .error-banner {
    color: #bf334e;
    background: #fff0f3;
    border: 1px solid #e9bec8
}
html[data-theme="light"] .error-banner span {
    color: #bf334e
}
html[data-theme="light"] .error-banner button {
    background: #fff0f3
}
html[data-theme="light"] .table-empty {
    color: #61738d
}
html[data-theme="light"] .code-link {
    color: #2563cb;
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .realtime-list p em {
    color: #61738d
}
html[data-theme="light"] .mini-empty,html[data-theme="light"] .modal-empty {
    color: #61738d;
    border: 1px dashed #d7e2ef
}
html[data-theme="light"] .field-label input,html[data-theme="light"] .field-label select,html[data-theme="light"] .field-label textarea {
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .field-label input:focus,html[data-theme="light"] .field-label select:focus,html[data-theme="light"] .field-label textarea:focus {
    border-color: #d7e2ef
}
html[data-theme="light"] .input-hint {
    color: #61738d
}
html[data-theme="light"] .form-error {
    color: #bf334e
}
html[data-theme="light"] .group-choice-head {
    color: #192b45
}
html[data-theme="light"] .group-choice-head button {
    color: #2563cb;
    background: #eaf2fd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .group-choice-head button:hover {
    color: #2563cb;
    background: #eaf2fd
}
html[data-theme="light"] .batch-success {
    color: #087f63;
    background: #ecf9f3;
    border: 1px solid #b5dfd0
}
html[data-theme="light"] .code-tabs {
    background: #f8fafd
}
html[data-theme="light"] .code-tabs button {
    color: #61738d
}
html[data-theme="light"] .code-tabs button.active {
    background: #eaf2fd
}
html[data-theme="light"] .install-checklist p {
    color: #61738d;
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .install-checklist b {
    background: #eaf2fd
}
html[data-theme="light"] .source-note {
    background: #ecf9f3;
    border-left: 3px solid #b5dfd0
}
html[data-theme="light"] .source-note b {
    color: #087f63
}
html[data-theme="light"] .source-note p {
    color: #087f63
}
html[data-theme="light"] .rules-list p {
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .rules-list span {
    color: #61738d
}
html[data-theme="light"] .live-events small {
    color: #61738d
}
html[data-theme="light"] .inactive-summary>.inactive-groups {
    border-top: 1px solid #e8d19d
}
html[data-theme="light"] .inactive-summary .inactive-group-row {
    border-bottom: 1px solid #e8d19d
}
html[data-theme="light"] .inactive-group-row>b {
    color: #192b45
}
html[data-theme="light"] .inactive-group-row>span {
    color: #61738d
}
html[data-theme="light"] .inactive-group-row>span strong {
    color: #966000
}
html[data-theme="light"] .live-trend-head p {
    color: #61738d
}
html[data-theme="light"] .live-refresh {
    color: #087f63;
    background: #ecf9f3;
    border: 1px solid #b5dfd0
}
html[data-theme="light"] .trend-tabs {
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .trend-tabs button {
    color: #61738d
}
html[data-theme="light"] .trend-tabs button.active {
    color: #2563cb;
    background: #eaf2fd
}
html[data-theme="light"] .trend-date-legend {
    color: #192b45
}
html[data-theme="light"] .live-chart-tooltip {
    background: #f8fafdea;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .live-chart-tooltip p {
    color: #192b45
}
html[data-theme="light"] .live-chart-tooltip p b {
    color: #192b45
}
html[data-theme="light"] .group-rank-switch {
    background: #f8fafd
}
html[data-theme="light"] .group-rank-switch button {
    color: #61738d
}
html[data-theme="light"] .group-ranking-row {
    color: #192b45;
    border-bottom: 1px solid #d7e2ef
}
html[data-theme="light"] .group-ranking-row:not(.group-ranking-labels):hover {
    background: #f8fafd
}
html[data-theme="light"] .group-ranking-labels {
    color: #61738d;
    background: #f8fafd
}
html[data-theme="light"] .group-rank-number {
    color: #192b45;
    background: #f8fafd
}
html[data-theme="light"] .group-rank-number.top {
    color: #966000;
    background: #fff7e7
}
html[data-theme="light"] .group-rank-name button {
    color: #192b45
}
html[data-theme="light"] .group-rank-name button:hover {
    color: #2563cb
}
html[data-theme="light"] .group-rank-name small {
    color: #61738d
}
html[data-theme="light"] .group-ip>b {
    color: #2563cb
}
html[data-theme="light"] .group-ip>i {
    background: #f8fafd
}
html[data-theme="light"] .group-ip small {
    color: #61738d
}
html[data-theme="light"] .active-sites b {
    color: #087f63
}
html[data-theme="light"] .active-sites small {
    color: #61738d
}
html[data-theme="light"] .group-hour>b {
    color: #192b45
}
html[data-theme="light"] .group-top-sites>button {
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .group-top-sites>button:hover {
    background: #f8fafd;
    border-color: #d7e2ef
}
html[data-theme="light"] .group-top-sites>button>em {
    color: #2563cb;
    background: #eaf2fd
}
html[data-theme="light"] .group-top-sites b {
    color: #192b45
}
html[data-theme="light"] .group-top-sites small {
    color: #61738d
}
html[data-theme="light"] .group-ranking-empty {
    color: #61738d
}
html[data-theme="light"] .visitor-count {
    color: #087f63;
    background: #ecf9f3;
    border: 1px solid #b5dfd0
}
html[data-theme="light"] .visitor-time {
    color: #192b45 !important
}
html[data-theme="light"] .visitor-time i {
    border: 2px solid #d7e2ef
}
html[data-theme="light"] .visitor-id {
    color: #2563cb
}
html[data-theme="light"] .visitor-type.new {
    color: #087f63;
    background: #ecf9f3
}
html[data-theme="light"] .visitor-type.returning {
    color: #2563cb;
    background: #eaf2fd
}
html[data-theme="light"] .masked-ip {
    color: #192b45 !important
}
html[data-theme="light"] .source-site,html[data-theme="light"] .entry-page {
    color: #2563cb
}
html[data-theme="light"] .live-visitor-empty {
    color: #61738d
}
html[data-theme="light"] .inactive-analysis-panel .inactive-summary {
    background: linear-gradient(100deg,#fff7e7,#f8fafd)
}
html[data-theme="light"] .login-shell {
    background: radial-gradient(circle at 50% 12%,#eaf2fd 0,#f8fafd 38%,#f8fafd 72%)
}
html[data-theme="light"] .login-card {
    background: linear-gradient(150deg,#f8fafd,#f8fafd);
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .login-brand i {
    color: #2563cb
}
html[data-theme="light"] .login-kicker {
    color: #2563cb
}
html[data-theme="light"] .login-copy {
    color: #61738d
}
html[data-theme="light"] .login-card label {
    color: #192b45
}
html[data-theme="light"] .login-card input {
    color: #192b45;
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .login-card input:focus {
    border-color: #d7e2ef
}
html[data-theme="light"] .login-error {
    color: #bf334e;
    background: #fff0f3;
    border: 1px solid #e9bec8
}
html[data-theme="light"] .login-note {
    color: #61738d
}
html[data-theme="light"] .settings-intro,html[data-theme="light"] .settings-card>p {
    color: #192b45
}
html[data-theme="light"] .engine-option {
    background: #f8fafd;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .engine-option.enabled {
    border-color: #d7e2ef;
    background: #f8fafd
}
html[data-theme="light"] .engine-option span {
    color: #192b45
}
html[data-theme="light"] .engine-option small {
    color: #61738d
}
html[data-theme="light"] .password-form label {
    color: #192b45
}
html[data-theme="light"] .password-form input {
    background: #f8fafd;
    color: #192b45;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .password-form input:focus {
    border-color: #d7e2ef
}
html[data-theme="light"] .settings-hint {
    color: #61738d
}
html[data-theme="light"] .group-rename-row label>span {
    color: #192b45
}
html[data-theme="light"] .group-rename-row input {
    background: #f8fafd;
    color: #192b45;
    border: 1px solid #d7e2ef
}
html[data-theme="light"] .group-rename-row input:focus {
    border-color: #d7e2ef
}
html[data-theme="light"] .manage-groups-link {
    color: #2563cb
}
html[data-theme="light"] .manage-groups-link:hover {
    color: #2563cb
}

html[data-theme="light"] .panel,html[data-theme="light"] .compare-card,html[data-theme="light"] .modal,html[data-theme="light"] .login-card{background:#fff;box-shadow:0 12px 35px #2d52730d}
html[data-theme="light"] .sidebar,html[data-theme="light"] .topbar{background:#fff}
html[data-theme="light"] .app-shell{background:radial-gradient(circle at 70% 0%,#e5efff 0,transparent 32%),var(--bg)}
html[data-theme="light"] .login-shell{background:radial-gradient(circle at 50% 10%,#e1edff 0,#f2f6fc 55%,#f8fafd 100%)}
html[data-theme="light"] .chart{background:repeating-linear-gradient(0deg,transparent 0 37px,#e3eaf3 38px)}
html[data-theme="light"] .date-range input{color-scheme:light}
html[data-theme="light"] .nav-item.active,html[data-theme="light"] .group-item.selected{color:#2258a5;background:#eaf2ff}
html[data-theme="light"] .engine-option.enabled{background:#edf4ff;border-color:#79a6e7}
html[data-theme="light"] .source-breakdown,html[data-theme="light"] .insight-line,html[data-theme="light"] th{background:#f6f9fe}
html[data-theme="light"] .brand-mark,html[data-theme="light"] .brand-icon,html[data-theme="light"] .login-brand>span,html[data-theme="light"] .primary-button,html[data-theme="light"] .login-card form button{background:linear-gradient(135deg,#3789f7,#536df5)}
html[data-theme="light"] .primary-button,html[data-theme="light"] .segmented button.active,html[data-theme="light"] .rank-switch button.active,html[data-theme="light"] .table-footer button.active{color:#fff}
html[data-theme="light"] .brand,html[data-theme="light"] .api-docs-brand,html[data-theme="light"] .login-brand b{color:#192b45}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#8291a6}
html[data-theme="light"] .live-chart-tooltip{background:#fff;color:#192b45;border-color:#d7e2ef;box-shadow:0 8px 24px #2d527321}
html[data-theme="light"] .modal-backdrop{background:#263b5b66}
html[data-theme="light"] .api-docs-card,html[data-theme="light"] .api-docs-note{background:#fff}