:root {
    --color-background: #0a0c0b;
    --color-sidebar: #0d100f;
    --color-panel: #0f1210;
    --color-panel-hover: #121713;
    --color-border: #202522;
    --color-border-soft: #181d1a;

    --color-text: #f1f5f2;
    --color-text-secondary: #858e88;
    --color-text-muted: #69716c;
    --color-text-dark: #3f4742;

    --color-signal: #b7ff4a;
    --color-warning: #f0b84b;
    --color-critical: #ff5f56;

    --sidebar-width: 248px;
}


* {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {
    margin: 0;

    min-height: 100vh;

    background:
        var(--color-background);

    color:
        var(--color-text);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}


a {
    color: inherit;

    text-decoration: none;
}


button,
textarea {
    font: inherit;
}


/* -------------------------------------------------
   PUBLIC PRODUCT EXPERIENCE
------------------------------------------------- */


.public-shell {
    min-height: 100vh;

    display: flex;

    flex-direction: column;
}


.public-header {
    height: 78px;

    padding:
        0 44px;

    border-bottom:
        1px solid
        var(--color-border);

    display: flex;

    align-items: center;

    justify-content:
        space-between;
}


.public-brand {
    color:
        var(--color-text);

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 0.06em;
}


.public-nav {
    display: flex;

    align-items: center;

    gap: 28px;

    color:
        var(--color-text-secondary);

    font-size: 10px;

    font-weight: 650;

    letter-spacing: 0.08em;
}


.public-nav a {
    transition:
        color 160ms ease;
}


.public-nav a:hover {
    color:
        var(--color-text);
}


.public-system-state {
    display: flex;

    align-items: center;

    gap: 8px;
}


.status-dot,
.live-dot {
    width: 6px;

    height: 6px;

    border-radius: 50%;

    background:
        var(--color-signal);

    box-shadow:
        0 0 14px
        rgba(
            183,
            255,
            74,
            0.5
        );
}


.home-main {
    width: 100%;

    max-width: 1500px;

    margin:
        0 auto;

    padding:
        0 56px;
}


.investigation-hero {
    min-height:
        calc(100vh - 230px);

    padding:
        110px 0 78px;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;
}


.hero-kicker,
.result-panel-kicker {
    color:
        var(--color-signal);

    font-size: 9px;

    font-weight: 750;

    letter-spacing: 0.16em;
}


.hero-title {
    margin:
        24px 0 0;

    max-width: 900px;

    font-size:
        clamp(
            48px,
            6vw,
            86px
        );

    line-height: 0.98;

    font-weight: 530;

    letter-spacing: -0.055em;
}


.hero-title span {
    color:
        var(--color-text-secondary);
}


.hero-copy {
    margin:
        28px 0 0;

    max-width: 620px;

    color:
        var(--color-text-secondary);

    font-size: 15px;

    line-height: 1.7;
}


.investigation-form {
    width: 100%;

    max-width: 900px;

    margin-top: 54px;

    text-align: left;
}


.investigation-label,
.example-label {
    display: block;

    margin-bottom: 13px;

    color:
        var(--color-text-muted);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 0.13em;
}


.investigation-input-shell {
    border:
        1px solid
        #303832;

    background:
        #0e110f;

    transition:
        border-color 180ms ease,
        box-shadow 180ms ease;
}


.investigation-input-shell:focus-within {
    border-color:
        rgba(
            183,
            255,
            74,
            0.55
        );

    box-shadow:
        0 0 0 1px
        rgba(
            183,
            255,
            74,
            0.08
        );
}


.investigation-input {
    width: 100%;

    min-height: 190px;

    padding:
        28px 30px;

    border: 0;

    outline: 0;

    resize: vertical;

    background:
        transparent;

    color:
        var(--color-text);

    font-size: 19px;

    line-height: 1.65;
}


.investigation-input::placeholder {
    color:
        #555d58;
}


.investigation-form-footer {
    min-height: 70px;

    padding:
        0 18px 0 30px;

    border-top:
        1px solid
        var(--color-border);

    display: flex;

    align-items: center;

    justify-content:
        space-between;
}


.investigation-hint {
    color:
        var(--color-text-muted);

    font-size: 11px;
}


.investigate-button {
    min-width: 170px;

    height: 44px;

    padding:
        0 18px;

    border:
        1px solid
        var(--color-signal);

    background:
        var(--color-signal);

    color:
        #0a0c0b;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 0.1em;

    transition:
        transform 160ms ease,
        opacity 160ms ease;
}


.investigate-button:hover {
    transform:
        translateY(-1px);

    opacity: 0.92;
}


.investigate-button span {
    font-size: 18px;

    line-height: 1;
}


.example-section {
    width: 100%;

    max-width: 900px;

    margin-top: 28px;

    text-align: left;
}


.example-grid {
    display: flex;

    flex-wrap: wrap;

    gap: 9px;
}


.example-query {
    padding:
        9px 12px;

    border:
        1px solid
        var(--color-border);

    background:
        transparent;

    color:
        var(--color-text-secondary);

    cursor: pointer;

    font-size: 11px;

    transition:
        color 160ms ease,
        border-color 160ms ease,
        background 160ms ease;
}


.example-query:hover {
    color:
        var(--color-text);

    border-color:
        #38403b;

    background:
        var(--color-panel);
}


.home-intelligence-strip {
    border-top:
        1px solid
        var(--color-border);

    border-bottom:
        1px solid
        var(--color-border);

    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );
}


