:root{--bg:#f7f8fb;--surface:#ffffff;--surface-strong:#f0f4f7;--ink:#18212f;--muted:#657386;--line:#d8e1ea;--teal:#0f766e;--teal-soft:#dff6f2;--amber:#b7791f;--amber-soft:#fff4d8;--rose:#b42342;--rose-soft:#ffe4e8;--blue:#1d4ed8;--blue-soft:#e4edff;--green:#137333;--shadow:0 18px 48px rgba(22,33,47,0.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.68}main{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;min-height:82px;padding:16px clamp(16px,5vw,48px);position:-webkit-sticky;position:sticky;top:0;z-index:3}.brand,.topbar{align-items:center;display:flex}.brand{gap:12px}.brand>svg{color:var(--teal)}.brand p{color:var(--muted);font-size:.78rem;margin:0 0 2px;text-transform:uppercase}.brand h1{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.15;margin:0}.workspace{display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(310px,410px) 1fr;padding:28px clamp(16px,5vw,48px) 48px}.band,.input-panel,.results-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.input-panel{align-self:start;display:flex;flex-direction:column;gap:13px;padding:18px;position:-webkit-sticky;position:sticky;top:106px}.panel-heading,.section-title{align-items:center;display:flex;gap:9px}.panel-heading svg,.section-title svg{color:var(--teal)}h2,h3,p{margin-top:0}.panel-heading h2,.section-title h2{font-size:1.05rem;margin:0}label{color:var(--ink);font-size:.88rem;font-weight:700}.field-help{color:var(--muted);font-size:.82rem;line-height:1.4;margin:-6px 0 0}input,textarea{background:#fbfcfe;border:1px solid var(--line);border-radius:8px;color:var(--ink);outline:none;padding:12px;resize:vertical;transition:border-color .16s ease,box-shadow .16s ease;width:100%}input:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,118,110,.14)}.file-drop{align-items:center;background:var(--surface-strong);border:1px dashed #9ab0c2;border-radius:8px;color:var(--muted);display:flex;gap:10px;min-height:56px;padding:13px}.file-drop input{display:none}.chat-form button,.ghost-button,.primary-button,.secondary-button{align-items:center;border:0;border-radius:8px;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:0 16px}.primary-button{background:var(--teal);color:white}.secondary-button{background:var(--blue);color:white;margin-top:14px}.ghost-button{background:var(--teal-soft);color:var(--teal)}.results-panel{min-height:680px;padding:0}.empty-state{align-items:center;color:var(--muted);display:flex;flex-direction:column;min-height:520px;justify-content:center;padding:32px;text-align:center}.empty-state svg{color:var(--teal)}.empty-state h2{color:var(--ink);margin:14px 0 8px}.report-stack{display:flex;flex-direction:column;gap:18px;padding:18px}.summary-strip{background:var(--ink);border-radius:8px;color:white;display:grid;grid-gap:1px;gap:1px;grid-template-columns:repeat(4,1fr);overflow:hidden}.summary-strip div{background:rgba(255,255,255,.06);min-width:0;padding:16px}.summary-strip span{color:#bdd4d2;display:block;font-size:.75rem;margin-bottom:5px;text-transform:uppercase}.summary-strip strong{display:block;overflow-wrap:anywhere}.band{box-shadow:none;padding:18px}.lead{color:var(--muted);line-height:1.65;margin:12px 0 0}.two-col{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:16px}ul{flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}li,ul{display:flex}li{align-items:flex-start;color:var(--muted);gap:8px;line-height:1.45}li svg{flex:0 0 auto;margin-top:2px}.skill-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:16px}.plan-card,.question-card,.role-row,.skill-card{border:1px solid var(--line);border-radius:8px;background:#fff}.skill-card{display:flex;flex-direction:column;gap:10px;min-height:190px;padding:14px}.skill-top{align-items:flex-start;display:flex;justify-content:space-between;gap:12px}.plan-card h3,.role-row h3,.skill-top h3{font-size:1rem;margin-bottom:4px}.role-row small,.skill-card small,.skill-top span{color:var(--muted)}.skill-top strong{border-radius:8px;padding:6px 8px}.good{background:#e2f6e8;color:var(--green)}.mid{background:var(--amber-soft);color:var(--amber)}.low{background:var(--rose-soft);color:var(--rose)}.meter{background:#e9eef3;border-radius:999px;height:9px;overflow:hidden}.meter span{background:var(--teal);display:block;height:100%}.plan-card p,.role-row p,.skill-card p{color:var(--muted);line-height:1.5;margin-bottom:0}.plan-list,.question-stack,.role-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.role-row{display:grid;grid-gap:14px;gap:14px;grid-template-columns:44px 1fr auto;padding:14px}.rank,.role-row{align-items:center}.rank{background:var(--blue-soft);border-radius:8px;color:var(--blue);display:flex;font-weight:800;height:36px;justify-content:center;width:36px}.question-card{display:flex;flex-direction:column;gap:10px;padding:14px}.question-card span{color:var(--teal);font-size:.78rem;text-transform:uppercase}.plan-card{padding:16px}.plan-head{align-items:center;display:flex;justify-content:space-between;gap:14px}.plan-head span{align-items:center;background:var(--surface-strong);border-radius:8px;color:var(--muted);display:inline-flex;gap:6px;padding:6px 8px;white-space:nowrap}ol{color:var(--muted);line-height:1.55;padding-left:20px}ol li{display:list-item}.resource-links{display:flex;flex-wrap:wrap;gap:8px}.resource-links a{align-items:center;background:var(--teal-soft);border-radius:8px;color:var(--teal);display:inline-flex;font-size:.88rem;font-weight:700;gap:6px;padding:8px 10px;text-decoration:none}.chat-log{background:#f9fbfc;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:10px;margin-top:14px;min-height:180px;padding:12px}.muted{color:var(--muted);margin:0}.assistant-message,.user-message{border-radius:8px;line-height:1.55;margin:0;max-width:86%;padding:10px 12px}.assistant-message{align-self:flex-start;background:var(--surface);border:1px solid var(--line)}.user-message{align-self:flex-end;background:var(--blue);color:white}.chat-form{display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr 48px;margin-top:12px}.chat-form button{background:var(--teal);color:white;padding:0}.error{align-items:center;background:var(--rose-soft);border-radius:8px;color:var(--rose);display:flex;gap:8px;line-height:1.4;margin:0;padding:10px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:980px){.workspace{grid-template-columns:1fr}.input-panel{position:static}}@media (max-width:680px){.topbar{align-items:flex-start;flex-direction:column;gap:12px}.ghost-button{width:100%}.workspace{padding:18px 12px 32px}.summary-strip,.two-col{grid-template-columns:1fr}.role-row{align-items:flex-start;grid-template-columns:36px 1fr}.role-row strong{grid-column:2}.plan-head{align-items:flex-start;flex-direction:column}}