:root,[data-theme=dark]{--bg: #0f1419;--panel: #1a222c;--panel-2: #22303c;--text: #e6edf3;--muted: #8b949e;--border: #30363d;--border-strong: #444c56;--accent: #58a6ff;--accent-fg: #0d1117;--pass: #3fb950;--warn: #d29922;--fail: #f85149;--shadow: 0 4px 20px rgba(0, 0, 0, .4);--focus-ring: 0 0 0 3px rgba(88, 166, 255, .35);--chevron: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%238b949e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='2 4 6 8 10 4'/></svg>")}[data-theme=light]{--bg: #f6f8fa;--panel: #ffffff;--panel-2: #f0f3f6;--text: #1f2328;--muted: #656d76;--border: #d0d7de;--border-strong: #afb8c1;--accent: #0969da;--accent-fg: #ffffff;--pass: #1a7f37;--warn: #9a6700;--fail: #cf222e;--shadow: 0 4px 14px rgba(31, 35, 40, .08);--focus-ring: 0 0 0 3px rgba(9, 105, 218, .25);--chevron: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23656d76' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='2 4 6 8 10 4'/></svg>")}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);transition:background-color .15s ease,color .15s ease}h1{margin:0;font-size:22px;letter-spacing:-.01em}h2{margin:0 0 12px;font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.6px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--panel-2);padding:1px 5px;border-radius:3px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.wrap{max-width:1200px;margin:0 auto;padding:24px}.tagline{color:var(--muted);font-size:13px;margin-top:2px}.app-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.main{min-width:0;display:flex;flex-direction:column}.main-content{padding:20px 28px 32px;max-width:1400px;width:100%}@media(max-width:860px){.app-layout{grid-template-columns:1fr}.main-content{padding:16px}}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:20px;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto}.sidebar .brand h1{font-size:18px;line-height:1.2}.sidebar .brand-tag{color:var(--muted);font-size:12px;margin-top:6px;line-height:1.4}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-heading{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-weight:700;padding:0 8px;margin:4px 0}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:6px;color:var(--text);font-weight:500;font-size:13px}.nav-item:hover{background:var(--panel-2);text-decoration:none}.nav-item.is-active{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.nav-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:0 8px;min-width:22px;text-align:center}.nav-item.is-active .nav-count{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.sidebar-btn{text-align:left;padding:8px 10px;font-size:13px;border-radius:6px;font-weight:500}.sidebar-btn.primary{width:100%}.sidebar-btn.ghost{width:100%;background:transparent;color:var(--text);border:1px solid var(--border)}.sidebar-btn.ghost:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel-2);filter:none}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:5}.topbar-title{font-size:15px;font-weight:600;color:var(--text)}.header-actions{display:flex;gap:8px;align-items:center}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:var(--panel);border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--muted);max-width:240px;overflow:hidden}.user-chip img{border-radius:50%}.user-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}.row{display:flex;gap:12px;align-items:center}.row+.row{margin-top:10px}.grow{flex:1}.toolbar{flex-wrap:wrap}textarea,input[type=text],input[type=email],select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font:inherit;width:100%;transition:border-color .12s ease,box-shadow .12s ease}textarea:focus,input[type=text]:focus,input[type=email]:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}textarea{resize:vertical;min-height:80px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}textarea::-webkit-scrollbar{width:10px}textarea::-webkit-scrollbar-track{background:transparent}textarea::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid var(--panel-2)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:28px;background-image:var(--chevron);background-repeat:no-repeat;background-position:right 10px center;background-size:12px;cursor:pointer}select::-ms-expand{display:none}button{background:var(--accent);color:var(--accent-fg);border:1px solid transparent;border-radius:6px;padding:7px 14px;font:inherit;font-weight:600;cursor:pointer;transition:filter .12s ease,background-color .12s ease,border-color .12s ease}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:none;box-shadow:var(--focus-ring)}button.ghost{background:transparent;color:var(--muted);border-color:var(--border);font-weight:500}button.ghost:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);filter:none}button.danger{background:transparent;color:var(--fail);border-color:var(--border);font-weight:500}button.danger:hover:not(:disabled){border-color:var(--fail);filter:none}button.icon-btn{padding:6px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.file-picker{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.file-picker input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-picker-btn{display:inline-block;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-weight:500;transition:border-color .12s ease,color .12s ease}.file-picker:hover .file-picker-btn{color:var(--text);border-color:var(--border-strong)}.file-picker input[type=file]:focus-visible+.file-picker-btn{box-shadow:var(--focus-ring);border-color:var(--accent)}.file-picker-hint{font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:color-mix(in srgb,var(--text) 3%,transparent)}.score{display:inline-block;padding:2px 8px;border-radius:4px;font-weight:600;font-variant-numeric:tabular-nums}.score.pass{background:color-mix(in srgb,var(--pass) 18%,transparent);color:var(--pass)}.score.warn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.score.fail{background:color-mix(in srgb,var(--fail) 18%,transparent);color:var(--fail)}.score.pending{color:var(--muted);font-weight:400;font-style:italic}.score.error{color:var(--fail);font-weight:400}.subtle{color:var(--muted);font-size:12px}.tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:11px;background:var(--panel-2);color:var(--muted);border:1px solid var(--border)}.note-input{background:transparent;border:1px solid transparent;padding:6px;border-radius:4px;width:100%;min-height:32px;color:var(--text);font:inherit;resize:vertical}.note-input:hover{border-color:var(--border)}.note-input:focus{border-color:var(--accent);background:var(--panel-2);outline:none;box-shadow:var(--focus-ring)}.status-select{min-width:120px}.actions{display:flex;gap:6px;align-items:center}.actions button{padding:4px 10px;font-size:12px}.site-link{font-weight:600}.ghost-link{display:inline-block;padding:4px 10px;font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:6px;font-weight:500}.ghost-link:hover{color:var(--text);border-color:var(--border-strong);text-decoration:none}.detail-back{margin-bottom:12px}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.detail-score{text-align:right}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px}@media(max-width:800px){.detail-grid{grid-template-columns:1fr}}.field-grid{display:grid;grid-template-columns:1fr;gap:12px}.field{display:flex;flex-direction:column;gap:4px}.field>span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:600}.channel-list{list-style:none;margin:0;padding:0}.channel-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-bottom:1px solid var(--border)}.channel-row:last-child{border-bottom:0}.channel-row.disabled .channel-title,.channel-row.disabled .channel-check{color:var(--muted)}.channel-check{font-size:18px;line-height:1;width:20px;text-align:center;color:var(--pass)}.channel-row.disabled .channel-check{color:var(--border-strong)}.channel-body{flex:1;min-width:0}.channel-title{font-weight:600;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.channel-count{color:var(--muted);font-size:11px;font-weight:500}.channel-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-row button{padding:4px 12px;font-size:12px}.attempt-list{list-style:none;margin:0;padding:0}.attempt{display:grid;grid-template-columns:160px 1fr auto;gap:12px;padding:12px 8px;border-bottom:1px solid var(--border);align-items:start}.attempt:last-child{border-bottom:0}.attempt-when{display:flex;flex-direction:column;gap:2px}.attempt-channel{font-weight:600}.attempt-body{display:flex;flex-direction:column;gap:6px}.outcome-select{max-width:200px}.attempt-del{padding:4px 10px;font-size:12px;align-self:start}@media(max-width:600px){.attempt{grid-template-columns:1fr}}.flash{padding:10px 12px;border-radius:6px;margin-bottom:12px;font-size:13px;border:1px solid transparent}.flash.ok{background:color-mix(in srgb,var(--pass) 12%,transparent);color:var(--pass);border-color:color-mix(in srgb,var(--pass) 35%,transparent)}.flash.err{background:color-mix(in srgb,var(--fail) 12%,transparent);color:var(--fail);border-color:color-mix(in srgb,var(--fail) 35%,transparent)}.viz-card{padding:20px}.viz-head{margin-bottom:12px}.viz-head h2{margin-bottom:4px}.empty{padding:32px 12px;text-align:center}.empty-title{font-size:15px;font-weight:600;margin-bottom:6px}.scatter{display:flex;flex-direction:column;gap:12px}.scatter-legend{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.legend-chip{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border);color:var(--text);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;transition:opacity .12s ease,border-color .12s ease}.legend-chip:hover:not(:disabled){border-color:var(--border-strong);filter:none}.legend-chip.is-active{border-color:var(--border-strong);background:var(--panel-2)}.legend-chip.is-dim{opacity:.4}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-count{color:var(--muted);font-variant-numeric:tabular-nums}.legend-clear{background:transparent;border:1px solid transparent;color:var(--muted);padding:4px 8px;font-size:12px;font-weight:500}.legend-clear:hover{color:var(--text);filter:none}.scatter-canvas{position:relative;width:100%}.scatter-svg{width:100%;height:auto;display:block}.scatter-svg .grid{stroke:var(--border);stroke-dasharray:3 4;stroke-width:1}.scatter-svg .tick{fill:var(--muted);font-size:11px;font-family:inherit}.scatter-svg .axis-label{fill:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.scatter-svg .strip-bg{fill:var(--panel-2)}.scatter-svg .strip-label{fill:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.scatter-svg .dot{cursor:pointer;transition:r .12s ease,opacity .12s ease;stroke:var(--panel);stroke-width:1.5}.scatter-svg .dot:hover{stroke:var(--text)}.scatter-svg .dot.pending{fill:var(--muted)}.scatter-svg .dot.pending.error{fill:var(--fail)}.scatter-tooltip{position:fixed;pointer-events:none;background:var(--panel);border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;box-shadow:var(--shadow);font-size:12px;z-index:10;max-width:260px}.scatter-tooltip .tt-title{font-weight:600;margin-bottom:4px}.scatter-tooltip .tt-row{display:flex;align-items:center;gap:6px}.scatter-tooltip .tt-row+.tt-row{margin-top:2px}.scatter-tooltip .tt-status{width:8px;height:8px;border-radius:50%;display:inline-block}.scatter-tooltip .tt-err{color:var(--fail)}.scatter-tooltip .subtle{color:var(--muted)}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding:80px 16px 16px;z-index:50}.drawer{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px;width:100%;max-width:560px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h2{margin:0;font-size:12px}.drawer-hint{margin:0}.drawer-input{min-height:180px}.drawer-actions{display:flex;gap:8px;justify-content:flex-end}.discovery-drawer{max-width:640px}.discovery-status{display:flex;align-items:center;gap:10px;font-size:13px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.discovery-status.done{border-color:var(--pass)}.discovery-status.error{border-color:var(--fail);color:var(--fail)}.spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;animation:jp-spin .8s linear infinite;flex-shrink:0}.sidebar-busy{display:inline-flex;align-items:center;gap:8px}.sidebar-busy .spinner{width:12px;height:12px;border-width:1.5px}@keyframes jp-spin{to{transform:rotate(360deg)}}.discovery-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px}.discovery-queries{max-height:140px;overflow-y:auto}.discovery-queries ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.discovery-queries li{display:flex;gap:8px;font-size:12px;color:var(--muted);animation:jp-fade-in .2s ease-out}.discovery-check{color:var(--pass);flex-shrink:0}.discovery-query-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-leads{max-height:320px;overflow-y:auto}.discovery-leads ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.discovery-lead{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 8px;border-radius:6px;min-height:28px}.discovery-lead-num{width:22px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;font-size:11px}.discovery-lead a{color:var(--text);text-decoration:none;animation:jp-fade-in .3s ease-out}.discovery-lead a:hover{text-decoration:underline}.skeleton{background:linear-gradient(90deg,var(--border) 0%,var(--panel) 50%,var(--border) 100%);background-size:200% 100%;animation:jp-shimmer 1.4s ease-in-out infinite;border-radius:4px}.skeleton-line{height:12px;flex:1;max-width:320px}@keyframes jp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes jp-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.discovery-error{font-size:12px;color:var(--fail);padding:8px 12px;border:1px solid var(--fail);border-radius:6px}.settings-status{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:13px}.settings-form{display:flex;gap:8px;align-items:center}.settings-input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.nav-section-bottom{margin-top:auto}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:32px;width:100%;max-width:380px;text-align:center;box-shadow:var(--shadow)}.login-card{position:relative}.login-card h1{margin-bottom:6px}.login-card .tagline{margin:0 0 24px}.google-btn-wrap{display:flex;justify-content:center;min-height:44px}.preview-close{position:absolute;top:12px;left:12px;padding:4px 10px;font-size:12px}