.home-stat {
    min-height: 125px;

    padding:
        28px;

    border-right:
        1px solid
        var(--color-border);

    display: flex;

    flex-direction: column;

    justify-content: center;
}


.home-stat:last-child {
    border-right: 0;
}


.home-stat-value {
    font-size: 28px;

    font-weight: 540;

    letter-spacing: -0.03em;
}


.home-stat-label {
    margin-top: 12px;

    color:
        var(--color-text-muted);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 0.12em;
}


.public-footer {
    margin-top: auto;

    min-height: 84px;

    padding:
        0 44px;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    color:
        var(--color-text-dark);

    font-size: 10px;
}


/* -------------------------------------------------
   INVESTIGATION RESULT
------------------------------------------------- */


.result-main {
    width: 100%;

    max-width: 1450px;

    margin:
        0 auto;

    padding:
        72px 54px 90px;
}


.result-header {
    padding-bottom: 42px;

    border-bottom:
        1px solid
        var(--color-border);
}


.result-status-row {
    margin-top: 24px;

    display: flex;

    align-items: center;

    gap: 14px;
}


.result-status {
    padding:
        7px 9px;

    border:
        1px solid
        var(--color-border);

    color:
        var(--color-text-secondary);

    font-size: 9px;

    font-weight: 750;

    letter-spacing: 0.1em;
}


.result-status-limited {
    color:
        var(--color-warning);

    border-color:
        rgba(
            240,
            184,
            75,
            0.3
        );

    background:
        rgba(
            240,
            184,
            75,
            0.05
        );
}


.result-status-planned {
    color:
        var(--color-signal);

    border-color:
        rgba(
            183,
            255,
            74,
            0.26
        );

    background:
        rgba(
            183,
            255,
            74,
            0.04
        );
}


.result-id {
    color:
        var(--color-text-dark);

    font-size: 10px;

    font-family:
        "Courier New",
        monospace;
}


.result-query {
    margin:
        28px 0 0;

    max-width: 1050px;

    font-size:
        clamp(
            34px,
            4vw,
            62px
        );

    line-height: 1.08;

    font-weight: 520;

    letter-spacing: -0.045em;
}


.classification-grid {
    margin-top: 28px;

    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    border:
        1px solid
        var(--color-border);
}


.classification-card {
    min-height: 118px;

    padding:
        24px;

    background:
        var(--color-panel);

    border-right:
        1px solid
        var(--color-border);
}


.classification-card:last-child {
    border-right: 0;
}


.classification-label {
    color:
        var(--color-text-muted);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 0.12em;
}


.classification-value {
    margin-top: 20px;

    color:
        var(--color-text);

    font-size: 15px;

    font-weight: 540;

    overflow-wrap: anywhere;
}


.result-grid {
    margin-top: 24px;

    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 24px;
}


.result-panel,
.signal-result-panel {
    padding: 28px;

    border:
        1px solid
        var(--color-border);

    background:
        var(--color-panel);
}


