/* V4.7 — white surfaces, neutral type, Volcengine blue and restrained violet. */
:root{--blue:#1664ff;--brand-blue:#1664ff;--violet:#6951f5;--ink:#222631;--muted:#727b8c;--line:#e5e8ef;--green:#1664ff;--amber:#6951f5}
body{color:var(--ink);background:radial-gradient(ellipse at 0 0,#dff6ff90,transparent 550px),#f6f8fc}
.app-top{background:#ffffffed;border-color:#e5e8ef;box-shadow:none}.brand strong{color:#222631}.brand span{color:#596170}.brand i{background:#dfe3ea}
.top-links>a{color:#667185}.top-links>span{color:#5f53cf;background:#f1efff}.page-tools b{color:#252b36}.page-tools span,.page-tools label{color:#798292}
select{background:#fff;border-color:#dce1e9;color:#464e5e}
.report-paper{background:#fff;border-color:#e6eaf2;box-shadow:0 12px 48px #283a6910;border-radius:18px}
.report-hero{background:radial-gradient(ellipse at 3% 0%,#c8f3ff70 0%,transparent 49%),radial-gradient(ellipse at 99% 0%,#dcd5ff6b 0%,transparent 46%),linear-gradient(180deg,#f5faff 0%,#fff 93%);border-color:#e9edf4}
h1,.section-title h2{color:#232833}.report-hero>p{color:#707989}.hero-meta,.eyebrow{color:#7b8494}.finished{background:#fff9;color:#7c8593;border:1px solid #e8ecf3}
.text-button{color:#1664ff}.text-button:hover{color:#6450df}

/* The numbers sit on white, with a fine spectrum edge rather than a blue slab. */
.performance-overview{background:transparent;border:0;padding:0;margin-top:25px;box-shadow:none;color:#252b36}
.performance-topline{color:#4e586a}.comparison-period{color:#7d8797}
.primary-metrics{border:0;background:transparent;gap:10px;overflow:visible;border-radius:0}
.ability,.ability:last-child{position:relative;background:#fff;border:1px solid #e0e6f0;border-radius:10px;padding-top:19px;box-shadow:0 3px 10px #30488004}
.ability:before{content:'';position:absolute;left:13px;right:13px;top:-1px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#25c2f8,#1664ff)}
.retention-ability:before{background:linear-gradient(90deg,#1664ff,#7385fc)}
.conversion-ability:before{background:linear-gradient(90deg,#3f79ff,#845cf6)}
.ability h2,.conversion-ability h2{color:#292e3b;letter-spacing:0}
.main-metric>span{color:#747d8d}.main-metric>strong{color:#202735;text-shadow:none}.main-metric>strong small{color:#7e8797}
.conversion-ability,.ability.conversion-ability:last-child{border-color:#cfc8fb;background:linear-gradient(160deg,#fff 48%,#f5f2ff);box-shadow:none}
.conversion-ability .main-metric strong{color:#6650e8}
.sample-tag{color:#737c8d;background:#f0f2f6}
.metric-change.better,.performance-overview .metric-change.better{color:#2764cc;font-weight:500;text-decoration:none}
.metric-change.worse,.performance-overview .metric-change.worse{color:#7460aa;font-weight:500;text-decoration:none}
.metric-change.neutral,.performance-overview .metric-change.neutral{color:#7b8595}
.ability-secondary{border-color:#edf0f5}.ability-secondary>span{color:#798191}.ability-secondary b{color:#465166}.ability-secondary .unavailable{color:#8c94a2}
.conversion-children{background:#ffffffdf;border-color:#e1e6ee;box-shadow:none}.conversion-children:before{border-color:#d9d5f2}
.children-heading,.conversion-cost{border-color:#eaeef4}.children-heading h3{color:#586274}.children-heading .text-button{color:#1664ff}.branch-mark{color:#7666d7}
.child-metric>span,.child-metric p{color:#808896}.child-metric strong{color:#343d4e}.child-metric strong.unavailable{color:#9ba2ae}.child-metric p b{color:#657084}
.next-step{background:linear-gradient(108deg,#f1f8ff 0%,#f5f6ff 58%,#f7f3ff 100%);border-color:#dfe5f8;border-radius:10px}
.next-icon{background:linear-gradient(140deg,#47bbff,#286aff 55%,#8462fa);color:#fff;box-shadow:0 3px 8px #5b7aff16}.next-step h2{color:#3d4b67}.next-step p{color:#7a8496}

/* Visible images and clear writing carry the diagnosis; color only marks category. */
.review-group{background:#fff;border-color:#e4e8f0}
.review-group-heading,.keep-group .review-group-heading,.change-group .review-group-heading{background:#fff;border-color:#e4e8f0;box-shadow:none;color:#292f3b;position:relative;padding-left:22px}
.review-group-heading:before{content:'';position:absolute;left:0;top:15px;bottom:15px;width:3px;border-radius:3px;background:#3381ff}
.change-group .review-group-heading:before{background:#7b60ee}
.review-group-heading h3,.change-group .review-group-heading h3,.review-group-heading h2,.change-group .review-group-heading h2{color:#2f3643}
.review-group-heading p,.change-group .review-group-heading p,.review-group-heading small,.review-group-heading>span{color:#8992a2}
.review-scene-grid,.review-scene-grid .scene:nth-child(even),.review-scene-grid .scene:nth-child(n+3),.scene,.scene+.scene{border-color:#e8ecf2}
.scene h3{color:#282f3d}.scene-copy>p{color:#626b7b}.scene-copy>.scene-fact{background:#f5f7fb;color:#56637a;border-radius:6px}
.scene blockquote{color:#747d8d;border-color:#dfe5ef}.scene-status{color:#3274cf}.scene.change .scene-status{color:#7964b9}
.scene.keep .scene-status>span,.scene.change .scene-status>span{border:0}.scene-photo>span,.scene-status time{color:#929aa7}
.scene-photo button{background:#fff;color:#536f9c;border-color:#dde4ef}.scene-photo button:hover{background:#f4f7fe;border-color:#9ebbfa;color:#1664ff}
.scene-action{background:#f4f8ff;border:1px solid #e2ebfa;box-shadow:inset 2px 0 #76a7f4}
.scene.change .scene-action{background:#f8f6ff;border:1px solid #e8e2f8;box-shadow:inset 2px 0 #ab96ef}
.scene-action b{color:#3971c0}.scene.change .scene-action b{color:#7760b9}.scene-action p,.scene.change .scene-action p{color:#656f81}
.scene-shot{background:#f8faff;color:#788498;border-color:#a8c8f5}.scene-shot b{color:#657995}
.small-chart>div,.small-chart footer,.small-chart small{color:#8b94a3}.small-chart svg polyline{stroke:#438bfa}.scene.change .small-chart svg polyline{stroke:#947ce3}.small-chart svg rect{fill:#eef1f9}
.pill{color:#7964b9;background:#f5f2ff;border:1px solid #e3dcf7}.pill.green{color:#3973c9;background:#f0f7ff;border-color:#dae7fa}
.frame-mark{border-color:#72baff}.frame-mark b{color:#215f9d;background:#edf7ff}.frame-mark.adjust{border-color:#346eff;background:#1664ff04}.frame-mark.adjust b{background:#346eff}
.frame-arrow{color:#347bff}.frame-arrow-label{background:#2767c9ee}.frame-zoom-hint{color:#63758f}.frame-detail-label{color:#7d8798}.frame-detail-copy{color:#687284}.frame-detail-copy h3{color:#5c72aa}

/* Soft orbit maps: neutral labels, blue / violet cores, no absolute figures. */
.weekly-section{background:linear-gradient(120deg,#f5fbff,#f8f9ff 64%,#faf8ff);border-color:#e8ecf4}
.weekly-section .eyebrow{color:#8994a5}.weekly-section .section-title h2{color:#2d3543}.satellite-legend{color:#8590a2}.legend-dot{background:#7385e9}.legend-separator{color:#c5cbd6}
.satellite-card{border-color:#e2e8f2;--orbit-ink:#2778ef}.satellite-card:nth-child(2){--orbit-ink:#795ce6}.satellite-card:nth-child(3){--orbit-ink:#2e91d5}
.satellite-card p{color:#8993a3}.satellite text{fill:#646f82}.satellite [stroke]{stroke:var(--orbit-ink)}
.satellite-node rect,.satellite>circle[fill="white"]{fill:#fff;stroke-opacity:.2}.satellite>circle[fill="none"]{stroke-opacity:.12}.satellite>line{stroke-opacity:.14}.satellite>path{stroke-opacity:.06}
.satellite>circle[fill-opacity]{fill:var(--orbit-ink);fill-opacity:.07}.satellite stop{stop-color:var(--orbit-ink)}
.satellite-node text{fill:#5d6c85}.satellite>text{fill:var(--orbit-ink)}
.word-cloud span,.word-cloud.brands span,.word-cloud.interests span{background:#f0f4fd;color:#657a9a}.word-cloud .lg,.brands .lg{color:#507ad1;background:#eff4ff}.word-cloud .xl{color:#7761d4;background:#f1edff}

/* One primary action, with the gradient treatment in the reference. */
.qa-entry{background:#fff;border-color:#e2e5f1;box-shadow:0 4px 20px #58679c05;border-radius:10px}
.qa-entry-icon{color:#6558df;background:linear-gradient(145deg,#e4f6ff,#eee9ff)}.qa-entry-copy h2{color:#333b4e}.qa-entry-copy p{color:#8992a3}
.qa-entry-button{color:#fff;background:linear-gradient(110deg,#289cff,#2668ff 46%,#9071f5);border:0;box-shadow:0 3px 10px #526aff20;padding:9px 16px;border-radius:6px}
.qa-entry-button:hover{color:#fff;background:linear-gradient(110deg,#238eea,#205bea 46%,#8161e9);border:0}
.dialog-head,.qa-drawer-head{background:radial-gradient(ellipse at 0 0,#e5f7ff,transparent 60%),linear-gradient(110deg,#fff,#f7f3ff);border-color:#e7eaf1}
.dialog-head h2,.qa-drawer-head h2{color:#303849}.qa-drawer-head>div>span{color:#8a90a2}.dialog-head .close{background:#f0f2f7;color:#6e7789}.dialog-head .close:hover{background:#e6eaf3}
#qa-drawer{border-color:#e4e5f0}#qa-drawer .qa-intro p{color:#7b8494}.practice-card{background:#fff;border-color:#e5e8f1}#qa-drawer .practice-category{color:#6a60bc}#qa-drawer .practice-source{color:#949aaa}
.question-bubble{background:linear-gradient(115deg,#f0f7ff,#f6f2ff);color:#495979}.question-bubble>span,.copy-question{color:#7b83b3}.copy-question:hover{background:#e5eafd;color:#4264c3}
.answer-draft p,.qa-follow,.qa-when,.qa-rhythm{color:#687182}.shot-step{background:#f6f8fc;color:#6d7b90}.shot-step>span,.qa-when>span,.qa-rhythm b{color:#677da1}
.qa-outline{background:#fafbfe;border-color:#e4e8f1}.qa-outline summary,.outline-group h3{color:#657799}.outline-group span{color:#78869d;border-color:#e5eaf4;background:#f3f6fc}
#qa-feedback{color:#5e65ab;background:#f2f3ff}#qa-feedback:not(:empty){border-color:#e0e4f7}
.button.primary{background:#1664ff;color:#fff;border-color:#1664ff}.button:hover{color:#1664ff;border-color:#a9c6fa}.button.primary:hover{background:#0e56e1;color:#fff}

/* Optional material note: a single pale paper card. */
.sticky-note{background:linear-gradient(128deg,#f2faff,#f6f7ff 64%,#f8f3ff);border-color:#dfe6f6;box-shadow:2px 9px 22px #4f64a60c}
.sticky-note:after{background:linear-gradient(135deg,#e0dcf7 49%,#f6f8fc 51%)}.note-tape{background:#d0def67a;border-color:#c4d6ee}
.sticky-note .eyebrow{color:#8593aa}.sticky-note .section-title h2{color:#424e66}.sticky-note .optional-badge{color:#8b7eb1;background:#eeeafb}
.material-set{background:#ffffffa8;border-color:#e0e7f4;box-shadow:0 3px 6px #40599608}.material-set img{border-color:#dfe5ed;box-shadow:0 3px 8px #46567012}
.material-caption{color:#63728c}.material-caption span{color:#97a1af}.tips-copy>p{color:#6b778c}.usage-line{color:#7f8a9e}.usage-line b{color:#647697}
.tips-copy blockquote{color:#63728e;background:#eaf0ff90;border-color:#a3b5e8}.tips-copy>p.host-reminder{background:transparent;color:#83829c}
.sticky-note .button{background:#fff;border-color:#d4dff2;color:#5b76ad}.sticky-note .button.primary{background:#1664ff;border-color:#1664ff;color:#fff}.sticky-note .text-button{color:#5d7dc0}
.report-footer{color:#9ba3b1;background:#fbfcfe;border-color:#e8ecf2}.page-end{color:#a0a8b6}#toast{background:#4c5fd2;color:#fff}
button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #6960ee;outline-offset:3px}
.scene-status time,.scene-photo>span,.satellite-card p,#qa-drawer .practice-source{color:#737d8d}
.change-group .review-group-heading b,.change-group .review-group-heading strong{color:#2f3643}
.change-group .review-group-heading small,.change-group .review-group-heading>span{color:#737d8d}
@media(max-width:1150px){.performance-overview{padding:0}.performance-layout{gap:15px}}
@media(max-width:760px){.report-paper{border-radius:12px}.performance-overview{padding:0;margin-left:0;margin-right:0}.primary-metrics{gap:6px}.ability,.ability:last-child{border-radius:8px;padding-left:8px;padding-right:8px}.ability:before{left:9px;right:9px}.change-column:before{background:#f5f2ff;color:#71609f;border-color:#e3dcf5}.qa-entry-button{padding:8px 10px}.satellite-card{border-color:#e4e8f1}}
@media(max-width:430px){.ability,.ability:last-child{padding-left:5px;padding-right:5px}.main-metric>strong{font-size:24px}.ability h2{font-size:17px}.metric-change{font-size:9px}.ability-secondary b{font-size:15px}.main-metric>strong small{font-size:13px}}
@media print{.performance-overview{background:transparent;box-shadow:none}.ability{box-shadow:none}.weekly-section{background:#f8faff}.sticky-note{background:#f5f7ff}}