:root{--bg: #f7f8fa;--surface: #ffffff;--border: #e2e5ea;--text: #1b1f27;--text-muted: #6b7280;--accent: #2563eb;--accent-hover: #1d4ed8;--up: #15803d;--up-bg: #dcfce7;--down: #b91c1c;--down-bg: #fee2e2;--danger: #b91c1c;--radius: 6px;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}h1,h2,h3{margin:0 0 .5rem;font-weight:600}h1{font-size:1.25rem}h2{font-size:1.1rem}h3{font-size:.95rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.centered{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:320px}.auth-card form{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.link-button{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:.85rem}.link-button:hover{text-decoration:underline}.app-shell{min-height:100vh}.app-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.app-header h1{margin:0}.app-header nav{display:flex;gap:.25rem;flex:1}.app-header nav button{background:none;border:none;color:var(--text-muted);padding:.4rem .75rem;border-radius:var(--radius);cursor:pointer;font-size:.9rem}.app-header nav button:hover{background:var(--bg)}.app-header nav button.active{color:var(--accent);background:#eff6ff;font-weight:600}.app-header__user{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.85rem}main{max-width:960px;margin:0 auto;padding:2rem 1.5rem}label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-muted)}label.checkbox{flex-direction:row;align-items:center;gap:.4rem;color:var(--text)}input,select,textarea{font:inherit;padding:.45rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.pct-input{width:4.5rem}button{font:inherit;padding:.45rem .9rem;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer}button:hover:not(.link-button):not(.tab){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:var(--surface);border-color:var(--border);color:var(--danger)}button.danger:hover{background:var(--down-bg)}.form-error{color:var(--danger);font-size:.85rem;margin:0}.hint{color:var(--text-muted);font-weight:400;font-size:.8em;text-transform:none;letter-spacing:normal}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.25rem}.empty-state{color:var(--text-muted);font-style:italic}.item-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.item-list li{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;background:var(--bg);border-radius:var(--radius)}.item-list li.empty-state{background:none;padding:.4rem .6rem}.inline-form,.rule-form{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.target-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:.85rem;max-width:480px}.form-actions{display:flex;gap:.5rem}.target-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.target-table th,.target-table td{text-align:left;padding:.6rem .9rem;border-bottom:1px solid var(--border)}.target-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--bg)}.target-table tbody tr:last-child td{border-bottom:none}.row-actions{display:flex;gap:.4rem;justify-content:flex-end}.status-badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600}.status-badge--up{background:var(--up-bg);color:var(--up)}.status-badge--down{background:var(--down-bg);color:var(--down)}.status-badge__busy{font-weight:400;opacity:.8}.status-badge--paused{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.row--paused td{opacity:.6}.muted{color:var(--text-muted)}.ok{color:var(--up)}.bad{color:var(--down);font-weight:600}.muted-row{opacity:.6}.app-header nav a{background:none;border:none;color:var(--text-muted);padding:.4rem .75rem;border-radius:var(--radius);cursor:pointer;font-size:.9rem;text-decoration:none}.app-header nav a:hover{background:var(--bg)}.app-header nav a.active{color:var(--accent);background:#eff6ff;font-weight:600}.target-table a{color:var(--accent);text-decoration:none;font-weight:500}.target-table a:hover{text-decoration:underline}.target-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:0 0 1.25rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.target-facts dt{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}.target-facts dd{margin:.15rem 0 0;font-size:.95rem;font-variant-numeric:tabular-nums}.chart-controls{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.range-picker{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.range-picker button{background:var(--surface);color:var(--text-muted);border:none;border-radius:0;padding:.3rem .7rem;font-size:.8rem}.range-picker button+button{border-left:1px solid var(--border)}.range-picker button:hover{background:var(--bg)}.range-picker button.active{background:var(--accent);color:#fff;font-weight:600}.probe-config{border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem 1rem;display:flex;flex-direction:column;gap:.75rem;margin:0}.probe-config legend{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);padding:0 .35rem}.field-row{display:flex;gap:.75rem}.field-row label{flex:1}.headers-editor{border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .8rem .8rem;display:flex;flex-direction:column;gap:.5rem;margin:0}.headers-editor legend{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);padding:0 .35rem}.headers-editor .empty{margin:0}.header-row{display:flex;gap:.5rem;align-items:center}.header-row input:first-child{flex:2;min-width:0}.header-row input:nth-child(2){flex:3;min-width:0}.header-row .remove{flex:0 0 auto;padding:.3rem .6rem;line-height:1;font-size:1.1rem;background:var(--surface);border-color:var(--border);color:var(--text-muted)}.header-row .remove:hover:not(.link-button):not(.tab){background:var(--surface);border-color:var(--danger);color:var(--danger)}.headers-editor .add{align-self:flex-start;background:var(--surface);border-color:var(--border);color:var(--text)}.headers-editor .add:hover:not(.link-button):not(.tab){background:var(--surface);border-color:var(--accent);color:var(--accent)}.healthcheck-token{display:flex;flex-direction:column;gap:.4rem}.guide{margin:.75rem 0}.guide__steps{margin:.5rem 0 0;padding-left:1.2rem;color:var(--text-muted);font-size:.85rem;display:flex;flex-direction:column;gap:.45rem}.guide__steps a{color:var(--accent)}.channel-subscription{flex-wrap:wrap;gap:.5rem}.event-toggles{display:flex;gap:.75rem;font-size:.8rem}.activity-table{width:100%;border-collapse:collapse}.activity-table th,.activity-table td{text-align:left;padding:.4rem .6rem;border-bottom:1px solid var(--border);font-size:.85rem}.activity-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.activity-table tbody tr:last-child td{border-bottom:none}.event-pill{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--bg);border:1px solid var(--border)}.event-pill--down{background:var(--down-bg);color:var(--down);border-color:transparent}.event-pill--recovered{background:var(--up-bg);color:var(--up);border-color:transparent}.run-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.run{display:flex;align-items:center;gap:.6rem;padding:.3rem .5rem;border-radius:var(--radius);background:var(--bg);font-size:.85rem}.run__dot{width:8px;height:8px;border-radius:50%;flex:none}.run--up .run__dot{background:var(--up)}.run--down .run__dot{background:var(--down)}.run__result{font-weight:600;min-width:4rem}.run--up .run__result{color:var(--up)}.run--down .run__result{color:var(--down)}.run__time{font-variant-numeric:tabular-nums}.conn{font-size:.75rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;white-space:nowrap}.conn--open{color:var(--up);background:var(--up-bg)}.conn--offline{color:var(--text-muted);background:var(--bg);border:1px solid var(--border)}.target-detail__title{display:flex;align-items:center;gap:.75rem}.target-detail__title h2{margin:0}.target-detail__url{color:var(--text-muted);margin-top:0}.metric-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1rem;margin-bottom:1.25rem}.metric-chart__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.metric-chart__head h3{margin:0}.metric-chart__stats{display:flex;gap:.9rem;margin:0}.metric-chart__stats div{display:flex;align-items:baseline;gap:.25rem}.metric-chart__stats dt{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}.metric-chart__stats dd{margin:0;font-size:.8rem;font-variant-numeric:tabular-nums}.metric-chart__stats .metric-chart__latest{color:var(--accent);font-size:1rem;font-weight:700}.metric-chart__svg{width:100%;height:auto;display:block;color:var(--accent);cursor:crosshair}.metric-chart__grid{stroke:var(--border);stroke-width:1}.metric-chart__axis-label{fill:var(--text-muted);font-size:10px;font-variant-numeric:tabular-nums}.metric-chart__area{fill:currentColor;opacity:.1;stroke:none}.metric-chart__line{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.metric-chart__crosshair{stroke:var(--text-muted);stroke-width:1;stroke-dasharray:3 3}.metric-chart__dot{fill:var(--surface);stroke:currentColor;stroke-width:2}.metric-chart__readout{display:flex;align-items:baseline;gap:.5rem;margin-top:.35rem;min-height:1.2rem;font-size:.78rem}.metric-chart__readout-value{font-weight:700;font-variant-numeric:tabular-nums}.metric-chart__readout-time,.metric-chart__readout-hint{color:var(--text-muted)}.screenshot-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.screenshot-gallery__item{margin:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg)}.screenshot-gallery__item img{width:100%;display:block;aspect-ratio:16 / 10;object-fit:cover;background:var(--border)}.screenshot-gallery__item figcaption{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .6rem;font-size:.75rem;color:var(--text-muted)}.diff-badge{padding:.1rem .45rem;border-radius:999px;background:var(--bg);font-weight:600;white-space:nowrap}.diff-badge--changed{background:var(--down-bg);color:var(--down)}.summary-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:0 0 1.25rem}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem}.tile dt{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}.tile__value{margin:.2rem 0 0;font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.warn{color:#b45309}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.overview-panel{margin:0;display:flex;flex-direction:column;gap:.5rem}.overview-panel--down{border-color:var(--down);box-shadow:inset 3px 0 0 var(--down)}.overview-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.overview-panel__name{color:var(--text);font-weight:600;text-decoration:none}.overview-panel__name:hover{color:var(--accent);text-decoration:underline}.overview-panel__url{margin:0;color:var(--text-muted);font-size:.8rem;overflow-wrap:anywhere}.overview-panel__stats{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.85rem}.overview-panel__stats>div{display:flex;flex-direction:column;gap:.1rem}.overview-panel__label{color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.03em}.overview-panel__uptime{font-weight:700;font-variant-numeric:tabular-nums}.overview-panel__failing{margin:0;font-size:.8rem}.run{flex-direction:column;align-items:stretch}.run__row{display:flex;align-items:center;gap:.6rem}.run__error{flex:1;min-width:0;color:var(--down);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run__toggle{margin-left:auto;flex:none}.modal{border:none;border-radius:var(--radius);padding:0;background:var(--surface);color:var(--text);width:min(900px,92vw);max-height:88vh;box-shadow:0 12px 40px #00000040}.modal::backdrop{background:#00000073}.modal__content{display:flex;flex-direction:column;max-height:88vh}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--border);flex:none}.modal__header h3{margin:0;font-size:.95rem}.modal__close{font-size:1rem;line-height:1}.modal__body{padding:1.1rem;overflow-y:auto}.run-detail__section{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--border)}.run-detail__section:first-child{margin-top:0;padding-top:0;border-top:none}.run-detail__section h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.run-detail__request-line{margin:0 0 .5rem;font-size:.82rem;overflow-wrap:anywhere}.run-detail__proto,.run-detail__body-meta{font-size:.7rem;text-transform:none;letter-spacing:0}.run-detail__body-meta{margin-left:auto}.run-detail__body{margin:0;padding:.6rem .7rem;background:var(--bg);border-radius:var(--radius);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;white-space:pre-wrap;overflow-wrap:anywhere;max-height:22rem;overflow-y:auto}.run-detail__resource-url{max-width:22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{padding:.05rem .4rem;border-radius:999px;font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums}.status-pill--ok{background:var(--up-bg);color:var(--up)}.status-pill--redirect{background:var(--bg);color:var(--text-muted)}.status-pill--bad{background:var(--down-bg);color:var(--down)}.header-table th{width:1%;white-space:nowrap;text-align:left;font-weight:500;color:var(--text-muted);vertical-align:top;padding-right:1rem;text-transform:none;letter-spacing:normal;font-size:inherit}.header-table__value{overflow-wrap:anywhere}.vitals{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.6rem}.vital{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .6rem;border-radius:var(--radius);background:var(--bg);border-left:3px solid var(--border)}.vital--good{border-left-color:var(--up)}.vital--warn{border-left-color:#b45309}.vital--poor{border-left-color:var(--down)}.vital__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.vital__value{font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums}.vital--good .vital__value{color:var(--up)}.vital--warn .vital__value{color:#b45309}.vital--poor .vital__value{color:var(--down)}.vital--absent .vital__value{font-size:.8rem;font-weight:400}.vital__unit{font-size:.7rem;font-weight:400;margin-left:.15rem;color:var(--text-muted)}.timing{display:flex;flex-direction:column;gap:.3rem}.timing__row{display:grid;grid-template-columns:5rem 1fr 5rem;align-items:center;gap:.6rem;font-size:.78rem}.timing__label{color:var(--text-muted)}.timing__track{height:.6rem;background:var(--bg);border-radius:999px;overflow:hidden}.timing__bar{display:block;height:100%;background:var(--accent);border-radius:999px}.timing__value{text-align:right;font-variant-numeric:tabular-nums}.timing__row--total{border-top:1px solid var(--border);padding-top:.3rem;font-weight:600}.activity-table .num{text-align:right;font-variant-numeric:tabular-nums}.run-detail__facts{display:flex;gap:1.5rem;flex-wrap:wrap;margin:0 0 .6rem}.run-detail__facts dt{color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.03em}.run-detail__facts dd{margin:.1rem 0 0;font-size:.85rem;font-variant-numeric:tabular-nums}.run-detail__error h4{margin:0 0 .3rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.run-detail__error-text{margin:0;padding:.5rem .6rem;background:var(--bg);border-radius:var(--radius);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;white-space:pre-wrap;overflow-wrap:anywhere;max-height:14rem;overflow-y:auto}.tabs{display:flex;align-items:center;gap:.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border)}.tab{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--text-muted);padding:.5rem .9rem;font-size:.9rem;cursor:pointer;margin-bottom:-1px}.tab:hover:not(.tab--active){color:var(--text);background:var(--bg)}.tab--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tabs__live{margin-left:auto;margin-bottom:.35rem;font-size:.85rem}.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.shot{margin:0;display:flex;flex-direction:column;gap:.3rem;min-width:0}.shot__label{display:flex;flex-direction:column;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.shot__note{text-transform:none;letter-spacing:0;font-size:.72rem;font-variant-numeric:tabular-nums}.shot__button{padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:zoom-in;overflow:hidden;height:9rem;display:block}.shot__thumb{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.shot__missing{margin:0;padding:.6rem;border:1px dashed var(--border);border-radius:var(--radius);height:9rem;display:flex;align-items:center}.viewer{border:none;padding:0;background:var(--surface);color:var(--text);width:min(1100px,96vw);max-width:96vw;height:92vh;max-height:92vh;border-radius:var(--radius);overflow:hidden}.viewer::backdrop{background:#000000b3}.viewer__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.viewer__scroll{height:calc(92vh - 3rem);overflow:auto;background:var(--bg)}.viewer__img{display:block;width:100%;height:auto}