.ob-page{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.ob-header{box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:640px;margin:0 auto;padding:18px 20px 0;display:flex}.ob-section{box-sizing:border-box;flex-direction:column;flex:auto;justify-content:center;width:100%;max-width:600px;margin:0 auto;padding:32px 20px 28px;display:flex}.ob-section.wide{max-width:720px}.ob-eyebrow{letter-spacing:.6px;text-transform:uppercase;color:var(--brand-accent);margin-bottom:12px;font-size:12.5px;font-weight:700}.ob-h1{letter-spacing:-.02em;margin:0;font-size:clamp(26px,6vw,34px);font-weight:700;line-height:1.18}.ob-h2{margin:28px 0 12px;font-size:17px;font-weight:700}.ob-sub{color:var(--text-muted);margin:12px 0 0;font-size:15.5px;line-height:1.55}.ob-form{flex-direction:column;gap:12px;margin-top:24px;display:flex}.ob-label{color:var(--text-muted);font-size:13px;font-weight:600}.ob-input{box-sizing:border-box;border:1px solid var(--border);background:var(--bg-input);width:100%;min-height:54px;color:var(--text);border-radius:10px;padding:0 16px;font-size:17px}.ob-input:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.ob-input-sm{min-height:40px;padding:0 12px;font-size:16px}.ob-textarea{resize:vertical;min-height:160px;padding:12px 16px;font-family:inherit;font-size:16px;line-height:1.5}.ob-cta{justify-content:center;align-items:center;gap:8px;min-height:54px;font-size:16px;display:inline-flex}.ob-btn-spin{border-width:2px;width:16px;height:16px}.ob-link{min-height:36px;color:var(--text-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 4px;font-size:13.5px;text-decoration:underline}.ob-link:hover{color:var(--text)}.ob-kv{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:13px 0;font-size:14px;display:flex}.ob-kv>span:first-child{color:var(--text-muted)}.ob-kv.last{border-bottom:0}.ob-tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.ob-tile{text-align:left;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);min-height:44px;font:inherit;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex}.ob-tile:hover,.ob-tile:focus-visible{border-color:var(--blue);box-shadow:0 6px 18px -8px var(--blue-glow), var(--shadow-sm)}.ob-tile:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.ob-tile-icon{width:34px;height:34px;color:var(--blue);background:var(--blue-bg);border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.ob-tile-title{font-size:15px;font-weight:700}.ob-tile-line{color:var(--text-muted);font-size:13px;line-height:1.45}@media (max-width:440px){.ob-tiles{grid-template-columns:1fr;gap:8px}.ob-tile{flex-flow:wrap;align-items:center;gap:2px 12px;padding:12px 14px}.ob-tile-icon{width:30px;height:30px;font-size:16px}.ob-tile-title{flex:1 1 0;min-width:0}.ob-tile-line{box-sizing:border-box;flex:1 0 100%;padding-left:42px}}.ob-nudge{background:var(--blue-bg);border:1px solid var(--blue-glow);color:var(--text);text-align:left;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.5}.ob-nudge .ob-link{min-height:0;padding:4px 0 0;font-size:13px}.ob-list{flex-direction:column;gap:10px;margin:22px 0 0;padding:0;list-style:none;display:flex}.ob-list-skeleton{flex-direction:column;gap:10px;margin-top:18px;display:flex}.ob-item{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.ob-item.on{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue-glow)}.ob-item.locked{background:var(--bg-elevated)}.ob-check{width:20px;height:20px;accent-color:var(--blue);cursor:pointer;flex:none;margin:2px 0 0}.ob-check:disabled{cursor:not-allowed}.ob-item-main{cursor:pointer;min-width:0;font-size:inherit;color:var(--text);text-transform:none;letter-spacing:normal;flex-direction:column;flex:1;gap:4px;margin:0;font-weight:400;display:flex}.ob-item.locked .ob-item-main{cursor:default}.ob-item-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ob-item-label{font-size:15px;font-weight:700;line-height:1.35}.ob-item-why{color:var(--text-muted);font-size:13.5px;line-height:1.45}.ob-item-tech{color:var(--text);overflow-wrap:anywhere;align-items:baseline;gap:6px;font-size:13px;display:flex}.ob-item-meta{color:var(--text-dim);overflow-wrap:anywhere;font-size:12px}.ob-item-meta a{color:var(--blue)}.ob-tag{padding:2px 7px;font-size:9.5px}.ob-mark{font-weight:700}.ob-mark.ok{color:var(--green)}.ob-mark.bad{color:var(--red)}.ob-test{text-align:left;flex-direction:column;gap:10px;min-width:0;margin-top:16px;padding:16px 18px 18px;display:flex}.ob-test-title{margin:0;font-size:18px;font-weight:700;line-height:1.3}.ob-test-sub{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:14.5px;line-height:1.55}.ob-test-btn{text-align:center;white-space:normal;overflow-wrap:anywhere;justify-content:center;align-items:center;width:100%;min-height:50px;font-size:15.5px;display:inline-flex}.ob-test-note{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:12.5px;line-height:1.5}.ob-test-result{overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.5}.ob-test-text{border-top:1px solid var(--border);flex-direction:column;gap:10px;min-width:0;padding-top:12px;display:flex}.ob-test-text .rounded-md{margin-top:0}.ob-test-links{flex-wrap:wrap;justify-content:center;gap:0 16px;display:flex}.ob-alert{text-align:left;margin:24px 0 0}.ob-alert-cap{letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-size:12px;font-weight:700}.ob-alert-card{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:12px;padding:14px 16px}.ob-alert-head{align-items:center;gap:10px;display:flex}.ob-alert-icon{width:30px;height:30px;color:var(--red);background:var(--red-bg);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.ob-alert-from{color:var(--text-muted);font-size:12.5px}.ob-alert-subject{overflow-wrap:anywhere;font-size:14.5px;font-weight:700}.ob-alert-time{color:var(--text-dim);align-self:flex-start;margin-left:auto;font-size:12px}.ob-alert-body{overflow-wrap:anywhere;margin:10px 0 0;font-size:14px;line-height:1.5}.ob-alert-note{color:var(--text-dim);margin-top:6px;font-size:12px}.ob-firstcheck{margin-top:22px;padding:16px 18px}.ob-fc-title{letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);font-size:12px;font-weight:700}.ob-fc-rows{margin:10px 0 0;padding:0;list-style:none}.ob-fc-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;font-size:15px;display:flex}.ob-fc-row:last-child{border-bottom:0}.ob-fc-mark{border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:inline-flex}.ob-fc-mark.ok{color:var(--green);background:var(--green-bg)}.ob-fc-mark.bad{color:var(--red);background:var(--red-bg)}.ob-fc-region{flex:1;min-width:0;font-weight:600}.ob-fc-sub{color:var(--text-dim);font-size:13px;font-weight:400}.ob-fc-ms{font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap}.ob-fc-waiting .spinner{width:18px;height:18px}.ob-fc-line{color:var(--text-muted);margin:12px 0 0;font-size:13.5px;line-height:1.5}.ob-done-mark{justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex;position:relative}.ob-done-check{width:64px;height:64px;color:var(--green);background:var(--green-bg);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:flex;position:relative}.ob-burst{pointer-events:none;position:absolute;inset:0}.ob-burst>span{opacity:.55;background:var(--green);width:7px;height:7px;transform:rotate(calc(var(--i) * 36deg)) translateY(-42px);border-radius:50%;margin:-3.5px;position:absolute;top:50%;left:50%}.ob-burst>span:nth-child(3n){background:var(--blue)}.ob-burst>span:nth-child(3n+1){background:var(--brand-accent)}@media (prefers-reduced-motion:no-preference){.ob-burst>span{opacity:0;animation:1s cubic-bezier(.2,.7,.3,1) .1s both ob-burst}.ob-done-check,.ob-win-mark>span:last-child{animation:.45s cubic-bezier(.2,.9,.3,1.3) both ob-pop}.ob-row-in{animation:.35s ease-out both ob-row-in}.ob-ago.fresh .ob-ago-dot{animation:1.8s ease-in-out infinite ob-fresh}.ob-idle{animation:.3s ease-out both ob-row-in}.ob-gs-bar>span{transition:width .4s}}@keyframes ob-burst{0%{opacity:0;transform:rotate(calc(var(--i) * 36deg)) translateY(-14px) scale(.6)}25%{opacity:1}to{opacity:0;transform:rotate(calc(var(--i) * 36deg)) translateY(-48px) scale(1)}}@keyframes ob-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes ob-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ob-fresh{0%,to{box-shadow:0 0 #16a34a73}50%{box-shadow:0 0 0 4px #16a34a00}}.ob-win{border-radius:var(--radius);border:1px solid var(--green-glow);background:var(--green-bg);align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex}.ob-win-mark{flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.ob-win-mark>span:last-child{background:var(--green);color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex;position:relative}.ob-win .ob-burst>span{transform:rotate(calc(var(--i) * 36deg)) translateY(-26px)}.ob-win-title{overflow-wrap:anywhere;font-size:14.5px;font-weight:700}.ob-win-sub{color:var(--text-muted);font-size:13px}.ob-win .ob-idle-close{flex:none;margin-left:auto;position:static}.ob-gs{margin-bottom:18px;padding:16px 18px;overflow:visible}.ob-gs-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ob-gs-title{margin:0;font-size:15px;font-weight:700}.ob-gs-count{color:var(--text-muted);margin-top:2px;font-size:12.5px}.ob-gs-bar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:99px;height:6px;margin:10px 0 6px;overflow:hidden}.ob-gs-bar>span{background:linear-gradient(90deg, var(--blue), var(--brand-accent));border-radius:99px;height:100%;display:block}.ob-gs-list{margin:0;padding:0;list-style:none}.ob-gs-item{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:11px 0;display:flex}.ob-gs-item:first-child{border-top:0}.ob-gs-mark{border:1.5px solid var(--border);color:#fff;box-sizing:border-box;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.ob-gs-item.done .ob-gs-mark{background:var(--green);border-color:var(--green)}.ob-gs-item.next .ob-gs-mark{border-color:var(--blue);border-width:2px}.ob-gs-text{flex:220px;min-width:0}.ob-gs-item-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.ob-gs-item.done .ob-gs-item-title{color:var(--text-muted);font-weight:500}.ob-gs-why{color:var(--text-muted);margin-top:2px;font-size:12.5px}.ob-gs-next{letter-spacing:.4px;text-transform:uppercase;color:var(--blue);background:var(--blue-bg);border-radius:99px;padding:2px 7px;font-size:10.5px;font-weight:700}.ob-gs-action{flex:0 auto;max-width:100%}.ob-gs-action .test-alert p{max-width:320px}.ob-gs-hint{color:var(--text-dim);font-size:12.5px}@media (max-width:560px){.ob-gs-action{box-sizing:border-box;flex-basis:100%;padding-left:34px}}.ob-empty-card{margin-bottom:24px;position:relative;overflow:visible}.first-site>div:last-child{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.ob-idle{z-index:60;box-sizing:border-box;border:1px solid var(--border);background:var(--bg-card);width:min(380px,100vw - 32px);box-shadow:var(--shadow-lg);text-align:left;border-radius:14px;padding:16px 16px 14px;position:fixed;bottom:20px;right:20px}@media (max-width:480px){.ob-idle{width:auto;bottom:16px;left:16px;right:16px}}.ob-idle-title{padding-right:28px;font-size:15px;font-weight:700}.ob-idle-sub{color:var(--text-muted);margin:2px 0 10px;font-size:13px}.ob-idle-form{gap:8px;display:flex}.ob-idle-form .ob-input{flex:1;min-width:0}.ob-idle .ob-nudge{margin-top:8px;font-size:13px}.ob-idle-close{width:32px;height:32px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:14px;position:absolute;top:8px;right:8px}.ob-idle-close:hover{background:var(--bg-hover);color:var(--text)}.ob-ago{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.ob-ago-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.ob-demo-bar{top:var(--topbar-h,56px);z-index:40;background:var(--bg-card);background-image:linear-gradient(90deg, var(--blue-bg), transparent);border-bottom:1px solid var(--border);position:sticky}.ob-demo-bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:10px 24px;display:flex}.ob-demo-bar-text{font-size:14px}.ob-demo-form{flex:0 420px;gap:8px;min-width:0;display:flex}.ob-demo-form .ob-input{flex:1;min-width:0}@media (max-width:640px){.ob-demo-bar-inner{padding:10px 16px}.ob-demo-form{flex-basis:100%}}.ob-demo-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.ob-demo-title{margin:0;font-size:22px;font-weight:700}.ob-demo-sub{color:var(--text-muted);font-size:13.5px;line-height:1.5}.ob-demo-chip{letter-spacing:.4px;text-transform:uppercase;color:var(--brand-accent);font-size:11px;font-weight:700}.ob-demo-pad{padding:18px}.ob-demo-mons{margin:0;padding:0;list-style:none}.ob-demo-mon{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 18px;display:grid}.ob-demo-mon:first-child{border-top:0}.ob-demo-mon-main{align-items:flex-start;gap:12px;min-width:0;display:flex}.ob-demo-mon-icon{width:32px;height:32px;color:var(--blue);background:var(--blue-bg);border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex}.ob-demo-mon-name{align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.ob-demo-mon-kind{color:var(--text-muted);font-size:12.5px}.ob-demo-mon-target{color:var(--text-dim);overflow-wrap:anywhere;font-size:12px}.ob-demo-mon-graph{min-width:0;color:var(--blue);flex-direction:column;gap:6px;display:flex}.ob-demo-note{color:var(--text-muted);font-size:12.5px}.ob-demo-mon-nums{text-align:right;color:var(--text-muted);white-space:nowrap;font-size:12.5px}.ob-demo-mon-nums strong{color:var(--text);font-size:14px}.ob-spark{width:100%;height:32px;display:block}.ob-bars{gap:2px;height:14px;display:flex}.ob-bars>span{background:var(--green);opacity:.75;border-radius:2px;flex:1;min-width:2px}.ob-bars>span.down{background:var(--red);opacity:1}@media (max-width:720px){.ob-demo-mon{grid-template-columns:minmax(0,1fr) auto;padding:14px 16px}.ob-demo-mon-graph{grid-area:2/1/auto/-1}}.ob-demo-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px;display:grid}.ob-timeline{margin:0;padding:0 0 0 4px;list-style:none}.ob-timeline li{border-left:2px solid var(--border);gap:12px;padding:0 0 12px 14px;font-size:13.5px;line-height:1.45;display:flex;position:relative}.ob-timeline li:before{content:"";background:var(--red);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-6px}.ob-timeline li:last-child:before{background:var(--green)}.ob-timeline li:last-child{border-left-color:#0000;padding-bottom:0}.ob-timeline-at{font-variant-numeric:tabular-nums;color:var(--text-dim);flex:none}.ob-status{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;padding:14px}.ob-status-head{font-size:14px;font-weight:700}.ob-status-ok{color:var(--green);align-items:center;gap:6px;margin:6px 0 10px;font-size:13.5px;font-weight:600;display:flex}.ob-status-row{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;padding:5px 0;font-size:13px;display:grid}@media (max-width:640px){.dash-topbar .topbar-right{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.dash-topbar .topbar-right::-webkit-scrollbar{display:none}.dash-topbar .topbar-right>*{flex:none}.dash-topbar .refresh-info{display:none}.monitor-table{table-layout:fixed}.monitor-table th:first-child{width:50%!important}.monitor-table th,.monitor-table td{padding-left:12px;padding-right:12px}.monitor-name-col,.monitor-name-col>div:last-child{min-width:0}.monitor-name{overflow-wrap:anywhere}.monitor-target{max-width:100%}}@media (max-width:480px){.ob-demo-mon{grid-template-columns:minmax(0,1fr);gap:10px}.ob-demo-mon-graph{grid-area:auto}.ob-demo-mon-nums{text-align:left;align-items:baseline;gap:10px;display:flex}}