.result-panel h2,
.signal-result-panel h2 {
    margin:
        10px 0 0;

    font-size: 20px;

    font-weight: 540;
}


.coverage-list,
.note-list {
    margin-top: 28px;
}


.coverage-row {
    min-height: 92px;

    padding:
        18px 0;

    border-bottom:
        1px solid
        var(--color-border-soft);

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 24px;
}


.coverage-row:last-child {
    border-bottom: 0;
}


.coverage-source {
    font-size: 13px;

    font-weight: 600;
}


.coverage-description {
    margin-top: 8px;

    max-width: 500px;

    color:
        var(--color-text-muted);

    font-size: 11px;

    line-height: 1.5;
}


.coverage-status {
    flex-shrink: 0;

    font-size: 9px;

    font-weight: 750;

    letter-spacing: 0.08em;
}


.coverage-status-live {
    color:
        var(--color-signal);
}


.coverage-status-not_available {
    color:
        var(--color-warning);
}


.note-row {
    min-height: 62px;

    padding:
        15px 0;

    border-bottom:
        1px solid
        var(--color-border-soft);

    display: flex;

    gap: 14px;

    color:
        var(--color-text-secondary);

    font-size: 12px;

    line-height: 1.55;
}


.note-marker {
    color:
        var(--color-signal);
}


.status-note {
    margin-top: 24px;

    padding:
        17px;

    border:
        1px solid
        var(--color-border);

    color:
        var(--color-text-muted);

    font-size: 11px;

    line-height: 1.6;
}


.signal-result-panel {
    margin-top: 24px;
}


.empty-intelligence {
    min-height: 310px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;
}


.empty-signal-mark {
    color:
        var(--color-signal);

    font-size: 46px;
}


.empty-intelligence h2 {
    margin-top: 20px;
}


.empty-intelligence p {
    max-width: 600px;

    margin:
        16px 0 0;

    color:
        var(--color-text-muted);

    font-size: 12px;

    line-height: 1.7;
}


/* -------------------------------------------------
   LEGACY LIVE RADAR
------------------------------------------------- */


.app-shell {
    min-height: 100vh;
}


.sidebar {
    position: fixed;

    top: 0;
    left: 0;

    width:
        var(--sidebar-width);

    height: 100vh;

    padding:
        28px 24px;

    background:
        var(--color-sidebar);

    border-right:
        1px solid
        var(--color-border);

    display: flex;

    flex-direction: column;
}


.brand-name {
    font-size: 18px;

    font-weight: 650;

    letter-spacing: 0.04em;
}


.brand-subtitle {
    margin-top: 7px;

    color:
        var(--color-text-muted);

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 0.12em;
}


.system-status {
    margin-top: 48px;

    display: flex;

    align-items: center;

    gap: 8px;

    color:
        var(--color-signal);

    font-size: 10px;

    font-weight: 650;

    letter-spacing: 0.06em;
}


.navigation {
    margin-top: 52px;

    display: flex;

    flex-direction: column;

    gap: 4px;
}


.nav-label {
    margin-bottom: 16px;

    color: #555d58;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 0.12em;
}


.nav-item {
    position: relative;

    min-height: 40px;

    display: flex;

    align-items: center;

    color:
        var(--color-text-secondary);

    font-size: 13px;

    font-weight: 500;
}


.nav-item-active {
    color:
        var(--color-text);
}


.nav-item-active::before {
    content: "";

    position: absolute;

    left: -24px;

    width: 2px;

    height: 20px;

    background:
        var(--color-signal);
}


.sidebar-footer {
    margin-top: auto;
}


.engine-label,
.engine-version {
    font-size: 10px;
}


.engine-label {
    color:
        var(--color-text-muted);
}


.engine-version {
    margin-top: 5px;

    color:
        var(--color-text-dark);
}


.main-content {
    margin-left:
        var(--sidebar-width);

    padding:
        34px 42px 64px;
}


.command-header {
    min-height: 128px;

    padding-bottom: 28px;

    border-bottom:
        1px solid
        var(--color-border);

    display: flex;

    justify-content:
        space-between;
}


.eyebrow,
.panel-eyebrow {
    color:
        var(--color-signal);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 0.14em;
}


