:root{--bg: #ffffff;--bg-elev: #fafafa;--fg: #111111;--fg-muted: #555555;--fg-subtle: #888888;--line: #e6e6e6;--accent: #111111;--ok: #1a7f37;--warn: #b58900;--err: #cf222e;--p9: #cf222e;--p7: #b58900;--p5: #57606a;--r: 4px;--shadow: 0 1px 0 rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.06);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #0d0d0d;--bg-elev: #161616;--fg: #f0f0f0;--fg-muted: #aaa;--fg-subtle: #777;--line: #2a2a2a;--accent: #f0f0f0;--shadow: 0 1px 0 rgba(255,255,255,.02), 0 4px 16px rgba(0,0,0,.4)}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}body{line-height:1.5;font-size:14px}a{color:inherit}.layout{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--line);background:var(--bg)}.topbar__brand{font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:13px}.topbar__nav{display:flex;gap:18px}.topbar__nav a{text-decoration:none;color:var(--fg-muted);font-size:13px}.topbar__nav a.active,.topbar__nav a:hover{color:var(--fg)}.topbar__user{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--fg-subtle)}main{flex:1;padding:24px;max-width:1400px;width:100%;margin:0 auto}h1{font-size:22px;font-weight:600;margin:0 0 6px}h2{font-size:16px;font-weight:600;margin:24px 0 8px}.lead{color:var(--fg-muted);margin:0 0 20px}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r);padding:16px}button,.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--bg);color:var(--fg);padding:8px 14px;border-radius:var(--r);font:inherit;cursor:pointer;transition:all .15s}button:hover,.btn:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:wait}.btn--primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn--ok{color:var(--ok);border-color:var(--ok)}.btn--ok:hover{background:var(--ok);color:#fff}.btn--warn{color:var(--err);border-color:var(--err)}.btn--warn:hover{background:var(--err);color:#fff}.badge{display:inline-block;padding:2px 8px;font-size:11px;font-weight:600;border-radius:999px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.05em}.badge--p9{color:var(--p9)}.badge--p7{color:var(--p7)}.badge--p5{color:var(--p5)}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{font-weight:500;color:var(--fg-subtle);font-size:12px;text-transform:uppercase;letter-spacing:.05em}td.col-actions{white-space:nowrap;text-align:right}.hyp-row td{font-size:13px}.hyp-row.is-removing{opacity:0;transform:translate(20px);transition:all .3s}.hyp-row .url{color:var(--fg-muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.hyp-row .change-block{max-width:380px}.hyp-row .before{color:var(--fg-subtle);text-decoration:line-through}.hyp-row .after{color:var(--fg);font-weight:500}.hyp-row .reasoning{color:var(--fg-muted);font-style:italic;font-size:12px;margin-top:4px}.hyp-row .change-type{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:var(--fg-subtle);padding:2px 6px;background:var(--bg-elev);border-radius:3px}.empty{text-align:center;padding:60px 20px;color:var(--fg-subtle)}.toast-host{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000}.toast{background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:var(--r);box-shadow:var(--shadow);font-size:13px;animation:slideIn .2s}.toast.toast--err{background:var(--err)}.toast.toast--ok{background:var(--ok)}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.modal{position:fixed;inset:0;background:#0006;display:none;align-items:center;justify-content:center;z-index:999}.modal[open]{display:flex}.modal__body{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:20px;min-width:320px;max-width:480px;box-shadow:var(--shadow)}.modal__title{font-weight:600;margin:0 0 12px}.modal__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}textarea{width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r);font:inherit;background:var(--bg);color:var(--fg);resize:vertical;min-height:80px}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{max-width:380px;width:100%;padding:32px;text-align:center}.login-card h1{font-size:18px}.login-card p{color:var(--fg-muted);margin:8px 0 24px}.login-card button{width:100%;justify-content:center;padding:12px}.muted{color:var(--fg-subtle);font-size:12px}.confidence{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-family:ui-monospace,SFMono-Regular,monospace}.confidence__bar{display:inline-block;width:60px;height:6px;background:var(--line);border-radius:3px;overflow:hidden}.confidence__fill{display:block;height:100%;background:var(--p5);transition:width .3s}.confidence--high .confidence__fill{background:var(--ok)}.confidence--mid .confidence__fill{background:var(--warn)}.confidence--low .confidence__fill{background:var(--err)}.confidence--high{color:var(--ok)}.confidence--mid{color:var(--warn)}.confidence--low{color:var(--err)}.evidence-list{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;font-size:11px}.evidence-list li{padding-left:16px;position:relative;color:var(--fg-muted);line-height:1.45}.evidence-list li:before{content:"";position:absolute;left:4px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--fg-subtle)}.evidence-list li[data-source=competitor_analysis]:before{background:var(--ok)}.evidence-list li[data-source=page_audit]:before{background:var(--accent)}.evidence-list li[data-source=best_practice]:before{background:var(--p5)}.evidence-source-key{display:inline-block;font-size:9px;padding:1px 5px;border-radius:3px;background:var(--line);color:var(--fg-muted);margin-right:6px;text-transform:uppercase;letter-spacing:.04em}.serp-query{display:inline-block;font-size:10px;color:var(--fg-subtle);background:var(--bg-elev);padding:2px 8px;border-radius:3px;margin-top:4px;font-family:ui-monospace,SFMono-Regular,monospace}.serp-query:before{content:"🔍 ";opacity:.6}.kpi-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:20px}.kpi{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}.kpi__label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle);margin-bottom:6px}.kpi__value{font-size:26px;font-weight:600;color:var(--fg);line-height:1}.kpi__sub{font-size:11px;color:var(--fg-subtle);margin-top:6px}.dist-bar{display:flex;height:14px;border-radius:4px;overflow:hidden;border:1px solid var(--line);margin:10px 0 6px}.dist-seg{height:100%}.dist-seg--draft{background:#888}.dist-seg--approved{background:#1a7f37}.dist-seg--rejected{background:#ccc}.dist-seg--testing{background:#0969da}.dist-seg--candidate{background:#bf8700}.dist-seg--verified{background:#0a4f1f}.dist-seg--failed{background:#cf222e}.dist-seg--reverted{background:#666}.dist-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--fg-muted);margin-top:8px}.dist-legend__item{display:inline-flex;align-items:center;gap:6px}.dist-legend__sw{display:inline-block;width:10px;height:10px;border-radius:2px}.hyp-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-bottom:10px}.hyp-card__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.hyp-card__url{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-size:13px}.hyp-card__change .before{color:var(--fg-subtle);text-decoration:line-through;font-size:12px}.hyp-card__change .after{color:var(--fg);font-weight:500;font-size:13px;margin-top:2px}.timeline{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-size:11px}.timeline__item{display:inline-flex;align-items:center;gap:6px}.timeline__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}.timeline__when{color:var(--fg-subtle);font-family:ui-monospace,SFMono-Regular,monospace}.timeline__label{color:var(--fg-muted)}.verdict{margin-top:8px;padding:6px 10px;border-radius:3px;font-size:12px;background:var(--bg);border:1px solid var(--line)}.verdict--positive{color:var(--ok);border-color:var(--ok)}.verdict--negative{color:var(--err);border-color:var(--err)}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:12px 0}.filters label{display:inline-flex;flex-direction:column;gap:4px;font-size:12px;color:var(--fg-muted)}.filters select{padding:6px 10px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--fg)}