:root{color:#1b1d1a;background:#f3f1e9;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1b1d1a;--muted: #686a64;--paper: #f3f1e9;--surface: #fbfaf5;--line: #cfcec5;--acid: #d8ff43;--blue: #2357ff;--danger: #c43d2f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 78% 4%,rgb(216 255 67 / 24%),transparent 24rem),var(--paper)}button,input,select,textarea{color:inherit;font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.app-shell{width:min(1480px,100%);margin:0 auto;border-inline:1px solid var(--line);background:#f3f1e9c2}.topbar{min-height:74px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:14px;font-weight:800;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.brand i{color:var(--muted);font-style:normal;margin-inline:4px}.brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--acid);font-size:17px;font-weight:800}.service-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase}.service-status b{color:var(--line)}.status-dot{width:8px;height:8px;border-radius:50%;background:#3b9f57;box-shadow:0 0 0 4px #3b9f571f}.status-dot.offline{background:var(--danger);box-shadow:0 0 0 4px #c43d2f1f}.hero{min-height:380px;padding:clamp(54px,8vw,110px) clamp(20px,4vw,64px) clamp(48px,7vw,90px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:end;gap:clamp(40px,7vw,110px)}.eyebrow,.result-label{font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.eyebrow{margin:0 0 32px;display:flex;align-items:center;gap:10px;color:var(--muted)}.eyebrow span{width:26px;height:2px;background:var(--blue)}.hero h1{margin:0;font-size:clamp(58px,8.4vw,126px);font-weight:800;letter-spacing:-.075em;line-height:.78}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy{padding-bottom:4px}.hero-copy>p{margin:0 0 40px;font-size:clamp(17px,1.7vw,23px);font-weight:500;line-height:1.48}.hero-copy>div{padding-top:16px;border-top:1px solid var(--ink);display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase}.principle-strip{min-height:54px;padding:0 clamp(20px,4vw,64px);border-block:1px solid var(--ink);display:grid;grid-template-columns:1.2fr repeat(3,1fr);align-items:stretch;background:var(--acid);font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase}.principle-strip>*{padding:18px 20px;border-left:1px solid rgb(27 29 26 / 28%)}.principle-strip>:first-child{padding-left:0;border-left:0}.workspace{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:start}.input-panel,.output-panel{min-width:0;padding:clamp(36px,5vw,72px) clamp(20px,4vw,64px)}.input-panel{border-right:1px solid var(--ink)}.output-panel{position:sticky;top:0;min-height:100vh;background:var(--surface)}.section-heading{margin-bottom:32px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.section-heading>div{display:flex;align-items:baseline;gap:12px}.section-heading>div>span,.section-heading small{color:var(--muted);font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase}.section-heading h2{margin:0;font-size:clamp(20px,2vw,28px);letter-spacing:-.035em}.demo-controls{margin-bottom:42px;padding:16px;border:1px solid var(--ink);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;background:var(--acid)}.demo-controls label{display:grid;gap:7px}.demo-controls label>span{font-family:DM Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.demo-controls select{height:42px;background:var(--surface)}.demo-controls button{min-height:42px;padding:0 14px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-family:DM Mono,monospace;font-size:9px;font-weight:600;text-transform:uppercase}.demo-controls button:hover{background:var(--blue);border-color:var(--blue)}.candidate-heading{margin-top:64px}.field,.candidate-fields label{display:grid;gap:10px}.field+.field{margin-top:22px}.field>span,.candidate-fields label>span{font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.field>span i{color:var(--muted);font-style:normal;font-weight:400}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:0;outline:none;background:#ffffff7a;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input,select{height:49px;padding:0 14px}textarea{padding:14px;line-height:1.55;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #2357ff17}.field small{color:var(--muted);font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase}.candidate-list{display:grid;gap:14px}.candidate-editor{position:relative;padding:18px;border:1px solid var(--line);display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;background:#ffffff61}.candidate-number{color:var(--blue);font-family:DM Mono,monospace;font-size:11px;font-weight:500}.candidate-fields{min-width:0;display:grid;gap:16px}.candidate-fields label{gap:7px}.candidate-fields input{height:42px}.candidate-fields textarea{min-height:106px}.remove-button{position:absolute;top:9px;right:9px;width:28px;height:28px;border:0;background:transparent;color:var(--muted);font-size:21px;line-height:1}.remove-button:hover{color:var(--danger)}.add-button{width:100%;margin-top:14px;padding:13px;border:1px dashed #aaa9a0;background:transparent;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase}.add-button span{margin-right:6px;color:var(--blue);font-size:16px}.add-button:hover:not(:disabled){border-color:var(--blue);background:#2357ff0a}.run-controls{margin-top:42px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.run-controls .field+.field{margin-top:0}.run-button{width:100%;min-height:62px;margin-top:22px;padding:0 18px 0 23px;border:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;transition:color .16s ease,background .16s ease}.run-button span:last-child{color:var(--acid);font-size:23px}.run-button:hover:not(:disabled){background:var(--blue);border-color:var(--blue)}.result-state,.empty-result{min-height:530px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.result-state strong,.empty-result strong{margin-top:24px;font-size:19px}.result-state p,.empty-result p{max-width:390px;margin:9px auto 0;color:var(--muted);font-size:13px;line-height:1.6}.loader{width:44px;height:44px;border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.signal-bars{height:82px;display:flex;align-items:end;gap:7px}.signal-bars i{width:10px;background:var(--ink);animation:pulse 1.5s ease-in-out infinite alternate}.signal-bars i:nth-child(1){height:20px}.signal-bars i:nth-child(2){height:48px;animation-delay:.12s}.signal-bars i:nth-child(3){height:72px;background:var(--blue);animation-delay:.24s}.signal-bars i:nth-child(4){height:42px;animation-delay:.36s}.signal-bars i:nth-child(5){height:26px;animation-delay:.48s}@keyframes pulse{to{transform:scaleY(.76);opacity:.65}}.empty-result ol{width:min(340px,100%);margin:36px 0 0;padding:0;display:grid;list-style:none;text-align:left}.empty-result li{padding:13px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.empty-result li span{margin-right:14px;color:var(--blue);font-family:DM Mono,monospace}.error-state{padding:18px;border:1px solid rgb(196 61 47 / 35%);display:flex;gap:14px;background:#c43d2f0f}.error-state>span{width:27px;height:27px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--danger);color:#fff;font-weight:800}.error-state strong{font-size:13px}.error-state p{margin:4px 0 0;color:var(--muted);font-size:12px}.results{animation:reveal .28s ease-out both}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}}.result-meta{margin-bottom:24px;display:flex;flex-wrap:wrap;gap:7px}.result-meta span{padding:6px 8px;border:1px solid var(--line);color:var(--muted);font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase}.result-meta span:first-child{border-color:var(--ink);background:var(--ink);color:#fff}.result-meta span.saved{border-color:#84a446;color:#55721d}.role-summary{margin:0 0 28px;font-size:clamp(18px,2vw,25px);font-weight:600;letter-spacing:-.025em;line-height:1.4}.signal-section{padding:22px 0 28px;border-block:1px solid var(--line)}.search-filters{margin-top:20px;padding-top:16px;border-top:1px dashed var(--line)}.search-filters summary{cursor:pointer;color:var(--blue);font-family:DM Mono,monospace;font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.search-filters ul{margin:12px 0 0;padding-left:18px;color:var(--muted);font-size:11px;line-height:1.65}.result-label{display:block;margin-bottom:14px;color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;gap:7px}.tag-list span{padding:7px 9px;border:1px solid var(--ink);background:var(--acid);font-size:10px;font-weight:700}.ranking-list{margin-top:30px}.ranking-card{margin-top:14px;padding:22px;border:1px solid var(--line);background:#fff}.ranking-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ranking-card>header>div{min-width:0;display:flex;align-items:baseline;gap:10px}.ranking-card>header span{color:var(--blue);font-family:DM Mono,monospace;font-size:10px}.ranking-card h3{overflow:hidden;margin:0;font-size:18px;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.ranking-card>header>strong{font-family:DM Mono,monospace;font-size:22px}.ranking-card>header small{color:var(--muted);font-size:9px}.score-track{height:4px;margin:17px 0 15px;overflow:hidden;background:#e8e7e1}.score-track i{height:100%;display:block;background:var(--blue)}.ranking-card>p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.evidence-grid{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.evidence-grid h4,.ranking-card summary{margin:0 0 9px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.05em;text-transform:uppercase}.evidence-grid ul,.ranking-card details ul{margin:0;padding-left:16px;color:var(--muted);font-size:11px;line-height:1.55}.evidence-grid li+li,.ranking-card details li+li{margin-top:5px}.ranking-card details{margin-top:19px;padding-top:16px;border-top:1px solid var(--line)}.ranking-card summary{margin:0;cursor:pointer;color:var(--blue);font-weight:600}.ranking-card details[open] summary{margin-bottom:10px}.decision-note{margin-top:18px;padding:16px 18px;border-left:4px solid var(--blue);background:#2357ff0f;color:var(--muted);font-size:11px;line-height:1.6}.decision-note strong{margin-right:8px;color:var(--ink);font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase}.history-panel{margin-top:44px;padding-top:24px;border-top:1px solid var(--ink)}.history-panel>header{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.history-panel>header>div{display:flex;align-items:baseline;gap:10px}.history-panel>header span{font-size:13px;font-weight:800;text-transform:uppercase}.history-panel>header small,.history-panel>div button small{color:var(--muted);font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase}.history-panel>header button{padding:0;border:0;background:transparent;color:var(--muted);font-family:DM Mono,monospace;font-size:9px;text-decoration:underline;text-transform:uppercase}.history-panel>header button:hover{color:var(--danger)}.history-panel>div{display:grid}.history-panel>div button{width:100%;padding:13px 12px;border:0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;text-align:left}.history-panel>div button:last-child{border-bottom:1px solid var(--line)}.history-panel>div button:hover,.history-panel>div button.active{background:#d8ff435c}.history-panel>div button>span{overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.history-panel>div button small{flex:0 0 auto}footer{min-height:112px;padding:0 clamp(20px,4vw,64px);border-top:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:24px}footer p{margin:0;font-size:15px;font-weight:700}footer>span{display:flex;align-items:center;gap:10px;color:var(--muted);font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase}footer i{width:3px;height:3px;border-radius:50%;background:var(--blue)}@media (max-width: 960px){.hero{grid-template-columns:1fr}.hero-copy{max-width:600px}.principle-strip{grid-template-columns:repeat(3,1fr);padding-inline:0}.principle-strip strong{grid-column:1 / -1;padding-left:20px;border-bottom:1px solid rgb(27 29 26 / 28%)}.principle-strip span:first-of-type{border-left:0}.workspace{grid-template-columns:1fr}.input-panel{border-right:0}.output-panel{position:static;min-height:auto;border-top:1px solid var(--ink)}}@media (max-width: 640px){.app-shell{border-inline:0}.topbar{min-height:64px}.brand>span:last-child{display:none}.service-status b,.service-status b+*{display:none}.hero{min-height:auto}.hero h1{font-size:clamp(54px,18vw,84px)}.hero-copy>div{flex-wrap:wrap}.principle-strip{grid-template-columns:1fr}.principle-strip>*,.principle-strip span:first-of-type{border-left:0;border-top:1px solid rgb(27 29 26 / 28%)}.principle-strip strong{border-top:0}.section-heading{align-items:flex-start}.section-heading small{text-align:right}.candidate-editor{grid-template-columns:1fr}.candidate-number{margin-bottom:-4px}.run-controls,.evidence-grid,.demo-controls{grid-template-columns:1fr}.ranking-card{padding:18px}.history-panel>div button{align-items:flex-start;flex-direction:column;gap:5px}footer{padding-block:28px;align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}