h1,
h2,
p {
    margin-top: 0;
}


.command-header h1 {
    margin-bottom: 8px;

    font-size: 30px;

    font-weight: 560;
}


.header-description {
    margin-bottom: 0;

    color:
        var(--color-text-secondary);

    font-size: 13px;
}


.live-indicator {
    display: flex;

    align-items: center;

    gap: 9px;

    color:
        var(--color-text-secondary);

    font-size: 10px;
}


.kpi-grid {
    margin-top: 28px;

    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    border:
        1px solid
        var(--color-border);
}


.kpi-card {
    min-height: 130px;

    padding:
        23px 24px;

    background:
        var(--color-panel);

    border-right:
        1px solid
        var(--color-border);
}


.kpi-card:last-child {
    border-right: 0;
}


.kpi-label,
.kpi-meta {
    color:
        var(--color-text-muted);
}


.kpi-label {
    font-size: 9px;

    letter-spacing: 0.12em;
}


.kpi-value {
    margin-top: 16px;

    font-size: 30px;
}


.kpi-value-status {
    color:
        var(--color-signal);

    font-size: 20px;
}


.kpi-meta {
    margin-top: 12px;

    font-size: 11px;
}


.dashboard-grid {
    margin-top: 24px;

    display: grid;

    grid-template-columns:
        minmax(0, 1.65fr)
        minmax(320px, 0.75fr);

    gap: 24px;
}


.panel {
    padding: 24px;

    background:
        var(--color-panel);

    border:
        1px solid
        var(--color-border);
}


.panel-header {
    display: flex;

    justify-content:
        space-between;
}


.panel h2 {
    margin-top: 9px;

    font-size: 18px;
}


.panel-action {
    color:
        var(--color-signal);

    font-size: 9px;
}


.signal-list,
.domain-list {
    margin-top: 28px;
}


.signal-row {
    position: relative;

    padding:
        19px 0 22px;

    border-bottom:
        1px solid
        var(--color-border-soft);
}


.signal-main {
    display: flex;

    flex-direction: column;

    gap: 7px;
}


.signal-name {
    font-size: 14px;
}


.signal-mentions,
.domain-price {
    color:
        var(--color-text-muted);

    font-size: 11px;
}


.signal-score {
    position: absolute;

    top: 19px;
    right: 0;

    color:
        var(--color-signal);

    font-size: 17px;
}


.signal-track {
    margin-top: 17px;

    height: 2px;

    background:
        var(--color-border);
}


.signal-fill {
    height: 100%;

    background:
        var(--color-signal);
}


.domain-list {
    display: flex;

    flex-direction: column;

    gap: 12px;
}


.domain-card {
    padding: 17px;

    border:
        1px solid
        var(--color-border-soft);
}


.domain-name {
    font-size: 13px;

    overflow-wrap: anywhere;
}


.domain-status {
    margin-top: 11px;

    color:
        var(--color-signal);

    font-size: 9px;
}


.domain-status-watch {
    color:
        var(--color-warning);
}


.intelligence-panel,
.semantic-panel {
    margin-top: 24px;
}


.activity-list {
    margin-top: 26px;
}


.activity-row {
    min-height: 48px;

    display: grid;

    grid-template-columns:
        80px
        minmax(0, 1fr)
        minmax(180px, auto);

    align-items: center;

    border-bottom:
        1px solid
        var(--color-border-soft);

    font-size: 12px;
}


.activity-time {
    color:
        var(--color-text-muted);
}


.activity-detail {
    color:
        var(--color-signal);

    text-align: right;
}


.queue-count {
    padding:
        7px 9px;

    color:
        var(--color-warning);

    border:
        1px solid
        rgba(
            240,
            184,
            75,
            0.18
        );

    font-size: 9px;
}


.semantic-description {
    margin-top: 22px;

    color:
        var(--color-text-secondary);

    font-size: 12px;
}


