:root { --paper: rgb(251 251 248); --ink: rgb(26 26 24); --mute: rgb(112 110 104); --line: rgb(232 231 224); --ok: rgb(70 126 94); }
html, html.dark, body, body.dark { background: var(--paper) !important; color: var(--ink) !important; }
body { font: 15px/1.6 -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Helvetica, Arial, sans-serif !important; -webkit-font-smoothing: antialiased; }
#global, .dark #global { background: transparent !important; border: 0 !important; box-shadow: none !important; max-width: 720px !important; margin: 40px auto !important; padding: 0 20px !important; color: var(--ink) !important; }
#global .text-3xl { font-size: 21px !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: 0 !important; }
#global img[alt] { width: 44px !important; min-width: 0 !important; min-height: 0 !important; max-width: 44px !important; }
#global a[target="_blank"] { width: 44px !important; min-height: 44px !important; }
.endpoint-group, .dark .endpoint-group { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; padding: 28px 0 10px !important; }
.endpoint-group h5 { font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important; font-family: inherit !important; color: var(--mute) !important; padding: 0 !important; }
.endpoint-group h5 svg { color: var(--ok) !important; width: 18px; height: 18px; }
.endpoint-group-arrow { font-size: 10px; }
.endpoint, .dark .endpoint { border: 0 !important; border-bottom: 1px solid var(--line) !important; background: transparent !important; padding: 18px 0 !important; border-radius: 0 !important; }
.endpoint:hover, .dark .endpoint:hover { background: transparent !important; }
.endpoint a { font-weight: 500 !important; color: var(--ink) !important; text-decoration: none !important; font-size: 15px; }
.endpoint a:hover { text-decoration: underline !important; }
.endpoint .text-gray-500, .endpoint .font-light, .status-time-ago, .text-gray-400 { color: var(--mute) !important; font-size: 13px !important; }
.status-over-time { gap: 3px; }
.status-over-time .status { height: 28px !important; border-radius: 3px !important; }
.status.border-dashed { border: 0 !important; background: var(--line) !important; }
.status.status-success, .status.bg-success { background: var(--ok) !important; }
.status.status-failure { background: rgb(176 70 60) !important; }
.status.status-success svg, .status.status-failure svg { display: none; }
.status:hover { transform: none !important; opacity: .8; }
.hover\:scale-110:hover { transform: none !important; }
.divide-y > * { border-color: var(--line) !important; }
.rounded-xl.bg-red-600 { border-radius: 4px !important; background: rgb(176 70 60) !important; }
#settings, #settings * { color: var(--mute) !important; }
#settings select, #settings button { background: transparent !important; border: 1px solid var(--line) !important; }
#social { opacity: .35; }
#settings select ~ button { display: none !important; }
#app button.border { background: transparent !important; border-color: var(--line) !important; color: var(--mute) !important; }
.tooltip, [id*="tooltip"] { background: var(--ink) !important; color: var(--paper) !important; border: 0 !important; }