:root { color-scheme:light; --brand:#274c63; --positive:#16815c; --negative:#c53d50; --ink:#0f2233; --bg:#d8e2e7; }
html, body { min-width:320px; min-height:100%; margin:0; padding:0 !important; color:#0f2233; background-color:#d8e2e7 !important; background-image:none !important; }
body::before, body::after { content:none !important; display:none !important; background:none !important; }
.page { --text:#0f2233; --shadow:0 12px 28px rgba(15,34,51,.08); width:min(2048px,100%); max-width:2048px; margin:0 auto; padding:clamp(18px,3vw,44px); display:grid; gap:12px; color:#0f2233; background:transparent !important; box-shadow:none !important; }
.page::before, .page::after { content:none !important; display:none !important; }
.product-header { width:100%; color:#fff; }
.product-header__description { color:rgba(216,226,231,.82); }
.product-header__eyebrow, .product-header .meta-item__label, .product-header .field-label { color:rgba(216,226,231,.64); }
.product-header .segment-btn { padding-inline:8px; border:0; background:transparent; }
.product-header .segment-btn.active { color:var(--header-liquid-ink); background:transparent; }
.product-header .header-block__value { color:#fff !important; }
.header-compat { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.analytics { gap:12px; overflow:visible; }
.analytics .card, .analytics .editor-card { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
details.macro-details { box-shadow:none !important; }
.portfolio-note-bar { margin:0; }
.donut-chart-wrap { position:relative; min-width:0; }
.donut-center { position:absolute; z-index:2; left:50%; top:50%; width:48%; transform:translate(-50%,-50%); display:grid; justify-items:center; gap:4px; text-align:center; pointer-events:none; }
.donut-center[hidden] { display:none; }
.donut-center__label { color:#66707f; font-size:14px; line-height:1.2; }
.donut-center__return { font-size:38px; font-weight:900; line-height:1; letter-spacing:-.04em; }
.donut-center__date { color:#66707f; font-size:16px; font-weight:600; line-height:1.25; }
.donut-center__risk-label { margin-top:6px; color:#0f2233; font-size:16px; font-weight:650; line-height:1.2; }
.donut-center__risk { min-width:84px; padding:5px 12px; border:2px solid var(--risk-tone,#66707f); border-radius:999px; color:var(--risk-tone,#66707f); background:color-mix(in srgb,var(--risk-tone,#66707f) 8%,#fff); font-size:18px; font-weight:900; line-height:1; }
.portfolio-chart-tooltip { position:absolute; z-index:12; min-width:220px; max-width:min(290px,calc(100% - 16px)); padding:13px 15px; display:grid; gap:9px; border:1px solid rgba(255,255,255,.90); border-radius:14px; color:#0f2233; background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(255,255,255,.68)); box-shadow:0 0 0 1px rgba(15,34,51,.08),0 16px 38px rgba(15,34,51,.17),inset 0 1px 0 rgba(255,255,255,.98); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(5px) scale(.98); transform-origin:left center; transition:opacity 120ms ease,transform 120ms ease,visibility 0s linear 120ms; backdrop-filter:blur(20px) saturate(155%); -webkit-backdrop-filter:blur(20px) saturate(155%); }
.portfolio-chart-tooltip.is-visible { opacity:1; visibility:visible; transform:translateY(0) scale(1); transition-delay:0s; }
.portfolio-chart-tooltip__category { color:rgba(15,34,51,.56); font-size:10px; font-weight:600; letter-spacing:.055em; text-transform:uppercase; }
.portfolio-chart-tooltip__asset { min-width:0; display:flex; align-items:center; gap:8px; color:#0f2233; font-size:13px; font-weight:600; line-height:1.25; }
.portfolio-chart-tooltip__asset i { width:9px; height:9px; flex:0 0 auto; border-radius:999px; background:var(--tooltip-color); box-shadow:0 0 0 3px color-mix(in srgb,var(--tooltip-color) 16%,transparent); }
.portfolio-chart-tooltip__asset span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.portfolio-chart-tooltip__meta { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 14px; padding-top:9px; border-top:1px solid rgba(15,34,51,.09); }
.portfolio-chart-tooltip__meta span { color:rgba(15,34,51,.62); font-size:11px; font-weight:500; }
.portfolio-chart-tooltip__meta strong { color:#0f2233; font-size:12px; font-weight:600; text-align:right; white-space:nowrap; }
.portfolio-chart-tooltip__meta .macro-tooltip-label { display:flex; align-items:center; gap:7px; }
.macro-tooltip-label i { display:block; width:10px; height:10px; min-width:10px; flex:0 0 10px; border-radius:999px; background:var(--tooltip-color); box-shadow:0 0 0 3px color-mix(in srgb,var(--tooltip-color) 14%,transparent); }
.donut-chart-wrap #plotDonut .hoverlayer { opacity:0 !important; pointer-events:none !important; }
.add-btn, .mode-btn.active { color:#fff !important; border-color:#274c63 !important; background:#274c63 !important; }
.add-btn:hover, .mode-btn.active:hover { border-color:#1f3d50 !important; background:#1f3d50 !important; }
.search-launch { color:#fff !important; border:1px solid rgba(255,255,255,.42) !important; background:linear-gradient(145deg,rgba(39,76,99,.91),rgba(61,96,119,.78)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 10px 24px rgba(15,34,51,.16) !important; backdrop-filter:blur(14px) saturate(145%); -webkit-backdrop-filter:blur(14px) saturate(145%); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important; }
.search-launch:hover { border-color:rgba(255,255,255,.68) !important; background:linear-gradient(145deg,rgba(39,76,99,.96),rgba(61,96,119,.84)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 13px 28px rgba(15,34,51,.20) !important; transform:translateY(-1px); }
.search-launch:active { transform:translateY(0) scale(.98); }
.search-launch:focus-visible, .add-btn:focus-visible, .mode-btn:focus-visible { outline-color:#355e78 !important; }
@media (max-width:860px) { body { padding:0; } .page { width:100%; padding:14px; } .donut-center__return { font-size:30px; } .donut-center__date { font-size:15px; } .donut-center__risk-label { font-size:14px; } .donut-center__risk { font-size:16px; } .portfolio-chart-tooltip { min-width:200px; padding:12px 13px; } }
@media (prefers-reduced-motion:reduce) { .portfolio-chart-tooltip { transition:none; } }