@media (
    max-width: 900px
) {
    .public-header {
        padding:
            0 22px;
    }

    .public-nav a {
        display: none;
    }

    .home-main {
        padding:
            0 22px;
    }

    .investigation-hero {
        padding-top: 72px;
    }

    .hero-title {
        font-size: 48px;
    }

    .investigation-input {
        min-height: 170px;

        font-size: 16px;
    }

    .investigation-form-footer {
        padding:
            15px;

        gap: 15px;

        align-items: stretch;

        flex-direction: column;
    }

    .investigate-button {
        width: 100%;
    }

    .home-intelligence-strip,
    .classification-grid,
    .result-grid {
        grid-template-columns:
            1fr;
    }

    .home-stat,
    .classification-card {
        border-right: 0;

        border-bottom:
            1px solid
            var(--color-border);
    }

    .result-main {
        padding:
            50px 22px 70px;
    }

    .coverage-row {
        align-items: flex-start;

        flex-direction: column;
    }
}
/* -------------------------------------------------
   v0.18.2 COMPACT INVESTIGATION SEARCH
------------------------------------------------- */


.investigation-form {
    max-width: 1060px;

    margin-top: 48px;
}


.investigation-search-shell {
    width: 100%;

    min-height: 66px;

    padding:
        9px 9px 9px 24px;

    border:
        1px solid
        #303832;

    background:
        #0e110f;

    display: flex;

    align-items: center;

    gap: 18px;

    transition:
        border-color 180ms ease,
        box-shadow 180ms ease;
}


.investigation-search-shell:focus-within {
    border-color:
        rgba(
            183,
            255,
            74,
            0.55
        );

    box-shadow:
        0 0 0 1px
        rgba(
            183,
            255,
            74,
            0.08
        );
}


.investigation-search-input {
    flex: 1;

    height: 28px;

    min-height: 28px;

    max-height: 120px;

    padding: 2px 0;

    border: 0;

    outline: 0;

    resize: none;

    overflow-y: auto;

    background:
        transparent;

    color:
        var(--color-text);

    font-size: 16px;

    line-height: 1.5;
}


.investigation-search-input::placeholder {
    color:
        #555d58;
}


.signal-result-header {
    display: flex;

    align-items: flex-start;

    justify-content:
        space-between;

    gap: 24px;
}


.signal-count {
    padding:
        7px 9px;

    border:
        1px solid
        var(--color-border);

    color:
        var(--color-text-muted);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 0.08em;
}


.investigation-signal-list {
    margin-top: 30px;

    border-top:
        1px solid
        var(--color-border-soft);
}


.investigation-signal-card {
    min-height: 128px;

    padding:
        24px 4px;

    border-bottom:
        1px solid
        var(--color-border-soft);

    display: grid;

    grid-template-columns:
        54px
        minmax(0, 1fr)
        120px;

    gap: 20px;

    align-items: center;

    transition:
        background 160ms ease;
}


.investigation-signal-card:hover {
    background:
        rgba(
            255,
            255,
            255,
            0.015
        );
}


.investigation-signal-rank {
    color:
        var(--color-text-dark);

    font-family:
        "Courier New",
        monospace;

    font-size: 11px;
}


.investigation-signal-title {
    color:
        var(--color-text);

    font-size: 16px;

    font-weight: 560;

    line-height: 1.4;
}


.investigation-signal-channel {
    margin-top: 8px;

    color:
        var(--color-text-secondary);

    font-size: 11px;
}


.investigation-signal-metrics {
    margin-top: 15px;

    display: flex;

    flex-wrap: wrap;

    gap: 8px 18px;

    color:
        var(--color-text-muted);

    font-size: 10px;
}


.investigation-signal-score {
    text-align: right;
}


.investigation-signal-score span {
    display: block;

    color:
        var(--color-text-muted);

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 0.12em;
}


.investigation-signal-score strong {
    display: block;

    margin-top: 9px;

    color:
        var(--color-signal);

    font-size: 27px;

    font-weight: 540;
}


.result-status-completed {
    color:
        var(--color-signal);

    border-color:
        rgba(
            183,
            255,
            74,
            0.26
        );

    background:
        rgba(
            183,
            255,
            74,
            0.04
        );
}


.result-status-failed {
    color:
        var(--color-critical);

    border-color:
        rgba(
            255,
            95,
            86,
            0.3
        );
}


.coverage-status-not_configured {
    color:
        var(--color-warning);
}


