*{box-sizing:border-box}:root{--font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--ink: #0b1220;--ink-soft: #334155;--ink-muted: #64748b;--surface: rgba(255, 255, 255, .78);--surface-elevated: rgba(255, 255, 255, .92);--surface-dark: rgba(15, 23, 42, .55);--border: rgba(148, 163, 184, .4);--border-strong: rgba(99, 102, 241, .25);--radius-xl: 24px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 20px rgba(15, 23, 42, .06), 0 12px 48px rgba(15, 23, 42, .08);--shadow-lg: 0 28px 64px rgba(15, 23, 42, .14);--accent: #4f46e5;--accent-hover: #4338ca;--accent-2: #0891b2;--accent-glow: 0 8px 32px rgba(79, 70, 229, .35)}body{margin:0;font-family:var(--font);background:#070b14;color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@keyframes bgDrift{0%,to{background-position:0% 40%,100% 60%,50% 50%}50%{background-position:100% 50%,0% 40%,60% 55%}}@keyframes titleIn{0%{opacity:0;transform:translateY(-12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes cardLiftIn{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes resultReveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes toolbarSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes errorSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes ringMount{0%{transform:scale(.82);opacity:.65}to{transform:scale(1);opacity:1}}@keyframes gradePop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}@keyframes radarAreaIn{0%{opacity:0;transform:scale(.35);transform-origin:130px 130px}to{opacity:1;transform:scale(1);transform-origin:130px 130px}}@keyframes radarDotIn{0%{opacity:0;transform:scale(0);transform-origin:center}to{opacity:1;transform:scale(1);transform-origin:center}}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalCardIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes scorePillGlow{0%,to{box-shadow:0 0 #2563eb1f}50%{box-shadow:0 0 0 8px #2563eb0f}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.appRoot{position:relative;isolation:isolate}.appRoot:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 100% 90% at 0% -20%,rgba(99,102,241,.45),transparent 55%),radial-gradient(ellipse 80% 70% at 100% 10%,rgba(14,165,233,.35),transparent 50%),radial-gradient(ellipse 70% 50% at 50% 100%,rgba(244,114,182,.12),transparent 45%),radial-gradient(ellipse 120% 60% at 50% 50%,#0f172a00,#070b14eb),linear-gradient(165deg,#0f172a,#1e1b4b 38%,#0c4a6e);background-size:200% 200%,200% 200%,180% 180%,100% 100%,100% 100%;animation:bgDrift 22s ease-in-out infinite}.shellHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px;padding:22px 26px;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}.shellHeaderSlide{animation:toolbarSlideIn .5s cubic-bezier(.22,1,.36,1) both}.shellBrand{display:flex;align-items:flex-start;gap:18px;min-width:0}.shellLogoMark{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:16px;background:linear-gradient(145deg,#6366f1,#4f46e5 40%,#0ea5e9);box-shadow:var(--accent-glow),inset 0 1px #ffffff38}.shellLogoMark:after{content:"";width:22px;height:22px;border-radius:6px;border:2.5px solid rgba(255,255,255,.92);transform:rotate(45deg);opacity:.95}.shellBrandText{min-width:0}.shellTagline{margin:6px 0 0;font-size:.95rem;font-weight:500;color:var(--ink-muted);line-height:1.45;max-width:36rem}.shellHeaderMeta{display:flex;align-items:center;gap:12px;flex-shrink:0}.sessionPill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:#14532d;background:linear-gradient(180deg,#ecfdf5,#d1fae5);border:1px solid rgba(52,211,153,.45);box-shadow:var(--shadow-sm)}.sessionDot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e59;animation:scorePillGlow 2.8s ease-in-out infinite}.appTitle{margin:0;font-size:clamp(1.75rem,4.5vw,2.35rem);font-weight:800;letter-spacing:-.035em;line-height:1.1;color:var(--ink);animation:titleIn .65s cubic-bezier(.22,1,.36,1) both}.appTitleGradient{background:linear-gradient(115deg,#6366f1,#3b82f6 40%,#06b6d4 75%,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.35ch}.cardLift{animation:cardLiftIn .55s cubic-bezier(.22,1,.36,1) both}.resultReveal{animation:resultReveal .65s cubic-bezier(.22,1,.36,1) .06s both}.toolbarSlide{animation:toolbarSlideIn .45s ease both}.loginCard .cardHead,.auditForm .cardHead{margin-bottom:4px}.loginCard .cardHead h2{color:#0f4aa8}.loginCardRegister .cardHead h2{color:#1d4ed8}.loginCardRegister .cardSub{color:#1e40af}.loginCard .cardSub{color:#475569}.loginSwitchBtn{margin-top:8px;color:#1e293b;border-color:#47556973;background:#f8fafce6}.loginSwitchBtn:not(:disabled):hover{background:#fff;border-color:#3b82f68c;color:#1d4ed8}.errorEnter{animation:errorSlide .4s ease both}.metricRingDraw{animation:ringMount .7s cubic-bezier(.22,1,.36,1) both}.metricGradePop{animation:gradePop .55s cubic-bezier(.34,1.56,.64,1) .15s both}.metricRingHover{transition:transform .25s ease,box-shadow .25s ease}.metricRingHover:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a1a}.metricCircleGrid .metricCircleWrap:nth-child(1) .metricRingDraw,.metricCircleGrid .metricCircleWrap:nth-child(1) .metricGradePop{animation-delay:.05s}.metricCircleGrid .metricCircleWrap:nth-child(2) .metricRingDraw,.metricCircleGrid .metricCircleWrap:nth-child(2) .metricGradePop{animation-delay:.12s}.metricCircleGrid .metricCircleWrap:nth-child(3) .metricRingDraw,.metricCircleGrid .metricCircleWrap:nth-child(3) .metricGradePop{animation-delay:.19s}.metricCircleGrid .metricCircleWrap:nth-child(4) .metricRingDraw,.metricCircleGrid .metricCircleWrap:nth-child(4) .metricGradePop{animation-delay:.26s}.metricCircleGrid .metricCircleWrap:nth-child(5) .metricRingDraw,.metricCircleGrid .metricCircleWrap:nth-child(5) .metricGradePop{animation-delay:.33s}.previewScoreWrap .metricRingDraw,.previewScoreWrap .metricGradePop{animation-delay:.08s}.radarDrawIn .radarArea{animation:radarAreaIn .85s cubic-bezier(.22,1,.36,1) both;transform-box:fill-box}.radarDrawIn .radarDot{animation:radarDotIn .45s cubic-bezier(.34,1.56,.64,1) both}.radarDrawIn .radarDot:nth-of-type(1){animation-delay:.35s}.radarDrawIn .radarDot:nth-of-type(2){animation-delay:.42s}.radarDrawIn .radarDot:nth-of-type(3){animation-delay:.49s}.radarDrawIn .radarDot:nth-of-type(4){animation-delay:.56s}.radarDrawIn .radarDot:nth-of-type(5){animation-delay:.63s}.radarCardFloat{transition:box-shadow .3s ease,border-color .3s ease}.radarCardFloat:hover{box-shadow:0 12px 32px #2563eb1f;border-color:#cbd5e1}.imageModalBackdrop{animation:modalBackdropIn .25s ease both}.imageModalPop{animation:modalCardIn .32s cubic-bezier(.22,1,.36,1) both}.topPreviewCard{transition:transform .3s ease,box-shadow .3s ease;animation:floatSoft 5s ease-in-out infinite}.topPreviewCard:nth-child(2){animation-delay:-2.5s}.topPreviewCard:hover{animation-play-state:paused;transform:translateY(-4px);box-shadow:0 14px 36px #0f172a1f}.progressCard{transition:transform .22s ease,box-shadow .22s ease}.progressCard:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f172a14}.suggestionItem{transition:transform .2s ease,border-color .2s ease}.suggestionItem:hover{transform:translate(4px);border-color:#bfdbfe}.recommendationTable tbody tr{transition:background-color .18s ease}button.btnPrimary:not(:disabled):active,button.btnSecondary:not(:disabled):active,button.btnGhost:not(:disabled):active{transform:translateY(1px)}.serpCard{transition:transform .35s ease,box-shadow .35s ease}.serpPreviewBlock:hover .serpCard{transform:translateY(-2px);box-shadow:0 8px 28px #0f172a1a,0 16px 48px #0f172a14}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.appRoot:before{animation:none;background:#0f172a}.sessionDot,.topPreviewCard,.scorePill{animation:none}}.container{width:min(99.8vw,1920px);margin:0 auto;padding:18px 14px 48px}.card{background:var(--surface-elevated);border-radius:var(--radius-lg);padding:26px 28px;margin-bottom:20px;border:1px solid var(--border);box-shadow:var(--shadow-md);backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.cardHead{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(148,163,184,.25)}.cardHead h2{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;color:var(--ink)}.cardSub{margin:8px 0 0;font-size:.9rem;font-weight:500;color:var(--ink-muted);line-height:1.5;max-width:42rem}.resultReveal.card{background:linear-gradient(165deg,#fffffff2,#f8fafcfa)}.resultReveal.card:hover{transform:translateY(-2px)}.resultReveal h3{margin:28px 0 14px;font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.resultReveal h3:first-of-type{margin-top:8px}.resultReveal h4{font-weight:700;color:var(--ink-soft)}label{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}input,select{border:1px solid rgba(148,163,184,.55);border-radius:var(--radius-sm);padding:12px 14px;font-family:inherit;font-size:.95rem;font-weight:500;color:var(--ink);background:#ffffffe6;box-shadow:inset 0 1px 2px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{outline:none;border-color:#6366f1a6;box-shadow:0 0 0 4px #6366f12e}input::placeholder{color:#94a3b8;font-weight:450}button{border:0;border-radius:var(--radius-sm);padding:12px 18px;font-family:inherit;font-size:.92rem;font-weight:700;letter-spacing:.02em;background:var(--accent);color:#fff;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}button:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btnPrimary{margin-top:6px;width:100%;padding:14px 20px;border-radius:var(--radius-md);background:linear-gradient(135deg,#4f46e5,#2563eb 48%,#0891b2);background-size:140% 140%;box-shadow:var(--accent-glow)}.btnPrimary:not(:disabled):hover{filter:brightness(1.05);box-shadow:0 12px 40px #4f46e573}.btnSecondary{border-radius:var(--radius-md);padding:11px 18px;background:#fffffff2;color:var(--accent);border:1px solid rgba(99,102,241,.35);box-shadow:var(--shadow-sm)}.btnSecondary:not(:disabled):hover{background:#fff;border-color:#6366f18c;color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 24px #0f172a14}.btnGhost{border-radius:var(--radius-md);padding:10px 16px;background:#ffffff8c;color:var(--ink-soft);border:1px solid var(--border);font-weight:650}.btnGhost:not(:disabled):hover{background:#ffffffeb;border-color:#6366f159;color:var(--accent);transform:translateY(-1px)}.btnGhostOnDark{background:#ffffff14;color:#e2e8f0;border-color:#ffffff2e}.btnGhostOnDark:not(:disabled):hover{background:#ffffff24;color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.googleTrackingSection{margin:6px 0 14px;border:1px solid rgba(148,163,184,.35);border-radius:10px;padding:12px;background:linear-gradient(180deg,#ffffffeb,#f8fafceb)}.googleTrackingHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.googleTrackingHead h3{margin:0;font-size:13px;letter-spacing:.02em}.googleConnectRow{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.googleTokenState{font-size:12px;color:#9f1239;background:#ffe4e6;border:1px solid #fecdd3;border-radius:999px;padding:5px 10px;font-weight:700}.googleTokenState.ok{color:#166534;background:#dcfce7;border-color:#bbf7d0}.checkboxRow{display:flex;flex-direction:row;align-items:center;gap:10px;margin:8px 0 12px;font-size:.82rem;font-weight:600;letter-spacing:normal;text-transform:none;color:inherit}.checkboxRow input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#4f46e5}.progressWrap{margin-top:12px}.progressMeta{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;font-weight:600;color:var(--ink-soft);margin-bottom:8px}.progressMeta strong{font-variant-numeric:tabular-nums;color:var(--accent)}.progressTrack{width:100%;height:12px;background:#0f172a0f;border-radius:999px;overflow:hidden;border:1px solid rgba(148,163,184,.25)}.progressFill{height:100%;background:linear-gradient(90deg,#4f46e5,#2563eb,#06b6d4);border-radius:inherit;transition:width .35s ease;position:relative;box-shadow:0 0 20px #4f46e559}.progressFill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translate(-100%);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.error{margin:0 0 18px;padding:14px 18px;border-radius:var(--radius-md);font-weight:600;font-size:.92rem;color:#991b1b;background:linear-gradient(180deg,#fef2f2,#fee2e2);border:1px solid rgba(248,113,113,.45);box-shadow:var(--shadow-sm)}.pageSpeedNote{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid rgba(251,191,36,.45);color:#92400e;border-radius:var(--radius-md);padding:14px 16px;font-size:.9rem;font-weight:500;line-height:1.45;margin:0 0 16px;box-shadow:var(--shadow-sm)}.pageSpeedMissing{margin-bottom:16px}.pageSpeedMissing code{font-size:12px;background:#f1f5f9;padding:2px 6px;border-radius:4px}.resultHeader{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px;padding:18px 20px;border-radius:var(--radius-md);background:linear-gradient(135deg,#f8fafcf2,#f1f5f9e6);border:1px solid rgba(148,163,184,.25)}.resultHeader h3{margin:4px 0 0;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--ink);word-break:break-word}.resultTopBar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(148,163,184,.25)}.resultTopBarText{min-width:0}.resultTopBar h2{margin:0;font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:var(--ink)}.resultTopHint{margin:6px 0 0;font-size:.88rem;font-weight:500;color:var(--ink-muted);line-height:1.4}.resultTopBar .btnSecondary{flex-shrink:0;align-self:center}.muted{color:var(--ink-muted);margin:0;font-weight:500}.scorePill{background:linear-gradient(145deg,#eef2ff,#e0e7ff);border:1px solid rgba(129,140,248,.45);border-radius:var(--radius-md);padding:14px 18px;display:flex;flex-direction:column;min-width:200px;box-shadow:var(--shadow-sm),inset 0 1px #ffffffa6;animation:scorePillGlow 3.5s ease-in-out infinite}.scorePill span{font-weight:800;font-size:1.02rem;letter-spacing:-.02em;color:#312e81}.scorePill small{color:#4338ca;margin-top:6px;font-weight:600;font-size:.82rem}.statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.progressTrackingWrap{margin-bottom:16px}.progressTrackingGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.progressCard{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:10px}.progressCard h4{margin:0 0 10px}.progressRow{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;padding:8px 0;border-bottom:1px dashed #e5e7eb}.progressRow:last-child{border-bottom:0}.progressRow strong{font-size:14px}.progressRow small{grid-column:1 / -1;color:#64748b}.statBox{background:linear-gradient(155deg,#fffffffa,#f8fafcf2);border:1px solid rgba(148,163,184,.35);border-radius:var(--radius-md);padding:16px 18px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.statBox:hover{transform:translateY(-3px);border-color:#6366f159;box-shadow:0 12px 32px #4f46e51f}.statBox p{margin:0 0 7px;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.statBox strong{font-size:24px;line-height:1.1;color:#0f172a}.statBox span{color:#334155;font-size:13px;line-height:1.45}.statBox.fullWidth{grid-column:1 / -1;background:linear-gradient(145deg,#fff,#f3f8ff)}.statBox.fullWidth strong.wrap{font-size:15px!important;color:#1e3a8a}.crawlNotice{margin:-4px 0 16px;padding:12px 14px;border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-md);background:#fffbebeb;color:#92400e;font-size:13px;line-height:1.5;font-weight:600}.gaGscGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}.gaGscHeaderRow{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.gaGscHeaderRow h4{margin:0}.trafficRightMeta{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;flex-wrap:wrap}.gaConnectBtn{width:auto;min-width:0;padding:4px 10px;font-size:12px;line-height:1.2;border-radius:999px;white-space:nowrap}.trafficRightMeta .googleTokenState{padding:4px 9px;font-size:11px;line-height:1.2}.trafficSummaryText{margin-top:10px}.googleSourceLine{margin:4px 0 10px;font-size:12px}.googleSourceRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.googleSourceRow .googleSourceLine{margin:0}.googleInlineBtn{min-width:0;padding:8px 12px;font-size:12px;line-height:1.2;border-radius:999px;box-shadow:none}.googleSourceLine strong{color:#1e293b;font-weight:700}.miniTrendChart{display:flex;flex-direction:column;gap:10px;min-height:170px;padding:10px;border-radius:10px;border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc)}.miniTrendSvg{width:100%;height:136px;overflow:visible}.miniTrendArea{fill:url(#trendAreaFill)}.miniTrendLine{fill:none;stroke:#38bdf8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 6px 14px rgba(56,189,248,.2))}.miniTrendDot{fill:#2563eb;stroke:#f8fafc;stroke-width:2}.miniTrendLabels{display:grid;grid-template-columns:repeat(auto-fit,minmax(24px,1fr));gap:8px}.miniTrendLabels span{text-align:center;font-size:10px;color:#64748b}.trendBadge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.trend-increase{background:#dcfce7;color:#166534}.trend-decrease{background:#fee2e2;color:#991b1b}.trend-flat{background:#e2e8f0;color:#334155}.plainList{margin:0;padding-left:18px}.suggestionsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.suggestionCount{display:inline-flex;align-items:center;border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.suggestionsList{list-style:none;margin:0;padding:0;display:grid;gap:8px}.suggestionItem{display:flex;gap:10px;align-items:flex-start;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.suggestionIcon{width:20px;height:20px;border-radius:999px;background:#dbeafe;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:0 0 20px}.metricCompareHeader,.metricCompareRow{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;align-items:center}.metricCompareHeader{padding:8px 0;border-bottom:1px solid #e5e7eb;margin-bottom:4px}.metricCompareRow{padding:9px 0;border-bottom:1px dashed #e5e7eb}.metricCompareRow:last-child{border-bottom:0}.metricCompareRow span:nth-child(2),.metricCompareRow span:nth-child(3),.metricCompareHeader strong:nth-child(2),.metricCompareHeader strong:nth-child(3){text-align:center}.pagespeedGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.pagespeedIssueBox{align-self:start;min-height:250px}.pagespeedIssueBox .suggestionsHeader{margin-bottom:10px}.pagespeedIssueBox .suggestionsHeader p{margin:0;line-height:1.2}.pagespeedIssueBox .suggestionsList{max-height:280px;overflow:auto;padding-right:4px}.suggestionGroupItem{background:#f8fafcb3;border:1px solid #dbe4f0;border-radius:10px;padding:10px}.suggestionGroupToggle{display:block}.suggestionGroupSummary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;list-style:none}.suggestionGroupSummary::-webkit-details-marker{display:none}.suggestionGroupMeta{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.suggestionGroupChevron{font-size:12px;color:#64748b;transition:transform .2s ease}.suggestionGroupToggle:not([open]) .suggestionGroupChevron{transform:rotate(-90deg)}.suggestionGroupTitle{margin:0;color:#334155;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.suggestionGroupSubCount{font-size:11px;color:#64748b;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.suggestionGroupDesc{margin:8px 0;color:#64748b;font-size:12px;line-height:1.45}.suggestionGroupIssues{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pagespeedIssueBox .suggestionItem{padding:11px 12px}.pagespeedIssueBox .suggestionItem span:last-child{font-size:13px;line-height:1.45;word-break:break-word}.pagespeedIssueBox .suggestionIcon{margin-top:1px}.auditMetaList{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(148,163,184,.3);display:grid;gap:8px}.metricCircleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;margin-bottom:16px}.metricCircleWrap{text-align:center;border-radius:12px;padding:10px 8px;border:1px solid #e5e7eb;background:#fff}.metricLabel{margin:4px 0 0;font-size:13px;color:#334155}.metricScore{margin:8px 0 0;font-size:14px;font-weight:700}.metricCircle{--value: 0;--ring-color: #3b82f6;width:86px;height:86px;margin:0 auto;border-radius:999px;background:conic-gradient(var(--ring-color) calc(var(--value) * 1%),#e8edf5 0);display:grid;place-items:center}.metricCircleInner{width:66px;height:66px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;display:grid;place-items:center;font-weight:700;color:#334155}.ringBlue{--ring-color: #3b82f6}.ringPink{--ring-color: #ec4899}.ringYellow{--ring-color: #eab308}.ringGreen{--ring-color: #22c55e}.ringPurple{--ring-color: #8b5cf6}.metricCircleWrap.ringBlue{background:#eff6ff}.metricCircleWrap.ringBlue .metricScore{color:#1d4ed8}.metricCircleWrap.ringPink{background:#fdf2f8}.metricCircleWrap.ringPink .metricScore{color:#be185d}.metricCircleWrap.ringYellow{background:#fefce8}.metricCircleWrap.ringYellow .metricScore{color:#a16207}.metricCircleWrap.ringGreen{background:#f0fdf4}.metricCircleWrap.ringGreen .metricScore{color:#15803d}.metricCircleWrap.ringPurple{background:#f5f3ff}.metricCircleWrap.ringPurple .metricScore{color:#6d28d9}.radarCard{background:linear-gradient(165deg,#ffffffe6,#f8fafcf2);border:1px solid rgba(148,163,184,.35);border-radius:var(--radius-md);padding:20px;margin-bottom:20px;display:flex;justify-content:center;box-shadow:var(--shadow-sm)}.radarSvg{width:320px;max-width:100%;height:auto}.radarRing{fill:none;stroke:#cbd5e1;stroke-dasharray:3 3;stroke-width:1}.radarAxis{stroke:#cbd5e1;stroke-width:1}.radarArea{fill:#2563eb38;stroke:#2563eb;stroke-width:2}.radarDot{fill:#2563eb}.radarLabel{font-size:11px;fill:#475569}.recommendationTableWrap{border:1px solid rgba(148,163,184,.35);border-radius:var(--radius-md);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow-sm);background:#ffffffa6}.recommendationTable{width:100%;border-collapse:collapse;background:#fff}.recommendationTable th,.recommendationTable td{text-align:left;padding:10px 12px;border-bottom:1px solid #eef2f7;vertical-align:middle}.recommendationTable th{background:linear-gradient(180deg,#f1f5f9,#e2e8f0);color:#334155;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.recommendationTable td:nth-child(1){width:64%}.recommendationTable td:nth-child(2){width:20%;color:#334155}.recommendationTable td:nth-child(3){width:16%}.resourceSummaryTitle{margin:6px 0 10px;font-size:15px;color:#1e293b}@keyframes resourceTheadIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes resourceTableRowIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pctBarGrow{0%{transform:scaleX(0);opacity:.4}to{transform:scaleX(1);opacity:1}}.resourceTableWrap thead tr{animation:resourceTheadIn .45s cubic-bezier(.22,1,.36,1) both}.resourceTableWrap .resourceDataRow,.resourceTableWrap .resourceTotalRow{animation:resourceTableRowIn .42s cubic-bezier(.22,1,.36,1) both}.resourceTableWrap .resourceDataRow{animation-delay:calc(var(--stagger, 0) * 55ms)}.resourceTableWrap .resourceTotalRow{animation-delay:calc(var(--row-count, 0) * 55ms + 75ms)}.resourceTableWrap .resourceDataRow,.resourceTableWrap .resourceTotalRow{transition:background-color .22s ease,box-shadow .22s ease}.resourceTableWrap .resourceDataRow:hover{background:#f0f9ff;box-shadow:inset 3px 0 #3b82f6}.resourceTableWrap .resourceTotalRow{background:linear-gradient(180deg,#fafbfc,#f1f5f9)}.resourceTableWrap .resourceTotalRow:hover{background:#eef6ff;box-shadow:inset 3px 0 #6366f1}.resourceMetricTable th:nth-child(2),.resourceMetricTable th:nth-child(3),.resourceMetricTable .tablePctCell,.resourceMetricTable .tableNumCell{text-align:right}.resourceMetricTable .tablePctCell,.resourceMetricTable .tableNumCell{font-variant-numeric:tabular-nums}.tablePctCell{position:relative;overflow:hidden;vertical-align:middle}.tablePctCell:before{content:"";position:absolute;left:10px;top:50%;margin-top:-10px;height:20px;width:calc(var(--pct, 0) * 1%);max-width:calc(100% - 20px);border-radius:6px;background:linear-gradient(90deg,#bfdbfea6,#93c5fd59);transform-origin:left center;transform:scaleX(0);animation:pctBarGrow .78s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--stagger, 0) * 55ms + .18s);pointer-events:none;z-index:0}.tablePctCellTotal:before{width:calc(100% - 20px);max-width:calc(100% - 20px);background:linear-gradient(90deg,#6366f11f,#3b82f62e);animation-delay:calc(var(--row-count, 0) * 55ms + .22s)}.tablePctValue{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.resourceTableWrap thead tr,.resourceTableWrap .resourceDataRow,.resourceTableWrap .resourceTotalRow{animation:none!important;opacity:1;transform:none}.tablePctCell:before{animation:none!important;transform:scaleX(1);opacity:1}}.priorityBadge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.priorityHigh{background:#ffe4e6;color:#be123c}.priorityMedium{background:#fef9c3;color:#a16207}.priorityLow{background:#dcfce7;color:#15803d}.previewGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:16px}.topPreviewGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:16px}.topPreviewCard{background:linear-gradient(180deg,#fffffff2,#f8fafcfa);border:1px solid rgba(148,163,184,.35);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm)}.topPreviewCard h4{margin:0 0 10px}.previewScoreWrap{display:flex;justify-content:center;margin-top:10px}.previewCard{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:10px}.previewCard h4{margin:0 0 10px}.previewImage{display:block;width:100%;object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:zoom-in;transition:transform .35s ease,box-shadow .35s ease}.previewImage:hover{transform:scale(1.015);box-shadow:0 10px 28px #0f172a1f}.previewImage.desktop{min-height:340px}.previewImage.mobile{max-width:170px;margin:0 auto;min-height:220px}.wrap{word-break:break-word;font-size:14px!important}.imageModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#070b14b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.imageModalCard{width:min(96vw,1200px);max-height:92vh;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff14;border:1px solid rgba(148,163,184,.25)}.imageModalHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid rgba(148,163,184,.25);background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.imageModalHeader h3{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.imageModalCloseBtn{font-weight:700;color:#0f172a;background:#0f172a0f;border-color:#64748b59}.imageModalCloseBtn:not(:disabled):hover{color:#1d4ed8;background:#3b82f61a;border-color:#3b82f673}.imageModalPreview{width:100%;max-height:calc(92vh - 60px);object-fit:contain;background:#f8fafc}.onPageAuditSection{margin-top:24px;padding:0}.onPageAuditHeader{margin-bottom:16px}.onPageAuditTitle{margin:0 0 6px;font-size:1.2rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.onPageAuditSubtitle{margin:0;font-size:13px;color:#64748b;line-height:1.45}.auditPanel{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0f172a0f,0 8px 24px #0f172a0a;overflow:hidden;margin-bottom:20px}.auditTableScroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.auditTable{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.auditTable thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.auditTable th{text-align:left;padding:14px 18px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;border-bottom:1px solid #e2e8f0}.auditTable tbody tr{transition:background-color .15s ease}.auditTable tbody tr:nth-child(2n){background:#fafbfc}.auditTable tbody tr:hover{background:#f0f9ff}.auditTable td{padding:16px 18px;vertical-align:top;border-bottom:1px solid #f1f5f9;color:#334155;line-height:1.5}.auditTable tbody tr:last-child td{border-bottom:none}.auditCheckCell{font-weight:600;color:#0f172a;white-space:nowrap;width:1%}.auditCheckIcon{display:inline-block;margin-right:8px;color:#3b82f6;font-size:8px;vertical-align:middle;opacity:.85}.auditValueCell{max-width:320px;word-break:break-word;color:#475569;font-size:13px}.auditStatusCell{width:1%;white-space:nowrap}.auditStatusPill{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em}.auditStatusPill.pass{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#14532d;border:1px solid #86efac}.auditStatusPill.warn{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#9a3412;border:1px solid #fdba74}.auditStatusPill.info{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;border:1px solid #a5b4fc}.auditMeta{display:block;margin-top:6px;font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.auditStatusCell .auditMeta{display:inline-block;margin-top:0;margin-left:10px;vertical-align:middle}.auditStacked{display:flex;flex-direction:column;gap:8px}.auditStacked strong{color:#64748b;font-weight:600;margin-right:6px;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.auditInlineNote{color:#94a3b8;font-size:12px;font-weight:500}.auditOgImageWrap{display:block}.auditOgImageUrl{display:inline-block;max-width:100%;word-break:break-all;font-size:12px;color:#2563eb}.structuredSnippetPanel{margin:0 0 20px;padding:16px 18px 18px;border-radius:14px;border:1px solid #e2e8f0;background:linear-gradient(165deg,#f8fafc,#f1f5f9 55%,#eef2ff);box-shadow:0 2px 12px #0f172a0d}.structuredSnippetTitle{margin:0 0 6px;font-size:.95rem;font-weight:700;color:#0f172a}.structuredSnippetHint{margin:0 0 12px;font-size:12px;color:#64748b;line-height:1.45}.structuredSnippetCode{margin:0;padding:14px 16px;border-radius:10px;background:#0f172a;color:#e2e8f0;font-size:11px;line-height:1.55;overflow-x:auto;white-space:pre-wrap;word-break:break-word;border:1px solid #1e293b;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace}.serpPreviewBlock{border-radius:16px;border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc);padding:18px 20px 20px;box-shadow:0 4px 20px #0f172a0f}.serpPreviewHeader{margin-bottom:14px}.serpPreviewBadge{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#6366f1;background:#eef2ff;padding:4px 10px;border-radius:6px;margin-bottom:8px}.serpPreviewHeading{margin:0 0 4px;font-size:1rem;font-weight:700;color:#0f172a}.serpPreviewHint{margin:0;font-size:13px;color:#64748b}.serpCard{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a,0 12px 40px #0f172a0f;overflow:hidden}.serpCardInner{padding:18px 20px 20px;max-width:600px}.serpSiteRow{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.serpFavicon{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);flex-shrink:0;box-shadow:inset 0 0 0 1px #fff9}.serpSiteMeta{display:flex;flex-direction:column;gap:2px;min-width:0}.serpSiteName{font-size:14px;color:#202124;font-weight:400;line-height:1.3}.serpBreadcrumb{font-size:12px;color:#202124;line-height:1.35;word-break:break-all;opacity:.75}.serpTitle{color:#1a0dab;font-size:20px;font-weight:400;line-height:1.3;margin:0 0 6px;cursor:default}.serpTitle:hover{text-decoration:underline;text-decoration-color:#1a0dab59}.serpDesc{color:#4d5156;font-size:14px;line-height:1.58;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 640px){.auditCheckCell{white-space:normal}.auditValueCell{max-width:none}.auditTable th:nth-child(2),.auditTable td.auditValueCell{min-width:160px}}.sampleTheme.appRoot:before{background:radial-gradient(110% 60% at 50% -10%,rgba(99,102,241,.14),transparent 56%),linear-gradient(180deg,#f4f6fb,#eef1f8);animation:none}.sampleTheme{color:#1f2937}.sampleTheme .shellHeader{background:#fff;border:1px solid #e6ebf5;box-shadow:0 6px 22px #0f172a0f;padding:14px 18px;border-radius:14px}.sampleTheme .shellLogoMark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#6366f1,#3b82f6);box-shadow:0 8px 20px #4f46e53d}.sampleTheme .shellLogoMark:after{width:18px;height:18px}.sampleTheme .appTitle{font-size:clamp(1.35rem,3vw,1.7rem)}.sampleTheme .shellTagline{font-size:.84rem;color:#6b7280}.sampleTheme .sessionPill{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}.sampleTheme .sessionDot{box-shadow:0 0 0 3px #22c55e33}.sampleTheme .card{background:#fff;border:1px solid #e6ebf5;box-shadow:0 6px 20px #0f172a0d;border-radius:14px;padding:18px}.sampleTheme .card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14;border-color:#dbe3f2}.sampleTheme .cardHead{margin-bottom:14px;padding-bottom:12px}.sampleTheme .cardHead h2{font-size:1.02rem}.sampleTheme .cardSub{font-size:.8rem}.sampleTheme label{font-size:.72rem;color:#4b5563;letter-spacing:.05em}.sampleTheme input,.sampleTheme select{background:#f9fbff;border:1px solid #dbe3f2;padding:10px 12px}.sampleTheme .btnPrimary{width:auto;min-width:150px;background:linear-gradient(135deg,#5b6cf9,#4f46e5);border-radius:10px;box-shadow:0 8px 18px #4f46e53d;padding:11px 16px}.sampleTheme .btnSecondary,.sampleTheme .btnGhost{border-radius:10px;padding:9px 14px;font-size:.84rem}.sampleTheme .resultTopBar{border-bottom:1px solid #ecf1f7;margin-bottom:14px;padding-bottom:12px}.sampleTheme .resultTopBar h2{font-size:1.15rem}.sampleTheme .resultTopHint{font-size:.8rem}.sampleTheme .resultHeader{border:1px solid #e8edf6;background:#f8faff;padding:14px;border-radius:12px}.sampleTheme .scorePill{background:#eef2ff;border-color:#c7d2fe;box-shadow:none}.sampleTheme .statsGrid{gap:10px}.sampleTheme .statBox{border-radius:12px;border:1px solid #e6ebf5;background:#fff;box-shadow:0 2px 10px #0f172a0a;padding:12px}.sampleTheme .statBox strong{font-size:1.4rem}.sampleTheme .progressCard,.sampleTheme .topPreviewCard,.sampleTheme .radarCard,.sampleTheme .serpPreviewBlock,.sampleTheme .auditPanel{border:1px solid #e6ebf5;box-shadow:0 2px 10px #0f172a0a;border-radius:12px}.sampleTheme .recommendationTableWrap{border:1px solid #e6ebf5;border-radius:12px;box-shadow:0 2px 8px #0f172a0a}.sampleTheme .recommendationTable th{background:#f7f9fd;color:#475569}.sampleTheme .recommendationTable td{border-bottom-color:#eff3fa}.sampleTheme .resourceTableWrap .resourceDataRow:hover{background:#f3f7ff}.sampleTheme .imageModalOverlay{background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sampleTheme .imageModalCard{border-radius:14px}@media (max-width: 900px){.sampleTheme .shellHeader{padding:12px 14px}.sampleTheme .btnPrimary{width:100%}}.sampleTheme .sampleTopFrame{background:radial-gradient(circle at 5% 5%,rgba(99,102,241,.12),transparent 38%),linear-gradient(180deg,#fff,#fbfcff);border:1px solid #dbe4f2;border-radius:14px;padding:12px 16px 14px;margin-bottom:16px;box-shadow:0 8px 22px #0f172a0f}.sampleTheme.hasRail .shellHeader,.sampleTheme.hasRail .sampleTopFrame,.sampleTheme.hasRail .auditForm,.sampleTheme.hasRail .error,.sampleTheme.hasRail .resultReveal{margin-left:288px}.sampleTheme .utilityRail{position:fixed;top:18px;left:calc((100vw - min(99.8vw,1920px))/2 + 14px);z-index:20;width:264px;max-height:calc(100vh - 36px);overflow-y:auto;overflow-x:hidden;margin:0;padding:12px;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dfe7f5;box-shadow:0 8px 18px #0f172a0f;height:100%}.sampleTheme .utilityRailTitle{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-weight:700}.sampleTheme .utilityRailLink{display:block;text-decoration:none;color:#334155;font-size:13px;padding:8px 9px;border-radius:8px;margin-bottom:4px;border:1px solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.sampleTheme .utilityRailLink:hover{background:#eef2ff;border-color:#c7d2fe;color:#312e81;transform:translate(2px)}.sampleTheme .utilityRailLinkActive{background:#e8eeff;border-color:#a5b4fc;color:#312e81;font-weight:700;box-shadow:inset 3px 0 #4f46e5}.sampleTheme .sampleTopRow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px}.sampleTheme .sampleCrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.sampleTheme .sampleCrumb strong{color:#1f2937;font-weight:700}.sampleTheme .sampleActions{display:inline-flex;align-items:center;gap:8px}.sampleTheme .sampleActionBtn{font-size:12px;padding:7px 11px;border-radius:8px}.sampleTheme .sampleTabs{display:flex;align-items:center;gap:18px;overflow-x:auto;border-top:1px solid #e9eef8;padding:10px 2px 0}.sampleTheme .sampleTab{white-space:nowrap;font-size:12px;color:#4b5563;padding:0 0 8px;border-bottom:2px solid transparent;transition:color .2s ease}.sampleTheme .sampleTab:hover{color:#374151}.sampleTheme .sampleTabActive{color:#1f2937;font-weight:700;border-bottom-color:#4f46e5}.sampleTheme .sampleInsights{margin-top:12px;padding-top:12px;border-top:1px dashed #e7edf8;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.sampleTheme .sampleInsightCard{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e2e9f5;border-radius:11px;padding:10px 12px;min-height:72px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sampleTheme .sampleInsightCard:hover{transform:translateY(-2px);border-color:#c7d2fe;box-shadow:0 10px 18px #4f46e51f}.sampleTheme .sampleInsightCard p{margin:0 0 6px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-weight:700}.sampleTheme .sampleInsightCard strong{font-size:1.3rem;letter-spacing:-.02em;color:#1e293b}.sampleTheme .resultReveal h3{margin:20px 0 10px;font-size:12px;letter-spacing:.02em;text-transform:none;color:#374151}.sampleTheme .metricCircleGrid{gap:10px}.sampleTheme .metricCircleWrap{border-radius:10px;border-color:#e5eaf3}.sampleTheme .progressTrackingGrid,.sampleTheme .topPreviewGrid{gap:10px}.sampleTheme .auditTable th{background:#f8fafd;color:#6b7280}.sampleTheme .auditTable tbody tr:nth-child(2n){background:#fbfcff}.sampleTheme .auditTable tbody tr:hover{background:#f3f7ff}@media (max-width: 900px){.sampleTheme.hasRail .shellHeader,.sampleTheme.hasRail .sampleTopFrame,.sampleTheme.hasRail .auditForm,.sampleTheme.hasRail .error,.sampleTheme.hasRail .resultReveal{margin-left:0}.sampleTheme .utilityRail{position:static;left:auto;top:auto;max-height:none;overflow:visible;width:auto;margin:0 0 12px}.sampleTheme .utilityRailLink{display:inline-flex;margin-right:6px}.sampleTheme .sampleTopRow{flex-direction:column;align-items:flex-start}.sampleTheme .sampleInsights{grid-template-columns:repeat(2,minmax(0,1fr))}}.powerTheme.appRoot:before{background:radial-gradient(circle at 15% 0%,rgba(99,102,241,.25),transparent 35%),radial-gradient(circle at 95% 20%,rgba(14,165,233,.2),transparent 30%),linear-gradient(180deg,#0b1020,#111936 46%,#0f172a);animation:none}.powerTheme{color:#e2e8f0}.powerTheme.hasRail .shellHeader,.powerTheme.hasRail .sampleTopFrame,.powerTheme.hasRail .auditForm,.powerTheme.hasRail .error,.powerTheme.hasRail .resultReveal{margin-left:300px}.powerTheme .shellHeader,.powerTheme .sampleTopFrame,.powerTheme .card{background:linear-gradient(155deg,#121b33e6,#0d1428e6);border:1px solid rgba(148,163,184,.2);box-shadow:0 18px 44px #02061773,inset 0 1px #ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.powerTheme .shellTagline,.powerTheme .muted,.powerTheme .cardSub{color:#94a3b8}.powerTheme .loginCardRegister .cardHead h2{color:#93c5fd}.powerTheme .loginCard .cardHead h2,.powerTheme .loginCardRegister .cardSub{color:#bfdbfe}.powerTheme .loginCard .cardSub{color:#cbd5e1}.powerTheme .loginSwitchBtn{color:#e2e8f0;border-color:#94a3b880;background:#1e293bc7}.powerTheme .loginSwitchBtn:not(:disabled):hover{color:#f8fafc;border-color:#60a5faa6;background:#334155d9}.powerTheme .appTitle{color:#e2e8f0}.powerTheme .sampleTopFrame{position:relative;overflow:hidden}.powerTheme .sampleTopFrame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.powerTheme .sampleCrumb{color:#a3adc2}.powerTheme .sampleCrumb strong{color:#f8fafc}.powerTheme .sampleTabs{border-top-color:#94a3b833}.powerTheme .sampleTab{color:#9ca3af}.powerTheme .sampleTab:hover{color:#e2e8f0}.powerTheme .sampleTabActive{color:#f8fafc;border-bottom-color:#38bdf8}.powerTheme .sampleInsightCard{background:linear-gradient(160deg,#1e2949e6,#101830eb);border-color:#60a5fa4d;min-height:78px}.powerTheme .sampleInsightCard p{color:#93c5fd}.powerTheme .sampleInsightCard strong{color:#f8fafc}.powerTheme .sampleInsightCard:nth-child(1){border-color:#6366f180}.powerTheme .sampleInsightCard:nth-child(2){border-color:#0ea5e980}.powerTheme .sampleInsightCard:nth-child(3){border-color:#10b98173}.powerTheme .sampleInsightCard:nth-child(4){border-color:#f472b673}.powerTheme label{color:#cbd5e1}.powerTheme input,.powerTheme select{background:#0f172ae6;border-color:#94a3b859;color:#e2e8f0}.powerTheme input::placeholder{color:#64748b}.powerTheme input:focus,.powerTheme select:focus{border-color:#38bdf8b3;box-shadow:0 0 0 3px #38bdf833}.powerTheme .googleTrackingSection{background:linear-gradient(180deg,#0f172ae6,#1e293bd9);border-color:#94a3b842}.powerTheme .googleTrackingHead h3{color:#e2e8f0}.powerTheme .googleTokenState{color:#fecaca;background:#dc262633;border-color:#f8717159}.powerTheme .googleTokenState.ok{color:#bbf7d0;background:#16a34a3d;border-color:#4ade8059}.powerTheme .checkboxRow{color:#cbd5e1}.powerTheme .resultTopBar{border-bottom-color:#94a3b833}.powerTheme .resultTopBar h2,.powerTheme .resultHeader h3,.powerTheme .resultReveal h3,.powerTheme .resultReveal h4{color:#e7edf8}.powerTheme .resultHeader{background:linear-gradient(120deg,#2563eb2e,#0f172a26);border-color:#7dd3fc4d}.powerTheme .scorePill{background:linear-gradient(135deg,#1e40af3d,#6366f11f);border-color:#93c5fd38}.powerTheme .scorePill span{color:#d8e2f3}.powerTheme .scorePill small{color:#9db3d4}.powerTheme .statBox{background:linear-gradient(160deg,#0f172aeb,#1e293be6);border-color:#94a3b84d}.powerTheme .statBox p{color:#93a5be}.powerTheme .statBox strong{color:#f8fafc}.powerTheme .crawlNotice{background:#78350f38;border-color:#fbbf2459;color:#fde68a}.powerTheme .miniTrendChart{background:linear-gradient(180deg,#0f172ae6,#1e293bd9);border-color:#94a3b83d}.powerTheme .miniTrendLine{stroke:#22d3ee}.powerTheme .miniTrendDot{fill:#6366f1;stroke:#0f172af2}.powerTheme .miniTrendLabels span{color:#94a3b8}.powerTheme .trend-increase{background:#16a34a47;color:#bbf7d0}.powerTheme .trend-decrease{background:#dc26263d;color:#fecaca}.powerTheme .trend-flat{background:#64748b59;color:#e2e8f0}.powerTheme .googleSourceLine strong{color:#e2e8f0}.powerTheme .googleInlineBtn{box-shadow:none}.powerTheme .statsGrid .statBox:nth-child(1){border-left:3px solid #60a5fa}.powerTheme .statsGrid .statBox:nth-child(2){border-left:3px solid #38bdf8}.powerTheme .statsGrid .statBox:nth-child(3){border-left:3px solid #22d3ee}.powerTheme .statsGrid .statBox:nth-child(4){border-left:3px solid #818cf8}.powerTheme .progressCard,.powerTheme .topPreviewCard,.powerTheme .radarCard,.powerTheme .serpPreviewBlock,.powerTheme .auditPanel,.powerTheme .recommendationTableWrap{background:linear-gradient(160deg,#0f172af2,#1e293beb);border-color:#94a3b847;box-shadow:0 12px 30px #02061759}.powerTheme .recommendationTable{background:transparent}.powerTheme .recommendationTable th{background:#1e293bc7;color:#b7c5db}.powerTheme .recommendationTable td{color:#ced8e8;border-bottom-color:#94a3b826}.powerTheme .recommendationTable tbody tr:hover{background:#3b82f612}.powerTheme .resourceTableWrap .resourceDataRow:hover{background:#38bdf814}.powerTheme .tablePctCell:before{background:linear-gradient(90deg,#38bdf87a,#6366f16b);box-shadow:0 0 14px #38bdf833}.powerTheme .tablePctValue{color:#dbeafe;font-weight:700;text-shadow:0 1px 0 rgba(2,6,23,.55)}.powerTheme .resourceMetricTable .tableNumCell{color:#dbeafe}.powerTheme .resourceSummaryTitle{color:#cbd5e1}.powerTheme .resourceTableWrap .resourceTotalRow{background:linear-gradient(180deg,#1e293beb,#0f172ae6);box-shadow:inset 0 1px #94a3b81f}.powerTheme .resourceTableWrap .resourceTotalRow:hover{background:linear-gradient(180deg,#3341558c,#1e293bf2);box-shadow:inset 3px 0 #38bdf8}.powerTheme .resourceTableWrap .resourceTotalRow td{color:#e8eef6}.powerTheme .resourceTableWrap .resourceTotalRow .tablePctCellTotal:before{background:linear-gradient(90deg,#38bdf8a6,#818cf88c)}.powerTheme .resourceTableWrap .resourceTotalRow .tablePctCellTotal .tablePctValue,.powerTheme .resourceTableWrap .resourceTotalRow .tablePctCellTotal .tablePctValue strong{color:#0b1220;font-weight:800}.powerTheme .imageModalCloseBtn{color:#f8fafc;background:#ffffff1f;border-color:#ffffff47}.powerTheme .imageModalCloseBtn:not(:disabled):hover{color:#fff;background:#38bdf838;border-color:#38bdf88c}.powerTheme .metricCircle{box-shadow:0 0 0 6px #0f172a73,0 0 14px #38bdf824}.powerTheme .radarRing,.powerTheme .radarAxis{stroke:#4b5b77}.powerTheme .radarArea{fill:#38bdf82e;stroke:#38bdf8}.powerTheme .radarDot{fill:#5bc6d7}.powerTheme .radarLabel{fill:#cbd5e1}.powerTheme .utilityRail{background:linear-gradient(170deg,#141e38f0,#0d1428f2);border-color:#94a3b842;box-shadow:0 20px 32px #02061766}.powerTheme .utilityRailTitle{color:#9ab0cd}.powerTheme .utilityRailLink{color:#d1d9e6}.powerTheme .utilityRailLink:hover{background:#3b82f61a;border-color:#60a5fa4d;color:#f8fafc}.powerTheme .utilityRailLinkActive{background:#38bdf833;border-color:#38bdf873;color:#f8fafc;font-weight:700;box-shadow:inset 3px 0 #38bdf8}.powerTheme .progressTrack{background:#1e293be6;border-color:#94a3b847}.powerTheme .progressFill{background:linear-gradient(90deg,#6366f1,#38bdf8,#22d3ee);box-shadow:0 0 12px #38bdf840}.powerTheme .metricCompareHeader{border-bottom-color:#94a3b847}.powerTheme .metricCompareHeader strong{color:#dbe5f5}.powerTheme .metricCompareRow{border-bottom-color:#94a3b82e}.powerTheme .metricCompareRow span{color:#bcc9dd}.powerTheme .metricCompareRow span:nth-child(2),.powerTheme .metricCompareRow span:nth-child(3){color:#d5e4fb;font-weight:600}.powerTheme .pagespeedIssueBox .suggestionsList{scrollbar-color:rgba(125,211,252,.5) rgba(15,23,42,.45)}.powerTheme .pagespeedIssueBox .suggestionItem{background:linear-gradient(180deg,#0f172af2,#1e293bd9);border-color:#94a3b840}.powerTheme .pagespeedIssueBox .suggestionItem span:last-child{color:#d5deec}.powerTheme .pagespeedIssueBox .suggestionIcon{background:#38bdf833;color:#7dd3fc}.powerTheme .statBox.fullWidth .suggestionItem{background:linear-gradient(180deg,#0f172af5,#1e293be6)!important;border-color:#94a3b847!important}.powerTheme .statBox.fullWidth .suggestionItem:hover{background:linear-gradient(180deg,#1e293beb,#334155db)!important;border-color:#7dd3fc73!important}.powerTheme .statBox.fullWidth .suggestionItem span:last-child{color:#dbe6f6!important}.powerTheme .statBox.fullWidth .suggestionIcon{background:#38bdf838!important;color:#7dd3fc!important}.powerTheme .statBox.fullWidth .suggestionsHeader p{color:#b7c5db}.powerTheme .statBox.fullWidth .suggestionCount{background:#1e293bdb;border-color:#94a3b861;color:#dbeafe}.powerTheme .suggestionGroupItem{background:linear-gradient(180deg,#0f172ac7,#1e293b94);border-color:#94a3b83d}.powerTheme .suggestionGroupTitle{color:#d8e4f5}.powerTheme .suggestionGroupDesc,.powerTheme .suggestionGroupSubCount{color:#9fb1cb}.powerTheme .auditMetaList{border-top-color:#94a3b840}.powerTheme .suggestionGroupChevron{color:#9fb1cb}.powerTheme .onPageAuditTitle{color:#e8eefb}.powerTheme .onPageAuditSubtitle{color:#9baecc}.powerTheme .auditPanel{background:linear-gradient(165deg,#0d1428fa,#131c34f2);border-color:#94a3b838;box-shadow:0 10px 28px #0206175c}.powerTheme .auditTable{background:transparent}.powerTheme .auditTable thead{background:linear-gradient(180deg,#1e293be0,#0f172ae6)}.powerTheme .auditTable th{color:#b8c8df;border-bottom-color:#94a3b83d}.powerTheme .auditTable tbody tr:nth-child(2n){background:#94a3b80f}.powerTheme .auditTable tbody tr:hover{background:#3b82f614}.powerTheme .auditTable td{border-bottom-color:#94a3b824;color:#cfdbec}.powerTheme .auditCheckCell{color:#e2ebf9}.powerTheme .auditValueCell{color:#bcc9dd}.powerTheme .auditCheckIcon{color:#60a5fa}.powerTheme .auditStacked strong,.powerTheme .auditMeta{color:#8ea3c3}.powerTheme .auditOgImageUrl{color:#93c5fd}.powerTheme .auditStatusPill.pass{background:linear-gradient(135deg,#16a34a4d,#22c55e33);color:#bbf7d0;border-color:#4ade8073}.powerTheme .auditStatusPill.warn{background:linear-gradient(135deg,#d977064d,#fb923c33);color:#fed7aa;border-color:#fb923c66}.powerTheme .auditStatusPill.info{background:linear-gradient(135deg,#4f46e547,#3b82f633);color:#c7d2fe;border-color:#818cf86b}.powerTheme .pageSpeedNote{background:linear-gradient(145deg,#fbbf242e,#f59e0b1f);border-color:#fbbf2459;color:#fcd34d}.powerTheme .error{background:linear-gradient(145deg,#f8717126,#991b1b1a);border-color:#f871714d;color:#fecaca}.powerTheme .serpCard{background:#02061780;border-color:#94a3b838}.powerTheme .serpSiteName,.powerTheme .serpBreadcrumb{color:#cbd5e1}.powerTheme .serpTitle{color:#93c5fd}.powerTheme .serpDesc{color:#a8b7cb}.powerTheme .imageModalCard{background:linear-gradient(180deg,#111827,#0f172a);border-color:#94a3b840}.powerTheme .imageModalHeader{background:linear-gradient(180deg,#1e293bf2,#111827f2);border-bottom-color:#94a3b82e}.powerTheme .imageModalHeader h3{color:#e2e8f0}.shellHeaderMeta{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.themeToggleBtn{min-width:86px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding-inline:12px}.themeIcon{font-size:14px;line-height:1}.themeLabel{font-size:12px;font-weight:700}.themeToggleLight{background:#4f46e514;border-color:#6366f140;color:#4338ca}.themeToggleLight:hover{background:#4f46e526}.themeToggleDark{background:#38bdf81f;border-color:#38bdf859;color:#bae6fd}.themeToggleDark:hover{background:#38bdf833}.utilityThemeChip{width:100%;margin:0 0 8px;justify-content:flex-start;padding:8px 10px}@media (max-width: 900px){.powerTheme.hasRail .shellHeader,.powerTheme.hasRail .sampleTopFrame,.powerTheme.hasRail .auditForm,.powerTheme.hasRail .error,.powerTheme.hasRail .resultReveal{margin-left:0}}.captureExport{background:#fff!important;color:#0f172a!important;box-shadow:none!important;border-color:#dbe3f0!important;filter:none!important}.captureExport *,.captureExport *:before,.captureExport *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important;animation:none!important;transition:none!important;transform:none!important}.captureExport .utilityRail,.captureExport .themeToggleBtn,.captureExport .utilityThemeChip{display:none!important}.captureExport .card,.captureExport .statBox,.captureExport .topPreviewCard,.captureExport .progressCard,.captureExport .auditPanel,.captureExport .recommendationTableWrap,.captureExport .serpPreviewBlock,.captureExport .radarCard{background:#fff!important;color:#0f172a!important;border-color:#dbe3f0!important;box-shadow:none!important}.captureExport .recommendationTable,.captureExport .auditTable{background:#fff!important}.captureExport .recommendationTable th,.captureExport .auditTable th{background:#f7f9fc!important;color:#334155!important}.captureExport .recommendationTable td,.captureExport .auditTable td,.captureExport .muted,.captureExport .resultTopHint,.captureExport .cardSub{color:#334155!important}.captureExport .googleSourceLine strong,.captureExport .trafficSummaryText,.captureExport .trendBadge,.captureExport .miniTrendLabels span{color:#0f172a!important}.captureExport .miniTrendChart{background:#fff!important;border-color:#dbe3f0!important}.captureExport .miniTrendLine{stroke:#2563eb!important;filter:none!important}.captureExport .miniTrendDot{fill:#2563eb!important;stroke:#fff!important}.captureExport .recommendationTableWrap,.captureExport .auditTableScroll,.captureExport .resourceTableWrap,.captureExport .miniTrendChart{overflow:visible!important;max-height:none!important;height:auto!important}.captureExport table,.captureExport tbody,.captureExport tr{break-inside:avoid}.pdfExportTheme,.pdfExportTheme *{opacity:1!important;filter:none!important;animation:none!important;transition:none!important;transform:none!important}.pdfExportTheme{background:#fff!important;color:#0f172a!important}.pdfExportTheme .appRoot:before,.pdfExportTheme:before{display:none!important;content:none!important}.pdfExportTheme .container,.pdfExportTheme .card,.pdfExportTheme .resultReveal,.pdfExportTheme .sampleTopFrame,.pdfExportTheme .resultHeader{background:#fff!important;color:#0f172a!important;border-color:#dbe3f0!important;box-shadow:none!important}.pdfExportTheme .recommendationTableWrap,.pdfExportTheme .auditPanel,.pdfExportTheme .progressCard,.pdfExportTheme .topPreviewCard,.pdfExportTheme .radarCard,.pdfExportTheme .serpPreviewBlock,.pdfExportTheme .statBox,.pdfExportTheme .miniTrendChart{background:#fff!important;border-color:#dbe3f0!important;box-shadow:none!important}.pdfExportTheme .googleSourceLine strong,.pdfExportTheme .trafficSummaryText,.pdfExportTheme .trendBadge,.pdfExportTheme .miniTrendLabels span{color:#0f172a!important}.pdfExportTheme .miniTrendLine{stroke:#2563eb!important;filter:none!important}.pdfExportTheme .miniTrendDot{fill:#2563eb!important;stroke:#fff!important}.pdfExportTheme .recommendationTableWrap,.pdfExportTheme .auditTableScroll,.pdfExportTheme .resourceTableWrap,.pdfExportTheme .miniTrendChart{overflow:visible!important;max-height:none!important;height:auto!important}