.hk{background:var(--tone);border-radius:28px;min-height:500px;padding:28px;position:relative}[data-ui].hk-main{background:var(--paper);width:66%;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:20px;gap:18px;padding:24px 26px 26px;font-size:15px;line-height:1.4;display:grid;box-shadow:0 1px 2px #1018280f}[data-ui] .hk-top{justify-content:space-between;align-items:center;margin:0;display:flex}[data-ui] .hk-brand{align-items:center;gap:8px;font-weight:600;display:inline-flex}[data-ui] .hk-brand svg{width:16px;height:16px}[data-ui] .hk-live{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}[data-ui] .hk-live i{background:#2bb04d;border-radius:50%;width:8px;height:8px;position:relative}[data-ui] .hk-kpi{gap:4px;display:grid}[data-ui] .hk-kpi span{color:var(--muted);font-size:13px;display:block}[data-ui] .hk-kpi b{font-family:var(--font-display), var(--font-geist-sans), sans-serif;font-variation-settings:"wdth" 108;letter-spacing:-.03em;margin:2px 0 4px;font-size:44px;font-weight:500;line-height:1;display:block}[data-ui] .hk-bars{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;display:grid}[data-ui] .hk-bars i{background:#34c759;border-radius:4px;height:34px}[data-ui] .hk-bars i.is-bad{background:#ef4444}[data-ui] .hk-list{margin:4px 0 0;padding:0;list-style:none;display:grid}[data-ui] .hk-list li{border-top:1px solid #edf1f5;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:14px;padding:12px 0;display:grid}[data-ui] .hk-dot{background:#2bb04d;border-radius:50%;width:8px;height:8px}[data-ui] .hk-site{min-width:0;display:grid}[data-ui] .hk-site b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}[data-ui] .hk-site em{color:var(--muted);font-size:13px;font-style:normal}[data-ui] .hk-pill{color:#136c30;white-space:nowrap;background:#e3f6e8;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-block}[data-ui] .hk-pill.is-bad{color:#b4232a;background:#fde7e7}[data-ui] .hk-pill.is-warn{color:#8a4b06;background:#fff1dc}[data-ui].hk-card{background:var(--paper);color:var(--ink);border-radius:18px;gap:8px;padding:18px 20px;font-size:14.5px;line-height:1.45;display:grid;position:absolute;box-shadow:0 2px 4px #1018280d,0 18px 40px -12px #10182838}[data-ui] .hk-card p{margin:0}[data-ui] .hk-card__head{justify-content:space-between;align-items:center;gap:12px;display:flex}[data-ui] .hk-card__head time{color:var(--muted);font-size:13px}[data-ui] .hk-card__text{font-weight:500}[data-ui] .hk-card__foot{color:var(--muted);font-size:13px}[data-ui] .hk-wa{align-items:center;gap:6px;display:inline-flex}[data-ui] .hk-wa:before{content:"";background:#2bb04d;border-radius:50%;width:7px;height:7px}[data-ui] .hk-card__ok{color:var(--muted);border-top:1px solid #edf1f5;align-items:center;gap:8px;padding-top:10px;font-size:13px;display:flex}[data-ui].hk-alert{width:min(300px,46%);top:72px;right:24px}[data-ui].hk-ssl{width:min(260px,40%);bottom:40px;right:56px}[data-ui] .hk-ssl__days{color:var(--muted)}[data-ui] .hk-ssl__days b{color:#b45309;font-family:var(--font-display), var(--font-geist-sans), sans-serif;font-variation-settings:"wdth" 108;letter-spacing:-.02em;margin-right:4px;font-size:34px;font-weight:500}@media (prefers-reduced-motion:no-preference){[data-ui].hk-alert{animation:.7s cubic-bezier(.22,1,.36,1) .5s both hk-in}[data-ui].hk-ssl{animation:.7s cubic-bezier(.22,1,.36,1) .8s both hk-in}[data-ui] .hk-live i:after{content:"";background:#2bb04d;border-radius:50%;animation:2s ease-out infinite hk-ping;position:absolute;inset:0}}@keyframes hk-in{0%{opacity:0;transform:translateY(14px)}}@keyframes hk-ping{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@media (max-width:720px){.hk{border-radius:22px;min-height:0;padding:16px 16px 20px}[data-ui].hk-main{width:100%;padding:20px}[data-ui] .hk-kpi b{font-size:36px}[data-ui].hk-card{width:auto;position:relative;top:auto;bottom:auto;right:auto}[data-ui].hk-alert{margin:-22px 0 0 28px}[data-ui].hk-ssl{margin:12px 28px 0 0}}