/**
 * QOO Dashboard front-end styles.
 * Premium-only UI, scoped to the plugin components.
 * Version: 0.14.7
 */

.qoo-dashboard,
.qoo-login-card,
.qoo-access-card,
.qoo-article-save,
.qoo-toast {
    --qoo-red: #df3650;
    --qoo-red-dark: #b91d45;
    --qoo-rose: #ee5572;
    --qoo-pink: #bc3b78;
    --qoo-purple: #713c91;
    --qoo-green: #15966f;
    --qoo-green-dark: #08745c;
    --qoo-teal: #0aa49c;
    --qoo-mint: #63d4ad;
    --qoo-orange: #f59e0b;
    --qoo-orange-soft: #ffb54a;
    --qoo-ink: #162132;
    --qoo-ink-soft: #344156;
    --qoo-muted: #6f7b8d;
    --qoo-line: #e5e9ee;
    --qoo-surface: #ffffff;
    --qoo-canvas: #f5f7f8;
    --qoo-shadow: 0 24px 70px rgba(28, 38, 53, .10);
    --qoo-shadow-soft: 0 14px 36px rgba(28, 38, 53, .075);
    font-family: inherit;
    color: var(--qoo-ink);
}

.qoo-dashboard,
.qoo-dashboard *,
.qoo-login-card,
.qoo-login-card *,
.qoo-access-card,
.qoo-access-card *,
.qoo-article-save,
.qoo-article-save *,
.qoo-toast,
.qoo-toast * {
    box-sizing: border-box;
}

.qoo-dashboard button,
.qoo-dashboard input,
.qoo-dashboard a,
.qoo-login-card a,
.qoo-access-card a,
.qoo-article-save {
    font: inherit;
}

.qoo-dashboard button,
.qoo-dashboard input {
    appearance: none;
    text-transform: none;
    letter-spacing: normal;
}

.qoo-dashboard :where(h1, h2, h3, h4)::before,
.qoo-dashboard :where(h1, h2, h3, h4)::after,
.qoo-login-card :where(h1, h2, h3)::before,
.qoo-login-card :where(h1, h2, h3)::after,
.qoo-access-card :where(h1, h2, h3)::before,
.qoo-access-card :where(h1, h2, h3)::after {
    content: none !important;
    display: none !important;
}

.qoo-dashboard button,
.qoo-dashboard a,
.qoo-login-card a,
.qoo-access-card a,
.qoo-article-save {
    -webkit-tap-highlight-color: transparent;
}

