:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7fbfc;color:#152d36;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f7fbfc;--surface: #ffffff;--surface-quiet: #eef6f7;--ink: #152d36;--muted: #58727d;--border: #d9e8ec;--teal: #12777d;--teal-soft: #dff1f2;--coral: #e8665c;--amber: #e49a24;--green: #2d9b73;--shadow: 0 18px 42px rgba(15, 72, 83, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#edf8fa 0,#edf8fa00 360px),var(--bg)}button,input,select{font:inherit}button{color:inherit}.app-shell{width:min(100%,1180px);margin:0 auto;padding:18px 14px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0 14px}.topbar-main{min-width:0}.eyeline,.section-heading p{margin:0 0 5px;color:var(--muted);font-size:.76rem;font-weight:760;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0;color:var(--ink)}h1{font-size:clamp(1.72rem,7vw,3rem);line-height:1}h2{font-size:1.12rem}.mobile-test-picker{display:none}.date-badge,.metric,.notice,.filters,.selected-panel,.test-list-section,.latest-table-section,.report-note{border:1px solid var(--border);background:#ffffffe6;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.date-badge{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;border-radius:8px;padding:9px 10px;color:var(--teal);font-size:.86rem;font-weight:760}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}.metric{min-height:88px;border-radius:8px;padding:12px 10px;display:grid;align-content:space-between;gap:8px}.metric svg{color:var(--teal)}.metric span{color:var(--muted);font-size:.75rem;font-weight:740}.metric strong{font-size:1.18rem;line-height:1}.metric.warn svg,.metric.warn strong{color:var(--coral)}.notice{margin:10px 0;border-radius:8px;padding:10px 12px;color:#34535e;font-size:.85rem;line-height:1.45}.filters,.selected-panel,.test-list-section,.latest-table-section,.report-note{border-radius:8px;padding:12px;margin-top:10px}.filters{position:sticky;top:0;z-index:10;display:grid;gap:10px}.search-box,.select-wrap,.date-grid label{min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted)}.search-box{display:flex;align-items:center;gap:8px;padding:0 12px}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:.98rem}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.date-grid label{display:grid;gap:3px;padding:6px 9px}.date-grid span{color:var(--muted);font-size:.68rem;font-weight:760}.date-grid input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:.86rem}.control-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.select-wrap{position:relative;display:flex;align-items:center;gap:8px;padding:0 10px;min-width:0}.select-wrap select{width:100%;min-width:0;border:0;outline:0;appearance:none;background:transparent;color:var(--ink);font-size:.9rem;font-weight:700}.segmented,.status-tabs,.scope-tabs{display:flex;gap:4px;padding:4px;border-radius:8px;background:var(--surface-quiet);overflow-x:auto}.segmented button,.status-tabs button,.scope-tabs button{border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:800;white-space:nowrap}.segmented button{display:inline-flex;align-items:center;gap:6px;padding:8px 9px}.status-tabs button,.scope-tabs button{padding:8px 10px}.segmented button.active,.status-tabs button.active,.scope-tabs button.active{background:var(--surface);color:var(--teal);box-shadow:0 6px 16px #12777d1f}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.selected-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:4px}.selected-title span{color:var(--muted);font-size:.85rem;font-weight:760}.selected-view-toggle{width:fit-content;margin-top:10px}.selected-view-toggle button{display:inline-flex;align-items:center;gap:6px}.selected-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 8px}.selected-stats span{display:grid;gap:5px;min-width:0;border:1px solid var(--border);border-radius:8px;padding:9px;color:var(--muted);font-size:.76rem;font-weight:740}.selected-stats strong{color:var(--ink);font-size:.9rem;overflow-wrap:anywhere}.chart-wrap{height:280px;margin-top:10px}.chart-tooltip{display:grid;gap:4px;max-width:220px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:10px;box-shadow:0 16px 32px #0b2c341f}.chart-tooltip span,.chart-tooltip small{color:var(--muted);font-size:.78rem}.chart-tooltip strong{color:var(--ink);font-size:1rem}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer}.icon-button.is-on{color:var(--coral);border-color:#f1c3be;background:#fff1ef}.test-list{display:grid;gap:8px;margin-top:12px}.test-row{width:100%;min-height:78px;display:grid;grid-template-columns:minmax(0,1fr) 116px 96px 28px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px;cursor:pointer;text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.test-row:hover,.test-row.is-selected{border-color:#87bdc4;box-shadow:0 12px 28px #12777d1c}.test-main,.test-value{display:grid;gap:5px;min-width:0}.test-title{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;min-width:0}.test-name{color:var(--ink);font-size:.94rem;font-weight:840;overflow-wrap:anywhere}.test-help{color:var(--teal);font-size:.76rem;font-weight:820;line-height:1.15}.test-meta,.test-value span{color:var(--muted);font-size:.75rem;font-weight:730}.test-value strong{color:var(--ink);font-size:.9rem;overflow-wrap:anywhere}.favorite{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;color:#8198a1}.favorite.is-on{color:var(--coral);background:#fff1ef}.trend{display:none}.sparkline{color:var(--teal);width:116px;height:40px}.sparkline.is-high,.sparkline.is-low{color:var(--coral)}.sparkline-empty{width:116px;height:40px;border-radius:6px;background:repeating-linear-gradient(90deg,#eef6f7 0 8px,#e3eff2 8px 10px)}.status-dot{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;min-height:24px;border-radius:6px;padding:4px 7px;font-size:.72rem;font-weight:850;line-height:1;color:#46636d;background:#edf4f6}.status-dot.is-high,.status-dot.is-low{color:#af372f;background:#fff0ee}.status-dot.is-normal{color:#147150;background:#e6f5ee}.status-dot.is-unknown{color:#6b7481;background:#f0f3f5}.table-wrap{width:100%;margin-top:12px;overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.table-wrap.compact{max-height:390px;overflow:auto}table{width:100%;min-width:620px;border-collapse:collapse}th,td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;font-size:.86rem}th{position:sticky;top:0;z-index:1;background:#f2f8fa;color:var(--muted);font-size:.76rem;font-weight:850}td{color:#284650}.table-test{display:grid;gap:3px}.table-test strong{color:var(--ink);font-size:.88rem}.table-test small{color:var(--muted);font-size:.74rem;font-weight:740}tr:last-child td{border-bottom:0}.report-note p:last-child{margin:12px 0 0;max-height:260px;overflow:auto;color:#34535e;font-size:.86rem;line-height:1.55;white-space:pre-line}@media(max-width:540px){.app-shell{display:flex;flex-direction:column;padding-inline:10px}.topbar{order:1;flex-direction:column;align-items:stretch;gap:10px}.desktop-title{display:none}.mobile-test-picker{position:relative;display:grid;gap:6px;width:100%;min-height:66px;border:1px solid var(--border);border-radius:8px;background:#fffffff0;box-shadow:var(--shadow);padding:9px 40px 9px 12px}.mobile-test-picker span{color:var(--muted);font-size:.7rem;font-weight:820;line-height:1}.mobile-test-picker select{width:100%;min-width:0;border:0;outline:0;appearance:none;background:transparent;color:var(--ink);font-size:1.28rem;font-weight:880;line-height:1.1}.mobile-test-picker svg{position:absolute;right:12px;bottom:16px;color:var(--teal);pointer-events:none}.date-badge{width:fit-content;padding:8px;font-size:.78rem}.metrics{order:3;grid-template-columns:repeat(3,minmax(0,1fr))}.selected-panel{order:2;margin-top:8px}.filters{order:4;position:static}.test-list-section{order:5}.latest-table-section{order:6}.notice{order:7}.report-note{order:8}.metric{min-height:84px;padding:10px 8px}.metric span{font-size:.67rem}.metric strong{font-size:1rem}.control-row{grid-template-columns:1fr}.segmented{width:100%}.segmented button{flex:1;justify-content:center}.selected-view-toggle{width:100%}.selected-view-toggle button{flex:1;justify-content:center}.selected-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.selected-stats span{padding:8px 7px;font-size:.68rem}.selected-stats strong{font-size:.82rem}.chart-wrap{height:285px}.test-row{grid-template-columns:minmax(0,1fr) 28px;gap:8px 10px}.test-row .sparkline,.sparkline-empty{grid-column:1 / -1;width:100%}.test-value{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:7px}.favorite{grid-column:2;grid-row:1;align-self:start}}@media(min-width:860px){.app-shell{display:grid;grid-template-columns:390px minmax(0,1fr);gap:14px;padding-top:24px}.topbar,.metrics,.notice,.filters,.test-list-section{grid-column:1}.selected-panel,.latest-table-section,.report-note{grid-column:2}.topbar{grid-row:1}.metrics{grid-row:2}.notice{grid-row:3}.filters{grid-row:4;align-self:start}.test-list-section{grid-row:5 / span 3}.selected-panel{grid-row:1 / span 4;margin-top:0}.latest-table-section{grid-row:5}.report-note{grid-row:6}.chart-wrap{height:410px}}