/* Adapted from the interface mockup. Colors use light-dark() so the page follows the system theme. */
:root{color-scheme:light dark}
html,body{margin:0}
body{box-sizing:border-box;padding:1rem;background:light-dark(#ffffff,#181818)}
.wrap{max-width:1200px;margin:0 auto}
#app{--cv-bg:light-dark(#f5f6f8,#171b23);--cv-panel:light-dark(#ffffff,#202630);--cv-ink:light-dark(#172335,#eef2f8);--cv-muted:light-dark(#596779,#a9b7c9);--cv-line:light-dark(#dce2eb,#384353);--cv-accent:light-dark(#224ed0,#a9bcff);--cv-tint:light-dark(#eef2ff,#2a3655);--cv-solid:light-dark(#234fcf,#a9bcff);--cv-on:light-dark(#ffffff,#14234b);--cv-warn:light-dark(#8b4c13,#ffd3a1);--cv-warnbg:light-dark(#fff2df,#42321f);--cv-ok:light-dark(#24624b,#9ed5ba);--cv-okbg:light-dark(#ebf6ef,#243b32);font:14px/1.55 system-ui,sans-serif;color:var(--cv-ink);background:var(--cv-bg);border:1px solid var(--cv-line);border-radius:14px;overflow:hidden;width:100%;box-sizing:border-box}
#app *{box-sizing:border-box}#app button,#app textarea{font:inherit}#app button{cursor:pointer}#app button:focus-visible,#app textarea:focus-visible{outline:3px solid var(--cv-accent);outline-offset:3px}#app h2{font-size:25px;line-height:1.25;font-weight:600;margin:0 0 9px}#app h3{font-size:16px;font-weight:600;margin:0 0 9px}#app p{margin:0 0 14px}#app .cv-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;background:var(--cv-panel);border-bottom:1px solid var(--cv-line);flex-wrap:wrap}#app .cv-brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}#app .cv-logo{width:29px;height:29px;border-radius:8px;background:var(--cv-solid);color:var(--cv-on);display:grid;place-items:center}#app .cv-small{font-size:12px;color:var(--cv-muted)}#app .cv-badge{display:inline-flex;align-items:center;padding:4px 9px;font-size:12px;border-radius:6px;background:var(--cv-tint);color:var(--cv-accent);font-weight:500}#app .cv-top-right{display:flex;align-items:center;gap:12px}#app .cv-shell{display:grid;grid-template-columns:168px minmax(0,1fr)}#app .cv-side{padding:25px 14px;background:var(--cv-panel);border-right:1px solid var(--cv-line)}#app .cv-company{padding:0 8px 25px;font-weight:600}#app .cv-company span{display:block;font-weight:400}#app .cv-nav{display:grid;gap:7px}#app .cv-nav button{border:0;background:transparent;text-align:left;padding:10px;border-radius:7px;color:var(--cv-muted);display:flex;align-items:center;gap:10px}#app .cv-nav button[aria-current=page]{background:var(--cv-tint);color:var(--cv-accent);font-weight:600}#app .cv-navnum{width:20px;height:20px;border:1px solid var(--cv-line);border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}#app .cv-side-note{border-top:1px solid var(--cv-line);padding:18px 8px;margin-top:28px;font-size:12px;color:var(--cv-muted)}#app .cv-main{padding:28px;min-width:0}#app .cv-eyebrow{color:var(--cv-accent);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:1.1px;margin-bottom:8px}#app .cv-subtitle{color:var(--cv-muted);max-width:660px}#app .cv-grid{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:20px;align-items:start;margin-top:23px}#app .cv-surface{background:var(--cv-panel);border:1px solid var(--cv-line);border-radius:10px;padding:22px}#app .cv-qtop{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px;color:var(--cv-muted);font-size:12px}#app .cv-dots{display:flex;gap:5px}#app .cv-dots span{width:22px;height:4px;background:var(--cv-line);border-radius:2px}#app .cv-dots .cv-done{background:var(--cv-solid)}#app .cv-question{font-size:19px;font-weight:600;line-height:1.4;margin:0 0 10px}#app .cv-why{font-size:13px;color:var(--cv-muted);margin-bottom:20px}#app .cv-options{display:grid;gap:10px}#app .cv-option{display:flex;align-items:flex-start;gap:10px;background:var(--cv-panel);color:var(--cv-ink);border:1px solid var(--cv-line);border-radius:8px;padding:13px;text-align:left;width:100%}#app .cv-option[aria-pressed=true]{border-color:var(--cv-accent);background:var(--cv-tint)}#app .cv-radio{width:17px;height:17px;border:1px solid var(--cv-muted);border-radius:50%;margin-top:2px;flex-shrink:0}#app .cv-option[aria-pressed=true] .cv-radio{border:5px solid var(--cv-accent)}#app .cv-option strong{display:block;font-weight:600}#app .cv-option small{display:block;font-size:12px;color:var(--cv-muted);margin-top:4px}#app .cv-note{margin-top:17px}#app .cv-note summary{font-size:12px;color:var(--cv-muted);cursor:pointer}#app textarea{width:100%;margin-top:8px;min-height:74px;padding:10px;color:var(--cv-ink);background:var(--cv-bg);border:1px solid var(--cv-line);border-radius:6px;resize:vertical;font-size:16px}#app .cv-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:24px;flex-wrap:wrap}#app .cv-button{border:1px solid var(--cv-line);background:var(--cv-panel);color:var(--cv-ink);padding:9px 14px;border-radius:7px;font-weight:500}#app .cv-button:disabled{opacity:.45;cursor:default}#app .cv-primary{background:var(--cv-solid);border-color:var(--cv-solid);color:var(--cv-on)}#app .cv-profile{background:var(--cv-panel);padding:18px;border:1px solid var(--cv-line);border-radius:10px}#app .cv-profile h3{font-size:14px}#app .cv-item{padding:10px 0;border-bottom:1px solid var(--cv-line)}#app .cv-item:last-child{border-bottom:0}#app .cv-label{font-size:11px;color:var(--cv-muted);margin-bottom:4px}#app .cv-value{font-size:13px}#app .cv-context{margin-top:14px;background:var(--cv-tint);padding:14px;border-radius:8px;font-size:12px;color:var(--cv-ink)}#app .cv-context strong{display:block;margin-bottom:5px;font-weight:600}#app .cv-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#app .cv-findings{display:grid;gap:13px;margin-top:22px}#app .cv-finding{background:var(--cv-panel);border:1px solid var(--cv-line);border-radius:10px;padding:19px}#app .cv-finding-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:7px}#app .cv-finding h3{margin:0}#app .cv-status{border-radius:5px;padding:3px 8px;font-size:11px;font-weight:500;white-space:nowrap}#app .cv-warn{background:var(--cv-warnbg);color:var(--cv-warn)}#app .cv-positive{background:var(--cv-okbg);color:var(--cv-ok)}#app .cv-neutral{background:var(--cv-tint);color:var(--cv-accent)}#app .cv-evidence{font-size:12px;color:var(--cv-muted);margin-top:10px}#app .cv-evidence button{background:transparent;border:0;padding:0;color:var(--cv-accent);text-decoration:underline;font-size:12px}#app .cv-plan-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:19px 0}#app .cv-capacity{display:flex;gap:6px;flex-wrap:wrap}#app .cv-capacity button{font-size:12px;padding:7px 10px;border:1px solid var(--cv-line);border-radius:6px;background:var(--cv-panel);color:var(--cv-ink)}#app .cv-capacity button[aria-pressed=true]{background:var(--cv-tint);border-color:var(--cv-accent);color:var(--cv-accent)}#app .cv-action{border:1px solid var(--cv-line);background:var(--cv-panel);border-radius:9px;margin-top:12px;overflow:hidden}#app .cv-action summary{padding:18px;cursor:pointer;display:flex;align-items:flex-start;gap:12px;list-style:none}#app .cv-action summary::-webkit-details-marker{display:none}#app .cv-rank{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:7px;background:var(--cv-tint);color:var(--cv-accent);font-size:12px;font-weight:600}#app .cv-action-title{font-weight:600;flex:1}#app .cv-action-title small{display:block;color:var(--cv-muted);font-size:12px;font-weight:400;margin-top:3px}#app .cv-plus{color:var(--cv-muted);font-size:18px}#app details[open] .cv-plus{transform:rotate(45deg)}#app .cv-action-body{padding:0 18px 18px 57px}#app .cv-action-body p{font-size:13px}#app .cv-action-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--cv-line);padding-top:12px}#app .cv-action-meta div{font-size:12px}#app .cv-action-meta strong{display:block;color:var(--cv-muted);font-size:11px;font-weight:500;margin-bottom:3px}#app .cv-bottom{padding:11px 22px;border-top:1px solid var(--cv-line);font-size:11px;color:var(--cv-muted);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--cv-panel)}#app .cv-review-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--cv-line)}#app .cv-review-row button{border:0;background:transparent;color:var(--cv-accent);font:inherit;font-size:12px}#app .cv-review-row p{margin:3px 0 0;font-size:13px}#app .cv-callout{border-left:3px solid var(--cv-accent);padding:10px 13px;margin-top:18px;background:var(--cv-tint);font-size:13px}#app .cv-section-label{font-size:12px;color:var(--cv-muted)}
@media(max-width:850px){#app .cv-shell{grid-template-columns:140px minmax(0,1fr)}#app .cv-main{padding:21px}#app .cv-grid{grid-template-columns:minmax(0,1fr)}#app .cv-profile{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}#app .cv-profile h3{grid-column:1/-1}#app .cv-context{grid-column:1/-1}#app .cv-company{padding-left:3px}#app .cv-side{padding:22px 10px}}
@media(max-width:550px){#app .cv-shell{display:block}#app .cv-side{border-right:0;border-bottom:1px solid var(--cv-line);padding:12px}#app .cv-company,#app .cv-side-note{display:none}#app .cv-nav{display:flex;gap:4px;flex-wrap:wrap}#app .cv-nav button{padding:7px;font-size:12px;gap:5px;min-height:44px}#app .cv-top{padding:13px}#app .cv-top-right .cv-small{display:none}#app .cv-main{padding:18px 14px}#app h2{font-size:22px}#app .cv-surface{padding:17px}#app .cv-question{font-size:17px}#app .cv-profile{grid-template-columns:1fr}#app .cv-action-body{padding-left:18px}#app .cv-action-meta{grid-template-columns:1fr}#app .cv-top-right{gap:5px}#app button{min-height:40px}#app .cv-finding-head{gap:7px}}

#app .cv-error{border:1px solid var(--cv-warn);background:var(--cv-warnbg);color:var(--cv-warn);border-radius:8px;padding:13px;margin-top:18px}
#app .cv-error .cv-button{margin-top:10px}
#app .cv-error{margin:0 0 18px}
#app .cv-loading{color:var(--cv-muted);padding:20px 0}
#app .cv-example-note{background:var(--cv-warnbg);color:var(--cv-warn);border-radius:8px;padding:8px 12px;font-size:12px;margin-bottom:16px}
#app .cv-skip{position:absolute;left:-999px}
#app .cv-skip:focus{left:8px;top:8px;z-index:2;background:var(--cv-panel);padding:8px}
#app .cv-tagline{margin:0;padding:10px 22px;background:var(--cv-tint);color:var(--cv-ink);font-size:13px;border-bottom:1px solid var(--cv-line)}
@media(max-width:550px){#app .cv-tagline{padding:10px 14px}}
#app .cv-login{display:grid;gap:6px;max-width:420px;margin-top:20px}
#app .cv-login label{font-size:12px;color:var(--cv-muted);margin-top:8px}
#app .cv-login input{font:inherit;font-size:16px;padding:9px 10px;color:var(--cv-ink);background:var(--cv-bg);border:1px solid var(--cv-line);border-radius:6px}
#app .cv-login input:focus-visible{outline:3px solid var(--cv-accent);outline-offset:2px}
#app .cv-compact{padding:5px 10px;font-size:12px}
#app .cv-linkbutton{background:transparent;border:0;padding:0;color:var(--cv-accent);text-decoration:underline;font-size:12px;font-weight:400;display:block}
#app .cv-callout .cv-linkbutton{display:inline;font-size:13px}
#app .cv-gap{margin-top:12px}
#app .cv-stale{border-left-color:var(--cv-warn);background:var(--cv-warnbg);color:var(--cv-warn);margin:0 0 4px}
#app .cv-tag{display:inline-block;margin-left:4px;padding:0 5px;border-radius:4px;font-size:10px;background:var(--cv-tint);color:var(--cv-accent);vertical-align:1px}
#app .cv-tag-confirmed{background:var(--cv-okbg);color:var(--cv-ok)}
#app .cv-tag-inference,#app .cv-tag-unknown{background:var(--cv-warnbg);color:var(--cv-warn)}
#app .cv-review-row strong{font-weight:600}
#app .cv-badge-sample,#app .cv-tag-sample{background:var(--cv-warnbg);color:var(--cv-warn)}
#app .cv-steps{display:flex;flex-wrap:wrap;gap:4px 14px;list-style:none;padding:0;margin:0 0 18px;font-size:12px;color:var(--cv-muted)}
#app .cv-steps li{display:flex;align-items:center;gap:6px}
#app .cv-steps li::before{content:"";width:8px;height:8px;border-radius:50%;border:1px solid var(--cv-line);display:inline-block}
#app .cv-steps .cv-step-done::before{background:var(--cv-solid);border-color:var(--cv-solid)}
#app .cv-steps .cv-step-now{color:var(--cv-accent);font-weight:600}
#app .cv-steps .cv-step-now::before{border:2px solid var(--cv-accent)}
#app .cv-answer{min-height:120px}
#app .cv-short{min-height:64px}
#app .cv-input,#app .cv-select{font:inherit;font-size:16px;width:100%;padding:9px 10px;margin-top:6px;color:var(--cv-ink);background:var(--cv-bg);border:1px solid var(--cv-line);border-radius:6px}
#app .cv-input:focus-visible,#app .cv-select:focus-visible{outline:3px solid var(--cv-accent);outline-offset:2px}
#app .cv-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
#app .cv-chip{font-size:12px;padding:6px 10px;border:1px solid var(--cv-line);border-radius:14px;background:var(--cv-panel);color:var(--cv-ink)}
#app .cv-chip:hover{border-color:var(--cv-accent)}
#app .cv-subtle{margin-top:10px;font-size:12px}
#app .cv-quote{font-style:italic}
#app .cv-grow{flex:1}
#app .cv-block{display:block;margin-top:2px}
#app .cv-list{margin:6px 0 0;padding-left:18px;font-size:13px}
#app .cv-list li{margin-bottom:4px}
#app .cv-conflict{border-color:var(--cv-warn);margin-top:14px}
#app .cv-sample-offer{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#app .cv-nav button:disabled{opacity:.45;cursor:default}
#app h3{margin-top:0}
#app [hidden]{display:none !important}
#app .cv-wait{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:color-mix(in srgb,var(--cv-bg) 72%,transparent);backdrop-filter:blur(1px);cursor:progress}
#app .cv-wait-card{display:flex;gap:14px;align-items:center;max-width:440px;margin:16px;padding:18px 22px;background:var(--cv-panel);border:1px solid var(--cv-line);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.18)}
#app .cv-spinner{width:26px;height:26px;flex-shrink:0;border:3px solid var(--cv-line);border-top-color:var(--cv-accent);border-radius:50%;animation:cv-spin .9s linear infinite}
@keyframes cv-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#app .cv-spinner{animation:none;border-top-color:var(--cv-line);border-right-color:var(--cv-accent)}}
#app .cv-sample-banner{margin:0 0 16px}
#app .cv-full{width:100%}
#app [aria-busy=true]{opacity:.6}