.app-pulse { --brand: #18b89a; }
.app-pulse { --brand-dim: #0e8d77; }
.app-pulse { --ok: #2bd4a8; }
.app-pulse { --warn: #f0b429; }
.app-pulse { --down: #ff6b6b; }
.app-pulse { --surface: #0d1117; }
.app-pulse { --surface-2: #131a23; }
.app-pulse { --surface-3: #1a232e; }
.app-pulse { --hair: #243140; }
.app-pulse { --hair-soft: #1b2531; }
.app-pulse { --txt: #e7eef5; }
.app-pulse { --txt-soft: #aab7c4; }
.app-pulse { --txt-mute: #6b7a89; }
.app-pulse { --mono: ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace; }
.app-pulse { color: var(--txt); }
@media (prefers-color-scheme: dark) { .app-pulse { --brand: #2fe0c0; } }
@media (prefers-color-scheme: dark) { .app-pulse { --surface: #0a0e14; } }
@media (prefers-color-scheme: dark) { .app-pulse { --surface-2: #10161f; } }
@media (prefers-color-scheme: dark) { .app-pulse { --surface-3: #161f2a; } }
.app-pulse { background: radial-gradient(1200px 600px at 80% -10%, rgba(47,224,192,.08), transparent 60%), var(--surface); }
.app-pulse { border: 1px solid var(--hair); }
.app-pulse { border-radius: 18px; }
.app-pulse { padding: 1.75rem 1.9rem 2.1rem; }
.app-pulse { margin-top: 1.5rem; }
.app-pulse { box-shadow: 0 30px 80px -40px rgba(0,0,0,.7); }
.app-pulse h1 { color: var(--txt); }
.app-pulse h1 { letter-spacing: -.02em; }
.app-pulse h1 { margin: 0; }
.app-pulse a { color: var(--brand); }
.app-pulse strong { color: var(--txt); }
.app-pulse code { background: var(--surface-3); }
.app-pulse code { color: var(--brand); }
.app-pulse code { border: 1px solid var(--hair); }
.pulse-head { display: flex; }
.pulse-head { flex-wrap: wrap; }
.pulse-head { align-items: center; }
.pulse-head { justify-content: space-between; }
.pulse-head { gap: 1rem; }
.pulse-head { padding-bottom: 1.25rem; }
.pulse-head { border-bottom: 1px solid var(--hair); }
.pulse-id { display: flex; }
.pulse-id { align-items: center; }
.pulse-id { gap: .85rem; }
.pulse-mark { width: 2.4rem; }
.pulse-mark { height: 2.4rem; }
.pulse-mark { border-radius: 12px; }
.pulse-mark { background: linear-gradient(145deg, var(--brand), var(--brand-dim)); }
.pulse-mark { display: inline-flex; }
.pulse-mark { align-items: center; }
.pulse-mark { justify-content: center; }
.pulse-mark { font-size: 1.3rem; }
.pulse-mark { box-shadow: 0 0 0 1px rgba(47,224,192,.4), 0 8px 24px -8px rgba(47,224,192,.5); }
.pulse-mark { flex-shrink: 0; }
.pulse-name { font-size: 1.7rem; }
.pulse-name { font-weight: 700; }
.pulse-name { letter-spacing: -.03em; }
.pulse-name { line-height: 1; }
.pulse-name { color: var(--txt); }
.pulse-sub { margin: .35rem 0 0; }
.pulse-sub { font-size: .82rem; }
.pulse-sub { color: var(--txt-soft); }
.pulse-sub { font-family: var(--mono); }
.pulse-actions { display: flex; }
.pulse-actions { align-items: center; }
.pulse-actions { gap: .75rem; }
.pulse-live { display: inline-flex; }
.pulse-live { align-items: center; }
.pulse-live { gap: .5rem; }
.pulse-live { font-family: var(--mono); }
.pulse-live { font-size: .78rem; }
.pulse-live { letter-spacing: .1em; }
.pulse-live { text-transform: uppercase; }
.pulse-live { color: var(--txt-soft); }
.pulse-live { padding: .45rem .8rem; }
.pulse-live { background: var(--surface-2); }
.pulse-live { border: 1px solid var(--hair); }
.pulse-live { border-radius: 999px; }
.pulse-live .dot { width: .5rem; }
.pulse-live .dot { height: .5rem; }
.pulse-live .dot { border-radius: 50%; }
.pulse-live .dot { background: var(--ok); }
.pulse-live .dot { box-shadow: 0 0 0 0 rgba(43,212,168,.55); }
.pulse-live .dot { animation: pulse-beat 2s infinite; }
.pulse-bar { display: flex; }
.pulse-bar { flex-wrap: wrap; }
.pulse-bar { align-items: center; }
.pulse-bar { justify-content: space-between; }
.pulse-bar { gap: .75rem; }
.pulse-bar { margin: 1.25rem 0 .25rem; }
.pulse-summary { font-family: var(--mono); }
.pulse-summary { font-size: .85rem; }
.pulse-summary { color: var(--txt-soft); }
.pulse-summary p { margin: 0; }
.app-pulse .btn { background: var(--surface-2); }
.app-pulse .btn { color: var(--txt); }
.app-pulse .btn { border: 1px solid var(--hair); }
.app-pulse .btn { font-size: .85rem; }
.app-pulse .btn { padding: .5rem 1rem; }
.app-pulse .btn { box-shadow: none; }
.app-pulse .btn:hover { border-color: var(--brand); }
.app-pulse .btn:hover { color: var(--txt); }
.app-pulse .btn:hover { transform: translateY(-1px); }
.app-pulse .btn:hover { box-shadow: 0 6px 18px -10px rgba(47,224,192,.6); }
.pulse-stats { display: grid; }
.pulse-stats { grid-template-columns: repeat(4, 1fr); }
.pulse-stats { gap: .85rem; }
.pulse-stats { margin: 1rem 0 1.5rem; }
@media (max-width: 720px) { .pulse-stats { grid-template-columns: 1fr 1fr; } }
.stat { background: linear-gradient(180deg, var(--surface-2), var(--surface)); }
.stat { border: 1px solid var(--hair); }
.stat { border-radius: 12px; }
.stat { padding: .9rem 1rem; }
.stat { position: relative; }
.stat { overflow: hidden; }
.stat::after { content: ""; }
.stat::after { position: absolute; }
.stat::after { inset: 0 auto 0 0; }
.stat::after { width: 3px; }
.stat::after { background: var(--brand); }
.stat::after { opacity: .55; }
.stat > p { margin: 0; }
.stat > p:first-child { font-size: .68rem; }
.stat > p:first-child { text-transform: uppercase; }
.stat > p:first-child { letter-spacing: .1em; }
.stat > p:first-child { color: var(--txt-mute); }
.stat > p:first-child { margin-bottom: .4rem; }
.stat > p:first-child strong { font-weight: 600; }
.stat > p:first-child strong { color: var(--txt-mute); }
.stat .stat-value { font-family: var(--mono); }
.stat .stat-value { font-size: 1.6rem; }
.stat .stat-value { font-weight: 600; }
.stat .stat-value { letter-spacing: -.02em; }
.stat .stat-value { color: var(--txt); }
.stat .stat-value { line-height: 1; }
.stat .stat-value p { margin: 0; }
.stat > p:last-child { margin-top: .4rem; }
.stat > p:last-child { font-size: .72rem; }
.stat > p:last-child { color: var(--txt-soft); }
.stat > p:last-child { font-family: var(--mono); }
.stat > p:last-child { line-height: 1.4; }
.stat.is-ok::after { background: var(--ok); }
.stat.is-warn::after { background: var(--warn); }
.stat.is-down::after { background: var(--down); }
.stat.is-ok .stat-value { color: var(--ok); }
.stat.is-warn .stat-value { color: var(--warn); }
.stat.is-down .stat-value { color: var(--down); }
.pulse-state { display: flex; }
.pulse-state { align-items: center; }
.pulse-state { gap: .65rem; }
.pulse-state { padding: .7rem 1rem; }
.pulse-state { border-radius: 10px; }
.pulse-state { border: 1px solid var(--hair); }
.pulse-state { background: var(--surface-2); }
.pulse-state { font-family: var(--mono); }
.pulse-state { font-size: .82rem; }
.pulse-state { color: var(--txt-soft); }
.pulse-state { margin: .75rem 0 0; }
.pulse-state p { margin: 0; }
.pulse-state.is-error { border-color: rgba(255,107,107,.5); }
.pulse-state.is-error { background: rgba(255,107,107,.08); }
.pulse-state.is-error { color: var(--down); }
.pulse-state.is-empty { border-style: dashed; }
.pulse-state.is-empty { color: var(--txt-mute); }
.pulse-spin { width: 1rem; }
.pulse-spin { height: 1rem; }
.pulse-spin { border-radius: 50%; }
.pulse-spin { border: 2px solid var(--hair); }
.pulse-spin { border-top-color: var(--brand); }
.pulse-spin { animation: pulse-spin .8s linear infinite; }
.pulse-spin { flex-shrink: 0; }
.pulse-spin { display: inline-block; }
.svc-table { border: 1px solid var(--hair); }
.svc-table { border-radius: 14px; }
.svc-table { overflow: hidden; }
.svc-table { background: var(--surface-2); }
.svc-row { display: grid; }
.svc-row { grid-template-columns: 7.5rem minmax(8rem, 1fr) 6.5rem 6rem 5rem; }
.svc-row { align-items: center; }
.svc-row { gap: 1rem; }
.svc-row { padding: .7rem 1.1rem; }
.svc-row { border-top: 1px solid var(--hair-soft); }
.svc-head { border-top: none; }
.svc-head { background: var(--surface-3); }
.svc-head { font-family: var(--mono); }
.svc-head { font-size: .68rem; }
.svc-head { text-transform: uppercase; }
.svc-head { letter-spacing: .1em; }
.svc-head { color: var(--txt-mute); }
.svc-head .c-num { text-align: right; }
.app-pulse [data-wd-loop-out] { display: block; }
.app-pulse [data-wd-loop-piece] { display: block; }
.app-pulse .svc-row:not(.svc-head) { transition: background .15s ease; }
.app-pulse [data-wd-loop-piece]:first-child .svc-row { border-top: none; }
.app-pulse .svc-row:not(.svc-head):hover { background: var(--surface-3); }
.app-pulse .svc-row p { margin: 0; }
.c-status { display: flex; }
.c-status { align-items: center; }
.c-status { gap: .55rem; }
.c-status .dot { width: .6rem; }
.c-status .dot { height: .6rem; }
.c-status .dot { border-radius: 50%; }
.c-status .dot { background: var(--txt-mute); }
.c-status .dot { flex-shrink: 0; }
.app-pulse .svc-ok .c-status .dot { background: var(--ok); }
.app-pulse .svc-warn .c-status .dot { background: var(--warn); }
.app-pulse .svc-down .c-status .dot { background: var(--down); }
.app-pulse .svc-down .c-status .dot { box-shadow: 0 0 10px var(--down); }
.app-pulse .svc-row .pill { font-family: var(--mono); }
.app-pulse .svc-row .pill { font-size: .68rem; }
.app-pulse .svc-row .pill { letter-spacing: .06em; }
.app-pulse .svc-row .pill { padding: .12rem .5rem; }
.app-pulse .svc-row .pill { border-radius: 999px; }
.app-pulse .svc-row .pill { background: var(--surface-3); }
.app-pulse .svc-row .pill { color: var(--txt-soft); }
.app-pulse .svc-row .pill { border: 1px solid var(--hair); }
.app-pulse .svc-ok .pill { background: rgba(43,212,168,.14); }
.app-pulse .svc-ok .pill { color: var(--ok); }
.app-pulse .svc-ok .pill { border-color: rgba(43,212,168,.4); }
.app-pulse .svc-warn .pill { background: rgba(240,180,41,.14); }
.app-pulse .svc-warn .pill { color: var(--warn); }
.app-pulse .svc-warn .pill { border-color: rgba(240,180,41,.4); }
.app-pulse .svc-down .pill { background: rgba(255,107,107,.16); }
.app-pulse .svc-down .pill { color: var(--down); }
.app-pulse .svc-down .pill { border-color: rgba(255,107,107,.45); }
.c-name strong { font-size: .95rem; }
.c-name strong { color: var(--txt); }
.c-num { font-family: var(--mono); }
.c-num { font-size: .9rem; }
.c-num { color: var(--txt); }
.c-num { text-align: right; }
.c-num { font-variant-numeric: tabular-nums; }
.app-pulse .svc-warn .c-num.is-latency { color: var(--warn); }
.app-pulse .svc-down .c-num.is-latency { color: var(--down); }
.c-region { font-family: var(--mono); }
.c-region { font-size: .76rem; }
.c-region { letter-spacing: .08em; }
.c-region { text-transform: uppercase; }
.c-region { color: var(--txt-mute); }
.c-region { text-align: right; }
.svc-table .pulse-state { margin: 0; }
.svc-table .pulse-state { border: none; }
.svc-table .pulse-state { border-radius: 0; }
.app-pulse .source-reveal { background: var(--surface-2); }
.app-pulse .source-reveal { border: 1px solid var(--hair); }
.app-pulse .source-reveal { margin-top: 1.75rem; }
.app-pulse .source-reveal summary { color: var(--brand); }
.app-pulse .source-reveal pre { background: #060a0f; }
.app-pulse .source-reveal pre { box-shadow: inset 0 0 0 1px var(--hair); }
@media (max-width: 600px) { .app-pulse { padding: 1.4rem 1.1rem 1.8rem; } }
@media (max-width: 600px) { .svc-row { grid-template-columns: 5rem minmax(6rem, 1fr) 5rem 5rem; } }
@media (max-width: 600px) { .svc-row { gap: .6rem; } }
@media (max-width: 600px) { .svc-row { padding: .65rem .8rem; } }
@media (max-width: 600px) { .c-region { display: none; } }