.qoo-dashboard svg,
.qoo-login-card svg,
.qoo-access-card svg,
.qoo-article-save svg,
.qoo-toast svg {
    width: 1.25em;
    height: 1.25em;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.qoo-dashboard [hidden],
.qoo-login-card [hidden],
.qoo-access-card [hidden],
.qoo-toast[hidden] {
    display: none !important;
}

.qoo-dashboard .screen-reader-text,
.qoo-article-save .screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

html.qoo-menu-lock {
    overflow: hidden;
}

/* Main shell */
.qoo-dashboard {
    position: relative;
    display: grid;
    grid-template-columns: 272px minmax(0, 1fr);
    width: 95vw;
    max-width: 1540px;
    min-height: min(880px, calc(100vh - 48px));
    margin: 18px 0;
    left: calc(50% - 47.5vw);
    overflow: hidden;
    border: 1px solid rgba(208, 215, 223, .78);
    border-radius: 26px;
    background: var(--qoo-surface);
    box-shadow: var(--qoo-shadow);
    isolation: isolate;
    transition: grid-template-columns .24s ease;
}

@media (min-width: 1622px) {
    .qoo-dashboard {
        left: calc(50% - 770px);
    }
}

.qoo-dashboard.is-sidebar-collapsed {
    grid-template-columns: 88px minmax(0, 1fr);
}

.qoo-dashboard__backdrop {
    display: none;
}

/* Sidebar */
.qoo-sidebar {
    position: relative;
    z-index: 30;
    min-width: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 800px;
    color: #e8eef0;
    background:
        radial-gradient(circle at 16% 4%, rgba(30, 182, 132, .22), transparent 24%),
        radial-gradient(circle at 115% 62%, rgba(219, 49, 80, .20), transparent 33%),
        linear-gradient(168deg, #111d25 0%, #17272e 51%, #111b24 100%);
    border-right: 1px solid rgba(255, 255, 255, .06);
}

.qoo-sidebar::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .18;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 30px 30px;
    mask-image: linear-gradient(to bottom, #000, transparent 55%);
}

.qoo-sidebar__brand {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 92px;
    padding: 19px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.qoo-brand-radar {
    position: relative;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, rgba(32, 178, 133, .18), rgba(216, 49, 80, .24));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 10px 26px rgba(0, 0, 0, .18);
}

.qoo-sidebar__brand-link {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    text-decoration: none !important;
}

.qoo-sidebar__logo {
    display: block;
    object-fit: contain;
}

.qoo-sidebar__logo--full {
    width: 164px;
    max-width: 100%;
    height: auto;
    max-height: 54px;
}

.qoo-sidebar__logo--mark {
    display: none;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
}

.qoo-sidebar__close {
    display: none;
    margin-left: auto;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: rgba(255,255,255,.08);
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.qoo-sidebar__nav {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    min-height: 0;
    padding: 18px 13px 124px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.15) transparent;
}

.qoo-sidebar__group-label {
    margin: 0;
    padding: 0 12px 9px;
    color: rgba(220, 235, 236, .48);
    font-size: 10px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    white-space: nowrap;
}

.qoo-sidebar__group-label--secondary {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .07);
}

.qoo-sidebar__tabs,
.qoo-sidebar__links {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.qoo-nav-item,
.qoo-sidebar a.qoo-nav-item {
    position: relative;
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 14px;
    color: rgba(231, 240, 241, .72);
    background: transparent;
    text-decoration: none !important;
    text-align: left;
    cursor: pointer;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.qoo-nav-item:hover,
.qoo-sidebar a.qoo-nav-item:hover {
    color: #fff;
    background: rgba(255,255,255,.065);
    transform: translateX(2px);
}

.qoo-nav-item:focus-visible,
.qoo-sidebar a.qoo-nav-item:focus-visible,
.qoo-dashboard button:focus-visible,
.qoo-dashboard a:focus-visible,
.qoo-login-card a:focus-visible,
.qoo-access-card a:focus-visible,
.qoo-article-save:focus-visible {
    outline: 3px solid rgba(245, 158, 11, .48);
    outline-offset: 2px;
}

.qoo-nav-item.is-active {
    color: #fff;
    background: linear-gradient(100deg, rgba(20, 160, 117, .23), rgba(18, 141, 112, .08));
    border-color: rgba(100, 219, 176, .16);
    box-shadow: inset 3px 0 0 var(--qoo-mint), 0 8px 24px rgba(0, 0, 0, .10);
}

.qoo-nav-item__icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #9cafb4;
    background: rgba(255,255,255,.045);
    transition: color .18s ease, background .18s ease;
}

.qoo-nav-item__icon svg {
    width: 18px;
    height: 18px;
}

.qoo-nav-item:hover .qoo-nav-item__icon,
.qoo-nav-item.is-active .qoo-nav-item__icon {
    color: #88e1c1;
    background: rgba(70, 201, 154, .12);
}

.qoo-nav-item__label {
    min-width: 0;
    flex: 1 1 auto;
    color: inherit;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 650;
    white-space: nowrap;
    transition: opacity .16s ease, transform .2s ease;
}

.qoo-nav-item__label--stacked {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    white-space: normal;
}

.qoo-nav-item__label--stacked > span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qoo-nav-item__label--stacked small {
    display: block;
    margin-top: 1px;
    color: rgba(173, 196, 199, .62);
    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.qoo-nav-item:hover .qoo-nav-item__label--stacked small,
.qoo-nav-item.is-active .qoo-nav-item__label--stacked small {
    color: rgba(160, 232, 207, .76);
}

.qoo-nav-item__count,
.qoo-nav-item__premium {
    flex: 0 0 auto;
    min-width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: 999px;
    color: #d8f8eb;
    background: rgba(95, 208, 166, .14);
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    transition: opacity .16s ease;
}

.qoo-nav-item__premium {
    color: #fff4df;
    background: linear-gradient(135deg, rgba(226, 55, 83, .95), rgba(191, 51, 118, .92));
    box-shadow: 0 7px 15px rgba(205, 47, 86, .18);
    letter-spacing: .03em;
}

.qoo-nav-item__external {
    color: rgba(255,255,255,.35);
}

.qoo-nav-item__external svg {
    width: 14px;
    height: 14px;
}

.qoo-sidebar__profile {
    position: absolute;
    z-index: 40;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px 13px 15px;
    background: linear-gradient(to top, #111b24 70%, rgba(17, 27, 36, .84));
    border-top: 1px solid rgba(255,255,255,.07);
}

.qoo-mini-profile {
    width: 100%;
    min-height: 62px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 8px;
    color: #fff;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 16px;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease;
}

.qoo-mini-profile:hover {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.13);
}

.qoo-mini-profile__avatar,
.qoo-profile-popover__avatar {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: block;
    overflow: hidden;
    border: 2px solid rgba(100, 219, 176, .42);
    border-radius: 14px;
    background: #253842;
}

.qoo-mini-profile__avatar img,
.qoo-profile-popover__avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.qoo-mini-profile__info {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: opacity .16s ease;
}

.qoo-mini-profile__info strong,
.qoo-mini-profile__info small {
    max-width: 142px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qoo-mini-profile__info strong { font-size: 13px; }
.qoo-mini-profile__info small { margin-top: 3px; color: #82cdb2; font-size: 10px; }

.qoo-mini-profile__settings {
    color: rgba(255,255,255,.42);
    transition: opacity .16s ease;
}

.qoo-mini-profile__settings svg { width: 17px; height: 17px; }

.qoo-profile-popover {
    position: absolute;
    left: 13px;
    right: 13px;
    bottom: calc(100% + 4px);
    overflow: hidden;
    padding: 8px;
    color: var(--qoo-ink);
    background: rgba(255,255,255,.98);
    border: 1px solid var(--qoo-line);
    border-radius: 18px;
    box-shadow: 0 24px 55px rgba(0,0,0,.25);
    animation: qooPopoverIn .18s ease both;
}

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

.qoo-profile-popover__head {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 8px 8px 13px;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--qoo-line);
}

.qoo-profile-popover__head > span:last-child {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.qoo-profile-popover__head strong,
.qoo-profile-popover__head small {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qoo-profile-popover__head strong { font-size: 13px; }
.qoo-profile-popover__head small { margin-top: 3px; color: var(--qoo-muted); font-size: 10px; }

.qoo-profile-popover a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 11px;
    color: var(--qoo-ink-soft);
    border-radius: 11px;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 650;
}

.qoo-profile-popover a:hover { background: #f3f6f7; }
.qoo-profile-popover a svg { width: 16px; height: 16px; }
.qoo-profile-popover a.qoo-profile-popover__logout { color: var(--qoo-red-dark); }

/* Collapsed sidebar */
.qoo-dashboard.is-sidebar-collapsed .qoo-sidebar__brand {
    justify-content: center;
    padding-inline: 18px;
}
.qoo-dashboard.is-sidebar-collapsed .qoo-sidebar__brand-link {
    flex: 0 0 52px;
    justify-content: center;
}

.qoo-dashboard.is-sidebar-collapsed .qoo-sidebar__logo--full {
    display: none;
}

.qoo-dashboard.is-sidebar-collapsed .qoo-sidebar__logo--mark {
    display: block;
}

.qoo-dashboard.is-sidebar-collapsed .qoo-sidebar__group-label,
.qoo-dashboard.is-sidebar-collapsed .qoo-nav-item__label,
.qoo-dashboard.is-sidebar-collapsed .qoo-nav-item__count,
.qoo-dashboard.is-sidebar-collapsed .qoo-nav-item__premium,
.qoo-dashboard.is-sidebar-collapsed .qoo-nav-item__external,
.qoo-dashboard.is-sidebar-collapsed .qoo-mini-profile__info,
.qoo-dashboard.is-sidebar-collapsed .qoo-mini-profile__settings {
    width: 0;
    max-width: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

.qoo-dashboard.is-sidebar-collapsed .qoo-sidebar__group-label--secondary {
    height: 1px;
    margin: 16px 9px 10px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.qoo-dashboard.is-sidebar-collapsed .qoo-sidebar__nav { padding-inline: 12px; }
.qoo-dashboard.is-sidebar-collapsed .qoo-nav-item { justify-content: center; padding-inline: 7px; }
.qoo-dashboard.is-sidebar-collapsed .qoo-nav-item:hover { transform: none; }
.qoo-dashboard.is-sidebar-collapsed .qoo-nav-item__icon { flex-basis: 38px; width: 38px; height: 38px; }
.qoo-dashboard.is-sidebar-collapsed .qoo-mini-profile { justify-content: center; padding: 8px 4px; }
.qoo-dashboard.is-sidebar-collapsed .qoo-sidebar__profile { padding-inline: 11px; }
.qoo-dashboard.is-sidebar-collapsed .qoo-profile-popover { left: 72px; right: auto; bottom: 15px; width: 250px; }

/* Main area and top bar */
.qoo-dashboard__main {
    min-width: 0;
    background:
        radial-gradient(circle at 92% 4%, rgba(16, 169, 148, .055), transparent 24%),
        var(--qoo-canvas);
}

.qoo-dashboard__topbar {
    position: relative;
    z-index: 20;
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 17px 32px;
    background: rgba(255,255,255,.90);
    border-bottom: 1px solid rgba(222, 227, 233, .88);
    backdrop-filter: blur(16px);
}

.qoo-dashboard__topbar-left {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 16px;
}

.qoo-dashboard__breadcrumb {
    margin: 0 0 4px !important;
    color: var(--qoo-muted);
    font-size: 10px;
    line-height: 1.2;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.qoo-dashboard__breadcrumb span { margin: 0 5px; color: var(--qoo-red); }

.qoo-dashboard__topbar h1 {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--qoo-ink);
    border: 0 !important;
    font-size: clamp(19px, 2vw, 25px);
    line-height: 1.25;
    font-weight: 850;
    letter-spacing: -.025em;
}

.qoo-dashboard__collapse,
.qoo-dashboard__mobile-menu {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    padding: 0;
    color: var(--qoo-ink-soft);
    background: #f3f5f6;
    border: 1px solid #e5e9ec;
    border-radius: 13px;
    cursor: pointer;
    transition: color .18s ease, background .18s ease, transform .18s ease;
}

.qoo-dashboard__collapse:hover,
.qoo-dashboard__mobile-menu:hover {
    color: var(--qoo-green-dark);
    background: #e9f7f2;
}

.qoo-dashboard__collapse svg,
.qoo-dashboard__mobile-menu svg { width: 19px; height: 19px; }
.qoo-dashboard__mobile-menu { display: none; }

.qoo-dashboard__panels {
    min-width: 0;
    padding: 28px 30px 42px;
}

.qoo-panel {
    min-width: 0;
    animation: qooPanelIn .28s ease both;
    outline: none;
}

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

/* Shared buttons */
.qoo-button,
.qoo-dashboard a.qoo-button,
.qoo-login-card a.qoo-button,
.qoo-access-card a.qoo-button {
    position: relative;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 18px;
    color: var(--qoo-ink);
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 13px;
    text-decoration: none !important;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 750;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(23, 35, 50, .05);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.qoo-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(23, 35, 50, .10);
}

.qoo-button svg { width: 17px; height: 17px; }

.qoo-button--primary,
.qoo-dashboard .qoo-button--primary,
.qoo-login-card .qoo-button--primary,
.qoo-access-card .qoo-button--primary {
    color: #fff;
    background: linear-gradient(135deg, var(--qoo-red-dark), var(--qoo-red) 55%, #e84e70);
    border-color: rgba(182, 22, 62, .25);
    box-shadow: 0 13px 28px rgba(200, 31, 73, .22);
}

.qoo-button--primary:hover {
    color: #fff;
    background: linear-gradient(135deg, #a9173c, #d72f4c 55%, #e34667);
    box-shadow: 0 17px 33px rgba(200, 31, 73, .28);
}

.qoo-button--soft {
    color: var(--qoo-green-dark);
    background: #f0faf6;
    border-color: #d6eee5;
}

.qoo-button--glass {
    color: var(--qoo-ink-soft);
    background: rgba(255,255,255,.72);
    border-color: rgba(255,255,255,.86);
    backdrop-filter: blur(10px);
}

.qoo-button--danger-soft {
    color: var(--qoo-red-dark);
    background: #fff4f6;
    border-color: #f6d9df;
}

.qoo-button__spark {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    margin-left: -7px;
    color: var(--qoo-orange);
    background: #fff;
    border-radius: 9px;
}

.qoo-button.is-loading,
.qoo-icon-button.is-loading,
.qoo-article-save.is-loading {
    cursor: wait;
    opacity: .72;
}

.qoo-button.is-loading::after,
.qoo-icon-button.is-loading::after,
.qoo-article-save.is-loading::after {
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: qooSpin .7s linear infinite;
}

.qoo-icon-button.is-loading > svg,
.qoo-article-save.is-loading > svg { display: none; }

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

/* Hero */
.qoo-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 230px minmax(300px, 1fr) 235px;
    gap: clamp(24px, 3vw, 48px);
    align-items: center;
    min-height: 340px;
    padding: clamp(28px, 3vw, 44px);
    border: 1px solid rgba(213, 219, 226, .86);
    border-radius: 26px;
    background:
        radial-gradient(circle at 15% 34%, rgba(255,255,255,.98), rgba(255,255,255,.58) 30%, transparent 52%),
        linear-gradient(128deg, #edf9f5 0%, #fff 46%, #fff2f4 100%);
    box-shadow: var(--qoo-shadow-soft), inset 0 1px 0 #fff;
}

.qoo-hero__grid {
    position: absolute;
    inset: 0;
    opacity: .35;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(21, 150, 111, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(21, 150, 111, .06) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(90deg, #000, rgba(0,0,0,.45), transparent);
}

.qoo-hero__glow {
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    filter: blur(60px);
    opacity: .15;
    pointer-events: none;
}

.qoo-hero__glow--red { right: -180px; bottom: -210px; background: var(--qoo-red); }
.qoo-hero__glow--green { left: -190px; top: -230px; background: var(--qoo-green); }

.qoo-hero__visual,
.qoo-hero__content,
.qoo-hero__stats { position: relative; z-index: 2; }

.qoo-hero__visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.qoo-radar-orb {
    position: relative;
    width: 196px;
    height: 196px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: var(--qoo-green-dark);
    background:
        radial-gradient(circle at 36% 26%, rgba(255,255,255,.98), rgba(255,255,255,.45) 26%, transparent 45%),
        linear-gradient(145deg, rgba(127, 224, 189, .33), rgba(255,255,255,.88) 45%, rgba(240, 81, 108, .18));
    border: 1px solid rgba(23, 148, 111, .24);
    box-shadow: 0 26px 60px rgba(13, 116, 88, .18), inset 0 0 35px rgba(255,255,255,.82), 0 0 0 13px rgba(255,255,255,.56);
}

.qoo-radar-orb strong {
    position: relative;
    z-index: 5;
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, var(--qoo-green-dark), var(--qoo-teal));
    border: 5px solid rgba(255,255,255,.80);
    border-radius: 50%;
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
    box-shadow: 0 12px 28px rgba(5, 116, 88, .26);
}

.qoo-radar-orb__ring {
    position: absolute;
    border: 1px solid rgba(16, 143, 106, .27);
    border-radius: 50%;
}

.qoo-radar-orb__ring--one { inset: 13px; }
.qoo-radar-orb__ring--two { inset: 38px; }
.qoo-radar-orb__ring--three { inset: 66px; }

.qoo-radar-orb__cross {
    position: absolute;
    background: rgba(16, 143, 106, .18);
}

.qoo-radar-orb__cross--x { left: 8px; right: 8px; top: 50%; height: 1px; }
.qoo-radar-orb__cross--y { top: 8px; bottom: 8px; left: 50%; width: 1px; }

.qoo-radar-orb__sweep {
    position: absolute;
    z-index: 3;
    inset: 10px 50% 50% 10px;
    border-radius: 100% 0 0 0;
    transform-origin: 100% 100%;
    background: conic-gradient(from 270deg at 100% 100%, rgba(25, 160, 119, .46), transparent 48deg);
    animation: qooRadarSweep 5.5s linear infinite;
}

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

.qoo-radar-orb__dot {
    position: absolute;
    z-index: 4;
    width: 8px;
    height: 8px;
    background: var(--qoo-red);
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(222, 54, 80, .12), 0 0 14px rgba(222, 54, 80, .55);
}

.qoo-radar-orb__dot--one { top: 43px; right: 45px; }
.qoo-radar-orb__dot--two { left: 33px; bottom: 61px; width: 6px; height: 6px; background: var(--qoo-orange); }

.qoo-hero__status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 27px;
    padding: 7px 12px;
    color: var(--qoo-green-dark);
    background: rgba(255,255,255,.76);
    border: 1px solid rgba(21, 150, 111, .16);
    border-radius: 999px;
    font-size: 9px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: .12em;
    box-shadow: 0 8px 20px rgba(13, 116, 88, .08);
}

.qoo-hero__status i,
.qoo-status-dot {
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    background: #27c88c;
    box-shadow: 0 0 0 4px rgba(39, 200, 140, .13);
}

.qoo-premium-pill {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    color: #9c4c12;
    background: rgba(255, 248, 230, .86);
    border: 1px solid rgba(245, 158, 11, .22);
    border-radius: 999px;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.qoo-premium-pill svg { width: 14px; height: 14px; color: var(--qoo-orange); }

.qoo-hero__content h2 {
    max-width: 610px;
    margin: 17px 0 14px !important;
    padding: 0 !important;
    color: #12202b;
    border: 0 !important;
    font-size: clamp(29px, 3vw, 46px);
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: -.045em;
}

.qoo-hero__content > p {
    max-width: 620px;
    margin: 0 !important;
    color: #526071;
    font-size: 14px;
    line-height: 1.8;
}

.qoo-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.qoo-hero__stats {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding-left: 23px;
    border-left: 1px solid rgba(97, 115, 128, .16);
}

.qoo-hero-stat {
    min-height: 76px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px;
    background: rgba(255,255,255,.68);
    border: 1px solid rgba(210, 218, 225, .72);
    border-radius: 17px;
    box-shadow: 0 12px 25px rgba(32, 44, 57, .055);
    backdrop-filter: blur(8px);
}

.qoo-hero-stat > span {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 13px;
}

.qoo-hero-stat > span svg { width: 19px; height: 19px; }
.qoo-hero-stat--red > span { color: var(--qoo-red-dark); background: #fff0f3; }
.qoo-hero-stat--green > span { color: var(--qoo-green-dark); background: #eaf8f3; }
.qoo-hero-stat--orange > span { color: #ae6100; background: #fff6e5; }

.qoo-hero-stat div { min-width: 0; display: flex; flex-direction: column; }
.qoo-hero-stat strong { color: var(--qoo-ink); font-size: 21px; line-height: 1; font-weight: 900; }
.qoo-hero-stat small { margin-top: 5px; color: var(--qoo-muted); font-size: 10px; line-height: 1.3; }

/* Quick cards */
.qoo-quick-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 17px;
    margin-top: 20px;
}

.qoo-quick-card {
    position: relative;
    overflow: hidden;
    min-height: 210px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 23px;
    color: var(--qoo-ink);
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 21px;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 13px 30px rgba(25, 38, 51, .06);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.qoo-quick-card::after {
    content: "";
    position: absolute;
    right: -74px;
    bottom: -105px;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background: rgba(255,255,255,.52);
    pointer-events: none;
}

.qoo-quick-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(25, 38, 51, .10);
}

.qoo-quick-card--green { background: linear-gradient(145deg, #eefaf6, #dff4ec); border-color: #d5ece4; }
.qoo-quick-card--red { background: linear-gradient(145deg, #fff2f4, #fbe3ea); border-color: #f3d9e0; }
.qoo-quick-card--orange { background: linear-gradient(145deg, #fff8ea, #f8edcf); border-color: #eee3c8; }

.qoo-quick-card__number {
    position: absolute;
    top: 22px;
    right: 23px;
    color: rgba(23, 36, 49, .20);
    font-size: 15px;
    font-weight: 900;
}

.qoo-quick-card__icon {
    position: relative;
    z-index: 2;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    color: var(--qoo-green-dark);
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 15px;
    box-shadow: 0 10px 22px rgba(29, 43, 53, .07);
}

.qoo-quick-card--red .qoo-quick-card__icon { color: var(--qoo-red-dark); }
.qoo-quick-card--orange .qoo-quick-card__icon { color: #a96300; }
.qoo-quick-card__icon svg { width: 21px; height: 21px; }

.qoo-quick-card > strong {
    position: relative;
    z-index: 2;
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 850;
}

.qoo-quick-card > small {
    position: relative;
    z-index: 2;
    margin-top: 7px;
    color: #596677;
    font-size: 12.5px;
    line-height: 1.7;
}

.qoo-quick-card__link {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    padding-top: 16px;
    color: var(--qoo-green-dark);
    font-size: 12px;
    font-weight: 800;
}

.qoo-quick-card--red .qoo-quick-card__link { color: var(--qoo-red-dark); }
.qoo-quick-card--orange .qoo-quick-card__link { color: #9b5d02; }
.qoo-quick-card__link svg { width: 14px; height: 14px; transition: transform .18s ease; }
.qoo-quick-card:hover .qoo-quick-card__link svg { transform: translateX(3px); }

/* Section headings */
.qoo-content-section { margin-top: 38px; }
.qoo-content-section--panel { margin-top: 30px; }

.qoo-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.qoo-section-heading h2 {
    margin: 4px 0 4px !important;
    padding: 0 !important;
    color: var(--qoo-ink);
    border: 0 !important;
    font-size: clamp(20px, 2.1vw, 27px);
    line-height: 1.3;
    font-weight: 850;
    letter-spacing: -.025em;
}

.qoo-section-heading p:not(.qoo-eyebrow) {
    margin: 0 !important;
    color: var(--qoo-muted);
    font-size: 13px;
    line-height: 1.6;
}

.qoo-eyebrow {
    margin: 0 !important;
    color: var(--qoo-green);
    font-size: 9px;
    line-height: 1.2;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.qoo-panel-intro--reports .qoo-eyebrow,
.qoo-panel-intro--saved .qoo-eyebrow { color: var(--qoo-red); }
.qoo-panel-intro--history .qoo-eyebrow { color: #b36800; }

.qoo-text-button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 0;
    color: var(--qoo-green-dark);
    background: transparent;
    border: 0;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.qoo-text-button svg { width: 15px; height: 15px; }

/* Post cards */
.qoo-post-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 17px;
}

.qoo-post-card {
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 20px;
    box-shadow: 0 12px 28px rgba(25, 38, 51, .055);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, opacity .22s ease;
}

.qoo-post-card:hover {
    transform: translateY(-4px);
    border-color: #d8e1e5;
    box-shadow: 0 20px 42px rgba(25, 38, 51, .11);
}

.qoo-post-card.is-removing { opacity: 0; transform: scale(.97); }

.qoo-post-card__media {
    position: relative;
    overflow: hidden;
    display: block;
    height: 155px;
    color: #fff;
    background: #23343c;
}

.qoo-post-card__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .45s ease;
}

.qoo-post-card:hover .qoo-post-card__media img { transform: scale(1.045); }

.qoo-post-card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(15, 25, 33, .22), transparent 58%);
    pointer-events: none;
}

.qoo-post-card__media--radar {
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 25% 30%, rgba(63, 202, 151, .25), transparent 35%),
        radial-gradient(circle at 88% 15%, rgba(226, 54, 80, .26), transparent 30%),
        linear-gradient(145deg, #10232b, #1d373e);
}

.qoo-post-card__radar {
    position: relative;
    width: 112px;
    height: 112px;
    display: block;
    border: 1px solid rgba(130, 231, 194, .35);
    border-radius: 50%;
    box-shadow: 0 0 36px rgba(58, 204, 150, .16);
}

.qoo-post-card__radar::before,
.qoo-post-card__radar::after {
    content: "";
    position: absolute;
    background: rgba(130, 231, 194, .20);
}

.qoo-post-card__radar::before { left: 50%; top: 0; bottom: 0; width: 1px; }
.qoo-post-card__radar::after { top: 50%; left: 0; right: 0; height: 1px; }

.qoo-post-card__radar i {
    position: absolute;
    border: 1px solid rgba(130, 231, 194, .26);
    border-radius: 50%;
}

.qoo-post-card__radar i:nth-child(1) { inset: 17px; }
.qoo-post-card__radar i:nth-child(2) { inset: 37px; }
.qoo-post-card__radar i:nth-child(3) { width: 8px; height: 8px; right: 21px; top: 28px; background: var(--qoo-red); border: 2px solid #fff; box-shadow: 0 0 13px var(--qoo-red); }

.qoo-post-card__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 18px 19px 16px;
}

.qoo-post-card__meta {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #87919e;
    font-size: 10.5px;
    line-height: 1.3;
    text-transform: uppercase;
}

.qoo-post-card__category {
    max-width: 55%;
    overflow: hidden;
    padding: 4px 7px;
    color: var(--qoo-green-dark);
    background: #edf9f5;
    border-radius: 999px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qoo-post-card__meta time { white-space: nowrap; }

.qoo-post-card h3 {
    margin: 12px 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 16px;
    line-height: 1.48;
    font-weight: 800;
}

.qoo-post-card h3 a {
    color: var(--qoo-ink);
    text-decoration: none !important;
}

.qoo-post-card h3 a:hover { color: var(--qoo-red-dark); }

.qoo-post-card__body > p {
    margin: 0 !important;
    color: #6a7686;
    font-size: 12.5px;
    line-height: 1.7;
}

.qoo-post-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 17px;
}

.qoo-post-card__read {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--qoo-ink-soft);
    text-decoration: none !important;
    font-size: 11.5px;
    line-height: 1.3;
    font-weight: 800;
}

.qoo-post-card__read:hover { color: var(--qoo-green-dark); }
.qoo-post-card__read svg { width: 13px; height: 13px; transition: transform .18s ease; }
.qoo-post-card__read:hover svg { transform: translateX(3px); }

.qoo-icon-button {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #7f8a98;
    background: #f5f7f8;
    border: 1px solid #e8ebee;
    border-radius: 11px;
    cursor: pointer;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.qoo-icon-button:hover { color: var(--qoo-red); transform: translateY(-1px); }
.qoo-icon-button svg { width: 16px; height: 16px; }

.qoo-icon-button.is-bookmarked,
.qoo-post-card__save.is-bookmarked {
    color: #fff;
    background: linear-gradient(145deg, var(--qoo-red), var(--qoo-pink));
    border-color: transparent;
    box-shadow: 0 9px 18px rgba(213, 49, 85, .20);
}

.qoo-icon-button.is-bookmarked svg,
.qoo-post-card__save.is-bookmarked svg { fill: currentColor; }

/* Empty states */
.qoo-empty-state {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    text-align: center;
    background:
        radial-gradient(circle at 50% 34%, rgba(25, 150, 111, .08), transparent 28%),
        #fff;
    border: 1px dashed #d8dfe4;
    border-radius: 22px;
}

.qoo-empty-state--compact { min-height: 215px; }

.qoo-empty-state > span {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    color: var(--qoo-green);
    background: #edf9f5;
    border-radius: 18px;
}

.qoo-empty-state > span svg { width: 26px; height: 26px; }

.qoo-empty-state h3 {
    margin: 17px 0 7px !important;
    padding: 0 !important;
    color: var(--qoo-ink);
    border: 0 !important;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 850;
}

.qoo-empty-state p {
    max-width: 530px;
    margin: 0 0 18px !important;
    color: var(--qoo-muted);
    font-size: 12.5px;
    line-height: 1.7;
}

/* Panel intros */
.qoo-panel-intro {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    min-height: 145px;
    padding: 25px 28px;
    margin-bottom: 22px;
    background: linear-gradient(135deg, #edf9f5, #fff 52%, #f5fbf9);
    border: 1px solid #dcebe5;
    border-radius: 22px;
    box-shadow: 0 14px 34px rgba(25, 38, 51, .055);
}

.qoo-panel-intro::after {
    content: "";
    position: absolute;
    right: -90px;
    top: -110px;
    width: 280px;
    height: 280px;
    border: 1px solid rgba(21, 150, 111, .10);
    border-radius: 50%;
    box-shadow: 0 0 0 38px rgba(21, 150, 111, .03), 0 0 0 76px rgba(21, 150, 111, .02);
    pointer-events: none;
}

.qoo-panel-intro--token-thesis {
    background: linear-gradient(135deg, #ecf8f5, #fff 52%, #f1f7ff);
    border-color: #d9e9e5;
}

.qoo-panel-intro--valuation {
    background: linear-gradient(135deg, #fff8e8, #fff 52%, #f4f8f5);
    border-color: #eee3c8;
}

.qoo-panel-intro--valuation::after {
    border-color: rgba(185, 112, 4, .10);
    box-shadow: 0 0 0 38px rgba(185, 112, 4, .03), 0 0 0 76px rgba(185, 112, 4, .02);
}

.qoo-panel-intro--reports,
.qoo-panel-intro--saved {
    background: linear-gradient(135deg, #fff2f4, #fff 52%, #fff8ed);
    border-color: #f2dde2;
}

.qoo-panel-intro--reports::after,
.qoo-panel-intro--saved::after { border-color: rgba(223, 54, 80, .10); box-shadow: 0 0 0 38px rgba(223, 54, 80, .03), 0 0 0 76px rgba(223, 54, 80, .02); }

.qoo-panel-intro--history {
    background: linear-gradient(135deg, #fff8e9, #fff 52%, #f8f5ed);
    border-color: #eee4cc;
}

.qoo-panel-intro__icon {
    position: relative;
    z-index: 2;
    width: 70px;
    height: 70px;
    display: grid;
    place-items: center;
    color: var(--qoo-green-dark);
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(255,255,255,.90);
    border-radius: 21px;
    box-shadow: 0 14px 30px rgba(27, 52, 47, .09);
}

.qoo-panel-intro--reports .qoo-panel-intro__icon,
.qoo-panel-intro--saved .qoo-panel-intro__icon { color: var(--qoo-red-dark); }
.qoo-panel-intro--valuation .qoo-panel-intro__icon { color: #ab6504; }
.qoo-panel-intro--history .qoo-panel-intro__icon { color: #ab6504; }
.qoo-panel-intro__icon svg { width: 29px; height: 29px; }

.qoo-panel-intro > div:nth-child(2) { position: relative; z-index: 2; }

.qoo-panel-intro h2 {
    margin: 6px 0 5px !important;
    padding: 0 !important;
    color: var(--qoo-ink);
    border: 0 !important;
    font-size: clamp(21px, 2.4vw, 30px);
    line-height: 1.3;
    font-weight: 880;
    letter-spacing: -.03em;
}

.qoo-panel-intro p:not(.qoo-eyebrow) {
    max-width: 750px;
    margin: 0 !important;
    color: #667384;
    font-size: 13px;
    line-height: 1.7;
}

.qoo-panel-intro__metric {
    position: relative;
    z-index: 2;
    min-width: 112px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    background: rgba(255,255,255,.66);
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 17px;
}

.qoo-panel-intro__metric strong { color: var(--qoo-ink); font-size: 26px; line-height: 1; font-weight: 900; }
.qoo-panel-intro__metric span { margin-top: 6px; color: var(--qoo-muted); font-size: 9px; }

.qoo-research-status {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    color: #9b5d04;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(171, 101, 4, .18);
    border-radius: 999px;
    font-size: 10px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: .08em;
}

.qoo-empty-state--valuation {
    border-style: dashed;
    background: linear-gradient(180deg, rgba(255, 250, 239, .72), rgba(255, 255, 255, .92));
}

.qoo-pro-seal {
    position: relative;
    z-index: 2;
    width: 78px;
    height: 78px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, var(--qoo-red-dark), var(--qoo-red) 52%, var(--qoo-orange));
    border: 7px solid rgba(255,255,255,.74);
    border-radius: 50%;
    box-shadow: 0 16px 32px rgba(205, 42, 78, .22);
}

.qoo-pro-seal svg { position: absolute; top: 12px; width: 15px; height: 15px; color: #ffe5a3; }
.qoo-pro-seal strong { margin-top: 14px; font-size: 12px; letter-spacing: .12em; }

/* Interests */
.qoo-interest-form {
    padding: 25px;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 22px;
    box-shadow: 0 13px 32px rgba(25, 38, 51, .05);
}

.qoo-interest-form__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--qoo-line);
}

.qoo-interest-form__heading h3 {
    margin: 0 0 4px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 850;
}

.qoo-interest-form__heading p { margin: 0 !important; color: var(--qoo-muted); font-size: 10.5px; }

.qoo-interest-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
}

.qoo-interest-chip {
    position: relative;
    min-width: 0;
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px;
    color: var(--qoo-ink-soft);
    background: #f8f9fa;
    border: 1px solid #e7ebee;
    border-radius: 15px;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.qoo-interest-chip:hover {
    transform: translateY(-1px);
    border-color: #cfe4dc;
    background: #f4fbf8;
}

.qoo-interest-chip:has(input:checked) {
    color: var(--qoo-green-dark);
    background: linear-gradient(135deg, #edf9f5, #f8fdfb);
    border-color: rgba(21, 150, 111, .35);
    box-shadow: inset 3px 0 0 var(--qoo-green), 0 8px 20px rgba(21, 150, 111, .07);
}

.qoo-interest-chip input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.qoo-interest-chip input:focus-visible + .qoo-interest-chip__check {
    outline: 3px solid rgba(245, 158, 11, .42);
    outline-offset: 2px;
}

.qoo-interest-chip__check {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    color: transparent;
    background: #fff;
    border: 1px solid #dce2e5;
    border-radius: 10px;
}

.qoo-interest-chip input:checked + .qoo-interest-chip__check {
    color: #fff;
    background: linear-gradient(145deg, var(--qoo-green), var(--qoo-teal));
    border-color: transparent;
    box-shadow: 0 8px 17px rgba(21, 150, 111, .18);
}

.qoo-interest-chip__check svg { width: 16px; height: 16px; stroke-width: 2.5; }

.qoo-interest-chip > span:last-child { min-width: 0; display: flex; flex-direction: column; }
.qoo-interest-chip strong { overflow: hidden; font-size: 13px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.qoo-interest-chip small { margin-top: 4px; color: var(--qoo-muted); font-size: 10.5px; }

/* History */
.qoo-history-list {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 21px;
    box-shadow: 0 13px 32px rgba(25, 38, 51, .05);
}

.qoo-history-item {
    position: relative;
    display: grid;
    grid-template-columns: 45px 1px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 17px;
    min-height: 93px;
    padding: 15px 21px;
    border-bottom: 1px solid #edf0f2;
    transition: background .18s ease;
}

.qoo-history-item:last-child { border-bottom: 0; }
.qoo-history-item:hover { background: #fafcfc; }

.qoo-history-item__number {
    color: #aab2bc;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .07em;
}

.qoo-history-item__line { align-self: stretch; background: linear-gradient(to bottom, transparent, #dfe5e8 24%, #dfe5e8 76%, transparent); }
.qoo-history-item__body { min-width: 0; }

.qoo-history-item__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: #8a95a2;
    font-size: 10.5px;
    line-height: 1.3;
}

.qoo-history-item__meta span {
    padding: 3px 7px;
    color: var(--qoo-green-dark);
    background: #edf9f5;
    border-radius: 999px;
    font-weight: 800;
}

.qoo-history-item h3 {
    margin: 7px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 780;
}

.qoo-history-item h3 a { color: var(--qoo-ink); text-decoration: none !important; }
.qoo-history-item h3 a:hover { color: var(--qoo-red-dark); }
.qoo-history-item__open { text-decoration: none !important; }

/* Profile */
.qoo-profile-hero {
    position: relative;
    overflow: hidden;
    min-height: 240px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 25px;
    padding: 35px;
    color: #fff;
    background:
        radial-gradient(circle at 12% 8%, rgba(82, 211, 164, .30), transparent 27%),
        radial-gradient(circle at 92% 92%, rgba(223, 54, 80, .30), transparent 32%),
        linear-gradient(135deg, #11242b, #18363a 58%, #26213a);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 24px;
    box-shadow: 0 20px 48px rgba(14, 30, 36, .18);
}

.qoo-profile-hero__pattern {
    position: absolute;
    inset: 0;
    opacity: .25;
    background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(90deg, #000, transparent);
}

.qoo-profile-hero__avatar,
.qoo-profile-hero__info,
.qoo-profile-hero > .qoo-button { position: relative; z-index: 2; }

.qoo-profile-hero__avatar {
    width: 118px;
    height: 118px;
    padding: 6px;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 31px;
    box-shadow: 0 18px 38px rgba(0,0,0,.20);
}

.qoo-profile-hero__avatar img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 25px; }

.qoo-profile-hero__avatar span {
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, var(--qoo-orange), var(--qoo-red));
    border: 4px solid #183238;
    border-radius: 50%;
}

.qoo-profile-hero__avatar span svg { width: 15px; height: 15px; }
.qoo-profile-hero .qoo-eyebrow { color: #83e2c0; }

.qoo-profile-hero__info h2 {
    margin: 7px 0 3px !important;
    padding: 0 !important;
    color: #fff;
    border: 0 !important;
    font-size: clamp(25px, 3vw, 38px);
    line-height: 1.25;
    font-weight: 900;
}

.qoo-profile-hero__info > p:not(.qoo-eyebrow) { margin: 0 0 15px !important; color: rgba(235, 244, 244, .68); font-size: 11px; }
.qoo-profile-hero .qoo-button--glass { color: #fff; background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.16); }

.qoo-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 20px;
}

.qoo-profile-card {
    padding: 24px;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 21px;
    box-shadow: 0 13px 32px rgba(25, 38, 51, .05);
}

.qoo-profile-card__heading {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-bottom: 18px;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--qoo-line);
}

.qoo-profile-card__heading > span {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: var(--qoo-green-dark);
    background: #edf9f5;
    border-radius: 14px;
}

.qoo-profile-card__heading > span svg { width: 20px; height: 20px; }
.qoo-profile-card__heading h3 { margin: 0 0 3px !important; padding: 0 !important; border: 0 !important; font-size: 14px; line-height: 1.35; font-weight: 850; }
.qoo-profile-card__heading p { margin: 0 !important; color: var(--qoo-muted); font-size: 11px; }

.qoo-profile-details { margin: 0; }
.qoo-profile-details > div { display: grid; grid-template-columns: 125px minmax(0, 1fr); gap: 14px; padding: 13px 0; border-bottom: 1px solid #f0f2f3; }
.qoo-profile-details > div:last-child { border-bottom: 0; }
.qoo-profile-details dt { color: var(--qoo-muted); font-size: 12px; }
.qoo-profile-details dd { min-width: 0; margin: 0; color: var(--qoo-ink); font-size: 12px; font-weight: 750; overflow-wrap: anywhere; }
.qoo-profile-details dd .qoo-status-dot { margin-right: 8px; }

.qoo-profile-metrics { display: flex; flex-direction: column; }
.qoo-profile-metrics button {
    width: 100%;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px 3px;
    color: var(--qoo-ink);
    background: transparent;
    border: 0;
    border-bottom: 1px solid #f0f2f3;
    text-align: left;
    cursor: pointer;
}

.qoo-profile-metrics button:last-child { border-bottom: 0; }
.qoo-profile-metrics button strong { font-size: 21px; line-height: 1; font-weight: 900; }
.qoo-profile-metrics button span { color: var(--qoo-muted); font-size: 12px; }
.qoo-profile-metrics button > svg { width: 16px; height: 16px; color: #a1aab5; transition: transform .18s ease; }
.qoo-profile-metrics button:hover > svg { transform: translateX(3px); color: var(--qoo-green); }

.qoo-account-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.qoo-account-actions > a {
    min-width: 0;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 15px;
    color: var(--qoo-ink);
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 17px;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(25,38,51,.04);
    transition: transform .18s ease, box-shadow .18s ease;
}

.qoo-account-actions > a:hover { transform: translateY(-2px); box-shadow: 0 15px 30px rgba(25,38,51,.08); }
.qoo-account-actions > a > svg:first-child { width: 19px; height: 19px; color: var(--qoo-green-dark); }
.qoo-account-actions > a > svg:last-child { width: 15px; height: 15px; color: #a4acb6; }
.qoo-account-actions > a > span { min-width: 0; display: flex; flex-direction: column; }
.qoo-account-actions strong { font-size: 12px; line-height: 1.35; }
.qoo-account-actions small { margin-top: 4px; color: var(--qoo-muted); font-size: 10px; line-height: 1.4; }
.qoo-account-actions > a.qoo-account-actions__logout > svg:first-child { color: var(--qoo-red); }

/* Toast */
.qoo-toast {
    position: fixed;
    z-index: 100000;
    right: 24px;
    bottom: 24px;
    max-width: min(390px, calc(100vw - 32px));
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 16px;
    color: #fff;
    background: rgba(18, 37, 38, .96);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 15px;
    box-shadow: 0 20px 46px rgba(0,0,0,.24);
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .22s ease, transform .22s ease;
    font-size: 11px;
    line-height: 1.5;
}

.qoo-toast.is-visible { opacity: 1; transform: translateY(0); }
.qoo-toast.is-error { background: rgba(132, 27, 50, .97); }

.qoo-toast__icon {
    flex: 0 0 29px;
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    color: #9af0d0;
    background: rgba(87, 213, 165, .13);
    border-radius: 10px;
}

.qoo-toast.is-error .qoo-toast__icon { color: #ffd4dc; background: rgba(255,255,255,.10); }
.qoo-toast__icon svg { width: 15px; height: 15px; stroke-width: 2.5; }

/* Standalone bookmark button */
.qoo-auto-bookmark-wrap { margin: 28px 0 10px; }

.qoo-article-save,
a.qoo-article-save {
    position: relative;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 16px;
    color: var(--qoo-ink-soft);
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 13px;
    text-decoration: none !important;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 750;
    cursor: pointer;
    box-shadow: 0 9px 22px rgba(25, 38, 51, .07);
    transition: transform .18s ease, color .18s ease, background .18s ease, border-color .18s ease;
}

.qoo-article-save:hover { transform: translateY(-2px); color: var(--qoo-red-dark); }
.qoo-article-save svg { width: 18px; height: 18px; }

.qoo-article-save.is-bookmarked {
    color: #fff;
    background: linear-gradient(145deg, var(--qoo-red), var(--qoo-pink));
    border-color: transparent;
}

.qoo-article-save.is-bookmarked svg { fill: currentColor; }

/* Login and access states */
.qoo-login-card,
.qoo-access-card {
    position: relative;
    overflow: hidden;
    width: min(1040px, calc(100% - 24px));
    min-height: 390px;
    display: grid;
    grid-template-columns: minmax(280px, .82fr) minmax(340px, 1.18fr);
    align-items: center;
    gap: 45px;
    margin: 28px auto;
    padding: clamp(32px, 5vw, 64px);
    color: var(--qoo-ink);
    background:
        radial-gradient(circle at 8% 20%, rgba(63, 210, 156, .20), transparent 30%),
        radial-gradient(circle at 95% 90%, rgba(222, 54, 80, .17), transparent 34%),
        linear-gradient(135deg, #effaf6, #fff 48%, #fff3f5);
    border: 1px solid #dfe5e8;
    border-radius: 28px;
    box-shadow: var(--qoo-shadow);
}

.qoo-login-card__visual {
    position: relative;
    width: 230px;
    height: 230px;
    display: grid;
    place-items: center;
    margin: auto;
    border: 1px solid rgba(21,150,111,.23);
    border-radius: 50%;
    background: rgba(255,255,255,.48);
    box-shadow: 0 24px 55px rgba(20, 118, 91, .16), inset 0 0 40px rgba(255,255,255,.9), 0 0 0 15px rgba(255,255,255,.52);
}

.qoo-login-card__ring {
    position: absolute;
    border: 1px solid rgba(21,150,111,.26);
    border-radius: 50%;
}

.qoo-login-card__ring--one { inset: 28px; }
.qoo-login-card__ring--two { inset: 67px; }

.qoo-login-card__visual::before,
.qoo-login-card__visual::after {
    content: "";
    position: absolute;
    background: rgba(21,150,111,.17);
}

.qoo-login-card__visual::before { left: 7px; right: 7px; top: 50%; height: 1px; }
.qoo-login-card__visual::after { top: 7px; bottom: 7px; left: 50%; width: 1px; }

.qoo-login-card__sweep {
    position: absolute;
    inset: 9px 50% 50% 9px;
    transform-origin: 100% 100%;
    border-radius: 100% 0 0 0;
    background: conic-gradient(from 270deg at 100% 100%, rgba(22, 156, 116, .45), transparent 48deg);
    animation: qooRadarSweep 5.5s linear infinite;
}

.qoo-login-card__mark {
    position: relative;
    z-index: 2;
    width: 70px;
    height: 70px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, var(--qoo-green-dark), var(--qoo-teal));
    border: 6px solid rgba(255,255,255,.8);
    border-radius: 50%;
    font-size: 32px;
    font-weight: 900;
    box-shadow: 0 13px 30px rgba(11,117,89,.24);
}

.qoo-login-card__content { position: relative; z-index: 2; }
.qoo-login-card h2,
.qoo-access-card h2 {
    margin: 9px 0 13px !important;
    padding: 0 !important;
    color: var(--qoo-ink);
    border: 0 !important;
    font-size: clamp(26px, 3.4vw, 42px);
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: -.04em;
}

.qoo-login-card__content > p:not(.qoo-eyebrow),
.qoo-access-card > p:not(.qoo-eyebrow) {
    max-width: 580px;
    margin: 0 0 24px !important;
    color: #5e6b7b;
    font-size: 13px;
    line-height: 1.8;
}

.qoo-access-card {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
}

.qoo-access-card__orb {
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, var(--qoo-red-dark), var(--qoo-pink));
    border: 8px solid rgba(255,255,255,.72);
    border-radius: 50%;
    box-shadow: 0 17px 36px rgba(192,39,78,.22);
}

.qoo-access-card__orb svg { width: 31px; height: 31px; }

/* Capital Radar */
.qoo-nav-item__label {
    overflow: hidden;
    text-overflow: ellipsis;
}

.qoo-capital-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.qoo-capital-heading > div { max-width: 760px; }
.qoo-capital-heading h2 {
    margin: 5px 0 8px !important;
    color: var(--qoo-ink);
    font-size: clamp(25px, 3vw, 36px);
    line-height: 1.18;
    letter-spacing: -.035em;
}

.qoo-capital-heading > div > p:last-child {
    margin: 0 !important;
    color: var(--qoo-muted);
    font-size: 13px;
    line-height: 1.75;
}

.qoo-data-freshness,
.qoo-capital-source {
    flex: 0 0 auto;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    color: var(--qoo-muted);
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 999px;
    font-size: 10px;
    line-height: 1.25;
    font-weight: 700;
    box-shadow: 0 7px 18px rgba(28, 38, 53, .04);
}

.qoo-data-freshness i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--qoo-green);
    box-shadow: 0 0 0 4px rgba(21, 150, 111, .10);
}

.qoo-data-freshness.is-partial i {
    background: var(--qoo-orange);
    box-shadow: 0 0 0 4px rgba(234, 138, 33, .12);
}

.qoo-data-freshness.is-error i {
    background: var(--qoo-red);
    box-shadow: 0 0 0 4px rgba(223, 54, 80, .11);
}

.qoo-capital-source,
.qoo-dashboard a.qoo-capital-source {
    color: var(--qoo-green-dark);
    text-decoration: none !important;
}

.qoo-capital-source svg { width: 14px; height: 14px; }

.qoo-capital-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.qoo-capital-metric {
    min-width: 0;
    min-height: 174px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 19px;
    box-shadow: var(--qoo-shadow-soft);
}

.qoo-capital-metric > span {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    color: var(--qoo-green-dark);
    background: #eaf8f3;
    border-radius: 12px;
}

.qoo-capital-metric > span svg { width: 19px; height: 19px; }
.qoo-capital-metric small {
    color: var(--qoo-muted);
    font-size: 9px;
    line-height: 1.35;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.qoo-capital-metric > small {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.qoo-source-health {
    display: inline-flex;
    align-items: center;
    width: max-content;
    padding: 3px 6px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 7px;
    line-height: 1;
    font-style: normal;
    font-weight: 850;
    letter-spacing: .07em;
    white-space: nowrap;
}

.qoo-source-health.is-stale {
    border-color: rgba(209, 55, 76, .2);
    background: #fff0f2;
    color: #c42d45;
}

.qoo-source-health.is-backup {
    border-color: rgba(206, 126, 18, .22);
    background: #fff7e9;
    color: #9e650d;
}

.qoo-capital-metric strong {
    max-width: 100%;
    margin-top: 6px;
    overflow: hidden;
    color: var(--qoo-ink);
    font-size: clamp(21px, 2.2vw, 29px);
    line-height: 1.15;
    font-weight: 850;
    letter-spacing: -.035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qoo-capital-metric em {
    margin-top: auto;
    padding-top: 8px;
    color: var(--qoo-muted);
    font-size: 10px;
    line-height: 1.4;
    font-style: normal;
    font-weight: 650;
}

.qoo-capital-metric--primary {
    color: #fff;
    background:
        radial-gradient(circle at 100% 0, rgba(91, 222, 177, .20), transparent 38%),
        linear-gradient(145deg, #10252a, #173a3a 58%, #155743);
    border-color: rgba(255,255,255,.06);
}

.qoo-capital-metric--primary > span { color: #fff; background: rgba(255,255,255,.10); }
.qoo-capital-metric--primary small,
.qoo-capital-metric--primary em { color: rgba(226, 246, 240, .66); }
.qoo-capital-metric--primary strong { color: #fff; }

.qoo-market-scale {
    margin-bottom: 17px;
    padding: 22px;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0, rgba(10, 164, 156, .08), transparent 31%),
        linear-gradient(145deg, #f3faf8, #fff 57%);
    border: 1px solid #dcece7;
    border-radius: 23px;
    box-shadow: var(--qoo-shadow-soft);
}

.qoo-market-scale__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.qoo-market-scale__heading > div { min-width: 0; }
.qoo-market-scale__heading h3 {
    margin: 4px 0 5px !important;
    color: var(--qoo-ink);
    font-size: clamp(20px, 2vw, 27px);
    line-height: 1.25;
    letter-spacing: -.035em;
}

.qoo-market-scale__heading p:not(.qoo-eyebrow) {
    max-width: 670px;
    margin: 0 !important;
    color: var(--qoo-muted);
    font-size: 11px;
    line-height: 1.65;
}

.qoo-market-scale__heading > span {
    flex: 0 0 auto;
    padding: 7px 10px;
    color: var(--qoo-green-dark);
    background: #e5f6f0;
    border: 1px solid #d3ede4;
    border-radius: 999px;
    font-size: 8px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: .075em;
    white-space: nowrap;
}

.qoo-market-scale__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.qoo-market-scale-card {
    --qoo-market-scale-accent: var(--qoo-green);
    --qoo-market-scale-soft: #eaf8f3;
    min-width: 0;
    min-height: 278px;
    display: flex;
    flex-direction: column;
    padding: 16px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 17px;
    box-shadow: 0 10px 24px rgba(18, 54, 50, .055);
}

.qoo-market-scale-card.is-public-equities {
    --qoo-market-scale-accent: var(--qoo-red);
    --qoo-market-scale-soft: #fff0f3;
}

.qoo-market-scale-card.is-debt-securities {
    --qoo-market-scale-accent: var(--qoo-purple);
    --qoo-market-scale-soft: #f3ecf8;
}

.qoo-market-scale-card.is-gold {
    --qoo-market-scale-accent: #d78b08;
    --qoo-market-scale-soft: #fff4dc;
}

.qoo-market-scale-card.is-crypto {
    --qoo-market-scale-accent: var(--qoo-teal);
    --qoo-market-scale-soft: #e6f8f6;
}

.qoo-market-scale-card.is-real-estate {
    color: #fff;
    background:
        radial-gradient(circle at 100% 0, rgba(93, 226, 180, .22), transparent 37%),
        linear-gradient(148deg, #10252a, #163c3a 60%, #12604b);
    border-color: rgba(255, 255, 255, .08);
}

.qoo-market-scale-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.qoo-market-scale-card__icon {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    color: var(--qoo-market-scale-accent);
    background: var(--qoo-market-scale-soft);
    border-radius: 11px;
}

.qoo-market-scale-card__icon svg { width: 18px; height: 18px; }
.qoo-market-scale-card.is-real-estate .qoo-market-scale-card__icon {
    color: #fff;
    background: rgba(255, 255, 255, .11);
}

.qoo-market-scale-card__number {
    color: rgba(28, 38, 53, .20);
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.06em;
}

.qoo-market-scale-card.is-real-estate .qoo-market-scale-card__number {
    color: rgba(255, 255, 255, .25);
}

.qoo-market-scale-card__badge {
    width: max-content;
    max-width: 100%;
    margin-top: 15px;
    overflow: hidden;
    color: var(--qoo-market-scale-accent);
    font-size: 7px;
    line-height: 1.2;
    font-weight: 850;
    letter-spacing: .07em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qoo-market-scale-card.is-real-estate .qoo-market-scale-card__badge {
    color: rgba(209, 248, 234, .70);
}

.qoo-market-scale-card h4 {
    margin: 6px 0 0 !important;
    color: var(--qoo-ink);
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -.01em;
}

.qoo-market-scale-card__value {
    display: block;
    margin-top: 7px;
    color: var(--qoo-ink);
    font-size: clamp(22px, 2.05vw, 29px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.045em;
    white-space: nowrap;
}

.qoo-market-scale-card > p {
    min-height: 44px;
    margin: 8px 0 0 !important;
    color: var(--qoo-muted);
    font-size: 8.5px;
    line-height: 1.55;
}

.qoo-market-scale-card.is-real-estate h4,
.qoo-market-scale-card.is-real-estate .qoo-market-scale-card__value {
    color: #fff;
}

.qoo-market-scale-card.is-real-estate > p {
    color: rgba(225, 244, 239, .67);
}

.qoo-market-scale-card__comparison {
    margin-top: auto;
    padding-top: 11px;
}

.qoo-market-scale-card__comparison > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

.qoo-market-scale-card__comparison span {
    color: var(--qoo-muted);
    font-size: 7px;
    line-height: 1.2;
}

.qoo-market-scale-card__comparison strong {
    color: var(--qoo-market-scale-accent);
    font-size: 8px;
    line-height: 1;
    font-weight: 850;
}

.qoo-market-scale-card.is-real-estate .qoo-market-scale-card__comparison span {
    color: rgba(225, 244, 239, .62);
}

.qoo-market-scale-card.is-real-estate .qoo-market-scale-card__comparison strong {
    color: #d1f7e8;
}

.qoo-market-scale-card__bar {
    width: 100%;
    height: 6px;
    display: block;
    overflow: hidden;
    background: #edf2f0;
    border-radius: 999px;
}

.qoo-market-scale-card__bar i {
    width: var(--qoo-market-scale-width, 0%);
    height: 100%;
    display: block;
    background: var(--qoo-market-scale-accent);
    border-radius: inherit;
}

.qoo-market-scale-card.has-value .qoo-market-scale-card__bar i { min-width: 3px; }
.qoo-market-scale-card.is-real-estate .qoo-market-scale-card__bar {
    background: rgba(255, 255, 255, .11);
}

.qoo-market-scale-card.is-real-estate .qoo-market-scale-card__bar i {
    background: linear-gradient(90deg, #6ee1b8, #c8f6e5);
}

.qoo-market-scale-card__footer {
    min-height: 36px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 7px;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid #edf1ef;
}

.qoo-market-scale-card__footer > span:first-child {
    width: 100%;
    color: var(--qoo-muted);
    font-size: 7px;
    line-height: 1.35;
}

.qoo-market-scale-card.is-real-estate .qoo-market-scale-card__footer {
    border-color: rgba(255, 255, 255, .11);
}

.qoo-market-scale-card.is-real-estate .qoo-market-scale-card__footer > span:first-child {
    color: rgba(225, 244, 239, .60);
}

.qoo-market-scale-card__sources {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 7px;
}

.qoo-dashboard .qoo-market-scale-card__sources a {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: var(--qoo-market-scale-accent);
    font-size: 7px;
    line-height: 1.2;
    font-weight: 800;
    text-decoration: none !important;
}

.qoo-dashboard .qoo-market-scale-card__sources a:hover { text-decoration: underline !important; }
.qoo-market-scale-card__sources svg { width: 9px; height: 9px; }
.qoo-market-scale-card.is-real-estate .qoo-market-scale-card__sources a { color: #bcefdc; }

.qoo-market-scale__note {
    margin: 15px 2px 0 !important;
    color: #6f7f7c;
    font-size: 9px;
    line-height: 1.65;
}

.qoo-market-scale-read { margin-top: 0; }

.qoo-overview-question-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.qoo-overview-question-grid--single {
    grid-template-columns: minmax(0, 1fr);
}

.qoo-overview-question-grid--single .qoo-overview-indicators {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.qoo-overview-question-card {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 23px;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0, rgba(21, 150, 111, .07), transparent 30%),
        #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 22px;
    box-shadow: var(--qoo-shadow-soft);
}

.qoo-overview-question-card::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--qoo-green), var(--qoo-teal));
    content: "";
}

.qoo-overview-question-card.is-external-risk {
    background:
        radial-gradient(circle at 100% 0, rgba(245, 158, 11, .09), transparent 31%),
        #fff;
}

.qoo-overview-question-card.is-external-risk::before {
    background: linear-gradient(180deg, var(--qoo-orange), #efb849);
}

.qoo-overview-question-card.is-capital-location {
    background:
        radial-gradient(circle at 100% 0, rgba(10, 164, 156, .08), transparent 31%),
        #fff;
}

.qoo-overview-question-card.is-market-quality {
    background:
        radial-gradient(circle at 100% 0, rgba(113, 60, 145, .08), transparent 31%),
        #fff;
}

.qoo-overview-question-card.is-market-quality::before {
    background: linear-gradient(180deg, var(--qoo-purple), var(--qoo-pink));
}

.qoo-overview-question-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.qoo-overview-question-card__icon {
    width: 43px;
    height: 43px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    color: var(--qoo-green-dark);
    background: #eaf8f3;
    border-radius: 13px;
}

.qoo-overview-question-card.is-external-risk .qoo-overview-question-card__icon {
    color: #b96b08;
    background: #fff1d5;
}

.qoo-overview-question-card.is-market-quality .qoo-overview-question-card__icon {
    color: var(--qoo-purple);
    background: #f4edfa;
}

.qoo-overview-question-card__icon svg {
    width: 21px;
    height: 21px;
}

.qoo-overview-question-card__header > div {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.qoo-overview-question-card__header small {
    color: var(--qoo-muted);
    font-size: 8.5px;
    line-height: 1.3;
    font-weight: 850;
    letter-spacing: .075em;
}

.qoo-overview-question-card__header > div > span {
    color: rgba(28, 38, 53, .22);
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.06em;
}

.qoo-overview-question-card > h3 {
    min-height: 50px;
    margin: 18px 0 14px !important;
    color: var(--qoo-ink);
    font-size: clamp(18px, 1.65vw, 22px);
    line-height: 1.35;
    letter-spacing: -.025em;
}

.qoo-overview-verdict {
    min-height: 127px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 13px;
    padding: 17px;
    background: #f4f8f7;
    border: 1px solid #e1ece8;
    border-radius: 17px;
}

.qoo-overview-verdict > div {
    min-width: 0;
}

.qoo-overview-verdict small {
    display: block;
    margin-bottom: 5px;
    color: var(--qoo-muted);
    font-size: 8px;
    line-height: 1.3;
    font-weight: 850;
    letter-spacing: .08em;
}

.qoo-overview-verdict strong {
    display: block;
    color: var(--qoo-ink);
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -.02em;
}

.qoo-overview-verdict p {
    display: -webkit-box;
    margin: 6px 0 0 !important;
    overflow: hidden;
    color: var(--qoo-muted);
    font-size: 10px;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.qoo-overview-verdict > span {
    min-width: 61px;
    flex: 0 0 auto;
    padding: 6px 8px;
    color: var(--qoo-green-dark);
    background: #e4f5ef;
    border-radius: 999px;
    font-size: 8px;
    line-height: 1.2;
    font-weight: 850;
    text-align: center;
    white-space: nowrap;
}

.qoo-overview-verdict.is-pending,
.qoo-overview-verdict.is-partial,
.qoo-overview-verdict.is-warning {
    background: #fffaf0;
    border-color: #f1e1bd;
}

.qoo-overview-verdict.is-pending > span,
.qoo-overview-verdict.is-partial > span,
.qoo-overview-verdict.is-warning > span {
    color: #a86309;
    background: #fff0cf;
}

.qoo-overview-verdict.is-negative,
.qoo-overview-verdict.is-cooling {
    background: #fff5f7;
    border-color: #f3dce2;
}

.qoo-overview-verdict.is-negative > span,
.qoo-overview-verdict.is-cooling > span {
    color: var(--qoo-red-dark);
    background: #ffe8ee;
}

.qoo-overview-verdict.is-expansion {
    background: #f5f1f9;
    border-color: #e8def0;
}

.qoo-overview-verdict.is-expansion > span {
    color: var(--qoo-purple);
    background: #ece1f4;
}

.qoo-overview-indicators {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.qoo-overview-indicator {
    min-width: 0;
    min-height: 92px;
    display: flex;
    flex-direction: column;
    padding: 13px 14px;
    background: #fbfcfc;
    border: 1px solid #edf1f0;
    border-radius: 14px;
}

.qoo-overview-indicator small {
    color: #6f7d7a;
    font-size: 8.5px;
    line-height: 1.35;
    font-weight: 850;
    letter-spacing: .035em;
}

.qoo-overview-indicator strong {
    display: block;
    margin-top: 6px;
    overflow: hidden;
    color: var(--qoo-ink);
    font-size: 16px;
    line-height: 1.25;
    font-weight: 850;
    letter-spacing: -.02em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qoo-overview-indicator > span {
    display: -webkit-box;
    margin-top: auto;
    padding-top: 5px;
    overflow: hidden;
    color: var(--qoo-muted);
    font-size: 8.5px;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.qoo-overview-indicator.is-positive strong { color: var(--qoo-green-dark); }
.qoo-overview-indicator.is-negative strong { color: var(--qoo-red-dark); }

.qoo-overview-indicator.is-pending {
    background: #f8f9f9;
    border-style: dashed;
}

.qoo-overview-indicator.is-pending strong,
.qoo-overview-indicator.is-pending > span {
    color: #9aa4a2;
}

.qoo-overview-question-card__action {
    min-height: 39px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding: 9px 12px 9px 14px;
    color: var(--qoo-green-dark);
    background: #eff8f5;
    border: 0;
    border-radius: 12px;
    font: inherit;
    font-size: 9px;
    line-height: 1.3;
    font-weight: 850;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease;
}

.qoo-overview-question-card__action:hover {
    background: #e5f4ee;
    transform: translateY(-1px);
}

.qoo-overview-question-card__action:focus-visible {
    outline: 3px solid rgba(21, 150, 111, .18);
    outline-offset: 2px;
}

.qoo-overview-question-card__action svg {
    width: 15px;
    height: 15px;
}

.qoo-crypto-scale-metrics { margin-bottom: 0; }

.qoo-stablecoin-context {
    margin: 17px 0;
    padding: 22px;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0, rgba(10, 164, 156, .09), transparent 32%),
        linear-gradient(115deg, #effaf6, #fff 58%);
    border: 1px solid #d8eee6;
    border-radius: 22px;
    box-shadow: var(--qoo-shadow-soft);
}

.qoo-stablecoin-context__header {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
}

.qoo-stablecoin-context__icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, var(--qoo-green-dark), var(--qoo-teal));
    border-radius: 16px;
    box-shadow: 0 12px 25px rgba(8, 116, 92, .17);
}

.qoo-stablecoin-context__icon svg {
    width: 24px;
    height: 24px;
}

.qoo-stablecoin-context__title {
    min-width: 0;
}

.qoo-stablecoin-context__title h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 7px 11px;
    margin: 3px 0 4px !important;
    color: var(--qoo-ink);
    font-size: 15px;
    line-height: 1.4;
}

.qoo-stablecoin-context__title h3 strong {
    color: var(--qoo-green-dark);
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: -.035em;
}

.qoo-stablecoin-context__title > p:last-child {
    margin: 0 !important;
    color: var(--qoo-muted);
    font-size: 10px;
    line-height: 1.5;
}

.qoo-stablecoin-context__as-of {
    min-width: 145px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
    color: var(--qoo-muted);
    font-size: 8px;
    line-height: 1.35;
    font-weight: 750;
    text-align: right;
}

.qoo-stablecoin-context__as-of .qoo-source-health {
    margin: 2px 0;
}

.qoo-stablecoin-context__as-of strong {
    color: #52615e;
    font-size: 9px;
}

.qoo-stablecoin-context__as-of em {
    color: #8a9693;
    font-size: 7.5px;
    line-height: 1.35;
    font-style: normal;
    font-weight: 650;
}

.qoo-stablecoin-period-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.qoo-stablecoin-period {
    position: relative;
    min-width: 0;
    min-height: 122px;
    display: flex;
    flex-direction: column;
    padding: 15px;
    overflow: hidden;
    background: rgba(255, 255, 255, .88);
    border: 1px solid #e3ede9;
    border-radius: 15px;
}

.qoo-stablecoin-period::before {
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: #a6b4b0;
    content: "";
}

.qoo-stablecoin-period.is-positive::before {
    background: linear-gradient(90deg, var(--qoo-green), var(--qoo-teal));
}

.qoo-stablecoin-period.is-negative::before {
    background: linear-gradient(90deg, var(--qoo-red), var(--qoo-pink));
}

.qoo-stablecoin-period > div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.qoo-stablecoin-period small {
    flex: 0 0 auto;
    color: var(--qoo-ink);
    font-size: 9px;
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: .06em;
}

.qoo-stablecoin-period > div > span {
    overflow: hidden;
    color: var(--qoo-muted);
    font-size: 8px;
    line-height: 1.35;
    font-weight: 700;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qoo-stablecoin-period > strong {
    display: block;
    margin-top: 10px;
    color: var(--qoo-ink);
    font-size: 19px;
    line-height: 1.2;
    font-weight: 850;
    letter-spacing: -.025em;
}

.qoo-stablecoin-period > p {
    display: flex;
    align-items: baseline;
    gap: 7px;
    margin: auto 0 0 !important;
    padding-top: 8px;
}

.qoo-stablecoin-period > p b {
    flex: 0 0 auto;
    font-size: 11px;
    line-height: 1.35;
    font-weight: 900;
}

.qoo-stablecoin-period > p span {
    overflow: hidden;
    color: var(--qoo-muted);
    font-size: 8px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qoo-stablecoin-position-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.qoo-stablecoin-position-grid article {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 15px;
    background: #f8fbfa;
    border: 1px solid #e5eeeb;
    border-radius: 15px;
}

.qoo-stablecoin-position-grid small {
    color: var(--qoo-muted);
    font-size: 8px;
    line-height: 1.35;
    font-weight: 850;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.qoo-stablecoin-position-grid strong {
    margin-top: 7px;
    color: var(--qoo-ink);
    font-size: 18px;
    line-height: 1.2;
    font-weight: 850;
    letter-spacing: -.025em;
}

.qoo-stablecoin-position-grid span {
    margin-top: 5px;
    color: var(--qoo-muted);
    font-size: 8.5px;
    line-height: 1.45;
}

.qoo-stablecoin-context .is-positive { color: var(--qoo-green-dark); }
.qoo-stablecoin-context .is-negative { color: var(--qoo-red-dark); }
.qoo-stablecoin-context .is-neutral { color: var(--qoo-muted); }

.qoo-stablecoin-context__note {
    margin: 13px 0 0 !important;
    padding-top: 12px;
    color: var(--qoo-muted);
    border-top: 1px solid #dfeae6;
    font-size: 9px;
    line-height: 1.6;
}

.qoo-crypto-question-grid .qoo-overview-question-card:nth-child(3) {
    grid-column: 1 / -1;
}

.qoo-crypto-question-grid .qoo-overview-question-card:nth-child(3) .qoo-overview-indicators {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.qoo-crypto-question-grid .qoo-overview-indicator > small {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.qoo-data-mode {
    flex: 0 0 auto;
    padding: 2px 5px;
    color: #14775f;
    background: #e4f5ef;
    border-radius: 999px;
    font-size: 6.5px;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: .055em;
}

.qoo-data-mode.is-manual {
    color: #9a5d08;
    background: #fff0cf;
}

.qoo-overview-indicator.is-warning strong {
    color: #b96b08;
}

.qoo-crypto-method-read {
    background: linear-gradient(100deg, #f7f2fb, #fff 66%);
    border-color: #e8def0;
}

.qoo-crypto-method-read .qoo-capital-read__icon {
    background: linear-gradient(145deg, var(--qoo-purple), var(--qoo-pink));
    box-shadow: 0 12px 25px rgba(113, 60, 145, .16);
}

.qoo-crypto-sources {
    justify-content: flex-start;
    margin-top: 13px;
}

.qoo-global-risk-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.qoo-global-risk-grid article {
    min-width: 0;
    padding: 21px;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 19px;
    box-shadow: var(--qoo-shadow-soft);
}

.qoo-global-risk-grid article > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    margin-bottom: 17px;
    color: var(--qoo-green-dark);
    background: #eaf8f3;
    border-radius: 13px;
}

.qoo-global-risk-grid article:nth-child(2) > span {
    color: #b96b08;
    background: #fff1d5;
}

.qoo-global-risk-grid article:nth-child(3) > span {
    color: var(--qoo-red-dark);
    background: #fff0f3;
}

.qoo-global-risk-grid article > span svg {
    width: 21px;
    height: 21px;
}

.qoo-global-risk-grid .qoo-eyebrow {
    margin: 0 0 5px !important;
}

.qoo-global-risk-grid h3 {
    margin: 0 0 8px !important;
    color: var(--qoo-ink);
    font-size: 17px;
    line-height: 1.35;
}

.qoo-global-risk-grid article > p:last-child {
    margin: 0 !important;
    color: var(--qoo-muted);
    font-size: 10.5px;
    line-height: 1.65;
}

.qoo-global-risk-status {
    background: linear-gradient(100deg, #fff8e9, #fff 68%);
    border-color: #f0dfb8;
}

.qoo-global-risk-status .qoo-capital-read__icon {
    background: linear-gradient(145deg, #b96b08, var(--qoo-orange));
    box-shadow: 0 12px 25px rgba(185, 107, 8, .17);
}

.qoo-capital-metric .is-positive,
.qoo-flow-strip .is-positive,
.qoo-capital-table .is-positive,
.qoo-activity-metric .is-positive,
.qoo-activity-signal .is-positive,
.qoo-activity-chart-change .is-positive,
.qoo-rotation-card.is-positive span { color: var(--qoo-green-dark); }

.qoo-capital-metric .is-negative,
.qoo-flow-strip .is-negative,
.qoo-capital-table .is-negative,
.qoo-activity-metric .is-negative,
.qoo-activity-signal .is-negative,
.qoo-activity-chart-change .is-negative,
.qoo-rotation-card.is-negative span { color: var(--qoo-red-dark); }

.qoo-capital-metric .is-neutral,
.qoo-flow-strip .is-neutral,
.qoo-capital-table .is-neutral,
.qoo-activity-metric .is-neutral,
.qoo-activity-signal .is-neutral,
.qoo-activity-chart-change .is-neutral { color: var(--qoo-muted); }

.qoo-capital-read {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 17px;
    margin-top: 17px;
    padding: 20px 22px;
    background: linear-gradient(100deg, #eef9f5, #fff 66%);
    border: 1px solid #d9eee6;
    border-radius: 19px;
}

.qoo-capital-read__icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, var(--qoo-green-dark), var(--qoo-teal));
    border-radius: 16px;
    box-shadow: 0 12px 25px rgba(8, 116, 92, .17);
}

.qoo-capital-read__icon svg { width: 24px; height: 24px; }
.qoo-capital-read h3 { margin: 4px 0 5px !important; color: var(--qoo-ink); font-size: 15px; line-height: 1.45; }
.qoo-capital-read p:last-child { margin: 0 !important; color: var(--qoo-muted); font-size: 11px; line-height: 1.65; }

.qoo-capital-module-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 17px;
}

.qoo-capital-module-grid button {
    position: relative;
    min-width: 0;
    min-height: 108px;
    display: grid;
    grid-template-columns: 45px minmax(0, 1fr) 22px;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 13px;
    padding: 17px;
    color: var(--qoo-ink);
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 17px;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 9px 24px rgba(28, 38, 53, .05);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.qoo-capital-module-grid button:hover { transform: translateY(-2px); border-color: #cbe9df; box-shadow: 0 14px 30px rgba(28,38,53,.09); }
.qoo-capital-module-grid button > span {
    grid-row: 1 / 3;
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    color: var(--qoo-green-dark);
    background: #eaf8f3;
    border-radius: 13px;
}
.qoo-capital-module-grid button > span svg { width: 21px; height: 21px; }
.qoo-capital-module-grid button > strong { align-self: end; font-size: 13px; line-height: 1.35; }
.qoo-capital-module-grid button > small { align-self: start; color: var(--qoo-muted); font-size: 10px; line-height: 1.45; }
.qoo-capital-module-grid button > svg { grid-column: 3; grid-row: 1 / 3; width: 17px; height: 17px; color: var(--qoo-muted); }

.qoo-flow-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 18px;
}

.qoo-flow-strip > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 108px;
    padding: 15px;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 15px;
}

.qoo-flow-strip small { color: var(--qoo-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.qoo-flow-strip strong { margin: 7px 0 4px; color: var(--qoo-ink); font-size: 20px; line-height: 1.15; font-weight: 850; }
.qoo-flow-strip span { margin-top: auto; color: var(--qoo-muted); font-size: 9px; line-height: 1.4; }

.qoo-capital-table-wrap {
    width: 100%;
    overflow: auto;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 19px;
    box-shadow: var(--qoo-shadow-soft);
}

.qoo-capital-table {
    width: 100%;
    min-width: 780px;
    border: 0 !important;
    border-collapse: collapse;
    background: transparent !important;
}

.qoo-capital-table th,
.qoo-capital-table td {
    padding: 13px 15px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f2 !important;
    background: transparent !important;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

.qoo-capital-table th:first-child,
.qoo-capital-table td:first-child { text-align: left; }
.qoo-capital-table th { color: var(--qoo-muted); background: #f7f9fa !important; font-size: 9px; line-height: 1.25; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.qoo-capital-table td { color: var(--qoo-ink-soft); font-size: 11px; font-weight: 650; }
.qoo-capital-table tbody tr:last-child td { border-bottom: 0 !important; }
.qoo-capital-table tbody tr:hover td { background: #fbfcfc !important; }
.qoo-capital-table td:first-child strong,
.qoo-capital-table td:first-child small { display: block; }
.qoo-capital-table td:first-child strong { color: var(--qoo-ink); font-size: 12px; }
.qoo-capital-table td:first-child small { margin-top: 3px; color: var(--qoo-muted); font-size: 8.5px; font-weight: 600; }
.qoo-capital-table--chains { min-width: 880px; }

.qoo-capital-footnote {
    margin: 12px 3px 0 !important;
    color: var(--qoo-muted);
    font-size: 10px;
    line-height: 1.65;
}

.qoo-rotation-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.qoo-rotation-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px 18px;
    padding: 19px;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 17px;
    box-shadow: 0 9px 24px rgba(28, 38, 53, .05);
}
.qoo-rotation-card small { grid-column: 1 / -1; color: var(--qoo-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.qoo-rotation-card strong { overflow: hidden; color: var(--qoo-ink); font-size: 22px; text-overflow: ellipsis; white-space: nowrap; }
.qoo-rotation-card span { align-self: center; font-size: 14px; font-weight: 850; }
.qoo-rotation-card em { grid-column: 1 / -1; color: var(--qoo-muted); font-size: 9px; line-height: 1.4; font-style: normal; }

/* Spot Activity versus Leverage */
.qoo-activity-heading__meta {
    max-width: none !important;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-end;
    gap: 9px;
}

.qoo-capital-sources {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.qoo-capital-sources .qoo-capital-source {
    min-height: 32px;
    padding: 6px 10px;
    font-size: 9px;
}

.qoo-coverage-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 15px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 17px;
    box-shadow: 0 8px 23px rgba(28, 38, 53, .04);
}

.qoo-coverage-strip > div {
    min-width: 0;
    padding: 14px 16px;
    border-right: 1px solid var(--qoo-line);
}

.qoo-coverage-strip > div:last-child { border-right: 0; }
.qoo-coverage-strip > div.is-excluded { background: #fff8f8; }
.qoo-coverage-strip span,
.qoo-coverage-strip strong { display: block; }
.qoo-coverage-strip span {
    margin-bottom: 4px;
    color: var(--qoo-green-dark);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .07em;
}
.qoo-coverage-strip .is-excluded span { color: var(--qoo-red-dark); }
.qoo-coverage-strip strong {
    overflow: hidden;
    color: var(--qoo-ink-soft);
    font-size: 10px;
    line-height: 1.45;
    font-weight: 700;
    text-overflow: ellipsis;
}

.qoo-activity-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
}

.qoo-activity-metric {
    position: relative;
    min-width: 0;
    min-height: 166px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 18px;
    box-shadow: var(--qoo-shadow-soft);
}

.qoo-activity-metric::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    content: '';
    background: linear-gradient(90deg, var(--qoo-green), var(--qoo-teal));
}
.qoo-activity-metric.is-leverage::before { background: linear-gradient(90deg, var(--qoo-red), var(--qoo-pink)); }

.qoo-activity-metric__icon {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    color: var(--qoo-green-dark);
    background: #eaf8f3;
    border-radius: 11px;
}
.qoo-activity-metric.is-leverage .qoo-activity-metric__icon { color: var(--qoo-red-dark); background: #fff0f3; }
.qoo-activity-metric__icon svg { width: 18px; height: 18px; }
.qoo-activity-metric small {
    color: var(--qoo-muted);
    font-size: 8.5px;
    line-height: 1.4;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.qoo-activity-metric > strong {
    max-width: 100%;
    margin-top: 6px;
    overflow: hidden;
    color: var(--qoo-ink);
    font-size: clamp(21px, 2.25vw, 29px);
    line-height: 1.1;
    font-weight: 850;
    letter-spacing: -.035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.qoo-activity-metric em {
    margin-top: auto;
    padding-top: 8px;
    color: var(--qoo-muted);
    font-size: 9px;
    line-height: 1.4;
    font-style: normal;
    font-weight: 700;
}

.qoo-activity-signal {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) minmax(190px, 250px);
    align-items: center;
    gap: 18px;
    margin-top: 15px;
    padding: 20px;
    background: linear-gradient(105deg, #eef9f5, #fff 59%);
    border: 1px solid #d9eee6;
    border-radius: 19px;
}
.qoo-activity-signal.is-warning {
    background: linear-gradient(105deg, #fff7ea, #fff 59%);
    border-color: #f3dfb8;
}
.qoo-activity-signal.is-cooling {
    background: linear-gradient(105deg, #f3f5f7, #fff 59%);
    border-color: #e0e5e8;
}
.qoo-activity-signal.is-expansion {
    background: linear-gradient(105deg, #eaf8f3, #fff 54%, #fff3f5);
    border-color: #d7ebe3;
}
.qoo-activity-signal__icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, var(--qoo-green-dark), var(--qoo-teal));
    border-radius: 17px;
    box-shadow: 0 11px 26px rgba(8, 116, 92, .16);
}
.qoo-activity-signal.is-warning .qoo-activity-signal__icon { background: linear-gradient(145deg, #d58118, var(--qoo-orange)); }
.qoo-activity-signal.is-cooling .qoo-activity-signal__icon { background: linear-gradient(145deg, #677383, #8b97a6); }
.qoo-activity-signal.is-expansion .qoo-activity-signal__icon { background: linear-gradient(145deg, var(--qoo-green-dark), var(--qoo-red)); }
.qoo-activity-signal__icon svg { width: 25px; height: 25px; }
.qoo-activity-signal__copy h3 { margin: 4px 0 5px !important; color: var(--qoo-ink); font-size: 17px; line-height: 1.35; }
.qoo-activity-signal__copy > p:last-child { margin: 0 !important; color: var(--qoo-muted); font-size: 10.5px; line-height: 1.65; }
.qoo-activity-signal__compare {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    background: rgba(255,255,255,.75);
    border: 1px solid rgba(213, 221, 225, .82);
    border-radius: 14px;
}
.qoo-activity-signal__compare > div { padding: 12px; border-right: 1px solid var(--qoo-line); }
.qoo-activity-signal__compare > div:last-child { border-right: 0; }
.qoo-activity-signal__compare span,
.qoo-activity-signal__compare strong { display: block; }
.qoo-activity-signal__compare span { min-height: 28px; color: var(--qoo-muted); font-size: 7.5px; line-height: 1.35; font-weight: 800; text-transform: uppercase; }
.qoo-activity-signal__compare strong { margin-top: 4px; font-size: 15px; font-weight: 850; }

.qoo-activity-chart-card {
    margin-top: 15px;
    padding: 21px;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 20px;
    box-shadow: var(--qoo-shadow-soft);
}
.qoo-activity-chart-card > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
}
.qoo-activity-chart-card > header > div:first-child { max-width: 680px; }
.qoo-activity-chart-card h3 { margin: 4px 0 4px !important; color: var(--qoo-ink); font-size: 17px; line-height: 1.35; }
.qoo-activity-chart-card header p:last-child { margin: 0 !important; color: var(--qoo-muted); font-size: 10px; line-height: 1.6; }
.qoo-activity-chart-legend { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 8px 13px; color: var(--qoo-muted); font-size: 9px; font-weight: 750; }
.qoo-activity-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.qoo-activity-chart-legend i { width: 19px; height: 3px; border-radius: 999px; background: var(--qoo-green); }
.qoo-activity-chart-legend .is-leverage i { background: var(--qoo-red); }
.qoo-activity-chart { margin-top: 14px; }
.qoo-activity-chart svg { width: 100%; height: auto; display: block; overflow: visible; }
.qoo-activity-chart__grid { stroke: #e8ecee; stroke-width: 1; }
.qoo-activity-chart__label { fill: #99a3af; font-size: 8px; font-family: inherit; font-weight: 700; }
.qoo-activity-chart__line { fill: none; stroke: var(--qoo-green); stroke-width: 3.25; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.qoo-activity-chart__line.is-leverage { stroke: var(--qoo-red); }
.qoo-activity-chart__dates { position: relative; height: 16px; margin: 0 4px; color: var(--qoo-muted); font-size: 8.5px; font-weight: 700; }
.qoo-activity-chart__dates span { position: absolute; top: 0; }
.qoo-activity-chart__dates span:first-child { left: 0; }
.qoo-activity-chart__dates span:nth-child(2) { left: 76.67%; transform: translateX(-50%); }
.qoo-activity-chart__dates span:last-child { right: 0; }
.qoo-activity-chart-change { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.qoo-activity-chart-change > span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; color: var(--qoo-muted); background: #f6f8f9; border-radius: 999px; font-size: 9px; font-weight: 700; }
.qoo-activity-chart-change > span::before { width: 7px; height: 7px; content: ''; background: var(--qoo-green); border-radius: 50%; }
.qoo-activity-chart-change > span.is-leverage::before { background: var(--qoo-red); }
.qoo-activity-chart-change strong { font-size: 10px; }
.qoo-activity-chart-empty { min-height: 190px; margin-top: 15px; box-shadow: none; }

.qoo-activity-leaders {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin-top: 15px;
}
.qoo-activity-leaders > article {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 20px;
    box-shadow: var(--qoo-shadow-soft);
}
.qoo-activity-leaders > article > header {
    min-height: 82px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 17px 18px 14px;
}
.qoo-activity-leaders h3 { margin: 3px 0 0 !important; color: var(--qoo-ink); font-size: 14px; line-height: 1.4; }
.qoo-activity-leaders header > span { flex: 0 0 auto; padding: 6px 8px; color: var(--qoo-muted); background: #f4f7f8; border-radius: 999px; font-size: 8px; line-height: 1.3; font-weight: 750; }
.qoo-activity-leaders .qoo-capital-table-wrap { border-width: 1px 0 0; border-radius: 0; box-shadow: none; }
.qoo-activity-table { min-width: 570px; }
.qoo-activity-table th,
.qoo-activity-table td { padding: 11px 12px !important; font-size: 9.5px; }
.qoo-activity-table td:first-child strong { font-size: 10.5px; }
.qoo-activity-read { margin-top: 15px; }

.qoo-coming-panel {
    min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 45px 24px;
    overflow: hidden;
    text-align: center;
    background:
        radial-gradient(circle at 15% 18%, rgba(16, 159, 119, .12), transparent 27%),
        radial-gradient(circle at 88% 84%, rgba(223, 54, 80, .10), transparent 28%),
        #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 24px;
    box-shadow: var(--qoo-shadow-soft);
}

.qoo-coming-panel__icon {
    width: 76px;
    height: 76px;
    display: grid;
    place-items: center;
    margin-bottom: 20px;
    color: #fff;
    background: linear-gradient(145deg, var(--qoo-green-dark), var(--qoo-teal));
    border: 8px solid #e4f5ef;
    border-radius: 24px;
    box-shadow: 0 18px 38px rgba(8, 116, 92, .18);
}
.qoo-coming-panel__icon svg { width: 30px; height: 30px; }
.qoo-coming-panel h2 { margin: 7px 0 10px !important; color: var(--qoo-ink); font-size: clamp(27px, 4vw, 40px); letter-spacing: -.035em; }
.qoo-coming-panel > p:not(.qoo-eyebrow) { max-width: 630px; margin: 0 !important; color: var(--qoo-muted); font-size: 13px; line-height: 1.75; }
.qoo-coming-panel__status { margin-top: 24px; padding: 8px 12px; color: var(--qoo-green-dark); background: #eaf8f3; border-radius: 999px; font-size: 9px; font-weight: 850; letter-spacing: .08em; }

.qoo-capital-empty { min-height: 430px; }

@media (max-width: 1220px) {
    .qoo-capital-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qoo-market-scale__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .qoo-market-scale-card { grid-column: span 2; }
    .qoo-market-scale-card:nth-child(n+4) { grid-column: span 3; }
    .qoo-stablecoin-period-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qoo-flow-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .qoo-activity-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qoo-activity-signal { grid-template-columns: 58px minmax(0, 1fr); }
    .qoo-activity-signal__compare { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
    .qoo-capital-heading { flex-direction: column; gap: 13px; }
    .qoo-data-freshness,
    .qoo-capital-source { align-self: flex-start; }
    .qoo-market-scale__heading { flex-direction: column; gap: 11px; }
    .qoo-market-scale__heading > span { align-self: flex-start; }
    .qoo-market-scale__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qoo-market-scale-card,
    .qoo-market-scale-card:nth-child(n+4) { grid-column: auto; }
    .qoo-market-scale-card:last-child { grid-column: 1 / -1; }
    .qoo-overview-question-grid--single .qoo-overview-indicators {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .qoo-capital-metrics,
    .qoo-overview-question-grid,
    .qoo-capital-module-grid,
    .qoo-global-risk-grid,
    .qoo-rotation-grid,
    .qoo-activity-metrics,
    .qoo-activity-leaders { grid-template-columns: 1fr; }
    .qoo-crypto-question-grid .qoo-overview-question-card:nth-child(3) {
        grid-column: auto;
    }
    .qoo-crypto-question-grid .qoo-overview-question-card:nth-child(3) .qoo-overview-indicators {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .qoo-stablecoin-context {
        padding: 18px;
    }
    .qoo-stablecoin-context__header {
        grid-template-columns: 46px minmax(0, 1fr);
    }
    .qoo-stablecoin-context__icon {
        width: 46px;
        height: 46px;
    }
    .qoo-stablecoin-context__as-of {
        grid-column: 1 / -1;
        min-width: 0;
        align-items: flex-start;
        padding-top: 3px;
        text-align: left;
    }
    .qoo-stablecoin-position-grid {
        grid-template-columns: 1fr;
    }
    .qoo-flow-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qoo-capital-read { grid-template-columns: 1fr; }
    .qoo-capital-read__icon { width: 46px; height: 46px; }
    .qoo-capital-table th,
    .qoo-capital-table td { padding: 12px !important; }
    .qoo-activity-heading__meta { align-items: flex-start; }
    .qoo-capital-sources { justify-content: flex-start; }
    .qoo-coverage-strip { grid-template-columns: 1fr; }
    .qoo-coverage-strip > div { border-right: 0; border-bottom: 1px solid var(--qoo-line); }
    .qoo-coverage-strip > div:last-child { border-bottom: 0; }
    .qoo-activity-chart-card > header { flex-direction: column; gap: 12px; }
    .qoo-activity-chart-legend { justify-content: flex-start; }
}

@media (max-width: 520px) {
    .qoo-market-scale { padding: 18px 15px; }
    .qoo-market-scale__grid { grid-template-columns: 1fr; }
    .qoo-market-scale-card,
    .qoo-market-scale-card:last-child { min-height: 250px; grid-column: auto; }
    .qoo-stablecoin-period-grid { grid-template-columns: 1fr; }
    .qoo-stablecoin-context__title h3 {
        align-items: flex-start;
        flex-direction: column;
    }
    .qoo-flow-strip { grid-template-columns: 1fr; }
    .qoo-capital-metric { min-height: 158px; }
    .qoo-overview-question-card { padding: 19px 17px; }
    .qoo-overview-question-card > h3 { min-height: 0; }
    .qoo-overview-verdict { min-height: 0; flex-direction: column; }
    .qoo-overview-indicators { grid-template-columns: 1fr; }
    .qoo-overview-question-grid--single .qoo-overview-indicators {
        grid-template-columns: 1fr;
    }
    .qoo-crypto-question-grid .qoo-overview-question-card:nth-child(3) .qoo-overview-indicators {
        grid-template-columns: 1fr;
    }
    .qoo-overview-indicator { min-height: 84px; }
    .qoo-capital-module-grid button { grid-template-columns: 41px minmax(0, 1fr) 19px; padding: 14px; }
    .qoo-activity-signal { grid-template-columns: 1fr; }
    .qoo-activity-signal__icon { width: 50px; height: 50px; }
    .qoo-activity-signal__compare { grid-column: auto; }
    .qoo-activity-chart-card { padding: 17px 14px; }
    .qoo-activity-chart { overflow-x: auto; }
    .qoo-activity-chart svg,
    .qoo-activity-chart__dates { min-width: 620px; }
}

/* Responsive */
@media (max-width: 1220px) {
    .qoo-hero { grid-template-columns: 190px minmax(280px, 1fr) 205px; gap: 25px; }
    .qoo-radar-orb { width: 166px; height: 166px; }
    .qoo-radar-orb strong { width: 56px; height: 56px; font-size: 26px; }
    .qoo-hero__stats { padding-left: 17px; }
    .qoo-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qoo-interest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1020px) {
    .qoo-dashboard { grid-template-columns: 235px minmax(0, 1fr); }
    .qoo-dashboard.is-sidebar-collapsed { grid-template-columns: 82px minmax(0, 1fr); }
    .qoo-dashboard__panels { padding: 22px 22px 36px; }
    .qoo-dashboard__topbar { padding-inline: 23px; }
    .qoo-hero { grid-template-columns: 170px minmax(0, 1fr); min-height: 390px; }
    .qoo-hero__stats { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-left: 0; border-left: 0; }
    .qoo-hero-stat { min-height: 68px; }
    .qoo-quick-grid { grid-template-columns: 1fr; }
    .qoo-quick-card { min-height: 175px; }
    .qoo-profile-grid { grid-template-columns: 1fr; }
    .qoo-account-actions { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .qoo-dashboard {
        display: block;
        width: calc(100vw - 20px);
        min-height: 720px;
        margin: 10px 0;
        left: calc(50% - 50vw + 10px);
        border-radius: 20px;
    }

    .qoo-sidebar {
        position: fixed;
        z-index: 100002;
        top: 0;
        left: 0;
        width: min(300px, 86vw);
        height: 100dvh;
        min-height: 0;
        transform: translateX(-105%);
        box-shadow: 25px 0 60px rgba(0,0,0,.26);
        transition: transform .25s ease;
    }

    .qoo-dashboard.is-mobile-open .qoo-sidebar { transform: translateX(0); }

    .qoo-dashboard__backdrop {
        position: fixed;
        z-index: 100001;
        inset: 0;
        display: block;
        visibility: hidden;
        opacity: 0;
        background: rgba(7, 15, 20, .56);
        backdrop-filter: blur(3px);
        transition: opacity .25s ease, visibility .25s ease;
    }

    .qoo-dashboard.is-mobile-open .qoo-dashboard__backdrop { visibility: visible; opacity: 1; }
    .qoo-sidebar__close { display: flex; }

    .qoo-sidebar__brand {
        min-height: 82px;
        padding: 14px 20px;
    }

    .qoo-dashboard.is-sidebar-collapsed .qoo-sidebar__brand {
        justify-content: flex-start;
    }

    .qoo-dashboard.is-sidebar-collapsed .qoo-sidebar__brand-link {
        flex: 1 1 auto;
        justify-content: flex-start;
    }

    .qoo-dashboard.is-sidebar-collapsed .qoo-sidebar__logo--full {
        display: block;
    }

    .qoo-dashboard.is-sidebar-collapsed .qoo-sidebar__logo--mark {
        display: none;
    }
    
    .qoo-dashboard__mobile-menu { display: grid; }
    .qoo-dashboard__collapse { display: none; }
    .qoo-dashboard__topbar { min-height: 82px; padding: 14px 17px; }
    .qoo-dashboard__latest { display: none; }
    .qoo-dashboard__panels { padding: 16px 14px 28px; }

    .qoo-hero {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 27px 20px;
        text-align: center;
    }

    .qoo-hero__visual { order: 1; }
    .qoo-hero__content { order: 2; }
    .qoo-hero__stats { order: 3; grid-column: auto; grid-template-columns: 1fr; width: 100%; }
    .qoo-radar-orb { width: 160px; height: 160px; }
    .qoo-hero__status { margin-top: 21px; }
    .qoo-premium-pill { margin-inline: auto; }
    .qoo-hero__content > p { margin-inline: auto !important; }
    .qoo-hero__actions { justify-content: center; }
    .qoo-hero-stat { text-align: left; }
    .qoo-quick-card { min-height: 185px; }
    .qoo-section-heading { align-items: flex-start; }
    .qoo-post-grid { grid-template-columns: 1fr; }
    .qoo-post-card__media { height: 185px; }

    .qoo-panel-intro {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 22px;
    }

    .qoo-panel-intro__metric,
    .qoo-pro-seal,
    .qoo-research-status,
    .qoo-panel-intro > .qoo-button { grid-column: 1 / -1; justify-self: stretch; }
    .qoo-panel-intro__metric { flex-direction: row; justify-content: center; gap: 9px; }
    .qoo-panel-intro__metric span { margin-top: 0; }
    .qoo-pro-seal { width: auto; height: 44px; display: flex; gap: 7px; border-width: 4px; border-radius: 999px; }
    .qoo-pro-seal svg { position: static; }
    .qoo-pro-seal strong { margin-top: 0; }

    .qoo-interest-form { padding: 19px; }
    .qoo-interest-form__heading { align-items: flex-start; }
    .qoo-interest-grid { grid-template-columns: 1fr; }
    .qoo-history-item { grid-template-columns: 30px 1px minmax(0, 1fr) 38px; gap: 11px; padding-inline: 14px; }

    .qoo-profile-hero {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
        padding: 30px 22px;
    }

    .qoo-profile-hero .qoo-premium-pill { margin-inline: auto; }
    .qoo-profile-hero > .qoo-button { width: 100%; }

    .qoo-login-card {
        grid-template-columns: 1fr;
        gap: 35px;
        text-align: center;
    }

    .qoo-login-card__visual { width: 185px; height: 185px; }
    .qoo-login-card__content .qoo-eyebrow { text-align: center; }
    .qoo-login-card__content .qoo-button { width: 100%; }
}

@media (max-width: 520px) {
    .qoo-dashboard__topbar h1 { font-size: 17px; }
    .qoo-dashboard__breadcrumb { font-size: 8px; }
    .qoo-dashboard__topbar-left { gap: 11px; }
    .qoo-dashboard__mobile-menu { flex-basis: 39px; width: 39px; height: 39px; }
    .qoo-hero { border-radius: 21px; }
    .qoo-hero__content h2 { font-size: 29px; }
    .qoo-hero__actions { flex-direction: column; }
    .qoo-hero__actions .qoo-button { width: 100%; }
    .qoo-quick-grid { gap: 12px; }
    .qoo-quick-card { padding: 20px; }
    .qoo-section-heading { flex-direction: column; gap: 5px; }
    .qoo-text-button { margin-top: 4px; }
    .qoo-post-card__media { height: 162px; }
    .qoo-panel-intro { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .qoo-panel-intro__icon { width: 60px; height: 60px; }
    .qoo-panel-intro__metric,
    .qoo-research-status { width: 100%; }
    .qoo-interest-form__heading { flex-direction: column; }
    .qoo-interest-form__heading .qoo-button { width: 100%; }
    .qoo-history-item { grid-template-columns: 24px minmax(0, 1fr) 35px; }
    .qoo-history-item__line { display: none; }
    .qoo-history-item__number { font-size: 10px; }
    .qoo-history-item h3 { font-size: 11.5px; }
    .qoo-profile-card { padding: 19px; }
    .qoo-profile-details > div { grid-template-columns: 1fr; gap: 5px; }
    .qoo-login-card,
    .qoo-access-card { width: calc(100% - 14px); min-height: 0; padding: 30px 21px; border-radius: 22px; }
    .qoo-login-card h2,
    .qoo-access-card h2 { font-size: 28px; }
    .qoo-toast { right: 16px; bottom: 16px; }
}

.qoo-capture-heading { align-items: flex-start; }
.qoo-capture-coverage { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 22px; }
.qoo-capture-coverage span { padding: 8px 12px; border: 1px solid rgba(15, 93, 82, .13); border-radius: 999px; background: #fff; color: #61706d; font-size: 11px; }
.qoo-capture-coverage strong { color: #173f39; margin-right: 4px; }
.qoo-capture-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.qoo-capture-metric { padding: 22px; border: 1px solid rgba(15, 93, 82, .12); border-radius: 18px; background: linear-gradient(145deg, #fff, #f7fbfa); box-shadow: 0 10px 25px rgba(16, 61, 55, .06); }
.qoo-capture-metric > p { margin: 0 0 8px; color: #8a9794; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.qoo-capture-metric h3 { margin: 0; color: #234b45; font-size: 14px; }
.qoo-capture-metric > strong { display: block; margin: 14px 0 6px; color: #163f39; font-size: 27px; line-height: 1; }
.qoo-capture-metric > span { display: block; margin-bottom: 10px; font-size: 12px; font-weight: 800; }
.qoo-capture-metric > span small { color: #8a9794; font-weight: 500; }
.qoo-capture-metric > small { color: #72817e; font-size: 11px; }
.qoo-capture-rates { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.qoo-capture-rates article { display: grid; grid-template-columns: minmax(130px, .45fr) 1fr; align-items: center; gap: 20px; padding: 18px 22px; border-radius: 18px; background: #163f39; color: rgba(255,255,255,.72); }
.qoo-capture-rates .qoo-eyebrow { color: #89c8b6; }
.qoo-capture-rates h3 { margin: 5px 0 0; color: #fff; font-size: 25px; }
.qoo-capture-rates p { margin: 0; font-size: 11px; line-height: 1.7; }
.qoo-capture-leaders { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 20px; }
.qoo-capture-leaders > article { min-width: 0; overflow: hidden; border: 1px solid rgba(15, 93, 82, .12); border-radius: 18px; background: #fff; }
.qoo-capture-leaders header { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; padding: 19px 20px 14px; }
.qoo-capture-leaders header h3 { margin: 4px 0 0; color: #173f39; font-size: 14px; }
.qoo-capture-leaders header > span { color: #87938f; font-size: 9px; white-space: nowrap; }
.qoo-capture-table { min-width: 560px; }
.qoo-capture-read { margin-top: 20px; }
.qoo-capture-note { margin-top: 8px !important; color: #81908d !important; font-size: 10px !important; }

@media (max-width: 900px) {
    .qoo-capture-metrics { grid-template-columns: 1fr; }
    .qoo-capture-leaders { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .qoo-capture-rates { grid-template-columns: 1fr; }
    .qoo-capture-rates article { grid-template-columns: 1fr; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .qoo-dashboard *,
    .qoo-dashboard *::before,
    .qoo-dashboard *::after,
    .qoo-login-card *,
    .qoo-login-card *::before,
    .qoo-login-card *::after,
    .qoo-access-card *,
    .qoo-article-save,
    .qoo-toast {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* Wallet Watchlist */
.qoo-wallet-page { display: grid; gap: 18px; }
.qoo-wallet-heading { align-items: flex-start; }
.qoo-wallet-security { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid #cce9df; border-radius: 999px; background: #effbf7; color: #087c68; font-size: 10px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; }
.qoo-wallet-security svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.qoo-wallet-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.qoo-wallet-summary article { display: grid; gap: 6px; padding: 17px 19px; border: 1px solid var(--qoo-line); border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(20,45,50,.05); }
.qoo-wallet-summary span { color: #79908c; font-size: 9px; font-weight: 800; letter-spacing: .09em; }
.qoo-wallet-summary strong { color: #123f37; font-size: 24px; line-height: 1; }
.qoo-wallet-summary small { color: #879491; font-size: 9.5px; }
.qoo-wallet-form { display: grid; grid-template-columns: minmax(140px,.65fr) minmax(150px,.6fr) minmax(260px,1.5fr) auto; gap: 12px; align-items: end; padding: 18px; border: 1px solid var(--qoo-line); border-radius: 20px; background: #fff; box-shadow: 0 12px 32px rgba(20,45,50,.06); }
.qoo-wallet-field { display: grid; gap: 7px; min-width: 0; }
.qoo-wallet-field label { color: #506360; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.qoo-wallet-field input,.qoo-wallet-field select { width: 100%; min-height: 44px; box-sizing: border-box; border: 1px solid #dce7e4; border-radius: 12px; background: #f8fbfa; color: #102132; font: inherit; font-size: 12px; padding: 0 12px; outline: none; }
.qoo-wallet-field input:focus,.qoo-wallet-field select:focus { border-color: #11a68e; box-shadow: 0 0 0 3px rgba(17,166,142,.1); }
.qoo-wallet-scope { display: flex; gap: 10px; align-items: baseline; padding: 11px 14px; border-radius: 12px; background: #eef5f4; color: #687977; font-size: 10.5px; }
.qoo-wallet-scope strong { color: #173f3a; text-transform: uppercase; letter-spacing: .06em; }
.qoo-wallet-empty { display: grid; justify-items: center; padding: 62px 24px; border: 1px dashed #cbdcd8; border-radius: 22px; background: rgba(255,255,255,.72); text-align: center; }
.qoo-wallet-empty > span { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; background: #0e9c88; color: #fff; }
.qoo-wallet-empty svg { width: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.qoo-wallet-empty h3 { margin: 16px 0 6px; color: #102132; font-size: 18px; }
.qoo-wallet-empty p { margin: 0; color: var(--qoo-muted); font-size: 11px; }
.qoo-wallet-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.qoo-wallet-card { min-width: 0; padding: 18px; border: 1px solid var(--qoo-line); border-radius: 19px; background: #fff; box-shadow: 0 10px 28px rgba(20,45,50,.055); }
.qoo-wallet-card__top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.qoo-wallet-card__top > div { display: flex; gap: 5px; }
.qoo-wallet-card__top button { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 1px solid #e1ebe8; border-radius: 9px; background: #f8fbfa; color: #71817e; cursor: pointer; font-size: 19px; }
.qoo-wallet-card__top button:hover { border-color: #9bd9cc; color: #07826f; }
.qoo-wallet-card__top svg { width: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.qoo-wallet-chain { padding: 6px 9px; border-radius: 999px; background: #eaf8f4; color: #07826f; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.qoo-wallet-card h3 { margin: 15px 0 5px; color: #112233; font-size: 15px; }
.qoo-wallet-address { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; color: #81908e; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: 10px; text-decoration: none; }
.qoo-wallet-address svg { width: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.qoo-wallet-balance { display: flex; align-items: baseline; gap: 7px; margin: 22px 0 12px; }
.qoo-wallet-balance strong { color: #123f37; font-size: 25px; line-height: 1; }
.qoo-wallet-balance span { color: #72827f; font-size: 11px; font-weight: 800; }
.qoo-wallet-meta { display: flex; justify-content: space-between; gap: 8px; color: #6e7e7b; font-size: 9.5px; }
.qoo-wallet-meta .is-positive { color: #078b72; font-weight: 800; }
.qoo-wallet-meta .is-negative { color: #d63a58; font-weight: 800; }
.qoo-wallet-card footer { min-height: 15px; margin-top: 14px; padding-top: 11px; border-top: 1px solid #edf2f1; color: #8a9795; font-size: 8.5px; }
.qoo-wallet-card footer .is-error { color: #c83550; }
.qoo-wallet-how { margin-top: 2px; }
@media (max-width: 1080px) { .qoo-wallet-form { grid-template-columns: 1fr 1fr; } .qoo-wallet-field--address { grid-column: 1 / -1; } .qoo-wallet-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .qoo-wallet-heading { display: grid; gap: 14px; } .qoo-wallet-form,.qoo-wallet-grid,.qoo-wallet-summary { grid-template-columns: 1fr; } .qoo-wallet-field--address { grid-column: auto; } .qoo-wallet-form .qoo-button { width: 100%; } .qoo-wallet-scope { align-items: flex-start; flex-direction: column; } }

/* v0.13.2 · US Macro Liquidity & Risk live data */
.qoo-overview-verdict.is-positive {
    background: #f0faf6;
    border-color: #d7eee5;
}

.qoo-overview-verdict.is-positive > span {
    color: var(--qoo-green-dark);
    background: #dff3ea;
}

.qoo-overview-verdict.is-neutral {
    background: #f5f7f7;
    border-color: #e2e9e7;
}

.qoo-overview-verdict.is-neutral > span {
    color: #52635f;
    background: #e7eceb;
}

.qoo-overview-indicator.is-neutral strong {
    color: var(--qoo-ink);
}

.qoo-macro-source-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding: 9px 12px;
    color: var(--qoo-muted);
    background: #f8faf9;
    border: 1px solid #e8efed;
    border-radius: 12px;
    font-size: 8px;
    line-height: 1.4;
    font-weight: 750;
}

.qoo-macro-source-note > span,
.qoo-macro-source-note > a {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.qoo-macro-source-note > span i {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    background: var(--qoo-green);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(21, 150, 111, .09);
}

.qoo-macro-source-note.is-stale > span i {
    background: var(--qoo-orange);
    box-shadow: 0 0 0 4px rgba(245, 158, 11, .12);
}

.qoo-macro-source-note.is-partial > span i {
    background: var(--qoo-orange);
    box-shadow: 0 0 0 4px rgba(245, 158, 11, .12);
}

.qoo-macro-source-note.is-unavailable > span i {
    background: var(--qoo-red);
    box-shadow: 0 0 0 4px rgba(223, 54, 80, .10);
}

.qoo-macro-source-note > a {
    color: var(--qoo-green-dark);
    text-decoration: none;
    white-space: nowrap;
}

.qoo-macro-source-note > a svg {
    width: 11px;
    height: 11px;
}

.qoo-global-risk-card__value {
    display: block;
    margin: 1px 0 8px;
    color: var(--qoo-ink);
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.qoo-global-risk-mini {
    display: grid;
    gap: 8px;
    margin: 14px 0 0;
}

.qoo-global-risk-mini > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding-top: 8px;
    border-top: 1px solid #edf1f0;
}

.qoo-global-risk-mini dt,
.qoo-global-risk-mini dd {
    margin: 0;
}

.qoo-global-risk-mini dt {
    color: var(--qoo-muted);
    font-size: 8.5px;
    line-height: 1.35;
    font-weight: 750;
}

.qoo-global-risk-mini dd {
    color: var(--qoo-ink);
    font-size: 10px;
    line-height: 1.3;
    font-weight: 850;
    text-align: right;
}

.qoo-global-risk-mini dd.is-positive { color: var(--qoo-green-dark); }
.qoo-global-risk-mini dd.is-negative { color: var(--qoo-red-dark); }
.qoo-global-risk-mini dd.is-warning { color: #b96b08; }

.qoo-macro-methodology {
    margin-top: 14px;
    padding: 17px 19px;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 17px;
    box-shadow: var(--qoo-shadow-soft);
}

.qoo-macro-methodology h3 {
    margin: 0 0 8px !important;
    color: var(--qoo-ink);
    font-size: 14px;
    line-height: 1.4;
}

.qoo-macro-methodology p {
    margin: 0 !important;
    color: var(--qoo-muted);
    font-size: 9.5px;
    line-height: 1.65;
}

.qoo-macro-methodology__sources {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 11px;
}

.qoo-macro-methodology__sources a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    color: var(--qoo-green-dark);
    background: #eef8f5;
    border-radius: 999px;
    font-size: 7.5px;
    line-height: 1.2;
    font-weight: 850;
    text-decoration: none;
}

.qoo-macro-methodology__sources a svg {
    width: 9px;
    height: 9px;
}

@media (max-width: 700px) {
    .qoo-macro-source-note {
        align-items: flex-start;
        flex-direction: column;
    }

    .qoo-macro-source-note > a {
        white-space: normal;
    }
}

.qoo-global-risk-indicators {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 14px;
}

@media (max-width: 960px) {
    .qoo-global-risk-indicators {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .qoo-global-risk-indicators {
        grid-template-columns: 1fr;
    }
}

/* v0.13.3 · Fed liquidity level, trend, action, and driver breakdown */
.qoo-overview-question-card.is-external-risk .qoo-overview-verdict p {
    -webkit-line-clamp: 4;
}

.qoo-macro-read-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin: 0 0 12px;
}

.qoo-macro-read-grid > div {
    min-width: 0;
    min-height: 96px;
    display: flex;
    flex-direction: column;
    padding: 13px 14px;
    background: #fbfcfc;
    border: 1px solid #e8efed;
    border-radius: 14px;
}

.qoo-macro-read-grid small {
    color: #71807d;
    font-size: 7.5px;
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: .075em;
}

.qoo-macro-read-grid strong {
    display: block;
    margin-top: 7px;
    color: var(--qoo-ink);
    font-size: 13px;
    line-height: 1.32;
    font-weight: 900;
    letter-spacing: -.02em;
}

.qoo-macro-read-grid > div.is-level strong,
.qoo-macro-read-grid > div:nth-child(2) strong {
    font-size: 18px;
}

.qoo-macro-read-grid span {
    margin-top: auto;
    padding-top: 7px;
    color: var(--qoo-muted);
    font-size: 8px;
    line-height: 1.45;
}

.qoo-macro-read-grid > .is-positive strong { color: var(--qoo-green-dark); }
.qoo-macro-read-grid > .is-negative strong { color: var(--qoo-red-dark); }
.qoo-macro-read-grid > .is-warning strong { color: #b96b08; }
.qoo-macro-read-grid > .is-source {
    background: #f6faf9;
    border-color: #dcebe6;
}

.qoo-macro-read-grid--detail {
    margin-top: 14px;
}

.qoo-macro-read-grid--detail > div {
    min-height: 112px;
    padding: 16px;
    background: #fff;
    box-shadow: var(--qoo-shadow-soft);
}

.qoo-macro-read-grid--detail strong {
    font-size: 15px;
}

.qoo-macro-read-grid--detail > div.is-level strong,
.qoo-macro-read-grid--detail > div:nth-child(2) strong {
    font-size: 22px;
}

.qoo-macro-driver-breakdown {
    margin: 0 0 13px;
    padding: 13px 14px;
    background: #f8faf9;
    border: 1px solid #e7efec;
    border-radius: 14px;
}

.qoo-macro-driver-breakdown__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
}

.qoo-macro-driver-breakdown__heading strong {
    color: var(--qoo-ink);
    font-size: 9px;
    line-height: 1.3;
    font-weight: 900;
}

.qoo-macro-driver-breakdown__heading span {
    color: var(--qoo-muted);
    font-size: 7.5px;
    line-height: 1.3;
    font-weight: 750;
}

.qoo-macro-driver-breakdown__rows {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.qoo-macro-driver-row {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    padding: 10px;
    background: #fff;
    border: 1px solid #e8efed;
    border-radius: 11px;
}

.qoo-macro-driver-row.is-dominant {
    border-color: #b9dfd3;
    box-shadow: inset 3px 0 0 var(--qoo-green);
}

.qoo-macro-driver-row > span {
    min-width: 0;
}

.qoo-macro-driver-row strong,
.qoo-macro-driver-row small {
    display: block;
}

.qoo-macro-driver-row strong {
    overflow: hidden;
    color: var(--qoo-ink);
    font-size: 8px;
    line-height: 1.3;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qoo-macro-driver-row small {
    margin-top: 3px;
    color: var(--qoo-muted);
    font-size: 7.5px;
    line-height: 1.3;
}

.qoo-macro-driver-row em {
    flex: 0 0 auto;
    color: var(--qoo-ink);
    font-size: 10px;
    line-height: 1.2;
    font-style: normal;
    font-weight: 900;
}

.qoo-macro-driver-row.is-positive em { color: var(--qoo-green-dark); }
.qoo-macro-driver-row.is-negative em { color: var(--qoo-red-dark); }

.qoo-macro-driver-panel {
    margin-top: 14px;
    padding: 19px;
    background: #fff;
    border: 1px solid var(--qoo-line);
    border-radius: 19px;
    box-shadow: var(--qoo-shadow-soft);
}

.qoo-macro-driver-panel > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 15px;
}

.qoo-macro-driver-panel > header > div {
    min-width: 0;
}

.qoo-macro-driver-panel h3 {
    margin: 3px 0 5px !important;
    color: var(--qoo-ink);
    font-size: 17px;
    line-height: 1.35;
    letter-spacing: -.02em;
}

.qoo-macro-driver-panel header p:not(.qoo-eyebrow) {
    margin: 0 !important;
    color: var(--qoo-muted);
    font-size: 9px;
    line-height: 1.55;
}

.qoo-macro-driver-panel > header > span {
    max-width: 250px;
    flex: 0 0 auto;
    padding: 8px 10px;
    color: var(--qoo-green-dark);
    background: #edf8f4;
    border-radius: 10px;
    font-size: 8px;
    line-height: 1.45;
    font-weight: 800;
}

.qoo-macro-driver-table {
    overflow: hidden;
    border: 1px solid #e7eeec;
    border-radius: 13px;
}

.qoo-macro-driver-table__head,
.qoo-macro-driver-table__row {
    display: grid;
    grid-template-columns: minmax(170px, 1.35fr) repeat(3, minmax(105px, .8fr));
    align-items: center;
    gap: 12px;
    padding: 11px 13px;
}

.qoo-macro-driver-table__head {
    color: #70807c;
    background: #f5f8f7;
    font-size: 7.5px;
    line-height: 1.3;
    font-weight: 850;
    letter-spacing: .035em;
}

.qoo-macro-driver-table__row {
    border-top: 1px solid #edf2f0;
    color: var(--qoo-ink);
    font-size: 9px;
    line-height: 1.35;
}

.qoo-macro-driver-table__row.is-dominant {
    background: #f1faf6;
    box-shadow: inset 4px 0 0 var(--qoo-green);
}

.qoo-macro-driver-table__row strong {
    min-width: 0;
    font-size: 9px;
    font-weight: 850;
}

.qoo-macro-driver-table__row strong small {
    display: inline-flex;
    margin-left: 7px;
    padding: 3px 5px;
    color: var(--qoo-green-dark);
    background: #dff3eb;
    border-radius: 999px;
    font-size: 6.5px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: .04em;
}

.qoo-macro-driver-table__row span,
.qoo-macro-driver-table__row em {
    text-align: right;
}

.qoo-macro-driver-table__row em {
    color: var(--qoo-ink);
    font-style: normal;
    font-weight: 900;
}

.qoo-macro-driver-table__row.is-positive em { color: var(--qoo-green-dark); }
.qoo-macro-driver-table__row.is-negative em { color: var(--qoo-red-dark); }

@media (max-width: 980px) {
    .qoo-macro-read-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qoo-macro-driver-table {
        overflow-x: auto;
    }

    .qoo-macro-driver-table__head,
    .qoo-macro-driver-table__row {
        min-width: 690px;
    }
}

@media (max-width: 620px) {
    .qoo-macro-read-grid,
    .qoo-macro-driver-breakdown__rows {
        grid-template-columns: 1fr;
    }

    .qoo-macro-driver-panel > header {
        flex-direction: column;
    }

    .qoo-macro-driver-panel > header > span {
        max-width: none;
    }
}

/* v0.13.6 · Concise Fed summary on US Macro page */
.qoo-fed-summary-card {
    display: grid;
    gap: 12px;
    padding: 17px;
    background: linear-gradient(135deg, #ffffff 0%, #f4faf8 100%);
    border: 1px solid #dfeae7;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(20, 45, 50, .05);
}

.qoo-fed-summary-card__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
}

.qoo-fed-summary-card__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: var(--qoo-green-dark);
    background: #def3eb;
    border-radius: 13px;
}

.qoo-fed-summary-card__icon svg {
    width: 21px;
    height: 21px;
}

.qoo-fed-summary-card__header h3 {
    margin: 3px 0 2px !important;
    color: var(--qoo-ink);
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -.018em;
}

.qoo-fed-summary-card__header p:not(.qoo-eyebrow) {
    max-width: 760px;
    margin: 0 !important;
    color: var(--qoo-muted);
    font-size: 8.5px;
    line-height: 1.55;
}

.qoo-fed-summary-card__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.qoo-fed-summary-card__stats article {
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 78px;
    padding: 11px 12px;
    background: rgba(255, 255, 255, .88);
    border: 1px solid #e4ece9;
    border-radius: 12px;
}

.qoo-fed-summary-card__stats small {
    color: #71807d;
    font-size: 7px;
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: .065em;
}

.qoo-fed-summary-card__stats strong {
    margin-top: 6px;
    color: var(--qoo-ink);
    font-size: 15px;
    line-height: 1.2;
    font-weight: 900;
}

.qoo-fed-summary-card__stats span {
    margin-top: auto;
    padding-top: 5px;
    color: var(--qoo-muted);
    font-size: 7.5px;
    line-height: 1.35;
}

.qoo-fed-summary-card__stats article.is-positive strong { color: var(--qoo-green-dark); }
.qoo-fed-summary-card__stats article.is-negative strong { color: var(--qoo-red-dark); }

.qoo-fed-summary-card__cta {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 13px;
    color: var(--qoo-green-dark);
    background: #eaf7f2;
    border: 1px solid #d8eee6;
    border-radius: 12px;
    cursor: pointer;
    text-align: left;
}

.qoo-fed-summary-card__cta span { min-width: 0; }
.qoo-fed-summary-card__cta strong,
.qoo-fed-summary-card__cta small { display: block; }
.qoo-fed-summary-card__cta strong { font-size: 9px; line-height: 1.35; }
.qoo-fed-summary-card__cta small { margin-top: 2px; color: #688079; font-size: 7.5px; line-height: 1.4; }
.qoo-fed-summary-card__cta > svg { flex: 0 0 auto; width: 16px; height: 16px; transition: transform .18s ease; }
.qoo-fed-summary-card__cta:hover > svg { transform: translateX(3px); }

/* v0.13.6 · Fed Balance Sheet Expansion & Contraction history */
.qoo-fed-history {
    display: grid;
    gap: 14px;
    margin-top: 14px;
    padding: 20px;
    background: linear-gradient(145deg, #f8fcfb 0%, #fff 42%, #fffaf2 100%);
    border: 1px solid #dfeae7;
    border-radius: 21px;
    box-shadow: 0 14px 38px rgba(22, 47, 51, .065);
}

.qoo-fed-history__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
}

.qoo-fed-history__heading > div { min-width: 0; }
.qoo-fed-history__heading h3 {
    margin: 4px 0 6px !important;
    color: var(--qoo-ink);
    font-size: 20px;
    line-height: 1.28;
    letter-spacing: -.025em;
}

.qoo-fed-history__heading p:not(.qoo-eyebrow) {
    max-width: 780px;
    margin: 0 !important;
    color: var(--qoo-muted);
    font-size: 9.5px;
    line-height: 1.65;
}

.qoo-fed-history__status {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    color: #536560;
    background: #f0f4f3;
    border-radius: 999px;
    font-size: 7.5px;
    line-height: 1.3;
    font-weight: 850;
    white-space: nowrap;
}

.qoo-fed-history__status i {
    width: 7px;
    height: 7px;
    background: #71817d;
    border-radius: 50%;
}

.qoo-fed-history__status.is-positive { color: var(--qoo-green-dark); background: #eaf7f2; }
.qoo-fed-history__status.is-positive i { background: var(--qoo-green); }
.qoo-fed-history__status.is-warning { color: #a35f0b; background: #fff5df; }
.qoo-fed-history__status.is-warning i { background: var(--qoo-orange); }
.qoo-fed-history__status.is-negative { color: var(--qoo-red-dark); background: #fff0f2; }
.qoo-fed-history__status.is-negative i { background: var(--qoo-red); }

.qoo-fed-history__current {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 16px 17px;
    background: #f3f7f6;
    border: 1px solid #e3ece9;
    border-radius: 16px;
}

.qoo-fed-history__current.is-positive { background: #eef9f5; border-color: #d8eee6; }
.qoo-fed-history__current.is-negative { background: #fff4f4; border-color: #f0dada; }
.qoo-fed-history__current.is-warning { background: #fff9ec; border-color: #f3e4be; }

.qoo-fed-history__current-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    color: var(--qoo-green-dark);
    background: #dff3eb;
    border-radius: 12px;
}

.qoo-fed-history__current.is-negative .qoo-fed-history__current-icon { color: var(--qoo-red-dark); background: #ffe1e6; }
.qoo-fed-history__current-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.qoo-fed-history__current small {
    display: block;
    color: #6d7d79;
    font-size: 7px;
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: .075em;
}

.qoo-fed-history__current strong {
    display: block;
    margin-top: 3px;
    color: var(--qoo-ink);
    font-size: 16px;
    line-height: 1.35;
    font-weight: 900;
}

.qoo-fed-history__current p {
    margin: 3px 0 0 !important;
    color: var(--qoo-muted);
    font-size: 8.5px;
    line-height: 1.55;
}

.qoo-fed-history__current em {
    max-width: 230px;
    padding: 8px 10px;
    color: var(--qoo-green-dark);
    background: rgba(255, 255, 255, .75);
    border: 1px solid rgba(21, 150, 111, .12);
    border-radius: 10px;
    font-size: 8px;
    line-height: 1.4;
    font-style: normal;
    font-weight: 850;
    text-align: right;
}

.qoo-fed-history__stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
}

.qoo-fed-history__stats article {
    min-width: 0;
    min-height: 92px;
    display: flex;
    flex-direction: column;
    padding: 13px 14px;
    background: #fff;
    border: 1px solid #e7eeec;
    border-radius: 14px;
}

.qoo-fed-history__stats small {
    color: #71807d;
    font-size: 7px;
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: .07em;
}

.qoo-fed-history__stats strong {
    display: block;
    margin-top: 7px;
    color: var(--qoo-ink);
    font-size: 17px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -.025em;
}

.qoo-fed-history__stats span {
    margin-top: auto;
    padding-top: 7px;
    color: var(--qoo-muted);
    font-size: 7.5px;
    line-height: 1.35;
}

.qoo-fed-history__stats article.is-positive strong { color: var(--qoo-green-dark); }
.qoo-fed-history__stats article.is-negative strong { color: var(--qoo-red-dark); }

.qoo-fed-history__level-match {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(170px, auto);
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #f1faf7 0%, #fbfdfc 100%);
    border: 1px solid #dcece6;
    border-radius: 15px;
}

.qoo-fed-history__level-match.is-unavailable {
    grid-template-columns: auto minmax(0, 1fr);
    background: #f6f8f8;
    border-color: #e4e9e8;
}

.qoo-fed-history__level-match-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    color: var(--qoo-green-dark);
    background: #dff3eb;
    border-radius: 12px;
}

.qoo-fed-history__level-match-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

.qoo-fed-history__level-match small {
    display: block;
    color: #6c7d78;
    font-size: 7px;
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: .075em;
}

.qoo-fed-history__level-match-main strong,
.qoo-fed-history__level-match-first strong {
    display: block;
    margin-top: 4px;
    color: var(--qoo-ink);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: -.018em;
}

.qoo-fed-history__level-match-main p {
    margin: 4px 0 0 !important;
    color: var(--qoo-muted);
    font-size: 8px;
    line-height: 1.55;
}

.qoo-fed-history__level-match-main p span,
.qoo-fed-history__level-match-first span {
    font-weight: 850;
}

.qoo-fed-history__level-match .is-positive { color: var(--qoo-green-dark); }
.qoo-fed-history__level-match .is-negative { color: var(--qoo-red-dark); }
.qoo-fed-history__level-match .is-neutral { color: #5d6c69; }

.qoo-fed-history__level-match-first {
    min-width: 170px;
    padding: 10px 12px;
    background: rgba(255, 255, 255, .82);
    border: 1px solid rgba(21, 150, 111, .12);
    border-radius: 11px;
}

.qoo-fed-history__level-match-first strong {
    font-size: 12px;
}

.qoo-fed-history__level-match-first span {
    display: block;
    margin-top: 3px;
    font-size: 7.5px;
    line-height: 1.35;
}

.qoo-fed-chart-card {
    overflow: hidden;
    padding: 17px 18px 14px;
    background: #fff;
    border: 1px solid #e4ece9;
    border-radius: 17px;
    box-shadow: 0 9px 26px rgba(20, 45, 50, .045);
}

.qoo-fed-chart-card > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 12px;
}

.qoo-fed-chart-card h4 {
    margin: 3px 0 3px !important;
    color: var(--qoo-ink);
    font-size: 15px;
    line-height: 1.35;
    letter-spacing: -.018em;
}

.qoo-fed-chart-card header span {
    color: var(--qoo-muted);
    font-size: 8px;
    line-height: 1.45;
}

.qoo-fed-chart-controls {
    flex: 0 0 auto;
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    background: #f0f5f3;
    border-radius: 10px;
}

.qoo-fed-chart-controls button {
    min-width: 38px;
    min-height: 28px;
    padding: 5px 8px;
    color: #63736f;
    background: transparent;
    border: 0;
    border-radius: 7px;
    font: inherit;
    font-size: 7.5px;
    line-height: 1;
    font-weight: 850;
    cursor: pointer;
}

.qoo-fed-chart-controls button:hover { color: var(--qoo-green-dark); }
.qoo-fed-chart-controls button.is-active {
    color: #fff;
    background: var(--qoo-green-dark);
    box-shadow: 0 5px 12px rgba(9, 117, 94, .2);
}

.qoo-fed-chart {
    width: 100%;
    min-height: 250px;
    overflow: hidden;
    background: linear-gradient(180deg, #fbfdfc 0%, #f7faf9 100%);
    border: 1px solid #e8efed;
    border-radius: 13px;
}

.qoo-fed-chart svg {
    display: block;
    width: 100%;
    height: 280px;
    /* The global icon rule adds a stroke to every SVG. Charts must reset it. */
    stroke: none;
    stroke-width: 0;
}

.qoo-fed-chart--composition svg { height: 305px; }
.qoo-fed-chart__empty {
    display: grid;
    place-items: center;
    min-height: 250px;
    margin: 0 !important;
    color: var(--qoo-muted);
    font-size: 9px;
}

.qoo-fed-svg-grid { stroke: #e4ece9; stroke-width: 1; vector-effect: non-scaling-stroke; }
.qoo-fed-svg-zero { stroke: #8d9b98; stroke-width: 1.25; vector-effect: non-scaling-stroke; }
.qoo-fed-svg-axis-label,
.qoo-fed-svg-date-label {
    fill: #60716d;
    stroke: none;
    stroke-width: 0;
    paint-order: normal;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
    text-rendering: geometricPrecision;
}

.qoo-fed-svg-area { fill: rgba(15, 145, 118, .10); }
.qoo-fed-svg-line {
    fill: none;
    stroke: #0d8f78;
    stroke-width: 2.6;
    stroke-linejoin: round;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

.qoo-fed-svg-dot { fill: #0d8f78; stroke: #fff; stroke-width: 2; vector-effect: non-scaling-stroke; }
.qoo-fed-svg-bar.is-positive { fill: #15966f; }
.qoo-fed-svg-bar.is-negative { fill: #df3650; }
.qoo-fed-svg-stack { stroke: rgba(255, 255, 255, .75); stroke-width: .8; vector-effect: non-scaling-stroke; }
.qoo-fed-svg-stack.is-treasuries { fill: rgba(15, 145, 118, .72); }
.qoo-fed-svg-stack.is-mbs { fill: rgba(73, 151, 199, .62); }
.qoo-fed-svg-stack.is-loans { fill: rgba(230, 155, 45, .72); }
.qoo-fed-svg-stack.is-other { fill: rgba(126, 104, 176, .45); }
.qoo-fed-svg-reserves {
    fill: none;
    stroke: #d63a58;
    stroke-width: 2;
    stroke-dasharray: 5 4;
    vector-effect: non-scaling-stroke;
}

.qoo-fed-chart-card > footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    padding-top: 10px;
    color: var(--qoo-muted);
    font-size: 7.5px;
    line-height: 1.35;
}

.qoo-fed-chart-card > footer span,
.qoo-fed-chart-card > footer a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.qoo-fed-chart-card > footer a {
    margin-left: auto;
    color: var(--qoo-green-dark);
    font-weight: 850;
    text-decoration: none;
}

.qoo-fed-chart-card > footer svg { width: 10px; height: 10px; }
.qoo-fed-chart-card > footer i,
.qoo-fed-chart-legend i {
    width: 9px;
    height: 9px;
    flex: 0 0 auto;
    background: #80918d;
    border-radius: 3px;
}

.qoo-fed-chart-card > footer i.is-total { background: #0d8f78; }
.qoo-fed-chart-card > footer i.is-positive { background: #15966f; }
.qoo-fed-chart-card > footer i.is-negative { background: #df3650; }

.qoo-fed-chart-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 15px;
    padding: 10px 2px 0;
    color: #60716d;
    font-size: 7.5px;
    line-height: 1.35;
    font-weight: 750;
}

.qoo-fed-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.qoo-fed-chart-legend i.is-treasuries { background: #15966f; }
.qoo-fed-chart-legend i.is-mbs { background: #4997c7; }
.qoo-fed-chart-legend i.is-loans { background: #e69b2d; }
.qoo-fed-chart-legend i.is-other { background: #7e68b0; }
.qoo-fed-chart-legend i.is-reserves { width: 15px; height: 2px; background: #d63a58; border-radius: 0; }

.qoo-fed-driver-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.qoo-fed-driver-grid article {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 12px;
    background: #f8faf9;
    border: 1px solid #e7eeec;
    border-radius: 12px;
}

.qoo-fed-driver-grid small {
    color: #667772;
    font-size: 7.5px;
    line-height: 1.35;
    font-weight: 850;
}

.qoo-fed-driver-grid strong {
    margin-top: 7px;
    color: var(--qoo-ink);
    font-size: 15px;
    line-height: 1.2;
    font-weight: 900;
}

.qoo-fed-driver-grid article.is-positive strong { color: var(--qoo-green-dark); }
.qoo-fed-driver-grid article.is-negative strong { color: var(--qoo-red-dark); }
.qoo-fed-driver-grid span {
    margin-top: 4px;
    color: var(--qoo-muted);
    font-size: 7.5px;
    line-height: 1.35;
}

.qoo-fed-driver-grid a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 9px;
    color: var(--qoo-green-dark);
    font-size: 7px;
    line-height: 1.3;
    font-weight: 850;
    text-decoration: none;
}

.qoo-fed-driver-grid a svg { width: 9px; height: 9px; }
.qoo-fed-history__note,
.qoo-fed-history__empty {
    padding: 14px 16px;
    background: #fffaf0;
    border: 1px solid #f0e2c2;
    border-radius: 13px;
}

.qoo-fed-history__note strong,
.qoo-fed-history__empty strong {
    color: #8d5b13;
    font-size: 9px;
    line-height: 1.35;
}

.qoo-fed-history__note p,
.qoo-fed-history__empty p {
    margin: 4px 0 0 !important;
    color: #7d715e;
    font-size: 8.5px;
    line-height: 1.6;
}

@media (max-width: 1080px) {
    .qoo-fed-summary-card__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qoo-fed-history__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .qoo-fed-driver-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .qoo-fed-summary-card__header { grid-template-columns: auto minmax(0, 1fr); }
    .qoo-fed-summary-card__header .qoo-fed-history__status { grid-column: 1 / -1; justify-self: start; }
    .qoo-fed-history { padding: 15px; }
    .qoo-fed-history__heading,
    .qoo-fed-chart-card > header { flex-direction: column; }
    .qoo-fed-history__status { white-space: normal; }
    .qoo-fed-history__current { grid-template-columns: auto minmax(0, 1fr); }
    .qoo-fed-history__current em { grid-column: 1 / -1; max-width: none; text-align: left; }
    .qoo-fed-history__level-match { grid-template-columns: auto minmax(0, 1fr); }
    .qoo-fed-history__level-match-first { grid-column: 1 / -1; min-width: 0; }
    .qoo-fed-chart-controls { width: 100%; }
    .qoo-fed-chart-controls button { flex: 1 1 auto; }
    .qoo-fed-chart-card > footer a { margin-left: 0; }
}

@media (max-width: 560px) {
    .qoo-fed-summary-card__stats,
    .qoo-fed-history__stats,
    .qoo-fed-driver-grid { grid-template-columns: 1fr; }
    .qoo-fed-chart svg { height: 245px; }
    .qoo-fed-chart--composition svg { height: 270px; }
}


/* Financial Data · v0.13.10 */
.qoo-financial-pulse-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 18px 0;
}
.qoo-financial-pulse-grid > article,
.qoo-financial-section,
.qoo-overview-question-card--compact {
    border: 1px solid var(--qoo-border, #dfe8e5);
    background: #fff;
    border-radius: 22px;
}
.qoo-financial-pulse-grid > article {
    padding: 20px;
    min-height: 176px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}
.qoo-financial-pulse-grid > article > span:first-child {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #e9f8f3;
    color: #0a8e75;
}
.qoo-financial-pulse-grid svg { width: 22px; height: 22px; }
.qoo-financial-pulse-grid small,
.qoo-financial-section small,
.qoo-overview-financial-card__metrics small {
    color: #687b78;
    font-weight: 800;
    letter-spacing: .045em;
}
.qoo-financial-pulse-grid strong { font-size: 20px; line-height: 1.25; color: #172238; }
.qoo-financial-pulse-grid p { margin: 0; color: #617187; line-height: 1.55; }
.qoo-financial-section { padding: 22px; margin-top: 18px; }
.qoo-financial-section > header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 18px;
}
.qoo-financial-section > header h3 { margin: 3px 0 6px; font-size: 24px; color: #172238; }
.qoo-financial-section > header p { margin: 0; max-width: 850px; color: #66758a; line-height: 1.55; }
.qoo-financial-section > header > a,
.qoo-financial-section > header > button {
    border: 0;
    background: #edf8f4;
    color: #087b67;
    padding: 10px 13px;
    border-radius: 12px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
}
.qoo-financial-section > header svg,
.qoo-financial-metric-grid a svg,
.qoo-financial-actions svg { width: 14px; height: 14px; }
.qoo-financial-metric-grid { display: grid; gap: 12px; }
.qoo-financial-metric-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.qoo-financial-metric-grid article,
.qoo-financial-activity article {
    padding: 16px;
    border: 1px solid #e5ecea;
    border-radius: 15px;
    background: #fbfdfc;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.qoo-financial-metric-grid strong,
.qoo-financial-activity article strong { font-size: 22px; color: #172238; line-height: 1.15; }
.qoo-financial-metric-grid span,
.qoo-financial-activity article span { color: #718096; font-size: 13px; }
.qoo-financial-metric-grid a,
.qoo-financial-activity article a {
    margin-top: auto;
    color: #087b67;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    display: inline-flex;
    gap: 5px;
    align-items: center;
}
.qoo-financial-metric-grid .is-positive strong,
.qoo-financial-pulse-grid .is-positive strong,
.qoo-financial-activity .is-positive strong { color: #087b67; }
.qoo-financial-metric-grid .is-negative strong,
.qoo-financial-pulse-grid .is-negative strong,
.qoo-financial-activity .is-negative strong { color: #d72d51; }
.qoo-financial-metric-grid .is-warning strong,
.qoo-financial-pulse-grid .is-warning strong,
.qoo-financial-activity .is-warning strong { color: #bd7200; }
.qoo-financial-curve-card {
    margin-top: 14px;
    padding: 18px;
    border: 1px solid #e2ebe8;
    border-left: 4px solid #95aaa4;
    border-radius: 16px;
    background: #f8fbfa;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
}
.qoo-financial-curve-card.is-positive { border-left-color: #0a987c; }
.qoo-financial-curve-card.is-negative { border-left-color: #e13b5f; }
.qoo-financial-curve-card.is-warning { border-left-color: #e59a19; }
.qoo-financial-curve-card strong { display: block; margin: 3px 0 5px; font-size: 21px; color: #172238; }
.qoo-financial-curve-card p { margin: 0; color: #66758a; }
.qoo-financial-curve-card__spreads { display: grid; grid-template-columns: repeat(2, minmax(125px, 1fr)); gap: 10px; }
.qoo-financial-curve-card__spreads span { padding: 12px 14px; border-radius: 13px; background: #fff; border: 1px solid #e5ecea; }
.qoo-financial-curve-card__spreads strong { margin: 3px 0 0; font-size: 19px; }
.qoo-financial-activity { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 12px; margin-top: 14px; }
.qoo-financial-activity__read { padding: 18px; border-radius: 16px; background: #eff8f5; border: 1px solid #deebe7; }
.qoo-financial-activity__read strong { display: block; font-size: 20px; margin: 4px 0 5px; }
.qoo-financial-activity__read p { margin: 0; color: #66758a; }
.qoo-financial-note { margin: 14px 0 0; padding: 12px 14px; border-radius: 12px; background: #fff8eb; color: #776342; line-height: 1.55; font-size: 13px; }
.qoo-financial-actions { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.qoo-financial-actions button {
    border: 0;
    border-radius: 12px;
    background: #e9f8f3;
    color: #087b67;
    padding: 11px 14px;
    font-weight: 800;
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

.qoo-cot-positioning {
    margin-top: 18px;
    padding-top: 20px;
    border-top: 1px solid #e4ece9;
}
.qoo-cot-positioning__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}
.qoo-cot-positioning__header h4 {
    margin: 3px 0 6px;
    color: #172238;
    font-size: 21px;
}
.qoo-cot-positioning__header p:not(.qoo-eyebrow) {
    margin: 0;
    max-width: 760px;
    color: #66758a;
    line-height: 1.55;
}
.qoo-cot-positioning__meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    flex-wrap: wrap;
}
.qoo-cot-positioning__meta > a {
    border: 0;
    background: #edf8f4;
    color: #087b67;
    padding: 9px 12px;
    border-radius: 11px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}
.qoo-cot-positioning__meta svg { width: 13px; height: 13px; }
.qoo-cot-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}
.qoo-cot-summary-grid article {
    padding: 15px;
    border: 1px solid #e4ece9;
    border-radius: 14px;
    background: #f9fcfb;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.qoo-cot-summary-grid strong {
    color: #172238;
    font-size: 19px;
    line-height: 1.2;
}
.qoo-cot-summary-grid span { color: #718096; font-size: 13px; }
.qoo-cot-summary-grid .is-positive strong { color: #087b67; }
.qoo-cot-summary-grid .is-negative strong { color: #d72d51; }
.qoo-cot-table-wrap {
    overflow-x: auto;
    border: 1px solid #e4ece9;
    border-radius: 15px;
    background: #fff;
}
.qoo-cot-table {
    width: 100%;
    min-width: 880px;
    border-collapse: collapse;
    font-size: 13px;
}
.qoo-cot-table th,
.qoo-cot-table td {
    padding: 12px 13px;
    text-align: right;
    border-bottom: 1px solid #e9efed;
    white-space: nowrap;
}
.qoo-cot-table th {
    color: #687b78;
    background: #f4f8f7;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .045em;
}
.qoo-cot-table th:first-child,
.qoo-cot-table th:nth-child(2),
.qoo-cot-table td:first-child,
.qoo-cot-table td:nth-child(2) { text-align: left; }
.qoo-cot-table tbody tr:last-child td { border-bottom: 0; }
.qoo-cot-table td { color: #38475d; }
.qoo-cot-table td > strong { color: #172238; }
.qoo-cot-table tr.is-positive td:nth-child(5) strong,
.qoo-cot-table tr.is-positive td:nth-child(6) strong { color: #087b67; }
.qoo-cot-table tr.is-negative td:nth-child(5) strong,
.qoo-cot-table tr.is-negative td:nth-child(6) strong { color: #d72d51; }
.qoo-cot-positioning__note {
    margin: 12px 0 0;
    color: #66758a;
    font-size: 12px;
    line-height: 1.6;
}
.qoo-cot-empty {
    padding: 18px;
    border: 1px dashed #cddbd7;
    border-radius: 14px;
    background: #f8fbfa;
}
.qoo-cot-empty strong { color: #172238; }
.qoo-cot-empty p { margin: 5px 0 0; color: #66758a; }
.qoo-overview-question-card--compact { padding: 18px; }
.qoo-overview-question-card--compact .qoo-overview-question-card__header { margin-bottom: 10px; }
.qoo-overview-financial-card__body { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(360px, .9fr); gap: 22px; align-items: center; }
.qoo-overview-financial-card__body h3 { margin: 0 0 6px; }
.qoo-overview-financial-card__body p { margin: 0; color: #66758a; line-height: 1.5; }
.qoo-overview-financial-card__metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.qoo-overview-financial-card__metrics > span { padding: 11px; border-radius: 12px; background: #f6faf8; border: 1px solid #e4ece9; min-width: 0; }
.qoo-overview-financial-card__metrics strong { display: block; margin-top: 3px; color: #172238; font-size: 15px; line-height: 1.25; overflow-wrap: anywhere; }
.qoo-overview-question-card--compact .qoo-overview-question-card__action { margin-top: 13px; }
@media (max-width: 1100px) {
    .qoo-financial-pulse-grid,
    .qoo-financial-metric-grid--four,
    .qoo-cot-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qoo-financial-activity { grid-template-columns: 1fr 1fr; }
    .qoo-financial-activity__read { grid-column: 1 / -1; }
    .qoo-overview-financial-card__body { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .qoo-financial-pulse-grid,
    .qoo-financial-metric-grid--four,
    .qoo-financial-activity,
    .qoo-overview-financial-card__metrics,
    .qoo-cot-summary-grid { grid-template-columns: 1fr; }
    .qoo-financial-section { padding: 16px; }
    .qoo-financial-section > header,
    .qoo-financial-curve-card,
    .qoo-cot-positioning__header { flex-direction: column; align-items: stretch; }
    .qoo-financial-curve-card__spreads { grid-template-columns: 1fr 1fr; }
    .qoo-overview-financial-card__body { grid-template-columns: 1fr; }
}

/* Financial Data · v0.13.12 · Futures positioning lifecycle and cross-confirmation */
.qoo-cot-summary-grid--four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.qoo-cot-summary-grid .is-warning strong { color: #c27a00; }
.qoo-cot-subsection-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 18px;
    margin: 18px 0 10px;
}
.qoo-cot-subsection-heading small {
    display: block;
    color: #0a8f77;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
}
.qoo-cot-subsection-heading strong {
    display: block;
    margin-top: 3px;
    color: #172238;
    font-size: 15px;
}
.qoo-cot-subsection-heading > span {
    color: #718096;
    font-size: 12px;
    text-align: right;
}
.qoo-cot-subsection-heading--confirmation {
    padding-top: 3px;
}
.qoo-cot-table--structure { min-width: 1320px; }
.qoo-cot-confirmation-table { min-width: 1180px; }
.qoo-cot-lifecycle { min-width: 190px; text-align: left !important; white-space: normal !important; }
.qoo-cot-lifecycle strong { display: block; font-size: 12px; line-height: 1.3; }
.qoo-cot-lifecycle small { display: block; margin-top: 4px; color: #718096; font-size: 10px; line-height: 1.35; }
.qoo-cot-lifecycle.is-positive strong { color: #087b67; }
.qoo-cot-lifecycle.is-negative strong { color: #d72d51; }
.qoo-cot-lifecycle.is-warning strong,
.qoo-cot-lifecycle.is-partial strong { color: #b56e00; }
.qoo-cot-pp-note { margin: 8px 2px 0; color: #718096; font-size: 11px; line-height: 1.5; }

.qoo-cot-confirmation-table th,
.qoo-cot-confirmation-table td { text-align: left; vertical-align: top; white-space: normal; }
.qoo-cot-confirmation-table th:nth-child(1) { width: 12%; }
.qoo-cot-confirmation-table th:nth-child(2) { width: 22%; }
.qoo-cot-confirmation-table th:nth-child(3) { width: 19%; }
.qoo-cot-confirmation-table th:nth-child(4) { width: 11%; }
.qoo-cot-confirmation-table th:nth-child(5) { width: 36%; }
.qoo-cot-confirmation-table td strong { display: block; line-height: 1.35; }
.qoo-cot-confirmation-table td small {
    display: block;
    margin-top: 4px;
    color: #718096;
    line-height: 1.45;
}
.qoo-cot-risk-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 74px;
    padding: 6px 9px;
    border-radius: 999px;
    background: #eef3f2;
    color: #64736f;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .035em;
}
.qoo-cot-risk-badge.is-lower { background: #e8f7f1; color: #087b67; }
.qoo-cot-risk-badge.is-medium { background: #fff6df; color: #a76900; }
.qoo-cot-risk-badge.is-high,
.qoo-cot-risk-badge.is-very_high { background: #ffebef; color: #cc2b4b; }
.qoo-cot-read strong { font-size: 13px; }
.qoo-cot-read.is-positive strong { color: #087b67; }
.qoo-cot-read.is-negative strong { color: #d72d51; }
.qoo-cot-read.is-partial strong { color: #b56e00; }
.qoo-cot-read em {
    display: inline-block;
    margin-top: 6px;
    color: #5f6f82;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .035em;
}
.qoo-financial-actions--related {
    padding-top: 2px;
}
@media (max-width: 1300px) {
    .qoo-cot-summary-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
    .qoo-cot-summary-grid--four { grid-template-columns: 1fr; }
    .qoo-cot-subsection-heading { align-items: flex-start; flex-direction: column; }
    .qoo-cot-subsection-heading > span { text-align: left; }
}

/* Financial Data · v0.13.13 · Context & Significance Engine */
.qoo-significance-legend {
    display: flex;
    align-items: center;
    gap: 10px 18px;
    flex-wrap: wrap;
    margin: 12px 0 16px;
    padding: 11px 14px;
    border: 1px solid #e4ece9;
    border-radius: 14px;
    background: rgba(255,255,255,.76);
    color: #66758a;
    font-size: 11px;
}
.qoo-significance-legend > span { display: inline-flex; align-items: center; gap: 5px; }
.qoo-significance-legend i { width: 8px; height: 8px; border-radius: 999px; background: #aab6b3; }
.qoo-significance-legend i.is-watch { background: #e2a026; }
.qoo-significance-legend i.is-active { background: #d86a36; }
.qoo-significance-legend i.is-extreme { background: #d72d51; }
.qoo-significance-legend strong { color: #334155; font-size: 10px; letter-spacing: .035em; }
.qoo-significance-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    border-radius: 999px;
    background: #eef3f2;
    color: #64736f;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .045em;
    white-space: nowrap;
}
.qoo-significance-badge.is-watch { background: #fff4d9; color: #9b6500; }
.qoo-significance-badge.is-active { background: #fff0e8; color: #b95422; }
.qoo-significance-badge.is-extreme { background: #ffebef; color: #c72849; }
.qoo-context-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.qoo-context-card__read { display: block; margin-top: 9px; color: #172238; font-size: 13px !important; line-height: 1.35; }
.qoo-context-card__facts { display: grid; gap: 5px; margin: 10px 0 0; }
.qoo-context-card__facts > div { display: flex; justify-content: space-between; gap: 8px; padding-top: 5px; border-top: 1px solid #edf2f0; }
.qoo-context-card__facts dt { color: #718096; font-size: 10px; }
.qoo-context-card__facts dd { margin: 0; color: #172238; font-size: 10px; font-weight: 800; text-align: right; }
.qoo-context-card__meta { display: block; margin-top: 8px; color: #66758a; font-size: 11px; line-height: 1.5; }
.qoo-financial-rate-grid .is-policy-rate { background: #f6fbf9; border-color: #cde8df; }
.qoo-context-explainer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 10px 0 12px;
    padding: 13px;
    border: 1px solid #e4ece9;
    border-radius: 14px;
    background: #f8fbfa;
}
.qoo-context-explainer > div { padding: 3px 8px; }
.qoo-context-explainer > div + div { border-left: 1px solid #e2ebe8; }
.qoo-context-explainer small { color: #0a8f77; font-size: 9px; font-weight: 900; letter-spacing: .06em; }
.qoo-context-explainer p { margin: 4px 0 0; color: #536277; font-size: 12px; line-height: 1.55; }
.qoo-context-explainer.is-negative { border-left: 3px solid #d72d51; }
.qoo-context-explainer.is-positive { border-left: 3px solid #0b9a7f; }
.qoo-context-explainer.is-warning { border-left: 3px solid #dfa01f; }
.qoo-context-trigger { margin: 9px 2px 0; color: #66758a; font-size: 11px; line-height: 1.55; }
.qoo-context-trigger strong { color: #a76900; }
.qoo-financial-context-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.qoo-financial-context-card {
    position: relative;
    min-width: 0;
    padding: 16px;
    border: 1px solid #e4ece9;
    border-radius: 15px;
    background: #fbfdfc;
    display: flex;
    flex-direction: column;
}
.qoo-financial-context-card.is-negative { border-left: 3px solid #d72d51; }
.qoo-financial-context-card.is-positive { border-left: 3px solid #0b9a7f; }
.qoo-financial-context-card.is-warning { border-left: 3px solid #dfa01f; }
.qoo-financial-context-card__value { display: block; margin-top: 8px; color: #172238 !important; font-size: 25px; line-height: 1.1; }
.qoo-financial-context-card h4 { margin: 7px 0 0; color: #172238; font-size: 15px; line-height: 1.35; }
.qoo-financial-context-card__meta { display: flex; gap: 6px 12px; flex-wrap: wrap; margin-top: 8px; color: #718096; font-size: 11px; }
.qoo-financial-context-card__meta span { padding: 4px 7px; border-radius: 8px; background: #f1f6f4; }
.qoo-financial-context-card__impact { margin: 11px 0 0; color: #526176; font-size: 12px; line-height: 1.6; }
.qoo-financial-context-card__trigger { margin: 10px 0 0; padding-top: 9px; border-top: 1px solid #e7eeec; color: #69778a; font-size: 11px; line-height: 1.55; }
.qoo-financial-context-card__trigger strong { color: #a76900; }
.qoo-financial-context-card > a { margin-top: auto; padding-top: 10px; }
.qoo-overview-indicator--context > strong { color: #172238 !important; }
.qoo-overview-indicator--context .qoo-context-card__top { margin-bottom: 2px; }
.qoo-overview-indicator--context > span { color: #536277; font-weight: 700; }
.qoo-overview-indicator--context > p { margin: 5px 0 0; color: #718096; font-size: 10px; line-height: 1.45; }
.qoo-overview-financial-card__metrics em { display: block; margin-top: 4px; color: #718096; font-size: 10px; font-style: normal; line-height: 1.35; }
.qoo-financial-curve-card .qoo-context-card__top { margin-bottom: 4px; }
@media (max-width: 1100px) {
    .qoo-financial-context-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .qoo-context-explainer { grid-template-columns: 1fr; }
    .qoo-context-explainer > div + div { border-left: 0; border-top: 1px solid #e2ebe8; padding-top: 10px; }
    .qoo-significance-legend { align-items: flex-start; flex-direction: column; }
}
.qoo-macro-context-trigger { display:block; margin-top:7px; color:#718096; font-size:9px; font-style:normal; line-height:1.45; }
.qoo-macro-context-trigger strong { color:#a76900; }

/* --------------------------------------------------------------------------
   Token Valuation — v0.13.17
   -------------------------------------------------------------------------- */
.qoo-valuation {
    display: grid;
    gap: 24px;
}

.qoo-valuation__toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    border: 1px solid rgba(26, 58, 48, 0.12);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(246,250,248,0.94));
    box-shadow: 0 12px 34px rgba(22, 45, 38, 0.06);
}

.qoo-valuation__toolbar > div:first-child {
    flex: 1 1 520px;
}

.qoo-valuation__toolbar label {
    display: block;
    margin-bottom: 8px;
    color: #263d35;
    font-size: 13px;
    font-weight: 800;
}

.qoo-valuation__toolbar select {
    width: min(100%, 560px);
    min-height: 48px;
    padding: 0 42px 0 15px;
    border: 1px solid rgba(35, 72, 60, 0.22);
    border-radius: 12px;
    background-color: #fff;
    color: #172c25;
    font-size: 15px;
    font-weight: 750;
    box-shadow: none;
}

.qoo-valuation__snapshot {
    display: grid;
    gap: 2px;
    min-width: 260px;
    text-align: right;
}

.qoo-valuation__snapshot span,
.qoo-valuation__snapshot small {
    color: #718078;
    font-size: 12px;
}

.qoo-valuation__snapshot strong {
    color: #1b312a;
    font-size: 14px;
}

.qoo-valuation-token {
    display: grid;
    gap: 22px;
    animation: qoo-valuation-in .24s ease both;
}

@keyframes qoo-valuation-in {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.qoo-valuation-token__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 2px 2px 0;
}

.qoo-valuation-token__header h3 {
    margin: 2px 0 4px;
    color: #142a23;
    font-size: clamp(25px, 3vw, 36px);
    line-height: 1.15;
}

.qoo-valuation-token__header p:last-child {
    margin: 0;
    color: #748078;
    font-size: 12px;
}

.qoo-valuation-token__status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    border-radius: 999px;
    background: #eef2f0;
    color: #66736d;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .07em;
}

.qoo-valuation-token__status span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.qoo-valuation-token__status.is-ready {
    background: #e2f5eb;
    color: #08724d;
}

.qoo-valuation-token__status.is-partial {
    background: #fff0d8;
    color: #9b5a00;
}

.qoo-valuation-token__status.is-error {
    background: #fbe5e7;
    color: #a52b34;
}

.qoo-valuation-section {
    padding: 24px;
    border: 1px solid rgba(29, 62, 51, 0.11);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(24, 48, 40, 0.055);
}

.qoo-valuation-section__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.qoo-valuation-section__heading h4 {
    margin: 2px 0 0;
    color: #152c24;
    font-size: 20px;
}

.qoo-valuation-section__heading h4.qoo-valuation-model-two-title {
    max-width: none;
    font-size: 15px;
    line-height: 1.25;
    white-space: nowrap;
}

.qoo-valuation-section__heading > p {
    max-width: 580px;
    margin: 0;
    color: #68776f;
    font-size: 13px;
    line-height: 1.65;
    text-align: right;
}

.qoo-valuation-raw-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.qoo-valuation-raw-card {
    display: grid;
    align-content: start;
    min-height: 122px;
    padding: 16px;
    border: 1px solid #e2e8e5;
    border-radius: 15px;
    background: #f9fbfa;
}

.qoo-valuation-raw-card.is-primary {
    border-color: rgba(8, 126, 82, 0.22);
    background: linear-gradient(145deg, #effaf5, #fff);
}

.qoo-valuation-raw-card span {
    color: #6f7e76;
    font-size: 12px;
    font-weight: 750;
}

.qoo-valuation-raw-card strong {
    margin-top: 10px;
    color: #152d25;
    font-size: clamp(17px, 1.8vw, 23px);
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.qoo-valuation-raw-card small {
    align-self: end;
    margin-top: 10px;
    color: #8a9690;
    font-size: 11px;
}

.qoo-valuation-sources {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    margin-top: 14px;
    color: #718078;
    font-size: 12px;
}

.qoo-valuation-sources a {
    color: #087653;
    font-weight: 750;
    text-decoration: none;
}

.qoo-valuation-analysis-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
    gap: 20px;
    align-items: start;
}

.qoo-valuation-ratio {
    color: #087653;
    font-size: clamp(27px, 3vw, 38px);
    line-height: 1;
}

.qoo-valuation-formula {
    display: grid;
    grid-template-columns: minmax(120px, .7fr) minmax(170px, 1.3fr) auto;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    padding: 15px 17px;
    border-radius: 14px;
    background: #f4f7f5;
}

.qoo-valuation-formula span {
    color: #65746c;
    font-size: 12px;
    font-weight: 750;
}

.qoo-valuation-formula strong {
    color: #273c35;
    font-size: 14px;
}

.qoo-valuation-formula em {
    color: #087653;
    font-size: 18px;
    font-style: normal;
    font-weight: 850;
    text-align: right;
}

.qoo-valuation-formula__result {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.qoo-valuation-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .055em;
    line-height: 1;
    white-space: nowrap;
}

.qoo-valuation-label[hidden] {
    display: none !important;
}

.qoo-valuation-formula span.qoo-valuation-label--overvalued {
    border: 1px solid rgba(179, 44, 56, .22);
    background: #fdecef;
    color: #b32c38;
}

.qoo-valuation-assumption {
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid rgba(200, 124, 13, 0.18);
    border-radius: 16px;
    background: linear-gradient(135deg, #fffaf1, #fff);
}

.qoo-valuation-assumption__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 14px;
}

.qoo-valuation-assumption__title div {
    display: grid;
    gap: 2px;
}

.qoo-valuation-assumption__title span {
    color: #8c7758;
    font-size: 11px;
}

.qoo-valuation-assumption__title strong {
    color: #4a3820;
    font-size: 14px;
}

.qoo-valuation-assumption__title output {
    color: #a45f00;
    font-size: 22px;
    font-weight: 850;
}

.qoo-valuation-scenarios {
    display: grid;
    grid-template-columns: repeat(3, minmax(64px, auto)) minmax(130px, 1fr);
    gap: 8px;
}

.qoo-valuation-scenarios button,
.qoo-valuation-scenarios label {
    min-height: 42px;
    border: 1px solid #e5d5bc;
    border-radius: 10px;
    background: #fff;
}

.qoo-valuation-scenarios button {
    padding: 8px 12px;
    color: #5d4c34;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.qoo-valuation-scenarios button:hover,
.qoo-valuation-scenarios button.is-active {
    border-color: #b56b08;
    background: #b56b08;
    color: #fff;
}

.qoo-valuation-scenarios label {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 5px 8px 5px 11px;
}

.qoo-valuation-scenarios label span {
    color: #746248;
    font-size: 11px;
    white-space: nowrap;
}

.qoo-valuation-scenarios input {
    width: 100%;
    min-width: 60px;
    height: 30px;
    border: 0;
    border-left: 1px solid #eadfce;
    padding-left: 8px;
    background: transparent;
    color: #392b19;
    font-weight: 800;
    box-shadow: none;
}

.qoo-valuation-result-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.qoo-valuation-result-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.qoo-valuation-result-grid > div {
    display: grid;
    align-content: start;
    min-height: 132px;
    padding: 15px;
    border: 1px solid #e4e9e6;
    border-radius: 14px;
    background: #fafcfb;
}

.qoo-valuation-result-grid > div.is-highlight {
    border-color: rgba(8, 118, 83, 0.22);
    background: #edf9f3;
}

.qoo-valuation-result-grid > div.is-warning {
    border-color: rgba(181, 107, 8, 0.22);
    background: #fff7ea;
}

.qoo-valuation-result-grid > div.is-danger-soft {
    border-color: rgba(179, 44, 56, 0.2);
    background: #fff1f3;
}

.qoo-valuation-result-grid > div.is-danger-soft strong {
    color: #b32c38;
}

.qoo-valuation-result-grid--max-supply {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.qoo-valuation-section--dilution .qoo-valuation-result-grid > div {
    min-height: 112px;
    padding: 13px;
}

.qoo-valuation-section--dilution .qoo-valuation-result-grid strong {
    font-size: clamp(16px, 1.55vw, 21px);
}

.qoo-valuation-result-grid--dilution-detail {
    margin-top: -4px;
}

.qoo-valuation-result-grid span {
    color: #6c7a73;
    font-size: 11px;
    font-weight: 750;
}

.qoo-valuation-result-grid strong {
    margin-top: 10px;
    color: #1b312a;
    font-size: clamp(17px, 2vw, 24px);
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.qoo-valuation-result-grid strong.is-positive {
    color: #087653;
}

.qoo-valuation-result-grid strong.is-negative {
    color: #b32c38;
}

.qoo-valuation-result-grid small {
    align-self: end;
    margin-top: 9px;
    color: #8b9690;
    font-size: 10px;
    line-height: 1.4;
}

.qoo-valuation-calculation {
    display: grid;
    gap: 8px;
}

.qoo-valuation-calculation p {
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
    gap: 10px;
    margin: 0;
    color: #64736b;
    font-size: 12px;
}

.qoo-valuation-calculation code {
    padding: 4px 7px;
    border-radius: 6px;
    background: #f1f4f2;
    color: #273d35;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    white-space: normal;
}

.qoo-dilution-meter {
    margin: 18px 0;
}

.qoo-dilution-meter > div {
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: #f1dfc5;
}

.qoo-dilution-meter > div span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0b7a55, #29aa7d);
}

.qoo-dilution-meter p {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 8px 0 0;
    color: #6d7973;
    font-size: 11px;
}

.qoo-dilution-meter p strong {
    color: #087653;
}

.qoo-valuation-reading {
    padding: 16px;
    border-radius: 14px;
    background: #f5f7f6;
}

.qoo-valuation-reading strong {
    color: #263d35;
    font-size: 13px;
}

.qoo-valuation-reading p {
    margin: 8px 0 0;
    color: #5e6d65;
    font-size: 12px;
    line-height: 1.65;
}

.qoo-valuation-alert {
    display: grid;
    gap: 3px;
    padding: 13px 15px;
    border: 1px solid #ead8bb;
    border-radius: 12px;
    background: #fff8ed;
    color: #765323;
    font-size: 12px;
}

.qoo-valuation-alert--warning {
    margin-top: -8px;
}

.qoo-valuation-disclaimer {
    padding: 18px 20px;
    border-left: 4px solid #b76b08;
    border-radius: 0 14px 14px 0;
    background: #fffaf2;
}

.qoo-valuation-disclaimer strong {
    color: #4d3a1f;
    font-size: 13px;
}

.qoo-valuation-disclaimer p {
    margin: 6px 0 0;
    color: #6f5c40;
    font-size: 12px;
    line-height: 1.65;
}

@media (max-width: 1180px) {
    .qoo-valuation-raw-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .qoo-valuation-analysis-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .qoo-valuation__toolbar,
    .qoo-valuation-token__header,
    .qoo-valuation-section__heading,
    .qoo-valuation-sources {
        align-items: stretch;
        flex-direction: column;
    }

    .qoo-valuation__snapshot,
    .qoo-valuation-section__heading > p {
        min-width: 0;
        text-align: left;
    }

    .qoo-valuation-raw-grid,
    .qoo-valuation-result-grid,
    .qoo-valuation-result-grid--two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qoo-valuation-formula {
        grid-template-columns: 1fr;
    }

    .qoo-valuation-formula em {
        text-align: left;
    }

    .qoo-valuation-formula__result {
        justify-content: flex-start;
    }

    .qoo-valuation-scenarios {
        grid-template-columns: repeat(3, 1fr);
    }

    .qoo-valuation-scenarios label {
        grid-column: 1 / -1;
    }
}

@media (max-width: 520px) {
    .qoo-valuation-section {
        padding: 18px;
    }

    .qoo-valuation-raw-grid,
    .qoo-valuation-result-grid,
    .qoo-valuation-result-grid--two {
        grid-template-columns: 1fr;
    }

    .qoo-valuation-calculation p {
        grid-template-columns: 1fr;
    }
}

/* Token Wallet Monitor v0.14.70 */
.qoo-token-wallet-page{display:grid;gap:18px}.qtm-heading{margin-bottom:0}.qtm-case-list{display:grid;gap:18px}.qtm-case{background:#fff;border:1px solid #e2e8f0;border-radius:22px;overflow:hidden}.qtm-case__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid #eef2f7}.qtm-case__head h3{font-size:25px;margin:2px 0 5px}.qtm-case__head>div>span{color:#8da0ba}.qtm-case__head code{font-size:12px}.qtm-warning{margin:14px 24px 0;padding:10px 12px;border:1px solid #f3d38c;background:#fff8e4;color:#8a6200;border-radius:10px}.qtm-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid #eef2f7}.qtm-summary>div{padding:18px 20px;border-right:1px solid #eef2f7;min-width:0}.qtm-summary>div:last-child{border-right:0}.qtm-summary span{display:block;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.qtm-summary strong{display:block;font-size:22px;margin-top:5px}.qtm-summary small{display:block;color:#94a3b8;font-size:11px;margin-top:4px}.qtm-case .is-positive{color:#00966d}.qtm-case .is-negative{color:#d94d68}.qtm-behavior{font-size:14px!important;display:inline-flex!important;width:auto;border-radius:999px;padding:6px 9px}.qtm-behavior--accumulating{background:#e8f8f2;color:#007c58}.qtm-behavior--distributing{background:#fdecef;color:#b4233f}.qtm-behavior--mixed{background:#fff5da;color:#8a6200}.qtm-behavior--no-activity{background:#eef2f7;color:#64748b}.qtm-pnl-strip{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 24px;background:#f8fafc;color:#64748b;font-size:13px}.qtm-pnl-strip strong{font-size:16px;color:#172033}.qtm-pnl-strip small{margin-left:auto;color:#94a3b8}.qtm-two-col{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:0}.qtm-block{padding:20px 24px;min-width:0}.qtm-block+ .qtm-block{border-left:1px solid #eef2f7}.qtm-block h4{font-size:16px;margin:0 0 12px}.qtm-block__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.qtm-block__head span{font-size:11px;color:#94a3b8}.qtm-table-wrap{overflow:auto;max-height:480px}.qtm-table{width:100%;border-collapse:collapse;font-size:12px}.qtm-table th{text-align:left;color:#8493aa;padding:9px 8px;border-bottom:1px solid #e8eef5;white-space:nowrap}.qtm-table td{padding:10px 8px;border-bottom:1px solid #f0f3f7;white-space:nowrap}.qtm-table td:first-child{white-space:normal;min-width:130px}.qtm-table td strong{display:block;color:#172033}.qtm-table td small{display:block;color:#94a3b8;margin-top:2px}.qtm-action{display:inline-flex;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800;letter-spacing:.04em;background:#eef2f7;color:#64748b}.qtm-action--buy{background:#e8f8f2;color:#007c58}.qtm-action--sell{background:#fdecef;color:#b4233f}.qtm-feed{display:grid;max-height:480px;overflow:auto}.qtm-feed-row{display:grid;grid-template-columns:42px minmax(90px,1fr) 48px 75px;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f3f7}.qtm-feed-row time{font-size:11px;color:#94a3b8}.qtm-feed-row strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qtm-feed-row b{text-align:right;font-size:12px}.qtm-feed-row small{grid-column:2/-1;color:#94a3b8;font-size:10px}.qtm-empty{padding:24px 0;color:#94a3b8}.qtm-case__foot{padding:12px 24px;border-top:1px solid #eef2f7;color:#94a3b8;font-size:11px}.qtm-empty-page{background:#fff;border:1px dashed #cad5e2;border-radius:20px;padding:50px 24px;text-align:center}.qtm-empty-page>span{display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;border-radius:15px;background:#eef6f4;color:#008f6b}.qtm-empty-page h3{margin:15px 0 6px}.qtm-empty-page p{margin:0;color:#8493aa}.qtm-how{margin-top:0}@media(max-width:1200px){.qtm-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.qtm-summary>div:nth-child(3n){border-right:0}.qtm-two-col{grid-template-columns:1fr}.qtm-block+.qtm-block{border-left:0;border-top:1px solid #eef2f7}}@media(max-width:700px){.qtm-case__head{display:block}.qtm-case__head button{margin-top:12px}.qtm-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.qtm-summary>div:nth-child(3n){border-right:1px solid #eef2f7}.qtm-summary>div:nth-child(2n){border-right:0}.qtm-pnl-strip{display:grid;gap:6px}.qtm-pnl-strip small{margin-left:0}.qtm-feed-row{grid-template-columns:38px minmax(75px,1fr) 45px 70px}.qtm-block{padding:16px}}