:root{--ink: #2a2420;--ink-soft: #3b342d;--ink-rail: #f3ead9;--gold: #d4705a;--gold-deep: #c04a2a;--accent: #c04a2a;--accent-deep: #9e3720;--red: #c02c30;--canvas: #f3ead9;--surface: #fffdf9;--surface-2: #ece1cd;--line: #e2d6bd;--line-soft: #ece6dc;--text: #2a2420;--muted: #7c7263;--muted-2: #a89d8a;--pass: #4d7c5f;--pass-bg: #e3ecdd;--pass-dot: #6b9b7f;--warn: #b07d1f;--warn-bg: #f7efdc;--fail: #c02c30;--fail-bg: #fae9e9;--black: #181512;--display: "Playfair Display", Georgia, serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(31, 24, 18, .04), 0 8px 28px -12px rgba(31, 24, 18, .14);--shadow-lg: 0 24px 60px -24px rgba(31, 24, 18, .28)}body.dark{--canvas: #141210;--surface: #1e1a16;--surface-2: #252018;--ink-rail: #1a1612;--ink: #e8dccb;--ink-soft: #c9b99a;--text: #e8dccb;--muted: #9e9080;--muted-2: #736860;--line: #2e2820;--line-soft: #342e24;--black: #0a0806;--shadow: 0 1px 2px rgba(0,0,0,.24), 0 8px 28px -12px rgba(0,0,0,.4);--shadow-lg: 0 24px 60px -24px rgba(0,0,0,.56);--pass-bg: #162318;--warn-bg: #211a08;--fail-bg: #210e0e}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button{font-family:inherit;cursor:pointer}::selection{background:#c04a2a38}.app{display:flex;min-height:100vh;min-width:1180px}.rail{width:280px;flex:0 0 280px;background:var(--ink-rail);color:var(--ink);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;border-right:1px solid var(--line);transition:width .18s ease,flex-basis .18s ease}.rail.collapsed{width:84px;flex:0 0 84px}.rail-brand{padding:22px 20px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.wordmark{display:flex;align-items:center;gap:9px;min-width:0}.wordmark .glyph{width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:var(--surface);display:grid;place-items:center;color:var(--gold-deep);font-size:16px;box-shadow:var(--shadow)}.wordmark .name{font-family:var(--display);font-weight:800;font-size:14.8px;color:var(--ink);letter-spacing:0px;white-space:nowrap}.collapse-btn{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--muted);flex:0 0 26px;transition:transform .18s}.collapse-btn:hover{color:var(--ink);border-color:var(--gold)}.rail.collapsed .collapse-btn svg{transform:rotate(180deg)}.nav{padding:10px 14px;display:flex;flex-direction:column;gap:3px}.nav .grp{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted-2);padding:14px 10px 6px}.nav button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:10px 12px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:11px;font-size:13.5px;font-weight:500;transition:all .14s}.nav button svg{opacity:.8;flex:0 0 auto}.nav button:hover{background:var(--surface-2);color:var(--ink)}.nav button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:var(--shadow);border-color:var(--gold-deep)}.nav button.on svg{opacity:1;color:var(--gold-deep)}.nav button .badge{margin-left:auto;font-size:11px;background:#c04a2a1f;color:var(--gold-deep);padding:1px 7px;border-radius:20px}.rail-foot{margin-top:auto;padding:14px 16px;font-size:11px;color:var(--muted-2);border-top:1px solid var(--line)}.profile-card{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--line);margin-top:auto}.profile-card .avatar{width:36px;height:36px;border-radius:50%;background:var(--black);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex:0 0 36px;overflow:hidden}.profile-card .avatar img{width:100%;height:100%;object-fit:cover}.profile-card .who{flex:1;min-width:0}.profile-card .nm{font-weight:600;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card .em{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card .logout-btn{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--muted);flex:0 0 30px;transition:all .15s}.profile-card .logout-btn:hover{color:var(--fail);border-color:var(--fail)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:64px;flex:0 0 64px;background:#f3ead9d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 32px;position:sticky;top:0;z-index:20;transition:background .25s,border-color .25s}body.dark .topbar{background:#141210e0}.crumb{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.crumb b{color:var(--text);font-weight:600}.crumb .url{color:var(--ink);font-weight:600}.topbar .spacer{flex:1}.content{padding:30px 32px 60px;max-width:1240px;width:100%;margin:0 auto}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);font-weight:600}.h-display{font-family:var(--display);font-weight:600;color:var(--ink);line-height:1.08;letter-spacing:-.01em}.page-h{font-family:var(--display);font-size:32px;font-weight:600;color:var(--ink);margin:6px 0 4px;letter-spacing:-.01em}.page-sub{color:var(--muted);font-size:14px;max-width:720px}.section-h{font-family:var(--display);font-size:21px;font-weight:600;color:var(--ink)}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 20px;font-size:13.5px;font-weight:600;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .18s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;letter-spacing:.01em}.btn:hover{border-color:var(--gold-deep);box-shadow:0 4px 16px #c04a2a2e,var(--shadow);transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:var(--shadow)}.btn.primary{background:linear-gradient(135deg,#2b2622,var(--black));color:#fff;border-color:var(--black);box-shadow:0 2px 8px #18151238}.btn.primary:hover{background:linear-gradient(135deg,#38302a,#2b2622);border-color:#38302a;box-shadow:0 6px 20px #18151259}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#fff;border:0;box-shadow:0 2px 10px #c04a2a47}.btn.gold:hover{background:linear-gradient(135deg,#e07e68,var(--gold));box-shadow:0 6px 22px #c04a2a6b}.btn.accent{background:linear-gradient(135deg,var(--gold-deep),var(--accent-deep));color:#fff;border:0;box-shadow:0 2px 10px #c04a2a47}.btn.accent:hover{background:linear-gradient(135deg,var(--gold),var(--gold-deep));box-shadow:0 6px 22px #c04a2a6b}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted);border-radius:10px}.btn.ghost:hover{background:var(--surface-2);color:var(--text);box-shadow:none;transform:none;border-color:var(--line)}.btn.danger{background:transparent;color:var(--fail);border-color:#c02c304d}.btn.danger:hover{background:var(--fail-bg);border-color:var(--fail);box-shadow:0 4px 14px #c02c302e}.btn.sm{padding:7px 14px;font-size:12.5px}.btn.xs{padding:5px 11px;font-size:11.5px;border-radius:8px}.btn.primary:after,.btn.gold:after,.btn.accent:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.25),transparent);transform:skew(-20deg);transition:none;pointer-events:none}.btn.primary:hover:after,.btn.gold:hover:after,.btn.accent:hover:after{animation:btnShine .7s ease forwards}@keyframes btnShine{to{left:130%}}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important}.icon-btn{width:36px;height:36px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--muted);transition:all .18s cubic-bezier(.34,1.56,.64,1)}.icon-btn:hover{border-color:var(--gold-deep);color:var(--gold-deep);box-shadow:0 4px 14px #c04a2a2e;transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.theme-toggle{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--muted);transition:all .22s cubic-bezier(.34,1.56,.64,1);font-size:16px;flex:0 0 38px}.theme-toggle:hover{border-color:var(--gold-deep);color:var(--gold-deep);background:#c04a2a0f;box-shadow:0 4px 16px #c04a2a38;transform:scale(1.12) rotate(12deg)}.theme-toggle:active{transform:scale(.96) rotate(0)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.card.pad{padding:22px}.card.accent-bar{border-left:3px solid var(--gold-deep)}.card .corner-dot{position:absolute;top:16px;right:16px;width:7px;height:7px;border-radius:50%;background:var(--gold-deep)}.grid{display:grid;gap:18px}.greet-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 13px 5px 9px;border-radius:999px;background:var(--pass-bg);color:var(--pass);font-size:12.5px;font-weight:600}.greet-badge .d{width:6px;height:6px;border-radius:50%;background:var(--pass-dot)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:20px;border:1px solid var(--line);color:var(--muted);background:var(--surface)}.chip.gold{background:#bdbd7324;color:var(--gold-deep);border-color:#bdbd7366}.chip.ink{background:var(--ink);color:#fff;border-color:var(--ink)}.chip.mock{background:#f1ecfa;color:#6b4fae;border-color:#e0d4f5}.chip.real{background:var(--pass-bg);color:var(--pass);border-color:#bfe3cd}.chip.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:7px}.pill.pass{background:var(--pass-bg);color:var(--pass)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.fail{background:var(--fail-bg);color:var(--fail)}.pill.info{background:#f0f0f0;color:#666}.pill.info .d{background:#999}.nav-label-wrap{display:flex;flex-direction:column;gap:2px}.nav-desc{font-size:10.5px;color:var(--muted-2);font-weight:400;line-height:1.3;white-space:normal}.pill .d{width:7px;height:7px;border-radius:50%;background:currentColor}.sev{font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.sev.high{background:var(--fail-bg);color:var(--fail)}.sev.med{background:var(--warn-bg);color:var(--warn)}.sev.low{background:var(--surface-2);color:var(--muted)}.ring-wrap{position:relative;display:inline-grid;place-items:center}.ring-wrap .val{position:absolute;text-align:center}.ring-wrap .val .num{font-family:var(--display);font-weight:600;color:var(--ink);line-height:1}.ring-wrap .val .of{font-size:11px;color:var(--muted-2)}.kpi{padding:18px 20px}.kpi .lbl{font-size:12px;color:var(--muted);font-weight:500}.kpi .big{font-family:var(--display);font-size:30px;color:var(--ink);margin-top:6px}.kpi .delta{font-size:12px;font-weight:600;margin-top:6px;display:inline-flex;gap:4px;align-items:center}.kpi .delta.up{color:var(--pass)}.kpi .delta.down{color:var(--fail)}.agentcard{display:flex;gap:18px;align-items:center;padding:20px;cursor:pointer;transition:all .16s}.agentcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:#ddd6c6}.agentcard .meta .nm{font-family:var(--display);font-size:18px;color:var(--ink);font-weight:600}.agentcard .meta .ds{font-size:12.5px;color:var(--muted);margin-top:3px;max-width:230px}.agentcard .meta .mini{display:flex;gap:7px;margin-top:11px}.mgroup{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.mgroup .head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--surface-2);cursor:pointer}.mgroup .head .t{font-weight:600;font-size:13.5px;color:var(--ink);display:flex;align-items:center;gap:9px}.mgroup .head .scbar{display:flex;align-items:center;gap:9px}.mgroup .body{padding:6px 16px 12px;display:grid;grid-template-columns:1fr 1fr;gap:2px 26px}.checkrow{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:13px}.checkrow:last-child,.checkrow:nth-last-child(2):nth-child(odd){border-bottom:0}.checkrow .lab{color:var(--text);text-transform:capitalize}.track{height:6px;background:var(--surface-2);border-radius:6px;overflow:hidden;width:90px}.track>i{display:block;height:100%;border-radius:6px}.issue{border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:12px;background:var(--surface);transition:box-shadow .15s}.issue:hover{box-shadow:var(--shadow)}.issue .top{display:flex;align-items:center;gap:12px;padding:15px 18px;cursor:pointer}.issue .top .ttl{font-weight:600;font-size:14.5px;color:var(--ink);flex:1}.issue .detail{padding:0 18px 18px}.issue .block{background:var(--surface-2);border-radius:var(--radius-sm);padding:13px 15px;margin-top:12px}.issue .block .lbl{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);font-weight:700;margin-bottom:6px}.issue .block code,.codeblock{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.codeblock{background:var(--ink);color:#e7e9ef;padding:12px 14px;border-radius:9px;white-space:pre-wrap;line-height:1.55}.codeblock .add{color:#9fe3b8}.codeblock .del{color:#f0a3a5}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:4px 0 22px;flex-wrap:wrap}.tabs button{border:0;background:transparent;padding:11px 16px;font-size:13.5px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:8px}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--ink);border-bottom-color:var(--gold)}.tabs button .sc{font-size:11px;padding:1px 7px;border-radius:20px;background:var(--surface-2);color:var(--muted)}.tabs button.on .sc{background:#bdbd7333;color:var(--gold-deep)}.srow{display:grid;grid-template-columns:44px 1fr 130px 150px 110px;gap:16px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line-soft)}.srow:last-child{border-bottom:0}.srank{font-family:var(--display);font-size:22px;color:var(--gold-deep);font-weight:600;text-align:center}.srow .nm{font-weight:600;color:var(--ink)}.srow .agentlbl{font-size:12px;color:var(--muted);margin-top:3px}.score-pills{display:flex;gap:4px}.score-pills .sp{flex:1;text-align:center;font-size:10px;padding:5px 0;border-radius:6px;background:var(--surface-2);color:var(--muted)}.score-pills .sp b{display:block;font-size:13px;color:var(--ink);font-family:var(--display)}.impactbar{display:flex;align-items:center;gap:8px}.impactbar .track{width:78px}.analyze-stage{max-width:720px;margin:0 auto}.url-input{display:flex;gap:10px}.url-input input{flex:1;padding:14px 16px;border:1px solid var(--line);border-radius:11px;font-size:14.5px;font-family:var(--sans);color:var(--text);background:var(--surface);outline:none;transition:border .15s,box-shadow .15s}.url-input input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #bdbd7326}.sampleurls{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.sampleurl{font-size:12.5px;padding:7px 12px;border-radius:20px;border:1px dashed var(--line);background:var(--surface);color:var(--muted);transition:all .15s}.sampleurl:hover{border-color:var(--gold);color:var(--ink);border-style:solid}.stage-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:10px;background:var(--surface)}.stage-row .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted-2);flex:0 0 34px}.stage-row.active .ic{background:#bdbd732e;color:var(--gold-deep)}.stage-row.done .ic{background:var(--pass-bg);color:var(--pass)}.stage-row.warn .ic{background:var(--warn-bg);color:var(--warn)}.stage-row .nm{font-weight:600;color:var(--ink)}.stage-row .ds{font-size:12.5px;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18151280;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}@keyframes modalPop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.modal-pop{animation:modalPop .25s cubic-bezier(.34,1.56,.64,1) both}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade{animation:fadeUp .4s ease both}.fixcard{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:16px;overflow:hidden}.fixcard .fhead{padding:16px 20px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:12px}.fixcard .fbody{padding:18px 20px}.beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ba{border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px}.ba.before{background:#fff4f4;border-color:#f5c6c6}.ba.after{background:#f6fbf0;border-color:#64b45059}.ba .lbl{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:8px}.ba.before .lbl{color:#c0524a}.ba.after .lbl{color:#3a8a2e}.compliance{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ctag{font-size:11.5px;display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border-radius:8px;background:var(--pass-bg);color:var(--pass);font-weight:600}.ctag.warn{background:var(--warn-bg);color:var(--warn)}.reprow{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line-soft)}.reprow:last-child{border-bottom:0}.reprow .pt{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--ink);flex:0 0 38px}.flex{display:flex}.between{justify-content:space-between}.center{align-items:center}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.muted{color:var(--muted)}.mt4{margin-top:4px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}.wrap{display:flex;flex-wrap:wrap;gap:8px}.toast-stack{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}.toast-item{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:14px;font-size:13.5px;font-weight:600;line-height:1.3;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a;animation:toastSlide .35s cubic-bezier(.34,1.56,.64,1) both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);min-width:220px;max-width:360px;position:relative;overflow:hidden}.toast-item.success{background:linear-gradient(135deg,#2f8f5b,#236e45);color:#fff}.toast-item.error{background:linear-gradient(135deg,#c02c30,#9a2124);color:#fff}.toast-item.info{background:linear-gradient(135deg,#1a6ea8,#144e78);color:#fff}.toast-item.warn{background:linear-gradient(135deg,#b07d1f,#8a6018);color:#fff}.toast-icon{font-size:16px;flex:0 0 auto}.toast-msg{flex:1}.toast-close{flex:0 0 auto;background:transparent;border:0;color:#ffffffb3;font-size:18px;line-height:1;cursor:pointer;padding:0 0 0 4px;transition:color .15s,transform .15s}.toast-close:hover{color:#fff;transform:scale(1.2)}.toast-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#ffffff8c;transform-origin:left;animation:toastProgress linear forwards}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toastSlide{0%{opacity:0;transform:translate(40px) scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}