:root{color:#1d4c63;background:#f4f9fc;font-family:system-ui,sans-serif}body{margin:0}main{max-width:960px;margin:0 auto;padding:1.5rem}.mark{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;color:#3d8eae}h1,h2{font-weight:560;color:#16475d}h1{margin:.2rem 0 1.5rem}ul{padding-left:1.1rem}li{margin:.4rem 0;word-break:break-all}.empty{color:#6d93a6}.events{margin-bottom:1.5rem}.event-list{position:relative;display:flex;flex-direction:column;gap:.45rem}.event-card{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);gap:.35rem .7rem;align-items:center;width:100%;box-sizing:border-box;background:#fff;border-radius:12px;border-left:4px solid #c45c4a;box-shadow:0 1px 2px #16506e0f,0 8px 24px #165a780d;padding:.55rem .85rem;color:#3d6070;font-size:.9rem}.event-card.rest{border-left-color:#c48a12}.event-card time{color:#6d93a6;font-size:.8rem;white-space:nowrap}.event-card strong{color:#16475d;font-size:.82rem}.event-source{justify-self:start;padding:.08rem .5rem;border-radius:999px;color:#fff;font-size:.72rem;font-style:normal;font-weight:650;line-height:1.3}.event-enter-active,.event-leave-active,.event-move{transition:opacity .22s ease,transform .22s ease}.event-enter-from{opacity:0;transform:translateY(-14px)}.event-leave-to{opacity:0;transform:translateY(14px)}.event-leave-active{position:absolute;width:100%}.summary{margin-bottom:1.5rem}.verdict{margin:0 0 .7rem;font-size:1.15rem;color:#1a6f8a}.bar{display:flex;width:100%;height:28px;background:#e5f2f8;border-radius:999px;box-shadow:inset 0 0 0 1px #7db8ce59;overflow:visible}.bar i{display:block;height:100%}.bar .fresh{border-radius:999px 0 0 999px;background:linear-gradient(100deg,#d9f6ff,#fff 16%,#c8f3ea,#f6e7ff,#d4ecff 70%,#fff 84%,#b7e7f6);background-size:220% 100%;animation:pearl-shift 7s ease-in-out infinite,pearl-glow 7s ease-in-out infinite}.bar .stale{background:#8fd0c6}.bar .live{background:#ff8b6a;box-shadow:0 0 10px #ff8b6abf}.bar .used{border-radius:999px 0 0 999px;background:#1a6f8a}.bar .used.warn{background:#ff8b6a}.server,.direct{margin-bottom:1.5rem}.server article,.direct article{background:#fff;border-radius:16px;box-shadow:0 1px 2px #16506e0f,0 8px 24px #165a780d;padding:.9rem 1rem 1rem}.server .figure-grid{margin-top:.75rem}.chart-box{height:168px;margin-top:.45rem}.host-note{margin-top:.7rem}.bar.slim{height:12px;overflow:hidden;box-shadow:none}.legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:.7rem 0 .9rem;padding:0;list-style:none;color:#5d8496;font-size:.85rem}.legend li{display:flex;align-items:center;gap:.35rem;margin:0;word-break:normal}.swatch{width:.7rem;height:.7rem;background:#e5f2f8;border:1px solid #c5dfeb;border-radius:3px}.swatch.fresh{border:0;background:linear-gradient(120deg,#fff,#c8f4ff,#f3e4ff,#c8f3ea,#fff);background-size:220% 100%;animation:pearl-shift 7s ease-in-out infinite;box-shadow:0 0 6px #aadcf5e6}.swatch.stale{background:#8fd0c6;border-color:#8fd0c6}.swatch.live,.swatch.waited{background:#ff8b6a;border-color:#ff8b6a}.swatch.warm{background:#1a6f8a;border-color:#1a6f8a}.direct .bar .warm,.source-grid .bar .warm{background:#1a6f8a}.direct .bar .waited{background:#ff8b6a}.bar .resting{background:#c48a12}.swatch.resting{background:#c48a12;border-color:#c48a12}.direct .bar i:first-child{border-radius:999px 0 0 999px}.direct .bar i:last-child{border-radius:0 999px 999px 0}.direct .bar i:only-child{border-radius:999px}@keyframes pearl-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pearl-glow{0%,to{box-shadow:0 0 8px 1px #aadcf573}50%{box-shadow:0 0 18px 4px #baecfff2}}.source-line{display:grid;grid-template-columns:6.5rem 1fr;align-items:center;gap:.6rem;margin-top:.35rem;font-size:.85rem}.load{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-top:.8rem;color:#5d8496;font-size:.85rem}.load i{display:inline-block;width:.55rem;height:.55rem;margin-left:.2rem;background:#e5f2f8;border:1px solid #b7d5e4;border-radius:2px;vertical-align:.05rem}.load i.on{background:#3ec4d6;border-color:#3ec4d6;box-shadow:0 0 6px #3ec4d6cc}.pace{margin-left:auto}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem}.stats article{background:#fff;border-radius:16px;box-shadow:0 1px 2px #16506e0f,0 8px 24px #165a780d;padding:.8rem 1rem}.label,.left{margin:0;color:#6d93a6;font-size:.85rem}.value{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.4rem;margin:.2rem 0;font-size:1.8rem;color:#16475d}.value span{font-size:1rem;color:#6d93a6;white-space:nowrap}@media(max-width:860px){main{padding:1rem .9rem 2rem}h1{margin-bottom:1rem}.stats,.figure-grid,.source-grid{grid-template-columns:1fr}.pace{margin-left:0}.event-card{grid-template-columns:auto auto 1fr}.event-card span{grid-column:1 / -1}.donut-box{flex-basis:132px;width:132px;height:132px}.donut-box canvas{width:132px!important;height:132px!important}}@media(prefers-reduced-motion:reduce){.bar .fresh,.swatch.fresh{animation:none}.event-enter-active,.event-leave-active,.event-move{transition:none}}.figures{margin-bottom:1.5rem}.figure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.figure-grid article{background:#fff;border-radius:16px;box-shadow:0 1px 2px #16506e0f,0 8px 24px #165a780d;padding:.9rem 1rem 1rem}.figure-title{display:flex;align-items:center;gap:.4rem;margin:0;color:#3d8eae;font-size:.85rem}.figure-title svg,.metric-grid svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.figure-total{margin:.35rem 0 0;font-size:2rem;color:#16475d}.figure-grid .span-all{grid-column:1 / -1}.donut-row{display:flex;flex-direction:row;align-items:center;gap:1.25rem;margin-top:.6rem;min-width:0}.donut-box{flex:0 0 168px;width:168px;height:168px;position:relative}.donut-box canvas{display:block;width:168px!important;height:168px!important}.donut-row ul{flex:1;min-width:0;margin:0;padding:0;list-style:none}.sources{margin-bottom:1.5rem}.source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.source-grid article{background:#fff;border-radius:16px;box-shadow:0 1px 2px #16506e0f,0 8px 24px #165a780d;padding:.9rem 1rem 1rem}.source-yield,.source-pressure{margin:.45rem 0 0;color:#16475d;font-size:.9rem}.source-pressure{color:#5d8496;font-size:.82rem}.source-facts{margin:.7rem 0 0;padding:0;list-style:none}.source-facts li{display:flex;justify-content:space-between;gap:.6rem;margin:.28rem 0;color:#5d8496;font-size:.85rem;word-break:normal}.source-facts strong{color:#16475d}.donut-row li{display:grid;grid-template-columns:.55rem 1fr auto auto;gap:.35rem;align-items:center;margin:.28rem 0;color:#5d8496;font-size:.82rem;word-break:normal}.donut-row i{width:.55rem;height:.55rem;border-radius:99px}.donut-row strong{color:#16475d}.donut-row em,.metric-grid em{color:#6d93a6;font-style:normal}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem .8rem;margin-top:.8rem}.metric-grid div{display:grid;grid-template-columns:1.05rem 1fr;column-gap:.35rem;color:#3d8eae}.metric-grid span,.metric-grid em{grid-column:2;font-size:.78rem}.metric-grid strong{grid-column:2;color:#16475d;font-size:1.25rem}