:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{margin:0}:root{--sj-bg:#f4f6fa;--sj-surface:#fff;--sj-surface-sunken:#f8fafc;--sj-border:#e2e8f0;--sj-border-strong:#cbd5e1;--sj-text:#0f172a;--sj-text-secondary:#334155;--sj-muted:#64748b;--sj-primary:#4f46e5;--sj-primary-hover:#4338ca;--sj-primary-soft:#eef2ff;--sj-primary-border:#c7d2fe;--sj-danger:#dc2626;--sj-danger-soft:#fef2f2;--sj-danger-border:#fecaca;--sj-warn:#b45309;--sj-warn-soft:#fffbeb;--sj-warn-border:#fde68a;--sj-ok:#15803d;--sj-ok-soft:#f0fdf4;--sj-ok-border:#bbf7d0;--sj-recording:#dc2626;--sj-radius:10px;--sj-radius-sm:7px;--sj-shadow:0 1px 2px #0f172a0d;--sj-shadow-lg:0 4px 16px #0f172a14;--sj-font:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--sj-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--sj-font);background:var(--sj-bg);color:var(--sj-text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}a{color:var(--sj-primary);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}code{font-family:var(--sj-mono);background:var(--sj-surface-sunken);border:1px solid var(--sj-border);border-radius:4px;padding:1px 5px;font-size:.86em}.sj-topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--sj-border);background:#ffffffeb;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.sj-brand{letter-spacing:-.01em;color:var(--sj-text);align-items:center;gap:10px;font-size:1.02rem;font-weight:800;display:flex}.sj-brand:hover{text-decoration:none}.sj-brand-mark{background:var(--sj-primary);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:grid}.sj-topbar .sj-spacer{flex:1}.sj-topbar-user{color:var(--sj-muted);font-size:.85rem}.sj-topbar-user strong{color:var(--sj-text-secondary);font-weight:600}.sj-page{max-width:1024px;margin:0 auto;padding:28px 24px 72px}.sj-page-header{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.sj-page-header .sj-titles{flex:1;min-width:240px}.sj-page-header h1{letter-spacing:-.02em;margin:0 0 4px;font-size:1.45rem;font-weight:800}.sj-page-header .sj-subtitle{color:var(--sj-muted);margin:0;font-size:.9rem}.sj-page-header .sj-actions{align-items:center;gap:8px;display:flex}.sj-backlink{color:var(--sj-muted);margin-bottom:10px;font-size:.88rem;display:inline-block}.sj-backlink:hover{color:var(--sj-primary)}.sj-page h1{letter-spacing:-.02em;margin:.5rem 0 1rem;font-size:1.45rem;font-weight:800}.sj-page h2{margin:0 0 .75rem;font-size:1.02rem;font-weight:700}.sj-card{background:var(--sj-surface);border:1px solid var(--sj-border);border-radius:var(--sj-radius);box-shadow:var(--sj-shadow);margin-bottom:18px;padding:20px 22px}.sj-card-title{justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;display:flex}.sj-card-title h2{margin:0}.sj-card-title .sj-hint{color:var(--sj-muted);font-size:.82rem;font-weight:400}.sj-muted{color:var(--sj-muted);font-size:.88rem}.sj-error{color:var(--sj-danger);background:var(--sj-danger-soft);border:1px solid var(--sj-danger-border);border-radius:var(--sj-radius-sm);white-space:pre-wrap;padding:10px 14px;font-size:.9rem}.sj-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid}.sj-stat{background:var(--sj-surface);border:1px solid var(--sj-border);border-radius:var(--sj-radius);box-shadow:var(--sj-shadow);padding:14px 16px}.sj-stat .sj-stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--sj-muted);margin-bottom:6px;font-size:.75rem;font-weight:600}.sj-stat .sj-stat-value{font-size:1.05rem;font-weight:700}.sj-kv{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px 24px;display:grid}.sj-kv .sj-kv-row{border-bottom:1px dashed var(--sj-border);justify-content:space-between;gap:12px;padding:8px 0;font-size:.9rem;display:flex}.sj-kv .sj-kv-k{color:var(--sj-muted);flex-shrink:0}.sj-kv .sj-kv-v{text-align:right;overflow-wrap:anywhere;font-weight:500}.sj-btn{appearance:none;border:1px solid var(--sj-primary);background:var(--sj-primary);color:#fff;font:inherit;border-radius:var(--sj-radius-sm);cursor:pointer;box-shadow:var(--sj-shadow);padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .12s,box-shadow .12s,transform 50ms;display:inline-block}.sj-btn:hover:not(:disabled){background:var(--sj-primary-hover);text-decoration:none}.sj-btn:active:not(:disabled){transform:translateY(1px)}.sj-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.sj-btn:focus-visible,.sj-btn-secondary:focus-visible,.sj-btn-danger:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:1px;outline:3px solid #4f46e533}.sj-btn-secondary{appearance:none;border:1px solid var(--sj-border-strong);background:var(--sj-surface);color:var(--sj-text-secondary);font:inherit;border-radius:var(--sj-radius-sm);cursor:pointer;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s;display:inline-block}.sj-btn-secondary:hover:not(:disabled){background:var(--sj-surface-sunken);border-color:var(--sj-muted);text-decoration:none}.sj-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.sj-btn-danger{border-color:var(--sj-danger);background:var(--sj-danger)}.sj-btn-danger:hover:not(:disabled){background:#b91c1c}.sj-btn-icon-danger{width:30px;height:30px;color:var(--sj-muted);cursor:pointer;vertical-align:middle;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;transition:color .15s,background .15s,border-color .15s;display:inline-grid}.sj-btn-icon-danger:hover:not(:disabled){color:var(--sj-danger);background:var(--sj-danger-soft);border-color:var(--sj-danger-border)}.sj-btn-icon-danger:disabled{opacity:.5;cursor:wait}.sj-btn-icon-danger:focus-visible{outline:2px solid var(--sj-danger);outline-offset:1px}.sj-btn-sm{padding:4px 10px;font-size:.82rem}.sj-btn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sj-label{color:var(--sj-text-secondary);margin-bottom:5px;font-size:.8rem;font-weight:600;display:block}.sj-input,.sj-select{width:100%;font:inherit;border:1px solid var(--sj-border-strong);border-radius:var(--sj-radius-sm);background:var(--sj-surface);color:var(--sj-text);padding:8px 11px;font-size:.92rem;transition:border-color .12s,box-shadow .12s}.sj-input:focus,.sj-select:focus{border-color:var(--sj-primary);outline:none;box-shadow:0 0 0 3px #4f46e51f}.sj-field{flex:1;min-width:180px;margin-bottom:14px}.sj-field-narrow{flex:0 180px;min-width:140px}.sj-form-grid{flex-wrap:wrap;align-items:flex-end;gap:0 16px;display:flex}.sj-form-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.sj-table{border-collapse:collapse;width:100%;font-size:.9rem}.sj-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--sj-muted);border-bottom:1px solid var(--sj-border-strong);background:var(--sj-surface-sunken);padding:8px 12px;font-size:.74rem;font-weight:700}.sj-table th:first-child{border-top-left-radius:var(--sj-radius-sm)}.sj-table th:last-child{border-top-right-radius:var(--sj-radius-sm)}.sj-table td{border-bottom:1px solid var(--sj-border);vertical-align:middle;padding:10px 12px}.sj-table tbody tr{transition:background 80ms}.sj-table tbody tr:hover{background:var(--sj-surface-sunken)}.sj-table tbody tr:last-child td{border-bottom:none}.sj-table .sj-num{font-variant-numeric:tabular-nums}.sj-row-alert{background:var(--sj-warn-soft)}.sj-row-alert:hover{background:#fef3c7!important}.sj-row-alert td:first-child{box-shadow:inset 3px 0 0 var(--sj-warn)}.sj-row-critical{background:var(--sj-danger-soft)}.sj-row-critical:hover{background:#fee2e2!important}.sj-row-critical td:first-child{box-shadow:inset 3px 0 0 var(--sj-danger)}.sj-badge{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.sj-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.sj-badge-ok{color:var(--sj-ok);background:var(--sj-ok-soft);border-color:var(--sj-ok-border)}.sj-badge-warn{color:var(--sj-warn);background:var(--sj-warn-soft);border-color:var(--sj-warn-border)}.sj-badge-danger{color:var(--sj-danger);background:var(--sj-danger-soft);border-color:var(--sj-danger-border)}.sj-badge-neutral{color:var(--sj-muted);background:var(--sj-surface-sunken);border-color:var(--sj-border)}.sj-badge-info{color:var(--sj-primary);background:var(--sj-primary-soft);border-color:var(--sj-primary-border)}.sj-banner{border-radius:var(--sj-radius);color:#fff;box-shadow:var(--sj-shadow-lg);justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px 20px;font-weight:700;display:flex}.sj-banner-recording{background:linear-gradient(135deg,#dc2626,#b91c1c)}.sj-banner-recording .sj-dot{background:#fff;border-radius:50%;width:10px;height:10px;margin-right:8px;animation:1.2s ease-in-out infinite sj-pulse;display:inline-block}.sj-banner-recording .sj-timer{font-variant-numeric:tabular-nums;font-size:1.1rem}.sj-banner-interrupted{background:linear-gradient(135deg,#d97706,#b45309)}@keyframes sj-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.sj-banner-recording .sj-dot{animation:none}}.sj-timeline{margin:0;padding:0 0 0 6px;list-style:none}.sj-timeline li{border-left:2px solid var(--sj-border);padding:0 0 14px 22px;position:relative}.sj-timeline li:last-child{border-left-color:#0000;padding-bottom:0}.sj-timeline li:before{content:"";background:var(--sj-surface);border:2px solid var(--sj-muted);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-7px}.sj-timeline li.sj-ev-good:before{border-color:var(--sj-ok);background:var(--sj-ok-border)}.sj-timeline li.sj-ev-bad:before{border-color:var(--sj-danger);background:var(--sj-danger-border)}.sj-timeline li.sj-ev-warn:before{border-color:var(--sj-warn);background:var(--sj-warn-border)}.sj-timeline .sj-ev-time{color:var(--sj-muted);font-variant-numeric:tabular-nums;font-size:.78rem}.sj-timeline .sj-ev-type{margin-right:8px;font-size:.88rem;font-weight:700}.sj-timeline .sj-ev-payload{color:var(--sj-muted);font-size:.8rem;font-family:var(--sj-mono);word-break:break-all}.sj-consent{background:var(--sj-warn-soft);border:1px solid var(--sj-warn-border);border-radius:var(--sj-radius);padding:16px 20px}.sj-consent ul{margin:8px 0;padding-left:1.3rem}.sj-consent li{margin-bottom:6px}.sj-checkline{align-items:flex-start;gap:8px;margin-top:10px;font-weight:600;display:flex}.sj-checkline input{width:17px;height:17px;accent-color:var(--sj-primary);margin-top:4px}.sj-selfcheck{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.sj-selfcheck li{border:1px solid var(--sj-border);border-radius:var(--sj-radius-sm);background:var(--sj-surface-sunken);align-items:center;gap:8px;padding:10px 12px;font-size:.88rem;display:flex}.sj-selfcheck .sj-ico{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:.7rem;font-weight:800;display:grid}.sj-selfcheck .ok .sj-ico{background:var(--sj-ok)}.sj-selfcheck .bad .sj-ico{background:var(--sj-danger)}.sj-selfcheck .bad{border-color:var(--sj-danger-border);background:var(--sj-danger-soft)}.sj-empty{text-align:center;color:var(--sj-muted);border:1px dashed var(--sj-border-strong);border-radius:var(--sj-radius);background:var(--sj-surface-sunken);padding:32px 16px;font-size:.9rem}.sj-video{border-radius:var(--sj-radius);width:100%;box-shadow:var(--sj-shadow-lg);background:#000}.sj-auth-wrap{background:radial-gradient(1200px 500px at 15% -10%, #e0e7ff 0%, transparent 55%), radial-gradient(900px 400px at 90% -20%, #fae8ff 0%, transparent 50%), var(--sj-bg);place-items:center;min-height:100%;padding:40px 20px;display:grid}.sj-auth-card{background:var(--sj-surface);border:1px solid var(--sj-border);width:100%;max-width:400px;box-shadow:var(--sj-shadow-lg);border-radius:14px;padding:32px 30px}.sj-auth-brand{align-items:center;gap:12px;margin-bottom:6px;display:flex}.sj-auth-brand .sj-brand-mark{border-radius:10px;width:38px;height:38px;font-size:1rem}.sj-auth-brand h1{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:800}.sj-auth-sub{color:var(--sj-muted);margin:0 0 22px;font-size:.88rem}.sj-landing{max-width:860px;margin:0 auto;padding:56px 24px 80px}.sj-landing-hero{text-align:center;margin-bottom:36px}.sj-landing-hero .sj-brand-mark{border-radius:16px;width:56px;height:56px;margin:0 auto 16px;font-size:1.5rem}.sj-landing-hero h1{letter-spacing:-.03em;margin:0 0 8px;font-size:2rem;font-weight:800}.sj-landing-hero p{color:var(--sj-muted);margin:0}.sj-landing-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.sj-landing-card{background:var(--sj-surface);border:1px solid var(--sj-border);border-radius:var(--sj-radius);box-shadow:var(--sj-shadow);color:var(--sj-text);padding:22px;transition:box-shadow .15s,transform .15s,border-color .15s;display:block}.sj-landing-card:hover{box-shadow:var(--sj-shadow-lg);border-color:var(--sj-primary-border);text-decoration:none;transform:translateY(-2px)}.sj-landing-card h2{margin:0 0 6px;font-size:1.05rem}.sj-landing-card p{color:var(--sj-muted);margin:0;font-size:.88rem}