:root{--paper:#f6f5ef;--surface:#ffffff;--ink:#28352f;--muted:#7a827c;--line:#e8e7dd;--sage:#668b75;--sage2:#dfe9df;--orange:#d89460;--peach:#f6e9dc;--blue:#7f9aaf;--lav:#eae7ef;--shadow:0 12px 32px #3844390a;--radius:21px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 "Aptos","Microsoft YaHei",sans-serif;overflow-x:clip}button,select,input{font:inherit;color:inherit}button{cursor:pointer}.shell{max-width:1440px;margin:auto;padding:27px clamp(16px,3.5vw,48px) 70px}.topbar,.brand,.tools,.title-row,.card-head,.metric-head,.legends,.toolbar,.tabs,.foot-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar{margin-bottom:37px}.brand{justify-content:flex-start;gap:13px}.brand-mark{height:42px;width:42px;border-radius:15px;background:var(--sage);display:grid;place-items:center;color:white;font-size:20px}.brand-copy b{display:block;font-size:15px;letter-spacing:.02em}.brand-copy span{display:block;font-size:12px;color:var(--muted)}.tools{justify-content:flex-end}.control{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 13px;min-height:42px}.live-badge,.eyebrow,.pill{border-radius:99px;padding:6px 11px;background:var(--sage2);color:#52725e;font-size:12px;font-weight:650;display:inline-flex;align-items:center;gap:7px}.dot{height:7px;width:7px;border-radius:50%;background:var(--sage)}.title-row{align-items:flex-end;margin-bottom:27px}.kicker{color:var(--sage);font-weight:700;letter-spacing:.06em;font-size:12px;margin-bottom:7px}h1{font-size:clamp(25px,3.1vw,39px);line-height:1.25;letter-spacing:-.035em;margin:0 0 9px;font-weight:650}.subtitle{margin:0;color:var(--muted);font-size:14px}.live-badge{background:#fff3e4;color:#a46a3c;padding:9px 13px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.card{background:var(--surface);border:1px solid #e9e8e0;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;min-width:0}.metrics{grid-column:span 12;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;padding:0;overflow:hidden}.metric{padding:21px 23px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric-label{font-size:12px;color:var(--muted);margin-bottom:9px}.metric-value{font-size:26px;letter-spacing:-.035em;font-weight:680;line-height:1.1;font-variant-numeric:tabular-nums}.metric-note{font-size:12px;color:var(--muted);margin-top:9px}.metric-note strong{color:var(--sage)}.chart-card{grid-column:span 8}.insight-card{grid-column:span 4;background:#e8eee5;border-color:#e8eee5}.card-title{font-size:16px;font-weight:680;margin:0}.card-sub{font-size:12px;color:var(--muted);margin-top:4px}.chart-wrap{margin-top:20px;position:relative}.chart-wrap svg{display:block;width:100%;height:auto;overflow:visible}.legend{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.swatch{height:8px;width:8px;border-radius:50%;background:var(--sage)}.tooltip{position:absolute;display:none;z-index:4;background:#28352f;color:white;border-radius:10px;padding:8px 11px;font-size:12px;pointer-events:none;box-shadow:var(--shadow);white-space:nowrap}.insight-card .card-title{color:#354b3a}.insight-card p{font-size:14px;color:#536357;margin:14px 0 20px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-stat{background:#ffffffa6;border-radius:14px;padding:13px}.mini-stat span{font-size:12px;color:var(--muted)}.mini-stat b{display:block;font-size:21px;margin-top:4px;font-variant-numeric:tabular-nums}.moment-card{grid-column:span 8}.moments{display:grid;gap:0;margin-top:19px}.moment{display:grid;grid-template-columns:75px 1fr;gap:13px;padding:14px 0;border-top:1px solid var(--line)}.time{font-variant-numeric:tabular-nums;color:var(--sage);font-weight:650;font-size:13px;padding-top:2px}.moment h3{font-size:14px;margin:0 0 4px}.moment p{font-size:13px;color:var(--muted);margin:0}.quotes{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.quote{background:#f6f8fa;border-radius:11px;padding:10px 12px;font-size:12px;color:#5f675f}.quote b{display:block;color:var(--ink);font-weight:600;margin-bottom:3px}.profile-card{grid-column:span 4}.tabs{justify-content:flex-start;border-bottom:1px solid var(--line);gap:6px;margin:14px 0}.tab{border:0;background:none;color:var(--muted);font-size:13px;padding:8px 11px;border-bottom:2px solid transparent}.tab.active{color:var(--sage);border-color:var(--sage);font-weight:650}.empty{border:1px dashed #d8d9ce;background:#f7f9fa;border-radius:15px;padding:16px;color:var(--muted);font-size:13px}.empty strong{display:block;color:var(--ink);font-size:13px;margin-bottom:5px}.rows{display:grid;gap:13px;margin:18px 0}.bar-row{display:grid;grid-template-columns:70px 1fr 42px;gap:9px;align-items:center;font-size:12px}.bar-track{height:8px;border-radius:9px;background:#e9eef2;overflow:hidden}.bar-fill{height:100%;background:var(--sage);border-radius:9px}.identity-card{grid-column:span 5}.conversion-card{grid-column:span 7}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:15px}.split-panel{background:#f5f7f9;border-radius:15px;padding:16px}.split-panel h3{font-size:13px;margin:0 0 4px}.big-number{font-size:25px;font-weight:680;margin:10px 0 2px;font-variant-numeric:tabular-nums}.funnel{display:flex;align-items:center;gap:8px;margin-top:18px}.funnel-step{flex:1;text-align:center;background:#eff2eb;border-radius:12px;padding:13px 8px;min-width:0}.funnel-step:nth-child(3){background:#e3ebe0}.funnel-step:nth-child(5){background:#d8e4d7}.funnel-step b{display:block;font-size:18px}.funnel-step span{font-size:11px;color:var(--muted)}.arrow{color:#9ba297}.note{color:var(--muted);font-size:12px;margin-top:13px}.callout{margin-top:16px;padding:14px 16px;background:var(--peach);border-radius:14px;color:#795b42;font-size:13px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.source{font-size:11px;color:#858a81;border-top:1px solid var(--line);margin-top:19px;padding-top:13px}.empty-compact{min-height:150px;display:grid;align-content:center;text-align:center}.empty-compact .icon{font-size:20px;margin-bottom:8px;color:var(--sage)}.pill-muted{background:#edf1f4;color:#777d76}.chart-caption{font-size:11px;color:var(--muted);margin-top:4px}.focus{outline:3px solid #9ab79c66;outline-offset:2px}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,1fr)}.metric:nth-child(3){border-right:0}.metric:nth-child(-n+3){border-bottom:1px solid var(--line)}.chart-card,.moment-card{grid-column:span 7}.insight-card,.profile-card{grid-column:span 5}.identity-card{grid-column:span 5}.conversion-card{grid-column:span 7}}
@media(max-width:700px){.shell{padding:18px 15px 46px}.topbar{margin-bottom:24px}.title-row{align-items:flex-start}.tools{justify-content:flex-start}.grid{gap:12px}.card{padding:17px;border-radius:17px}.metrics{grid-column:span 12;grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:15px;border-bottom:1px solid var(--line)}.metric:nth-child(odd){border-right:1px solid var(--line)}.metric:nth-child(even){border-right:0}.metric:nth-last-child(-n+2){border-bottom:0}.metric-value{font-size:22px}.chart-card,.moment-card,.insight-card,.profile-card,.identity-card,.conversion-card{grid-column:span 12}.split{grid-template-columns:1fr}.funnel{gap:4px}.funnel-step{padding:10px 3px}.funnel-step b{font-size:15px}.funnel-step span{font-size:10px}.quotes{grid-template-columns:1fr}.moment{grid-template-columns:63px 1fr}.control{min-height:40px;padding:8px 10px}}
.content-brief{grid-column:span 12;background:#f0f5f8}.content-brief .brief-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-top:16px}.brief-box{background:#ffffff;border:1px solid var(--line);border-radius:15px;padding:16px}.brief-box h3{font-size:13px;margin:0 0 8px}.brief-box p{font-size:13px;margin:0;color:#58625a}.phase-list{display:grid;gap:9px}.phase{display:grid;grid-template-columns:85px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.phase:last-child{border:0}.phase time{color:var(--sage);font-weight:700;font-size:12px}.phase b{font-size:13px}.phase span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.confidence{display:inline-flex;border-radius:20px;background:#f5e9dc;color:#8e633e;padding:4px 9px;font-size:11px;font-weight:650;margin-top:10px}@media(max-width:700px){.content-brief .brief-grid{grid-template-columns:1fr}}.keyframe-note{background:#eef4f5;border:1px solid #eee4d1;border-radius:13px;padding:12px 15px;margin-top:16px;font-size:12px;color:#67675d}.keyframe-note b{color:#8d6949;margin-right:8px}.keyframes{display:grid;grid-template-columns:repeat(8,minmax(118px,1fr));gap:9px;margin-top:15px;overflow-x:auto;padding:2px 1px 8px}.keyframe{min-width:118px;text-align:left;border:1px solid var(--line);background:#ffffff;border-radius:14px;padding:11px 12px;display:grid;gap:4px;transition:transform .18s,border-color .18s,background .18s}.keyframe:hover{transform:translateY(-2px);border-color:#b9cbb9}.keyframe.active{border-color:var(--sage);background:#edf3eb;box-shadow:0 4px 12px #668b7517}.kf-time{color:var(--sage);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.keyframe b{font-size:13px}.keyframe small,.keyframe i{font-size:11px;color:var(--muted);font-style:normal}.keyframe-detail{display:grid;grid-template-columns:65px 1fr auto;align-items:start;gap:13px;background:#e9efe6;border-radius:15px;padding:14px 16px;margin-top:5px}.keyframe-detail>span{color:var(--sage);font-weight:700;font-size:13px}.keyframe-detail b{font-size:14px}.keyframe-detail p{font-size:12px;color:#59645b;margin:3px 0 0}.keyframe-detail strong{font-size:12px;color:#536c58;white-space:nowrap}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0}.profile-stat{background:#f3f6f8;border-radius:12px;padding:12px}.profile-stat span{display:block;color:var(--muted);font-size:11px}.profile-stat b{display:block;font-size:20px;margin-top:3px}.role-list{display:grid;gap:8px;margin:10px 0}.role-row{display:flex;justify-content:space-between;gap:12px;background:#f3f6f8;border-radius:10px;padding:9px 11px;font-size:12px}.role-row b{font-variant-numeric:tabular-nums}.identity-card .bar-row{grid-template-columns:minmax(105px,1fr) auto auto}.count-chip{border-radius:99px;background:#e9eef2;padding:3px 8px;color:#6d756d;font-size:11px}@media(max-width:1050px){.keyframes{grid-template-columns:repeat(4,minmax(118px,1fr))}}@media(max-width:700px){.keyframes{grid-template-columns:repeat(2,minmax(0,1fr))}.keyframe{min-width:0}.keyframe-detail{grid-template-columns:52px 1fr}.keyframe-detail strong{grid-column:2;white-space:normal}}.no-session{margin-bottom:18px;background:#f0f3eb}.no-session[hidden],#mainGrid[hidden]{display:none}.no-session h2{font-size:22px;margin:14px 0 5px}.no-session p{color:var(--muted);font-size:14px}.session-hint{display:grid;grid-template-columns:120px 1fr;gap:8px 12px;background:#ffffffa8;border-radius:14px;padding:14px;margin-top:16px;font-size:13px}.session-hint b{color:var(--sage)}@media(max-width:700px){.session-hint{grid-template-columns:90px 1fr}}#sessionDataGrid[hidden]{display:none}.data-disclaimer{grid-column:span 12}.comment-chart{height:auto}.dynamic-keyframe-detail{min-height:88px}.profile-stat small{font-size:11px;color:var(--muted);font-weight:500}.identity-card .source{line-height:1.8}.data-disclaimer{font-size:11px;color:#858a81;border-top:1px solid var(--line);padding-top:12px;margin-top:0}

.skill-summary{margin:0 0 18px;padding:22px 24px;background:linear-gradient(118deg,#ffffff 0%,#f0f4ed 100%);border-color:#e4e9df}
.skill-summary .card-head{align-items:center;margin-bottom:14px}
.skill-summary .section-label{margin-bottom:4px;color:var(--sage)}
.skill-table-wrap{width:100%;border:1px solid #e8e9e0;border-radius:14px;background:#ffffff;overflow:hidden}
.skill-table{width:100%;border-collapse:collapse;text-align:left}
.skill-table th{padding:11px 15px;color:var(--muted);background:#f5f7f9;font-size:11px;font-weight:650;white-space:nowrap}
.skill-table td{padding:12px 15px;border-top:1px solid #edf1f4;font-size:13px;vertical-align:middle}
.skill-table td b{display:block;font-size:14px;font-variant-numeric:tabular-nums}
.skill-table td small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}
.skill-table td:first-child b{color:var(--ink)}
.type-chip{display:inline-flex;align-items:center;border-radius:99px;padding:4px 10px;background:#e7efe7;color:#52725e;font-size:11px;font-weight:650;white-space:nowrap}
.type-unknown{background:#f3eee4;color:#856a43}
.pending-value{display:inline-block;padding:3px 8px;border-radius:8px;background:#edf1f4;color:#777d76;font-size:12px;font-weight:600}
.skill-method{margin:11px 1px 0;color:#687168;font-size:11px;line-height:1.6}
button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #668b7566;outline-offset:2px}
@media(max-width:700px){.skill-summary{padding:17px 15px}.skill-summary .card-head{align-items:flex-start}.skill-table-wrap{border:0;background:transparent;overflow:visible}.skill-table,.skill-table tbody{display:block}.skill-table thead{display:none}.skill-table tr{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-bottom:9px;padding:9px 12px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.skill-table td{display:block;padding:7px 0;border:0;min-width:0;overflow-wrap:anywhere}.skill-table td::before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--muted);font-size:10px}.skill-table td[colspan]{grid-column:1/-1;text-align:center}.skill-table td[colspan]::before{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.conversion-card{grid-column:span 12}.conversion-card .funnel{gap:clamp(12px,2vw,26px)}.conversion-card .funnel-step{display:flex;min-height:88px;flex-direction:column;justify-content:center;padding:16px 18px}.conversion-card .funnel-step b{font-size:23px}.conversion-card .note,.conversion-card .callout{max-width:none}
.need-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 12px}.need-filter{display:grid;gap:3px;min-width:150px;padding:9px 12px;border:1px solid #e4e5db;border-radius:13px;background:#ffffff;text-align:left;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.need-filter:hover{border-color:#b8c8b4;transform:translateY(-1px)}.need-filter[aria-pressed="true"]{border-color:#789578;background:#e8efe5;box-shadow:inset 0 0 0 1px #78957833}.need-filter span{font-size:12px;font-weight:700;color:#415342}.need-filter small{font-size:10px;color:#7a8278}.learning-purchase.unverified{background:#f2f0e9;color:#7d7768}
@media(max-width:700px){.need-filter{min-width:calc(50% - 4px);flex:1}.conversion-card .funnel{gap:6px}.conversion-card .funnel-step{min-height:74px;padding:11px 6px}.conversion-card .funnel-step b{font-size:18px}.conversion-card .funnel-step span{font-size:10px}}
.summary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 15px}.summary-metric{min-width:0;padding:13px 15px;border-radius:14px;background:#ffffff;border:1px solid #e8e9e0}.summary-metric span,.summary-metric small{display:block;color:var(--muted);font-size:11px}.summary-metric b{display:block;margin:4px 0;font-size:23px;line-height:1.15;font-variant-numeric:tabular-nums}.summary-metric small{line-height:1.45}.summary-empty{padding:14px;color:var(--muted);font-size:13px}.skill-summary .skill-method{margin:12px 0 0}.bar-value-label{paint-order:stroke;stroke:#ffffff;stroke-width:3px;stroke-linejoin:round}.inviter-rank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.inviter-item{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:10px 11px;border-radius:12px;background:#f3f6f8;font-size:12px}.inviter-item b{min-width:0;overflow-wrap:anywhere;font-weight:600}.inviter-item>span:last-child{white-space:nowrap;color:#526d59;font-weight:700;font-variant-numeric:tabular-nums}.rank-number{color:#90978d;font-size:10px;font-variant-numeric:tabular-nums}.identity-card{grid-column:span 6}.conversion-card{grid-column:span 6}.demand-card{grid-column:span 12;background:#f5f3eb}.demand-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:17px 0}.demand-metric{min-width:0;padding:15px 16px;border-radius:15px;background:#ffffff;border:1px solid var(--line)}.demand-metric span,.demand-metric small{display:block;color:var(--muted);font-size:11px}.demand-metric b{display:block;margin:7px 0 5px;font-size:21px;color:#354b3a}.demand-metric small{line-height:1.5}.demand-primary{background:#e9efe6;border-color:#dfe8dd}.demand-evidence{padding:16px;border-radius:16px;background:#ffffff;border:1px solid var(--line)}.demand-evidence h3{margin:0 0 12px;font-size:14px}.demand-quotes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.demand-quotes blockquote{margin:0;min-width:0;padding:12px;border-radius:12px;background:#f3f6f8}.demand-quotes blockquote span{font-size:10px;color:var(--sage);font-weight:650}.demand-quotes blockquote p{margin:7px 0 0;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.consult-followup{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;align-items:start;margin-top:12px;padding:14px 16px;border-radius:14px;background:#e9efe6;color:#50624f;font-size:13px}.consult-followup b{color:#354b3a}.consult-followup span{min-width:0}.demand-card .source{line-height:1.7}@media(max-width:1050px){.identity-card,.conversion-card{grid-column:span 12}.inviter-rank{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary-metric{padding:11px}.summary-metric b{font-size:19px}.inviter-rank,.demand-metrics{grid-template-columns:1fr}.demand-quotes{grid-template-columns:repeat(2,minmax(0,1fr))}.consult-followup{grid-template-columns:1fr;gap:5px}}
.quote-card{grid-column:span 12}.quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.quote-item{display:grid;align-content:start;gap:11px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#ffffff}.quote-meta{display:grid;gap:5px}.quote-meta time{color:var(--sage);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.quote-meta span{color:var(--muted);font-size:11px}.quote-item blockquote{margin:0;color:#2f3d34;font-size:15px;line-height:1.7;font-weight:600;overflow-wrap:anywhere}.purchase-state{align-self:end;padding-top:9px;border-top:1px solid var(--line);color:#7c7566;font-size:11px;line-height:1.5}.purchase-claimed{color:#7b5b3d}.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.decision-panel{min-width:0;padding:16px;border:1px solid var(--line);border-radius:15px;background:#ffffff}.decision-caution{background:#fbf5ed;border-color:#efe2d1}.decision-label{font-size:12px;font-weight:700;color:#526e59}.decision-panel ul{display:grid;gap:9px;margin:11px 0 0;padding-left:18px;color:#59635a;font-size:13px;line-height:1.6}.decision-panel li{padding-left:2px}.decision-panel b{color:#36483b}.purchase-proof{display:grid;grid-template-columns:150px 190px minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;padding:13px 15px;border-radius:14px;background:#edece4}.purchase-proof>div span,.purchase-proof>div b{display:block}.purchase-proof>div span{font-size:10px;color:var(--muted)}.purchase-proof>div b{font-size:18px;margin-top:3px}.purchase-proof p{min-width:0;margin:0;color:#62695f;font-size:12px;line-height:1.55}.quote-card .source{line-height:1.7}@media(max-width:900px){.quote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-proof{grid-template-columns:1fr 1fr}.purchase-proof p{grid-column:1/-1}}@media(max-width:700px){.quote-grid,.decision-grid{grid-template-columns:1fr}.quote-item{padding:14px}.purchase-proof{grid-template-columns:1fr 1fr}.demand-metric b{font-size:18px}}
.learning-detail-card{grid-column:span 12;background:#f4f7fa}.learning-detail-note{margin:12px 0 16px;padding:10px 12px;border-left:3px solid #a8b69f;border-radius:0 9px 9px 0;background:#efeee6;color:#687166;font-size:12px;line-height:1.65}.learning-feed{display:grid;gap:8px;max-height:min(58vh,520px);min-height:260px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#9da994 #e9e8df;padding:2px 8px 8px 2px;border-radius:14px;outline:none}.learning-feed:focus-visible{box-shadow:0 0 0 3px #dfe7d9}.learning-feed::-webkit-scrollbar{width:10px}.learning-feed::-webkit-scrollbar-track{border-radius:10px;background:#e9e8df}.learning-feed::-webkit-scrollbar-thumb{border:2px solid #e9e8df;border-radius:10px;background:#9da994}.learning-comment{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border:1px solid #e7e5db;border-radius:14px;background:#ffffff;box-shadow:0 2px 8px #373d2b08}.learning-comment-time{padding-top:2px;color:#71806e;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.learning-comment-body{min-width:0}.learning-comment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px}.learning-comment-meta>b{color:#34463a;font-size:13px;font-weight:700;overflow-wrap:anywhere}.learning-purchase{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:650;line-height:1.35}.learning-purchase.bought{background:#e9efe4;color:#506747}.learning-purchase.not-bought{background:#f1efe8;color:#77786d}.learning-comment-body p{margin:0;color:#343d35;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.learning-comment:nth-child(4n+1){background:#f7f9fa}@media(max-width:700px){.learning-feed{max-height:min(55vh,460px);min-height:230px}.learning-comment{grid-template-columns:1fr;gap:6px;padding:13px 14px}.learning-comment-time{font-size:12px}.learning-comment-meta{margin-bottom:7px}.learning-comment-body p{font-size:15px}}

.learning-attribution{margin-top:7px;color:#7b8176;font-size:11px;line-height:1.45}

.learning-attribution{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.45}.comparison-card{grid-column:span 12;background:#f0f5f8}.comparison-card>p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.65}.comparison-card>small{display:block;margin-top:10px;color:var(--muted);font-size:11px;line-height:1.55}.comparison-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#ffffff}.comparison-table{width:100%;min-width:560px;border-collapse:collapse;text-align:left}.comparison-table th,.comparison-table td{padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px}.comparison-table thead th{color:var(--muted);font-weight:650;background:#f5f7f9}.comparison-table tbody th{color:#34463a;font-weight:650}.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:0}
.image-page{max-width:1040px;margin:0 auto;padding:28px 24px 56px;color:var(--ink)}
.image-page[hidden]{display:none}
.image-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.image-page-head h1{margin:5px 0;font-size:27px;letter-spacing:-.02em}
.image-page-head p,.image-page-footnote{margin:0;color:var(--muted);font-size:13px}
.image-page-actions{display:flex;gap:10px;flex-wrap:wrap}
.image-download{background:#668b75;color:#fff;border-color:#668b75}
.image-preview-wrap{overflow:auto;padding:16px;border:1px solid var(--line);border-radius:20px;background:#e9e8df;box-shadow:var(--shadow)}
#reportCanvas{display:block;width:min(100%,720px);height:auto;margin:0 auto;border-radius:16px;box-shadow:0 12px 32px #28352f18}
.image-page-footnote{max-width:720px;margin:12px auto 0;line-height:1.6}
@media(max-width:700px){.image-page{padding:18px 14px 36px}.image-page-head{align-items:flex-start}.image-page-head h1{font-size:23px}.image-preview-wrap{padding:8px;border-radius:14px}}
.period-comparison-card{grid-column:span 12;background:#f3f6f8}.period-comparison-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:16px}.period-section{min-width:0;padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.period-section h3{margin:0;color:#405b47;font-size:14px}.period-section>p{margin:5px 0 12px;color:var(--muted);font-size:12px;line-height:1.55}.period-inviters{grid-row:span 2}.period-inviters .comparison-table{min-width:500px}.period-inviters .comparison-table th,.period-inviters .comparison-table td{padding:8px 9px;font-size:11px}.period-rank-notes{display:grid;gap:6px;margin-top:11px;color:var(--muted);font-size:11px;line-height:1.6}.period-rank-notes b{color:#4d6652}.period-grade-row{display:grid;grid-template-columns:42px 1fr;gap:5px 10px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.period-grade-row>b{grid-row:span 2;font-size:13px;color:#405b47}.period-grade-values{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.period-grade-values strong{color:var(--ink);font-variant-numeric:tabular-nums}.period-grade-bars{display:flex;height:6px;gap:3px}.period-grade-bars i{height:100%;min-width:2px;border-radius:10px;background:var(--sage)}.period-grade-bars i+i{background:var(--orange)}.period-grade-total{margin-top:9px;color:#616b61;font-size:11px;line-height:1.55}.period-legend,.period-time-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;color:var(--muted);font-size:10px}.period-legend i,.period-time-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sage);margin-right:5px}.period-time-legend span+span i{background:var(--orange)}.period-purchases{grid-column:1/-1}.period-time-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:10px 0}.period-time-item{display:grid;justify-items:center;gap:5px;min-width:0;padding:9px 5px;border-radius:12px;background:#f3f6f8}.period-time-item>span{font-size:10px;color:var(--muted);text-align:center;min-height:30px}.period-time-item>b{font-size:11px;font-variant-numeric:tabular-nums}.period-time-bars{height:60px;display:flex;align-items:end;gap:5px}.period-time-bars i{width:12px;min-height:2px;border-radius:5px 5px 2px 2px;background:var(--sage)}.period-time-bars i+i{background:var(--orange)}.period-purchase-kpis{display:flex;flex-wrap:wrap;gap:8px 24px;margin:8px 0;color:#646e64;font-size:11px}.period-purchase-kpis b{color:#344b3a;font-variant-numeric:tabular-nums}.period-purchases>small{display:block;color:var(--muted);font-size:10px;line-height:1.55}.period-comparison-foot{margin-top:13px;padding:11px 13px;border-radius:12px;background:#e8eee5;color:#5f6a5f;font-size:11px;line-height:1.6}@media(max-width:900px){.period-comparison-grid{grid-template-columns:1fr}.period-inviters{grid-row:auto}.period-purchases{grid-column:auto}}@media(max-width:700px){.period-time-chart{grid-template-columns:repeat(3,minmax(0,1fr))}.period-grade-values{font-size:10px}.period-inviters .comparison-table{min-width:490px}}
.period-grade-bars{display:grid;grid-template-rows:repeat(2,5px);gap:3px;height:auto}.period-grade-bars i{display:block;width:100%;min-width:0;background:linear-gradient(to right,var(--sage) var(--grade-share),#e9eef2 var(--grade-share))}.period-grade-bars i+i{background:linear-gradient(to right,var(--orange) var(--grade-share),#e9eef2 var(--grade-share))}.period-legend span+span i{background:var(--orange)}

/* Dashboard refinement v0: shadcn-style hierarchy adapted to the existing sage palette. */
:root{
  --paper:#f5f6f4;
  --surface:#ffffff;
  --ink:#202923;
  --muted:#66716a;
  --line:#e4e8e4;
  --sage:#557760;
  --sage2:#eaf1eb;
  --orange:#c78357;
  --peach:#faf0e8;
  --blue:#748da1;
  --lav:#eeedf1;
  --shadow:0 6px 20px #26332b0b;
  --radius:15px;
}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;letter-spacing:0;}
button,select,input,textarea{font:inherit;}
h1{font-weight:680;letter-spacing:-.045em;}
.shell{max-width:1380px;padding-top:24px;}
.topbar{margin-bottom:30px;}
.brand-mark{border-radius:12px;}
.control{border-color:var(--line);border-radius:10px;transition:border-color .16s,box-shadow .16s,background .16s;}
.control:hover{border-color:#b8c9bc;}
.control:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #78967b55;outline-offset:2px;}
.card{border-color:var(--line);box-shadow:var(--shadow);padding:21px;}
.card-title{font-weight:650;letter-spacing:-.015em;}
.section-label{letter-spacing:.055em;}
.metric-value,.mini-stat b,.profile-stat b,.funnel-step b,.count-chip,.skill-table td,.skill-table th{font-variant-numeric:tabular-nums;}
.metric{padding:19px 21px;}
.metric-value{font-size:25px;letter-spacing:-.04em;}
.chart-card,.moment-card,.profile-card,.identity-card,.conversion-card,.insight-card{border-radius:15px;}
.keyframe{border-radius:11px;}
.keyframe:hover{transform:translateY(-1px);}
.timeline-empty{grid-column:1/-1;}
.keyframe-detail{border-radius:12px;}
.quote-item,.learning-comment{border-color:var(--line);}
.purchase-state,.pill,.live-badge{font-weight:600;}
.analysis-pending{margin:0 0 18px;border:1px solid #ead7c5;background:#fffaf5;color:#74583f;border-radius:12px;padding:12px 15px;font-size:13px;}
@media(max-width:1024px){.topbar{align-items:flex-start}.tools{gap:9px;}}
@media(max-width:700px){.shell{padding:16px 14px 42px}.topbar{gap:14px}.card{padding:16px;border-radius:14px}.metric{padding:14px}.metric-value{font-size:22px}.title-row{gap:12px}}
.analysis-pending{grid-column:span 12;display:grid;gap:3px}.analysis-pending b{color:#74583f}.data-disclaimer{grid-column:span 12}

/* Readability pass: fewer redundant controls, clearer supporting text and numeric rhythm. */
body{font-size:15.5px;line-height:1.62;}
.tools{gap:10px 12px;}
.tools .section-label{font-size:12px;white-space:nowrap;}
#weekSelect{width:156px;}
#session{max-width:300px;}
#range{width:160px;}
.card-sub,.note,.skill-method{font-size:13px;line-height:1.65;}
.source,.chart-caption{font-size:12px;line-height:1.6;}
.metric-label{font-size:13px;}
.comparison-table,.skill-table{font-size:13px;}
.topbar{align-items:center;}
@media(max-width:700px){
  body{font-size:15px;}
  .tools{width:100%;justify-content:flex-start;}
  #session{max-width:min(100%,320px);}
  #range{width:auto;max-width:100%;}
  .card-sub,.note,.skill-method{font-size:12.5px;}
  .source,.chart-caption{font-size:11.5px;}
}

/* Cool, higher-contrast palette: clear paper, slate text, teal data accent. */
:root{
  --paper:#f4f7fa;
  --surface:#ffffff;
  --ink:#1c2936;
  --muted:#637384;
  --line:#dfe6ed;
  --sage:#287b78;
  --sage2:#e5f2f1;
  --orange:#b9753f;
  --peach:#fff3e8;
  --blue:#527da8;
  --lav:#eef1f6;
  --shadow:0 4px 18px #22384d0b;
  --radius:14px;
}
body{background:var(--paper);color:var(--ink)}
.brand-mark{background:#287b78}
.kicker,.time,.kf-time,.period-section h3,.period-grade-row>b{color:#287b78}
.live-badge{background:#fff3e8;color:#925f37}
.insight-card,.keyframe-detail,.demand-primary,.consult-followup,.period-comparison-foot{background:#e9f3f2;border-color:#d8e9e7}
.insight-card .card-title,.period-grade-row>b{color:#245b5a}
.insight-card p,.keyframe-detail p,.consult-followup,.period-comparison-foot{color:#52686c}
.content-brief,.comparison-card,.period-comparison-card{background:#f0f5f8}
.learning-detail-card{background:#f6f8fa}
.learning-detail-note,.purchase-proof{background:#edf1f4}
.brief-box,.period-section,.demand-evidence,.decision-panel{background:#fff;border-color:var(--line)}
.phase time,.period-legend i,.period-time-legend i{color:#287b78}
.phase-list,.phase{border-color:var(--line)}
.split-panel,.profile-stat,.role-row,.period-time-item{background:#f2f5f7}
.funnel-step{background:#edf3f4}
.funnel-step:nth-child(3){background:#e3efef}
.funnel-step:nth-child(5){background:#d4e7e5}
.bar-track{background:#e9eef2}
.bar-fill{background:#287b78}
.pill,.type-chip{background:#e5f2f1;color:#286562}
.pill-muted,.pending-value,.count-chip{background:#eef1f4;color:#62707d}
.need-filter{background:#fff;border-color:var(--line)}
.need-filter[aria-pressed="true"]{background:#e6f2f1;border-color:#6da6a1;box-shadow:inset 0 0 0 1px #287b7822}
.need-filter span{color:#245b5a}
.decision-caution,.analysis-pending{background:#fff7ef;border-color:#f0dfce;color:#765b44}
.learning-feed{scrollbar-color:#8aa9a7 #e8eef0}
.learning-feed::-webkit-scrollbar-track{background:#e8eef0}
.learning-feed::-webkit-scrollbar-thumb{border-color:#e8eef0;background:#8aa9a7}
.learning-comment:nth-child(4n+1),.quote-item,.quote{background:#f7f9fa}
.image-preview-wrap{background:#e8eef2}
.image-download{background:#287b78;border-color:#287b78}
.control:hover{border-color:#9abcb9}
.tab.active{color:#287b78;border-color:#287b78}
.focus{outline-color:#287b7855}

.skill-summary{background:#eef4f6;border-color:#e0e8ed}
.skill-summary .skill-table-wrap{background:#fff;border-color:var(--line)}


/* Stronger visual emphasis for the numbers and decisions people scan first. */
.metrics.card{border-top:3px solid #287b78;background:#f8fbfc}
.metric-value{color:#1e5f64}
.metric:nth-child(5) .metric-value{color:#16816f}
.metric-label{color:#516475;font-weight:600}
.skill-summary{border-top:3px solid #527da8;background:#edf4f8}
.analysis-pending{border-left:4px solid #c7833f;background:#fff6e9;color:#674c31;padding:14px 16px}
.analysis-pending b{color:#8b5523}
.insight-card{background:#236d70;border-color:#236d70;color:#fff;box-shadow:0 8px 24px #174f521f}
.insight-card .card-title,.insight-card .section-label{color:#fff}
.insight-card .section-label{opacity:.82}
.insight-card p,.insight-card .note{color:#e1f0ef}
.insight-card .mini-stat{background:#ffffff20;border:1px solid #ffffff25}
.insight-card .mini-stat span{color:#d7e9e8}
.insight-card .mini-stat b{color:#fff}
.comparison-card,.period-comparison-card{border-left:4px solid #527da8;background:#f0f5f9}
.comparison-table thead th,.skill-table th{background:#eaf0f5;color:#4d6071}
.comparison-table td:last-child{font-weight:650;color:#286562}
.conversion-card .funnel-step{background:#edf3f6;border:1px solid #dfe8ed}
.conversion-card .funnel-step:first-of-type{background:#eaf2f5}
.conversion-card .funnel-step:nth-of-type(2){background:#dff0ec;border-color:#c9e5de}
.conversion-card .funnel-step:nth-of-type(3){background:#236d70;border-color:#236d70;color:#fff}
.conversion-card .funnel-step:nth-of-type(3) span{color:#d7e9e8}
.conversion-card .funnel-step:nth-of-type(4){background:#f4f6f8}
.callout{border-left:3px solid #c7833f;background:#fff5e9;color:#765333}
.pill,.type-chip{background:#d9eeeb;color:#155e5c}
.live-badge{border:1px solid #f0ddca}
.need-filter[aria-pressed="true"]{background:#d9eeeb;border-color:#287b78;box-shadow:inset 0 0 0 1px #287b7840}
.keyframe.active{background:#d9eeeb;border-color:#287b78;box-shadow:0 0 0 2px #287b781c}
.keyframe-detail{border-left:4px solid #287b78;background:#e4f1ef}
@media(max-width:700px){.metrics.card{border-top-width:3px}.insight-card{grid-column:span 12}}