:root{color-scheme:dark;--bg: #09090b;--surface: #18181b;--surface-2: #27272a;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text: #fafafa;--text-2: #a1a1aa;--text-muted: #71717a;--accent: #6366f1;--accent-hover: #818cf8;--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--glass: rgba(24, 24, 27, .8);--series-chat: #9085e9;--series-pictures: #199e70;--series-other: #71717a;--series-credits: #3987e5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;background:var(--bg);color:var(--text);font-size:13px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}a{color:var(--accent);text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px}.btn{height:36px;padding:0 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;background:var(--surface-2);color:var(--text);transition:background .15s ease;display:inline-flex;align-items:center;gap:6px;justify-content:center}.btn:hover{background:var(--border-hover)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn.danger{color:var(--red)}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.input{height:36px;width:100%;padding:0 12px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:13px;outline:none}.input:focus{border-color:var(--accent)}.iconbtn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-2);border-radius:6px;transition:background .15s ease,color .15s ease}.iconbtn:hover{background:var(--surface-2);color:var(--text)}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-2)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-weight:500;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid var(--border)}td{padding:12px;border-bottom:1px solid var(--border);color:var(--text)}tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px;background:var(--surface-2);color:var(--text-2);text-transform:capitalize;white-space:nowrap}.badge.green{color:var(--green)}.badge.amber{color:var(--amber)}.badge.red{color:var(--red)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{width:var(--modal-w, 440px);max-width:90vw;max-height:88vh;overflow-y:auto;background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 40px #00000080;padding:24px;display:flex;flex-direction:column;gap:16px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .7s linear infinite}.metric{position:relative}.metric>.tip{display:none;position:absolute;left:8px;right:8px;top:calc(100% + 6px);z-index:50;background:#232326;border:1px solid var(--border-hover);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.55;color:var(--text-2);box-shadow:0 8px 24px #00000073;pointer-events:none;white-space:normal;font-weight:400}.metric:hover>.tip{display:block}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg button{border:none;background:transparent;color:var(--text-2);font-size:12px;font-weight:500;padding:6px 12px}.seg button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}.issue-panel{background:var(--surface-2);border-top:1px solid var(--border);padding:6px 18px 10px 36px}.issue-rows th{padding:8px 10px}.issue-rows td{padding:6px 10px;vertical-align:top}.page-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-row{display:grid;grid-template-columns:minmax(320px,2fr) 1fr 1fr;gap:8px}.filter-select{width:160px}.fb-panes{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:12px;height:calc(100vh - 210px);min-height:420px}.fb-search{position:relative;width:260px}.loop-row{display:grid;grid-template-columns:minmax(0,1.4fr) 90px 150px 150px minmax(0,1.6fr);gap:12px;align-items:center;padding:10px 16px;border-top:1px solid var(--border);font-size:13px}.problem-row{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:9px 16px;border-top:1px solid var(--border);align-items:baseline}.speed-grid{display:grid;grid-template-columns:minmax(0,1fr) 120px 120px;row-gap:10px;column-gap:12px;margin-top:12px;align-items:baseline}.rowlink{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;border-top:1px solid var(--border);background:transparent;color:var(--text);font-size:13px;text-align:left}.rowlink:hover{background:var(--surface-2)}.shell{display:flex;height:100vh;height:100dvh}.shell-top{display:none}.shell-aside{width:220px;flex-shrink:0;border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.shell-close{display:none}.shell-main{flex:1;min-width:0;overflow:auto;padding:32px}.cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pair.narrow-left{grid-template-columns:minmax(0,340px) minmax(0,1fr)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.split.r32{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.split.r21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}@media(max-width:1279px){.cols-5,.cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1023px){.shell{display:block;height:auto;min-height:100dvh}.shell-top{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:60;height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.shell-top .iconbtn{width:40px;height:40px}.shell-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#00000080}.shell-aside{position:fixed;top:0;bottom:0;left:0;z-index:90;width:min(280px,82vw);background:var(--surface);padding:calc(12px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overscroll-behavior:contain;transform:translate(-100%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}.shell-aside.open{transform:none;visibility:visible;transition:transform .22s ease;box-shadow:0 0 40px #00000080}.shell-close{display:inline-flex}.shell-main{overflow:visible;padding:24px max(24px,env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.split,.split.r32,.split.r21{grid-template-columns:minmax(0,1fr)}.table-scroll th{white-space:nowrap}.filter-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fb-panes{display:block;height:auto;min-height:0}.fb-pane{height:calc(100dvh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:360px}.filter-row>:first-child{grid-column:1 / -1}.table-scroll.c4>table{min-width:520px}.table-scroll.c5>table{min-width:600px}.table-scroll.c6>table{min-width:680px}.table-scroll.c7>table,.table-scroll.c8>table{min-width:760px}.issue-rows{min-width:760px}.loop-row{display:flex;flex-wrap:wrap;column-gap:14px;row-gap:4px}.loop-row>:first-child,.loop-row>:last-child{flex-basis:100%}.loop-row>:not(:first-child){padding-left:18px}.loop-row>:not(:first-child):not(:nth-child(2)):not(:last-child){padding-left:0}.loop-row>:last-child{white-space:normal!important}}@media(max-width:640px){.shell-main{padding:16px max(16px,env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.cols,.cols-5,.cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3,.pair,.pair.narrow-left{grid-template-columns:minmax(0,1fr)}.issue-panel{padding:6px 12px 10px}.page-title{margin-bottom:16px}.page-title>div{flex:1 1 100%;flex-wrap:wrap}.page-title .input{flex:1 1 140px;width:auto!important;min-width:0!important}.fb-search{flex:1 1 160px;width:auto}.filter-select{flex:1 1 calc(50% - 4px);width:auto;min-width:0}.speed-grid{grid-template-columns:minmax(0,1fr) 84px 84px}.metric-label{white-space:normal!important}.problem-row{grid-template-columns:minmax(0,1fr);gap:2px}.modal-backdrop{align-items:flex-end}.modal{width:100%;max-width:none;max-height:calc(100dvh - 24px - env(safe-area-inset-top));border-radius:16px 16px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}}@media(pointer:coarse){.iconbtn{width:36px;height:36px}.btn.sm{height:32px}}@media(hover:none){.btn:hover{background:var(--surface-2)}.btn.primary:hover{background:var(--accent)}.iconbtn:hover{background:transparent;color:var(--text-2)}.rowlink:hover{background:transparent}}