/* BrainReboot Results Experience — premium layer (2026-10-11).
   Presentation-only: all score calculations, persistence and renderer stay intact. */
.app.isResults{--rr-ink:#19183f;--rr-violet:#625ce1;--rr-lilac:#eae8ff;--rr-stroke:#e5e4f3;--rr-muted:#686b88;max-width:1320px;padding:clamp(20px,4vw,52px);isolation:isolate}
body:has(.app.isResults){background:radial-gradient(ellipse at 85% 2%,#e9e7ff 0,transparent 36%),radial-gradient(ellipse at 0% 42%,#f1efff 0,transparent 32%),#f8f9ff;align-items:flex-start}
.app.isResults .resultsIntro{max-width:790px;margin:clamp(28px,5vw,68px) auto 34px}
.app.isResults .resultsIntro h1{font-size:clamp(35px,5.5vw,72px);font-weight:680;letter-spacing:-.065em;line-height:1.05;color:var(--rr-ink);text-wrap:balance}
.app.isResults .resultsIntro p{max-width:590px;margin:16px auto 0;font-size:clamp(15px,1.4vw,18px);color:var(--rr-muted)}
.app.isResults .eyebrow,.app.isResults .sectionLabel>span{font-size:11px;letter-spacing:.18em;color:#625ac1;text-transform:uppercase;font-weight:800}
.app.isResults .heroScore{overflow:hidden;max-width:none;border:1px solid #dddbf4;border-radius:32px;padding:clamp(28px,5vw,56px) 24px;background:radial-gradient(circle at 50% 35%,#f0edff 0,#faf9ff 35%,#fff 80%);box-shadow:0 28px 85px rgba(46,40,112,.08),inset 0 1px 0 #fff}
.app.isResults .heroScore:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.54) 48%,transparent 71%);opacity:.55}
.app.isResults .centerGauge{filter:drop-shadow(0 18px 25px rgba(98,92,225,.13));max-width:65vw}
.app.isResults .centerGauge .scoreValue{font-variant-numeric:tabular-nums;font-weight:750}
.app.isResults .scoreSources{max-width:none;gap:14px;margin-top:16px}
.app.isResults .scoreSources>div{border:1px solid var(--rr-stroke);border-radius:22px;background:rgba(255,255,255,.85);padding:22px 12px;box-shadow:0 8px 26px rgba(39,35,90,.035);transition:transform .48s cubic-bezier(.2,.85,.2,1),box-shadow .48s,border-color .4s}
.app.isResults .scoreSources strong{font-size:clamp(21px,2.4vw,30px);font-variant-numeric:tabular-nums;color:var(--rr-ink)}
.app.isResults .sectionLabel{margin:clamp(48px,7vw,90px) 0 26px}
.app.isResults .sectionLabel h2{font-weight:660;letter-spacing:-.055em;font-size:clamp(28px,3.3vw,45px);color:var(--rr-ink);text-wrap:balance}
.app.isResults .moduleScans{gap:16px}
.app.isResults .moduleScan,.app.isResults .kpiCard,.app.isResults .chartCard{position:relative;overflow:hidden;background:linear-gradient(155deg,#fff 30%,#fafaff);border:1px solid var(--rr-stroke);border-radius:24px;box-shadow:0 5px 24px rgba(34,29,89,.035);transition:transform .55s cubic-bezier(.19,1,.22,1),box-shadow .55s cubic-bezier(.19,1,.22,1),border-color .35s;will-change:auto}
.app.isResults .moduleScan{padding:clamp(21px,2.6vw,31px)}
.app.isResults .moduleScan:before,.app.isResults .kpiCard:before{content:"";position:absolute;top:0;left:25px;right:25px;height:2px;background:var(--metric-color,#625ce1);opacity:.7;transform:scaleX(.34);transform-origin:left;transition:transform .6s cubic-bezier(.19,1,.22,1)}
.app.isResults .moduleScan>strong{font-size:clamp(38px,4vw,52px);font-weight:730;font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.app.isResults .scanBar,.app.isResults .miniTrack{border:0;border-radius:999px;background:#e9e8f3;overflow:hidden}
.app.isResults .scanBar i,.app.isResults .miniTrack i{border:0;border-radius:inherit;box-shadow:0 0 14px color-mix(in srgb,var(--metric-color,#625ce1) 25%,transparent)}
.app.isResults .chartGrid{gap:17px}
.app.isResults .chartCard{padding:clamp(20px,3vw,32px)}
.app.isResults .chartCard h3{font-weight:690;letter-spacing:-.03em;color:var(--rr-ink)}
.app.isResults .kpiGrid{gap:15px}
.app.isResults .kpiCard{padding:clamp(16px,2vw,24px)}
.app.isResults .kpiCard h3{font-weight:650}
.app.isResults .kpiCard>strong{font-weight:720;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.app.isResults .rebootAdvice{background:linear-gradient(115deg,#e9e7ff,#f7f5ff 70%,#fff);border-color:#dcd9f8;box-shadow:0 14px 36px rgba(49,41,116,.055);border-radius:28px}
.app.isResults .resultActions button{transition:transform .4s cubic-bezier(.19,1,.22,1),box-shadow .4s;background-clip:padding-box}
.app.isResults .resultActions button:active{transform:scale(.97)}
.app.isResults :is(.moduleScan,.chartCard,.kpiCard,.scoreSources>div):focus-within{outline:2px solid #625ce1;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.app.isResults :is(.moduleScan,.chartCard,.kpiCard,.scoreSources>div):hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(48,43,113,.11);border-color:#cbc5f2}.app.isResults :is(.moduleScan,.kpiCard):hover:before{transform:scaleX(1)}}
@media(max-width:700px){.app.isResults{padding:18px 6px}.app.isResults .resultsIntro{margin:28px auto 23px}.app.isResults .heroScore{border-radius:24px;padding:30px 14px}.app.isResults .scoreSources{gap:7px}.app.isResults .scoreSources>div{padding:15px 5px;border-radius:16px}.app.isResults .moduleScans{grid-template-columns:1fr}.app.isResults .chartGrid{grid-template-columns:1fr}.app.isResults .kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app.isResults .kpiCard{padding:15px}.app.isResults .sectionLabel{margin-top:48px}.app.isResults .rebootAdvice{border-radius:22px}}
@media(max-width:380px){.app.isResults .kpiGrid{grid-template-columns:1fr}.app.isResults .scoreSources span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.app.isResults :is(.moduleScan,.chartCard,.kpiCard,.scoreSources>div,.resultActions button){transition:none!important;animation:none!important}}
/* Production metric cards: data and DOM semantics are preserved. */
.app.isResults .kpiGrid{gap:16px;align-items:stretch}
.app.isResults .kpiGrid .sessionMetric{display:flex;flex-direction:column;min-height:248px;padding:22px!important;background:linear-gradient(155deg,#fff 12%,#faf9ff 100%)!important;border-radius:23px;box-shadow:0 6px 25px rgba(34,29,89,.035)}
.app.isResults .sessionMetricHead{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:19px;min-height:48px}
.app.isResults .sessionMetricIcon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:15px;background:color-mix(in srgb,var(--metric-color,#625ce1) 10%,white);border:1px solid color-mix(in srgb,var(--metric-color,#625ce1) 16%,white);color:var(--metric-color,#625ce1);transition:transform .4s cubic-bezier(.2,.9,.2,1)}
.app.isResults .sessionMetricIcon svg{display:block;width:23px;height:23px;padding:0;background:none;border:none;color:inherit}
.app.isResults .sessionMetricHead>span:last-child{font-size:10px!important;letter-spacing:.07em;text-transform:uppercase;font-weight:750;color:#79758e;line-height:1.45;max-width:125px;text-align:right}
.app.isResults .sessionMetric h3{font-size:15px;min-height:unset;margin:0 0 10px;letter-spacing:-.025em;line-height:1.35;font-weight:650;color:#5c5978}
.app.isResults .sessionMetricValue{font-size:clamp(27px,2.7vw,39px)!important;font-variant-numeric:tabular-nums;letter-spacing:-.055em;font-weight:750!important;line-height:1.15;color:#272448!important;overflow-wrap:anywhere}
.app.isResults .sessionMetricExplanation{margin:auto 0 0!important;padding-top:19px!important;font-size:12px!important;line-height:1.55;color:#828097;border-top:1px solid #efedf7}
@media(hover:hover) and (pointer:fine){.app.isResults .sessionMetric:hover .sessionMetricIcon{transform:translateY(-2px) rotate(-5deg)}}
@media(max-width:700px){.app.isResults .kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app.isResults .kpiGrid .sessionMetric{min-height:218px;padding:16px 14px!important;border-radius:18px}.app.isResults .sessionMetricIcon{width:38px;height:38px;flex-basis:38px;border-radius:12px}.app.isResults .sessionMetricIcon svg{width:20px;height:20px}.app.isResults .sessionMetric h3{font-size:13px}.app.isResults .sessionMetricValue{font-size:clamp(23px,5vw,31px)!important}.app.isResults .sessionMetricExplanation{font-size:11px!important}.app.isResults .sessionMetricHead>span:last-child{font-size:9px!important}}
@media(max-width:380px){.app.isResults .kpiGrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.app.isResults .sessionMetricIcon{transition:none!important}}