.observability{margin-bottom:24px;min-width:0}.obs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}.obs-card{display:flex;flex-direction:column;gap:8px;border:1px solid #262626;border-radius:14px;padding:16px;background:#161a10}.obs-card small,.obs-card span{color:#a6a6a6;font-size:12px}.obs-card strong{font-size:21px;font-weight:650}.obs-bar{height:5px;border-radius:4px;background:#1a1a1a;overflow:hidden}.obs-bar i{display:block;background:#498267;height:100%}.obs-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.obs-chart{display:block;width:100%;height:100%}.obs-chart-card{position:relative;min-width:0;padding:20px;border:1px solid #262626;border-radius:14px;background:#141414}.obs-chart-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.obs-chart-heading h3{margin:0 0 5px;font-size:17px;color:var(--chart-color)}.obs-chart-heading p,.obs-chart-live small{margin:0;color:#a6a6a6;font-size:11px}.obs-chart-live{flex-shrink:0;text-align:right}.obs-chart-live small,.obs-chart-live strong{display:block}.obs-chart-live strong{margin-top:4px;font-size:18px}.obs-chart-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 22px}.obs-chart-stats dt{font-size:10px;color:#a6a6a6}.obs-chart-stats dd{margin:5px 0 0;font-size:13px;font-weight:600}.obs-plot-wrap{position:relative;height:240px}.obs-y-axis{position:absolute;left:0;top:0;bottom:0;width:38px;display:flex;flex-direction:column;justify-content:space-between;color:#a6a6a6;font-size:10px}.obs-plot{height:100%;margin-left:42px;cursor:crosshair;border-radius:4px;touch-action:pan-y}.obs-plot:focus-visible{outline:2px solid var(--chart-color);outline-offset:5px}.obs-chart-grid{stroke:#fafafa;fill:none}.obs-chart-limit,.obs-chart-mean{fill:none;stroke:var(--chart-color);vector-effect:non-scaling-stroke}.obs-chart-mean{stroke-width:2}.obs-chart-limit{stroke-width:1;stroke-dasharray:4 4;opacity:.5}.obs-chart-dot{fill:var(--chart-color)}.obs-chart-cursor{stroke:var(--chart-color);stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.obs-chart-tooltip{position:absolute;z-index:15;width:240px;max-width:calc(100% - 24px);padding:14px;border:1px solid #262626;border-radius:10px;background:#141414;color:#f5f5f5;box-shadow:0 8px 30px rgba(0,0,0,.6);font-size:11px;pointer-events:none}.obs-chart-tooltip[hidden]{display:none}.obs-chart-tooltip>strong{font-size:12px}.obs-chart-tooltip>small{color:#a6a6a6}.obs-chart-tooltip dl{margin:10px 0}.obs-chart-tooltip dl>div{display:flex;justify-content:space-between;gap:10px;margin:7px 0}.obs-chart-tooltip dd{margin:0;font-weight:600;flex-shrink:0}.obs-chart-help,.obs-chart-tooltip p{margin:12px 0 0;font-size:10px;color:#a6a6a6;line-height:1.5}.obs-chart-empty{min-height:240px;display:flex;align-items:center;justify-content:center;padding:24px;color:#a6a6a6;font-size:12px;text-align:center}.obs-version{color:#a6a6a6;font-size:12px;overflow-wrap:anywhere}.obs-history-heading,.obs-period-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.obs-periods{display:flex;flex-wrap:wrap;gap:3px;padding:4px;border:1px solid #262626;border-radius:10px;background:#161a10}.obs-periods button{border:0;border-radius:7px;padding:8px 12px;background:transparent;color:#a6a6a6;font:inherit;font-size:12px;cursor:pointer}.obs-periods button[aria-pressed=true]{background:#141414;color:#90cbad;box-shadow:0 1px 4px rgba(0,0,0,.509)}.obs-periods button:focus-visible{outline:2px solid #498267;outline-offset:2px}.obs-history-heading{margin:24px 0 12px;font-size:13px}.obs-chart-legend{color:#a6a6a6;font-size:11px}.obs-online-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;color:#8bd0b5}.obs-chart-card[data-chart-metric=online]{grid-column:1/-1}.obs-online-legend span:last-child{color:#426bba}.obs-chart-visitors{fill:none;stroke:#426bba;stroke-width:2;stroke-dasharray:8 3;vector-effect:non-scaling-stroke}.obs-chart-visitors-dot{fill:#426bba}.obs-live-label{color:#a6a6a6;font-size:12px;margin-bottom:-4px}.obs-chart-axis{display:flex;justify-content:space-between;gap:8px;color:#a6a6a6;font-size:10px;margin:10px 0 0 42px}[data-obs-metrics][aria-busy=true] .obs-charts{opacity:.55}.obs-section{border-top:1px solid #262626;margin-top:20px;padding-top:16px}.obs-section>summary{font-size:17px;font-weight:650;cursor:pointer;padding:6px 0 14px}.obs-section-flush{border-top:0;margin-top:0;padding-top:0}.obs-disk-mini{margin:0;font-size:11px}.obs-disk-mini>div{flex-wrap:wrap}.obs-disk-mini>div,.obs-storage-sizes>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.obs-disk-mini dd,.obs-storage-sizes dd{margin:0;text-align:right;flex-shrink:0}.obs-storage{margin:18px 0;border:1px solid #262626;border-radius:12px;padding:16px}.obs-storage>summary{cursor:pointer;font-size:13px;font-weight:600}.obs-storage[open]>summary{margin-bottom:12px}.obs-storage-sizes{font-size:13px}.obs-storage-sizes>div{border-bottom:1px solid #262626;padding:10px 0}.obs-storage-sizes small{display:block;color:#a6a6a6;font-size:11px;margin-top:4px}.obs-storage-total{font-weight:600}.obs-host-storage{margin-top:24px;padding-top:12px;border-top:1px solid #262626}.obs-host-storage td{overflow-wrap:anywhere}.obs-host-storage td small{display:block;margin-top:5px}.obs-toolbar{gap:10px;margin:12px 0 18px}.obs-copy-toolbar,.obs-toolbar{display:flex;align-items:center;flex-wrap:wrap}.obs-copy-toolbar{justify-content:space-between;gap:8px;margin-bottom:8px}.obs-copy-toolbar .mono{overflow-wrap:anywhere;min-width:0}.obs-copy-toolbar button{flex-shrink:0}.obs-toolbar .control{min-width:140px;width:auto;flex:1 1}.obs-toolbar label{font-size:13px;white-space:nowrap}.obs-pager{display:flex;justify-content:center;align-items:center;gap:15px;margin:16px 0;font-size:13px}.obs-trace{border:1px solid #262626;border-radius:12px;margin:9px 0;overflow:hidden}.obs-span>summary,.obs-trace>summary{display:flex;justify-content:space-between;gap:16px;padding:14px;cursor:pointer;list-style:none;overflow-wrap:anywhere}.obs-span summary small,.obs-trace summary small{display:block;font-size:11px;color:#a6a6a6;margin-top:5px}.obs-trace [data-trace-body]{padding:0 16px 16px}.obs-span{border-left:2px solid #343434;margin-bottom:7px;background:#101010}.obs-span summary{font-size:12px;padding:10px}.obs-log pre,.obs-span pre{max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:11px}.obs-span .code{margin:8px}.obs-log{padding:10px 12px;border-top:1px solid #262626;font-size:12px;overflow-wrap:anywhere}.obs-log>small{display:block;color:#a6a6a6;margin-bottom:6px}.obs-log>strong{display:block}.obs-log summary{font-size:11px;margin-top:6px;cursor:pointer}.obs-player-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 0}.obs-player-controls input[type=range]{min-width:160px;flex:1 1;accent-color:#91caad}.obs-player-controls label{display:flex;align-items:center;gap:12px;flex:1 1;font-size:12px}.obs-player-viewport{position:relative;overflow:hidden;border:1px solid #262626;background:#0b0b0b;width:100%;margin-bottom:16px}.obs-player-stage{position:relative;transform-origin:top left}.obs-player-stage .replayer-wrapper{position:relative}.obs-player-stage iframe{border:0}.obs-heatmap-canvas{position:absolute;top:0;left:0;pointer-events:none;z-index:10}.analytics-consent{position:fixed;bottom:15px;left:15px;z-index:90;max-width:min(380px,calc(100vw - 30px));font-family:Arial,sans-serif}.analytics-consent-card{padding:18px;background:#141414;border:1px solid #262626;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.588);color:#f5f5f5;font-size:13px;line-height:1.5}.analytics-consent-card p{margin:8px 0 14px}.analytics-consent-card>div{display:flex;gap:8px}.analytics-consent button{cursor:pointer;border:1px solid #262626;border-radius:8px;background:#161a10;color:#f5f5f5;padding:8px 12px;font-size:12px}.analytics-consent .analytics-settings{background:rgba(20,20,20,.941);box-shadow:0 2px 10px rgba(0,0,0,.337);font-size:10px;padding:5px 9px;color:#a6a6a6}@media (max-width:760px){.obs-charts{grid-template-columns:1fr}.obs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-card{padding:12px}.obs-card strong{font-size:17px}.obs-trace>summary{display:block}.obs-trace>summary>span{display:block;margin:4px 0}.obs-toolbar .control{min-width:100%;width:100%}.obs-pager{gap:8px}.analytics-consent{bottom:10px;left:10px;max-width:calc(100vw - 20px)}}@media (max-width:520px){.obs-chart-card{padding:14px}.obs-chart-axis span:nth-child(2){display:none}}