@media (
    max-width: 900px
) {
    .investigation-search-shell {
        padding:
            12px;

        align-items: stretch;

        flex-direction: column;
    }

    .investigation-search-input {
        width: 100%;

        min-height: 44px;
    }

    .investigation-signal-card {
        grid-template-columns:
            34px
            minmax(0, 1fr);
    }

    .investigation-signal-score {
        grid-column:
            2;

        text-align: left;
    }
}
/* -------------------------------------------------
   v0.18.3 YOUTUBE TOPIC SIGNALS
------------------------------------------------- */


.topic-signal-list {
    margin-top: 30px;

    border-top:
        1px solid
        var(--color-border-soft);
}


.topic-signal-card {
    min-height: 180px;

    padding:
        28px 4px;

    border-bottom:
        1px solid
        var(--color-border-soft);

    display: grid;

    grid-template-columns:
        54px
        minmax(0, 1fr)
        120px;

    gap: 20px;

    align-items: start;
}


.topic-rank {
    padding-top: 4px;

    color:
        var(--color-text-dark);

    font-family:
        "Courier New",
        monospace;

    font-size: 11px;
}


.topic-name {
    color:
        var(--color-text);

    font-size: 22px;

    font-weight: 550;

    line-height: 1.25;

    text-transform: capitalize;
}


.topic-metrics {
    margin-top: 13px;

    display: flex;

    flex-wrap: wrap;

    gap: 8px 20px;

    color:
        var(--color-text-muted);

    font-size: 10px;
}


.topic-evidence {
    margin-top: 24px;

    max-width: 850px;
}


.topic-evidence-label {
    margin-bottom: 9px;

    color:
        var(--color-text-dark);

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 0.12em;
}


.topic-evidence-row {
    min-height: 35px;

    padding:
        7px 0;

    border-bottom:
        1px solid
        var(--color-border-soft);

    display: flex;

    justify-content:
        space-between;

    gap: 24px;

    color:
        var(--color-text-secondary);

    font-size: 11px;

    line-height: 1.4;

    transition:
        color 160ms ease;
}


.topic-evidence-row:hover {
    color:
        var(--color-text);
}


.topic-evidence-row span:last-child {
    flex-shrink: 0;

    color:
        var(--color-signal);

    font-variant-numeric:
        tabular-nums;
}


@media (
    max-width: 900px
) {
    .topic-signal-card {
        grid-template-columns:
            34px
            minmax(0, 1fr);
    }

    .topic-signal-card
    .investigation-signal-score {
        grid-column: 2;

        text-align: left;
    }
}
/* -------------------------------------------------
   v0.19.0 TOPIC MOVEMENT
------------------------------------------------- */


.topic-title-row {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 12px;
}


.movement-badge {
    padding:
        5px 7px;

    border:
        1px solid
        var(--color-border);

    color:
        var(--color-text-muted);

    font-size: 8px;

    font-weight: 750;

    letter-spacing: 0.1em;
}


.movement-new {
    color:
        var(--color-text-secondary);
}


.movement-stable {
    color:
        var(--color-text-muted);
}


.movement-rising {
    color:
        var(--color-signal);

    border-color:
        rgba(
            183,
            255,
            74,
            0.25
        );

    background:
        rgba(
            183,
            255,
            74,
            0.04
        );
}


.movement-surging {
    color:
        var(--color-signal);

    border-color:
        rgba(
            183,
            255,
            74,
            0.45
        );

    background:
        rgba(
            183,
            255,
            74,
            0.09
        );

    box-shadow:
        0 0 16px
        rgba(
            183,
            255,
            74,
            0.06
        );
}


.movement-falling {
    color:
        var(--color-critical);

    border-color:
        rgba(
            255,
            95,
            86,
            0.24
        );
}


.movement-delta {
    font-variant-numeric:
        tabular-nums;
}


.movement-delta-positive {
    color:
        var(--color-signal);
}


.movement-delta-negative {
    color:
        var(--color-critical);
}


.momentum-change {
    margin-top: 10px;

    color:
        var(--color-signal);

    font-size: 11px;

    font-weight: 650;
}


.momentum-change span {
    display: block;

    margin-top: 4px;

    color:
        var(--color-text-dark);

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 0.04em;
}