.diag-preview-wrapper{display:block;max-width:320px;margin:0 auto}@media(min-width:1024px){.diag-preview-wrapper{max-width:none;margin:0}}.diag-preview-panel{position:relative;background:#0d1117cc;backdrop-filter:blur(12px);border-radius:16px;overflow:hidden;border:1px solid rgba(46,211,168,.15);box-shadow:0 20px 60px #00000073,0 0 44px #2ed3a81f,inset 0 1px #ffffff14;max-width:380px;margin-left:auto}.dpp-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.dpp-url{display:flex;align-items:center;gap:5px;font-size:11px;color:#8b949e;font-weight:500}.dpp-badge{position:relative;display:inline-grid;font-size:9px;font-weight:600;padding:3px 8px;border-radius:99px;background:#2ed3a81a;border:1px solid rgba(46,211,168,.2)}.dpp-badge-scan,.dpp-badge-done{grid-area:1 / 1;white-space:nowrap}.dpp-badge-scan{color:#8b949e;animation:dppBadgeScan 8s infinite}.dpp-badge-done{color:var(--score-good);opacity:0;animation:dppBadgeDone 8s infinite}@keyframes dppBadgeScan{0%,36%{opacity:1}40%,to{opacity:0}}@keyframes dppBadgeDone{0%,36%{opacity:0}40%,97%{opacity:1}to{opacity:0}}.dpp-body{padding:24px 20px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;animation:dppCycle 8s infinite}@keyframes dppCycle{0%{opacity:.25}5%,96%{opacity:1}to{opacity:.25}}.dpp-score-area{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.dpp-ring-wrap{position:relative;width:100px;height:100px}.dpp-ring{width:100%;height:100%;transform:rotate(-90deg);display:block}.dpp-ring-fill{stroke:var(--score-good);filter:drop-shadow(0 0 6px var(--score-good-glow));animation:dppRing 8s infinite}@keyframes dppRing{0%,6%{stroke-dashoffset:264;animation-timing-function:var(--ease-expo)}32%,to{stroke-dashoffset:74}}.dpp-ring-bench{stroke:var(--score-bench);opacity:0;transform-box:fill-box;transform-origin:center;animation:dppBench 8s infinite}@keyframes dppBench{0%,36%{opacity:0;transform:scale(.85)}39%,to{opacity:1;transform:scale(1)}}.dpp-score-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.dpp-score-num{display:grid;font-family:DM Sans,sans-serif;font-size:28px;font-weight:700;color:#fff;line-height:1}.dpp-n{grid-area:1 / 1;opacity:0}.dpp-n1{animation:dppN1 8s infinite}.dpp-n2{animation:dppN2 8s infinite}.dpp-n3{animation:dppN3 8s infinite}.dpp-n4{animation:dppN4 8s infinite}@keyframes dppN1{0%,8%{opacity:0}9%,15%{opacity:1}16%,to{opacity:0}}@keyframes dppN2{0%,16%{opacity:0}17%,23%{opacity:1}24%,to{opacity:0}}@keyframes dppN3{0%,24%{opacity:0}25%,30%{opacity:1}31%,to{opacity:0}}@keyframes dppN4{0%,31%{opacity:0}32%,to{opacity:1}}.dpp-grade{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 5px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;line-height:1;border-radius:99px;opacity:0;animation:dppGrade 8s infinite}@keyframes dppGrade{0%,32%{opacity:0;transform:scale(.5)}35%{opacity:1;transform:scale(1.15)}37%,to{opacity:1;transform:scale(1)}}.dpp-grade[data-grade=A]{background:var(--score-good);color:#0d1117}.dpp-grade[data-grade=B]{background:var(--score-mid);color:#0d1117}.dpp-grade[data-grade=C]{background:var(--score-bad);color:#0d1117}.dpp-score-label{font-size:10px;color:#8b949e;text-transform:uppercase;letter-spacing:1px}.dpp-delta{font-size:10px;font-weight:600;color:var(--score-good);background:#2ed3a81a;border:1px solid rgba(46,211,168,.18);padding:2px 8px;border-radius:99px;opacity:0;animation:dppDelta 8s infinite}@keyframes dppDelta{0%,39%{opacity:0;transform:translateY(5px)}43%,to{opacity:1;transform:translateY(0)}}.dpp-burst{position:absolute;inset:0;pointer-events:none}.dpp-burst i{position:absolute;bottom:18px;left:var(--bx, 50%);width:4px;height:4px;border-radius:99px;background:var(--score-good);opacity:0;animation:dppRiseA 8s infinite}.dpp-burst i:nth-child(1){--bx: 22%}.dpp-burst i:nth-child(2){--bx: 38%;width:3px;height:3px}.dpp-burst i:nth-child(3){--bx: 50%}.dpp-burst i:nth-child(4){--bx: 62%;width:3px;height:3px;background:var(--score-mid)}.dpp-burst i:nth-child(5){--bx: 76%}.dpp-burst i:nth-child(6){--bx: 30%;width:3px;height:3px;background:var(--score-mid)}.dpp-burst i:nth-child(7){--bx: 68%}.dpp-burst i:nth-child(2n){animation-name:dppRiseB}@keyframes dppRiseA{0%,44%{opacity:0;transform:translateY(0)}47%{opacity:.9}58%,to{opacity:0;transform:translateY(-74px)}}@keyframes dppRiseB{0%,47%{opacity:0;transform:translateY(0)}50%{opacity:.8}62%,to{opacity:0;transform:translateY(-86px)}}.dpp-cats{display:flex;flex-direction:column;gap:12px}.dpp-cat{display:grid;grid-template-columns:90px 1fr 28px;gap:8px;align-items:center}.dpp-cat-name{font-size:11px;color:#c9d1d9;font-weight:500}.dpp-cat-num{font-size:13px;font-weight:700;text-align:right;opacity:0;animation:dppCatNum 8s infinite}@keyframes dppCatNum{0%,44%{opacity:0}56%,to{opacity:1}}.dpp-track{position:relative;height:7px;background:linear-gradient(90deg,#e8705a29 0 33%,#d4a34729 33% 66%,#2ed3a829 66% 100%);border-radius:99px;overflow:hidden}.dpp-bar{position:absolute;top:0;left:0;height:100%;width:var(--w);border-radius:99px;transform:scaleX(0);transform-origin:left}.dpp-cat:nth-child(1) .dpp-bar{animation:dppBar1 8s infinite}.dpp-cat:nth-child(2) .dpp-bar{animation:dppBar2 8s infinite}.dpp-cat:nth-child(3) .dpp-bar{animation:dppBar3 8s infinite}.dpp-cat:nth-child(4) .dpp-bar{animation:dppBar4 8s infinite}@keyframes dppBar1{0%,40%{transform:scaleX(0);animation-timing-function:ease-out}46%,to{transform:scaleX(1)}}@keyframes dppBar2{0%,43%{transform:scaleX(0);animation-timing-function:ease-out}49%,to{transform:scaleX(1)}}@keyframes dppBar3{0%,46%{transform:scaleX(0);animation-timing-function:ease-out}52%,to{transform:scaleX(1)}}@keyframes dppBar4{0%,49%{transform:scaleX(0);animation-timing-function:ease-out}55%,to{transform:scaleX(1)}}.dpp-cat-bench{position:absolute;top:-1px;bottom:-1px;left:var(--bench, 70%);width:3px;transform:translate(-50%);background:var(--score-bench);border-radius:2px;opacity:0;animation:dppTrackBench 8s infinite}@keyframes dppTrackBench{0%,38%{opacity:0}42%,to{opacity:1}}.dpp-good{background:var(--score-good)}.dpp-mid{background:var(--score-mid)}.dpp-bad{background:var(--score-bad)}.dpp-footer{padding:10px 16px;border-top:1px solid rgba(255,255,255,.06);font-size:10px;color:#8b949e;text-align:center}@media(prefers-reduced-motion:reduce){.diag-preview-panel,.dpp-body,.dpp-badge-scan,.dpp-badge-done,.dpp-ring-fill,.dpp-ring-bench,.dpp-n1,.dpp-n2,.dpp-n3,.dpp-n4,.dpp-grade,.dpp-delta,.dpp-cat-num,.dpp-bar,.dpp-cat-bench,.dpp-burst i{animation:none}.dpp-body{opacity:1}.dpp-badge-scan{opacity:0}.dpp-badge-done{opacity:1}.dpp-ring-fill{stroke-dashoffset:74;filter:none}.dpp-ring-bench{opacity:1;transform:none}.dpp-n4,.dpp-grade,.dpp-delta,.dpp-cat-num{opacity:1}.dpp-grade{transform:none}.dpp-bar{transform:scaleX(1)}.dpp-cat-bench{opacity:1;transform:translate(-50%)}.dpp-burst{display:none}}.diag-stage-enter{animation:diagStageIn .24s var(--ease-out-expo) both}@keyframes diagStageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.diag-stage-icon-active{animation:diagStageIn .24s var(--ease-out-expo) both,diagStagePulse 1.8s ease-in-out .32s infinite}@keyframes diagStagePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.94)}}.diag-skeleton{position:relative;overflow:hidden}.diag-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%);transform:translate(-100%);animation:diagShimmer 2.4s ease-in-out infinite}@keyframes diagShimmer{to{transform:translate(100%)}}.diag-loading-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--color-navy)}.diag-loading-glow{position:absolute;inset:0;background:radial-gradient(125% 78% at 50% 116%,rgba(46,211,168,.14),transparent 58%),radial-gradient(85% 55% at 50% 128%,rgba(196,155,66,.06),transparent 55%)}@media(prefers-reduced-motion:reduce){.diag-stage-enter,.diag-stage-icon-active{animation:none}.diag-skeleton:after{display:none}}@media print{@page{size:A4;margin:1.2cm}.print\:hidden,.diag-preview-wrapper{display:none!important}.diag-bar-fill{transform:scaleX(1)!important;transition:none!important}body{background:var(--color-navy)!important;color:var(--color-white)!important}[class*=pb-16]{padding-bottom:0!important}section,[class*=rounded-xl],[class*=rounded-2xl],table{break-inside:avoid;page-break-inside:avoid}.report-closing{break-inside:avoid!important;page-break-inside:avoid!important;break-before:avoid!important;page-break-before:avoid!important}}.diag-glass{position:relative;isolation:isolate}.diag-glass:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff24,inset 0 -1px 1px #ffffff0a}.diag-glass-teal:before{border-color:#2ed3a84d}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.diag-glass:before{background:#161d29f2}}@media(prefers-reduced-transparency:reduce){.diag-glass:before{backdrop-filter:none;-webkit-backdrop-filter:none;background:#161d29f5}}.diag-card{background:#1e2738b3;box-shadow:inset 0 1px #ffffff0a}.diag-glow-spot{position:absolute;inset:-56px -40px;z-index:-1;pointer-events:none;background:radial-gradient(58% 58% at 50% 42%,rgba(46,211,168,.12),transparent 70%),radial-gradient(36% 42% at 68% 78%,rgba(196,155,66,.07),transparent 65%)}.diag-ring-bench{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.85);transition:opacity .22s ease-out,transform .22s ease-out}.diag-ring-bench.visible{opacity:1;transform:scale(1)}.diag-ring-ghost{opacity:0;transition:opacity .6s ease .15s}.diag-ring-ghost.visible{opacity:1}.diag-grade{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1;border-radius:99px}.diag-grade[data-grade=A]{background:var(--score-good);color:#0d1117}.diag-grade[data-grade=B]{background:var(--score-mid);color:#0d1117}.diag-grade[data-grade=C]{background:var(--score-bad);color:#0d1117}.diag-ghost-dot{display:inline-block;width:14px;height:4px;border-radius:2px;margin-right:6px;vertical-align:middle;background:repeating-linear-gradient(90deg,rgba(46,211,168,.55) 0 3px,transparent 3px 6px)}.diag-bar-ghost{background:repeating-linear-gradient(90deg,rgba(46,211,168,.5) 0 3px,transparent 3px 7px)}.diag-soft{opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s var(--ease-out-expo)}.diag-soft.visible{opacity:1;transform:translateY(0)}.diag-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s var(--ease-out-expo)}.diag-reveal.visible{opacity:1;transform:translateY(0)}.diag-pulse-low{animation:diagPulseLow 1.4s ease-out 1}@keyframes diagPulseLow{0%{box-shadow:0 0 #e8705a00}35%{box-shadow:0 0 0 4px #e8705a29,0 12px 40px -12px #e8705a4d}to{box-shadow:0 0 #e8705a00}}.diag-sticky{position:fixed;z-index:900;left:12px;right:12px;bottom:12px;display:flex;justify-content:center;pointer-events:none;animation:diagStickyIn .28s var(--ease-out-expo) both}@media(min-width:640px){.diag-sticky{inset:96px 0 auto;animation-name:diagStickyInTop}}.diag-sticky-pill{pointer-events:auto;display:flex;align-items:center;gap:12px;max-width:100%;background:#141b26f5;border:1px solid var(--color-navy-border);border-radius:9999px;padding:8px 8px 8px 18px;box-shadow:0 12px 32px #00000073,inset 0 1px #ffffff0d}@keyframes diagStickyIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes diagStickyInTop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.diag-soft,.diag-reveal{opacity:1;transform:none;transition:none}.diag-ring-bench,.diag-ring-ghost{transition:none}.diag-pulse-low,.diag-sticky{animation:none}.diag-score-card{box-shadow:var(--shadow-glow-card)}}@media print{.diag-soft,.diag-reveal{opacity:1!important;transform:none!important;transition:none!important}.diag-sticky,.diag-glow-spot{display:none!important}.diag-glass:before{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--color-navy-card)}.diag-card{background:var(--color-navy-card)}.diag-ring-fill{filter:none!important}}