/* Report coordinates measured from the supplied 944 x 2048 reference.
   All app-owned geometry shares one scale; text stays native and data-driven. */
#analysis { --a: calc(100cqw / 944); color: #252728; font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; }
#analysis.screen > .analysis-content { display: block !important; }
#analysis.screen { background: #f5f6fa; min-height: 100%; }
#analysis [data-number-value] { font-family: 'Account Amount', sans-serif; font-weight: 550; font-variation-settings: 'wdth' 110; }
html[data-screen='analysis'] .status-edge-guard { background: #f5f6fa; }
html[data-screen='analysis'] .status-edge-guard::before { display: none; }
html.standalone-preview-mode:not(.standalone-mode)[data-screen='analysis'] { --status-edge-height: min(54.767px, 11.6525vw); }
html.standalone-mode[data-screen='analysis'] { --status-edge-height: calc(env(safe-area-inset-top, 0px) + 8px); }
.analysis-heading { position: relative; height: calc(116 * var(--a)); display: flex; align-items: center; justify-content: center; }
.analysis-heading h1 { margin: 0; font-size: calc(44 * var(--a)); font-weight: 400; line-height: 1.3; }
.analysis-heading button { position: absolute; left: calc(30 * var(--a)); inset-block: 0; width: calc(80 * var(--a)); display: grid; place-items: center; }
.analysis-accounts { height: calc(100 * var(--a)); display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; text-align: center; border-bottom: 1px solid #edeef2; font-size: calc(38 * var(--a)); }
.analysis-accounts > * { position: relative; line-height: calc(70 * var(--a)); font-weight: 400; }
.analysis-accounts b { font-weight: 600; }
.analysis-accounts > * { transform: translateY(calc(5 * var(--a))); }
.analysis-accounts b::after { margin-bottom: calc(-5 * var(--a)); }
.analysis-accounts b::after, .analysis-period [aria-current]::after { content: ''; position: absolute; width: calc(42 * var(--a)); height: calc(8 * var(--a)); bottom: 0; left: 50%; transform: translateX(-50%) skew(-15deg); background: #252728; }
.analysis-meta { height: calc(108 * var(--a)); padding: 0 calc(30 * var(--a)) calc(20 * var(--a)); display: flex; align-items: flex-end; justify-content: space-between; font-size: calc(31 * var(--a)); color: #979b9f; white-space: nowrap; }
.analysis-summary { height: calc(566 * var(--a)); margin: 0 calc(30 * var(--a)); border-radius: calc(22 * var(--a)); background: #fff; overflow: hidden; text-align: center; }
.analysis-period { height: calc(94 * var(--a)); display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid #f4f4f4; font-size: calc(40 * var(--a)); }
.analysis-period b { display: grid; place-items: center; position: relative; font-weight: 600; }
.analysis-month { height: calc(116 * var(--a)); display: flex; align-items: center; justify-content: center; gap: calc(17 * var(--a)); padding-top: calc(28 * var(--a)); position: relative; }
.analysis-month b { font-family: 'Account Amount', sans-serif; font-size: calc(41 * var(--a)); font-weight: 450; font-variation-settings: 'wdth' 110; }
.analysis-month .report-previous { position: absolute; left: calc(53 * var(--a)); }
.analysis-income-label { display: block; margin-top: calc(8 * var(--a)); line-height: calc(52 * var(--a)); font-size: calc(36 * var(--a)); color: #8d9496; }
#analysis .analysis-income { display: block; font-size: calc(74 * var(--a)); line-height: calc(100 * var(--a)); margin-top: calc(-3 * var(--a)); font-weight: 500; }
.analysis-stats { display: grid; grid-template-columns: 1fr 1fr; margin-top: calc(43 * var(--a)); padding: 0 calc(29 * var(--a)); }
.analysis-stats label { display: flex; align-items: center; justify-content: center; gap: calc(9 * var(--a)); white-space: nowrap; color: #8d9496; font-size: calc(36 * var(--a)); line-height: calc(50 * var(--a)); }
#analysis .analysis-stats b { display: block; margin-top: calc(10 * var(--a)); font-size: calc(50 * var(--a)); line-height: calc(60 * var(--a)); font-weight: 450; }
.analysis-returns { margin: calc(30 * var(--a)) calc(30 * var(--a)) 0; border-radius: calc(22 * var(--a)); background: #fff; padding: calc(27 * var(--a)) calc(30 * var(--a)) calc(30 * var(--a)); }
.analysis-returns h2 { margin: 0; font-size: calc(40 * var(--a)); line-height: calc(60 * var(--a)); font-weight: 600; }
.analysis-comparison { margin: calc(63 * var(--a)) 0 0; height: calc(84 * var(--a)); border-bottom: 1px solid #f1f1f1; font-size: calc(34 * var(--a)); line-height: calc(60 * var(--a)); white-space: nowrap; letter-spacing: calc(-.6 * var(--a)); }
#analysis .analysis-comparison b { font-size: calc(40 * var(--a)); letter-spacing: 0; font-weight: 450; }
.analysis-rate-row { display: flex; align-items: center; justify-content: space-between; height: calc(120 * var(--a)); border-bottom: 1px solid #f1f1f1; font-size: calc(36 * var(--a)); color: #8d9496; }
#analysis .analysis-rate-row b { font-size: calc(42 * var(--a)); font-weight: 450; }
.analysis-returns h3 { margin: calc(39 * var(--a)) 0 0; font-size: calc(36 * var(--a)); line-height: calc(56 * var(--a)); font-weight: 400; }
.analysis-legend { margin-top: calc(22 * var(--a)); height: calc(51 * var(--a)); display: flex; justify-content: flex-end; align-items: center; gap: calc(48 * var(--a)); font-size: calc(32 * var(--a)); color: #8d9496; }
.analysis-legend > span { display: flex; align-items: center; gap: calc(10 * var(--a)); }
.analysis-chart { display: block; width: 100%; height: calc(280 * var(--a)); margin-top: calc(12 * var(--a)); }
/* Small source icons are sampled at their exact reference bounds, never stretched. */
.report-icon { display: inline-block; flex: none; background-image: url('/screenshots/analysis.jpg'); background-repeat: no-repeat; background-size: calc(944 * var(--a)) calc(2047.45 * var(--a)); }
.report-back { width: calc(34 * var(--a)); height: calc(52 * var(--a)); background-position: calc(-48 * var(--a)) calc(-140 * var(--a)); }
.report-previous { width: calc(23 * var(--a)); height: calc(35 * var(--a)); background-position: calc(-84 * var(--a)) calc(-583 * var(--a)); }
.report-dropdown { width: calc(24 * var(--a)); height: calc(22 * var(--a)); background-position: calc(-532 * var(--a)) calc(-589 * var(--a)); }
.report-help { width: calc(33 * var(--a)); height: calc(33 * var(--a)); background-position: calc(-325 * var(--a)) calc(-849 * var(--a)); }
.report-account-key, .report-index-key { width: calc(16 * var(--a)); height: calc(18 * var(--a)); background-position: calc(-518 * var(--a)) calc(-1634 * var(--a)); }
.report-index-key { background-position-x: calc(-712 * var(--a)); }
#analysis button:focus-visible { outline: 2px solid #d9383b; outline-offset: -2px; }
.analysis-livebar::before { background-position: center min(7.47px, 1.59vw); }
