:root{--rule:oklch(0.92 0.005 280);--net-google:oklch(0.62 0.20 250);--net-meta:oklch(0.58 0.22 285);--net-linkedin:oklch(0.55 0.13 235);--net-tiktok:oklch(0.55 0.04 280);--net-tiktok-soft:oklch(0.55 0.04 280/0.10);--net-msft:oklch(0.62 0.18 145);--ppc-warn:oklch(0.7 0.16 75);--ppc-bad:oklch(0.62 0.20 25);--ppc-good:oklch(0.62 0.18 145)}.ppc-card{background:oklch(1 0 0);border:1px solid var(--rule);border-radius:18px;padding:22px;box-shadow:0 30px 80px -24px rgba(20,50,49,.18),0 8px 24px -8px rgba(20,50,49,.1);position:relative;z-index:1}.ppc-card-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--rule);margin-bottom:16px}.ppc-card-eyebrow{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:4px}.ppc-card-h{font-family:"Instrument Serif",Georgia,serif;font-size:19px;font-style:italic;color:var(--ink);letter-spacing:-.01em}.ppc-card-pace{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;color:var(--ppc-good);background:oklch(.62 .18 145/.1);border-radius:999px;border:1px solid oklch(.62 .18 145/.22)}.ppc-pace-dot{width:6px;height:6px;border-radius:50%;background:var(--ppc-good);box-shadow:0 0 0 3px oklch(.62 .18 145/.18);animation:ppcPulse 2s ease-in-out infinite}@keyframes ppcPulse{0%,to{box-shadow:0 0 0 3px oklch(.62 .18 145/.18)}50%{box-shadow:0 0 0 6px oklch(.62 .18 145/0)}}.ppc-bigstat{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:4px 0 18px;border-bottom:1px solid var(--rule);margin-bottom:16px}.ppc-bigstat-label{font-size:13px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.ppc-bigstat-num{font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.ppc-bigstat-unit{font-size:18px;color:var(--ink-3);margin-left:1px}.ppc-bigstat-trend{font-family:var(--font-mono);font-size:13px;color:var(--ink-3);margin-top:4px}.ppc-bigstat-trend.up{color:var(--ppc-good)}.ppc-net-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.ppc-net-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;font-size:12px;position:relative;padding-bottom:10px;border-bottom:1px dashed oklch(0 0 0/.06)}.ppc-net-row:last-child{border-bottom:0;padding-bottom:0}.ppc-net-name{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:500}.ppc-net-dot{width:9px;height:9px;border-radius:3px}.ppc-net-dot,.ppc-net-dot.net-google{background:var(--net-google)}.ppc-net-dot.net-meta{background:var(--net-meta)}.ppc-roas{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ppc-good);padding:2px 6px;background:oklch(.62 .18 145/.1);border-radius:4px;min-width:36px;text-align:center}.ppc-bar{grid-column:1/-1;height:4px;background:oklch(.97 .005 280);border-radius:4px;overflow:hidden}.ppc-bar>span{display:block;height:100%;border-radius:4px}.ppc-card-foot{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-3);font-family:var(--font-mono);padding-top:12px;border-top:1px solid var(--rule)}.ppc-card-link{color:oklch(.55 .13 185.2);font-weight:500}.ppc-chart{padding:20px 22px 8px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);position:relative;min-height:320px}.ppc-rule-icon{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ppc-rule-icon svg{width:12px;height:12px}.ppc-rule-icon.up{background:oklch(.62 .18 145/.14);color:var(--ppc-good)}.ppc-rule-icon.down{background:oklch(.62 .2 25/.12);color:var(--ppc-bad)}.ppc-rule-icon.pause{background:oklch(.7 .16 75/.16);color:var(--ppc-warn)}.ppc-rule-icon.neg{background:var(--net-tiktok-soft);color:var(--ink-2)}.ppc-rule-icon.alert{background:oklch(.7 .16 75/.16);color:var(--ppc-warn)}@media (max-width:1024px){.ppc-chart{border-right:0}}@media (max-width:720px){.ppc-bigstat{grid-template-columns:1fr}.ppc-chart{padding:16px 16px 8px;min-height:0;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:480px){.ppc-chart{padding:14px 14px 4px}}