@font-face{font-family:Maple Mono;src:url(/assets/MapleMono-Regular.ttf-C5wLU2YK.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Maple Mono;src:url(/assets/MapleMono-SemiBold.ttf-87oha51W.woff2)format("woff2");font-style:normal;font-weight:600 700;font-display:swap}:root{color:#2d2a3d;font-synthesis:none;font-variant-numeric:tabular-nums;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#fffaf5;--surface:#fff;--surface-raised:#fff5f0;--border-soft:#ffe4dd;--border:#ffcfc4;--ink:#2d2a3d;--muted:#7b7490;--dim:#a69bb5;--primary:#ff8ba7;--primary-hover:#ff6b8e;--primary-light:#ff8ba71f;--on-primary:#fff;--accent:#ffb454;--accent-light:#ffb45426;--success:#6ee7b7;--success-light:#6ee7b71f;--danger:#ff5f6d;--warning:#ffb454;--unknown:#c9b3d9;--shadow-sm:0 2px 8px #ff8ba714;--shadow-md:0 4px 16px #ff8ba71f;--shadow-lg:0 8px 24px #ff8ba729;--space-xs:8px;--space-sm:12px;--space-md:24px;--space-lg:48px;--space-xl:64px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--duration-fast:.2s;--duration-base:.3s;--ease:cubic-bezier(.34, 1.56, .64, 1);background:#fffaf5;font-family:Maple Mono,Microsoft YaHei UI,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px;overflow-x:clip}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,input,select,summary{color:var(--ink)}button,summary,select,input[type=checkbox]{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:var(--radius-sm)}h1,h2,p{margin-top:0}h1{letter-spacing:-.02em;color:var(--ink);margin-bottom:0;font-size:clamp(36px,7vw,72px);font-weight:600;line-height:1.1}h2{letter-spacing:0;color:var(--ink);margin-bottom:0;font-size:clamp(20px,2.5vw,28px);font-weight:600;line-height:1.3}.dashboard-shell{width:min(100% - 48px,1120px);margin:0 auto;padding:32px 0 64px}.masthead{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);margin-bottom:var(--space-md);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex}.status-chip{border-radius:var(--radius-full);background:var(--border-soft);min-height:36px;color:var(--muted);white-space:nowrap;transition:all var(--duration-fast) var(--ease);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.status-chip.is-complete{background:var(--border-soft);color:var(--muted)}.status-chip.is-live{background:var(--primary-light);color:var(--primary)}.status-dot{width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 20%, transparent);background:currentColor;border-radius:50%;animation:2s ease-in-out infinite bounce-dot}.status-chip.is-complete .status-dot{animation:none}@keyframes bounce-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.system-status-stack{margin:var(--space-md) 0;gap:12px;display:grid}.system-status-notice{border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);gap:6px;padding:16px 20px;display:grid;position:relative;overflow:hidden}.system-status-notice:before{content:"";background:var(--warning);width:5px;position:absolute;top:0;bottom:0;left:0}.system-status-notice strong{color:var(--ink);font-size:15px;font-weight:600}.system-status-notice span{color:var(--muted);font-size:13px;line-height:1.6}.snapshot-status-notice{border:2px solid var(--accent-light);background:linear-gradient(135deg,#fff8f0 0%,#fff5eb 100%)}.snapshot-status-notice:before{background:linear-gradient(180deg, var(--accent) 0%, var(--warning) 100%)}.current-coverage-status{background:linear-gradient(135deg,#fff0f2 0%,#ffe8eb 100%);border:2px solid #ff5f6d33}.current-coverage-status:before{background:var(--danger)}.system-status-unavailable{border:2px dashed var(--border);background:var(--surface)}.system-status-unavailable:before{background:var(--unknown)}.control-deck{margin:var(--space-md) 0;grid-template-columns:minmax(320px,.82fr) minmax(0,1.7fr);gap:16px;display:grid}.control-field{border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);gap:8px;padding:16px;display:grid}.control-field>span{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600}select,input[type=datetime-local]{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:48px;color:var(--ink);transition:all var(--duration-fast) var(--ease);padding:12px 16px}select:hover,input[type=datetime-local]:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}select:focus,input[type=datetime-local]:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}option{background:var(--surface);color:var(--ink)}.range-control{border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) minmax(100px,auto) minmax(120px,auto);align-items:end;gap:12px;margin:0;padding:16px;display:grid}.range-control legend{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;gap:12px;padding:0 4px;font-size:12px;font-weight:600;display:flex}.range-control label{gap:6px;display:grid}.range-control label span{color:var(--muted);font-size:13px;font-weight:600}.range-arrow{color:var(--primary);align-self:center}button{border-radius:var(--radius-full);background:var(--primary);min-height:44px;color:var(--on-primary);transition:all var(--duration-fast) var(--ease);border:none;padding:10px 24px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #ff8ba74d}button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #ff8ba766}button:active:not(:disabled){transform:translateY(1px)scale(.98);box-shadow:0 2px 8px #ff8ba74d}button:disabled{cursor:not-allowed;opacity:.5;transform:none}.quiet-button{border:2px solid var(--border);color:var(--ink);box-shadow:none;background:0 0}.quiet-button:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light);color:var(--primary);box-shadow:0 2px 8px #ff8ba733}.range-loading{border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:82px;color:var(--muted);place-items:center;display:grid}.timeline-key{margin:var(--space-md) 0;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(210px,.52fr) 1fr;gap:20px;padding:20px;display:grid}.timeline-key-heading{align-content:start;gap:6px;display:grid}.timeline-key-heading span{color:var(--muted);font-size:13px;line-height:1.6}.timeline-key ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.timeline-key li{min-width:0;color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;line-height:1.6;display:flex}.timeline-key li>span{min-width:0}.live-period-range{border-radius:var(--radius-full);background:var(--success-light);min-height:32px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:normal;border:2px solid var(--success);align-items:center;padding:6px 14px;display:inline-flex}.timeline-badge{border:2px solid var(--border);border-radius:var(--radius-full);color:var(--ink);background:var(--surface-raised);flex:0 0 90px;justify-content:center;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.timeline-badge~span{overflow-wrap:anywhere;flex:180px}.timeline-badge.is-unknown,.timeline-badge.is-degraded{border-color:var(--warning);background:var(--accent-light);color:var(--warning)}.timeline-badge.is-gap{border-color:var(--danger);color:var(--danger);background:#ff5f6d1a}.refresh-warning,.coverage-warning{margin:var(--space-md) 0;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);border-left:4px solid var(--warning);grid-template-columns:1fr auto;gap:16px;padding:16px 20px;display:grid}.refresh-warning>div,.coverage-warning>div{gap:6px;display:grid}.refresh-warning span,.coverage-warning span,.coverage-warning li{color:var(--muted);font-size:13px;line-height:1.6}.coverage-warning{border-left-color:var(--danger);grid-template-columns:minmax(220px,.7fr) 1fr}.coverage-warning ul{margin:0;padding-left:20px}.metric-grid{gap:var(--space-xl);grid-template-columns:minmax(0,1fr);display:grid}.metric-slot{border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-md);transition:all var(--duration-base) var(--ease);padding:28px 32px;position:relative;overflow:hidden}.metric-slot:before{background:linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.metric-slot:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.metric-index{color:var(--primary-light);opacity:.3;font-size:48px;font-weight:700;line-height:1;position:absolute;top:20px;right:24px}.metric-panel{min-width:0}.metric-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;min-height:40px;margin-bottom:16px;padding-right:60px;display:flex}.metric-state{border:2px solid var(--border);border-radius:var(--radius-full);background:var(--surface-raised);min-height:28px;color:var(--muted);white-space:nowrap;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.metric-stale .metric-state{border-color:var(--warning);background:var(--accent-light);color:var(--warning)}.timeline-chart{min-width:0;margin:16px 0 0}.chart-summary{border-top:2px solid var(--border-soft);flex-wrap:wrap;align-items:baseline;gap:8px 16px;min-height:40px;padding:12px 0 0;display:flex}.chart-summary strong{color:var(--primary);font-size:18px;font-weight:700}.chart-summary span{color:var(--muted);font-size:13px}.chart-caption-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.metric-empty{border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);min-height:180px;color:var(--muted);text-align:center;place-content:center;gap:8px;margin-top:16px;display:grid}.metric-empty strong{color:var(--ink);font-weight:600}.metric-error{border-color:var(--danger);background:#ff5f6d0d}.top-texts-scroll{margin-top:16px;overflow-x:auto}.top-texts-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);width:100%;font-size:14px;overflow:hidden}.top-texts-table th,.top-texts-table td{border-bottom:1px solid var(--border-soft);text-align:left;padding:14px 16px}.top-texts-table th{color:var(--ink);background:var(--surface-raised);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:700}.top-texts-table tbody tr{transition:all var(--duration-fast) var(--ease)}.top-texts-table tbody tr:hover{background:var(--primary-light);transform:scale(1.01)}.top-texts-table td:first-child,.top-texts-table td:last-child{width:84px;color:var(--primary);font-family:Maple Mono,monospace;font-weight:600}.app-error-state,.empty-state>section{text-align:left;border-radius:var(--radius-lg);background:var(--surface);width:min(100%,680px);box-shadow:var(--shadow-md);gap:12px;padding:32px;display:grid}.empty-state>section{border:2px dashed var(--border)}.app-error-state{border:3px solid var(--danger);background:#ff5f6d0d;margin:24px auto 0}.app-error-state p,.empty-state span{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.7}.app-error-state button{justify-self:start;margin-top:8px}.dashboard-state{min-height:100vh;color:var(--muted);place-items:center;padding:24px;display:grid}.empty-state>section{gap:12px}.empty-state strong{color:var(--ink);font-size:22px;font-weight:600}@media (width<=960px){.control-deck,.range-control{grid-template-columns:1fr}.range-arrow{display:none}}@media (width<=760px){.dashboard-shell{width:min(100% - 24px,620px);padding-top:24px}.masthead{padding:var(--space-md);flex-direction:column;align-items:flex-start;gap:16px}h1{font-size:clamp(32px,9vw,52px)}.control-deck,.timeline-key,.coverage-warning{grid-template-columns:1fr}.range-control legend{flex-wrap:wrap}.refresh-warning{grid-template-columns:1fr}.refresh-warning button{justify-self:start}.metric-slot{padding:24px 20px}.metric-panel-header{padding-right:50px;display:grid}.metric-state{justify-self:start}.timeline-chart>div:first-child{min-height:280px}}@media (width<=480px){.range-control{grid-template-columns:1fr}.range-control button{width:100%}.top-texts-table th,.top-texts-table td{padding:12px 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}