*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafafa;--surface:#fff;--surface-2:#f4f4f5;--accent:#6366f1;--accent-hover:#4f46e5;--accent-light:#6366f114;--success:#22c55e;--success-light:#dcfce7;--success-text:#166534;--danger:#ef4444;--danger-light:#fee2e2;--danger-text:#991b1b;--text-primary:#111827;--text-secondary:#6b7280;--border:#e5e7eb;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--shadow-md:0 4px 6px #0f172a0d, 0 10px 20px #0f172a0f;--radius:12px;--radius-sm:10px;--section-gap:1.5rem;--font:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace}html{overflow-x:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.navbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:.65rem 1.25rem;display:flex;position:sticky;top:0}.navbar-brand{color:var(--accent);letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.navbar-sub{color:var(--text-secondary);font-size:.85rem}.page{max-width:900px;margin:0 auto;padding:.85rem 1.1rem 1.75rem}.hero{text-align:center;max-width:640px;margin:0 auto;padding:.5rem .5rem .25rem}.hero h1{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.45rem;font-size:clamp(1.65rem,4vw,2.15rem);font-weight:700;line-height:1.2}.hero h1 span{color:var(--accent)}.hero-lead,.hero p{color:var(--text-secondary);max-width:36rem;margin:0 auto;font-size:.98rem;line-height:1.5}.examples{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:.5rem;display:flex}.examples-label{color:var(--text-secondary);text-align:center;margin-bottom:.5rem;font-size:.85rem}.example-btn{background:var(--accent-light);color:var(--accent);cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font);border:1px solid #6366f133;border-radius:99px;padding:.5rem 1.25rem;transition:all .15s}.example-btn:hover{background:var(--accent);color:#fff}.input-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md);margin-bottom:2rem;padding:1.75rem}.input-card--compact{box-shadow:var(--shadow-sm);margin-bottom:.5rem;padding:1.05rem 1.2rem 1.1rem}.input-error{color:var(--danger);margin-top:.75rem;font-size:.95rem}.analysis-loading-banner{background:var(--accent-light);color:var(--accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);margin-bottom:0;padding:.65rem .9rem;font-size:.875rem;font-weight:600}.exploratory-banner{background:var(--surface);border-radius:var(--radius-sm);color:var(--text-primary);box-shadow:var(--shadow-sm);border:1px solid #6366f11f;margin-bottom:0;padding:1rem 1.25rem;font-size:.9375rem;line-height:1.5}.exploratory-banner--compact{padding:.65rem .85rem;font-size:.82rem;line-height:1.45}.no-strong-matches-banner{border-radius:var(--radius-sm);color:var(--text-primary);background:linear-gradient(165deg,#fef3c759,#ffffffeb);border:1px solid #f59e0b47;margin-bottom:0;padding:.75rem .9rem;font-size:.84rem;line-height:1.45}.no-strong-matches-banner p{margin:0}.no-strong-matches-banner__sub{color:var(--text-secondary);font-size:.78rem;margin-top:.4rem!important}.chart-fallback-note{color:var(--text-secondary);margin:-.5rem 0 1rem;font-size:.82rem}.chart-empty{color:var(--text-secondary);text-align:center;padding:2rem 0;font-size:.95rem}.pill.pill--muted{background:var(--surface-2);color:var(--text-secondary);border:1px dashed var(--border)}.lp-card--loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:120px;display:flex}.lp-loading-text{color:var(--accent);font-size:1rem;font-weight:600}.lp-target-line{color:var(--text-primary);max-width:36rem;margin:0;font-size:.88rem;font-weight:600;line-height:1.35}.lp-target-line--error{color:var(--text-secondary)}.lp-card--error{border-color:#ef444440}.lp-error-text{color:var(--danger);margin-top:.5rem;font-size:.9rem;line-height:1.45}.lp-inline-loading{color:var(--accent);margin-bottom:.75rem;font-size:.88rem;font-weight:600}.input-row{align-items:center;gap:.75rem;display:flex}.skill-input{border:1.5px solid var(--border);font-size:1rem;font-family:var(--font);background:var(--surface);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:.875rem 1rem;transition:border-color .15s,box-shadow .15s}.skill-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f}.analyze-btn{background:var(--accent);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font);white-space:nowrap;border:none;border-radius:8px;padding:.875rem 1.75rem;transition:background .15s}.analyze-btn:hover:not(:disabled){background:var(--accent-hover)}.analyze-btn:disabled{opacity:.6;cursor:not-allowed}.clear-btn{color:var(--text-secondary);border:1.5px solid var(--border);cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font);background:0 0;border-radius:8px;padding:.875rem 1.25rem;transition:all .15s}.clear-btn:hover{border-color:var(--danger);color:var(--danger)}.location-select{border:1.5px solid var(--border);font-size:1rem;font-family:var(--font);background:var(--surface);color:var(--text-primary);cursor:pointer;border-radius:8px;min-width:150px;padding:.875rem 1rem}.chart-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:var(--section-gap);padding:1.5rem 1.5rem 1.75rem}.chart-card--compact{margin-bottom:0;padding:1rem 1.15rem 1.15rem}.trend-chart-root{min-width:0}.chart-wrap{flex-shrink:0;width:100%;min-width:0;max-width:100%;height:300px;min-height:300px}.card-title{color:var(--text-primary);margin-bottom:1.25rem;font-size:1.1rem;font-weight:600}.card-title--compact{margin-bottom:.65rem;font-size:1rem}.card-title span{color:var(--text-secondary);margin-left:.5rem;font-size:.85rem;font-weight:400}.live-data-row{border-radius:var(--radius-sm);background:linear-gradient(165deg,#ffffffeb,#f4f4f6bf);border:1px solid #e5e7ebf2;padding:.5rem .72rem;box-shadow:inset 0 1px #fffc}.live-data-row__primary{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:.8125rem;font-weight:600}.live-data-row__secondary{color:var(--text-secondary);letter-spacing:.02em;margin:.2rem 0 0;font-size:.7rem;font-weight:500}.live-data-row__tertiary{color:var(--text-secondary);border-top:1px solid #e5e7ebd9;margin:.45rem 0 0;padding-top:.42rem;font-size:.7125rem}.live-data-row__accent{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.demand-snapshot{border-radius:var(--radius-sm);background:linear-gradient(160deg,#f8fafceb,#ffffffe0);border:1px solid #e2e8f0f2;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.demand-snapshot__toggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.65rem;width:100%;margin:0;padding:.55rem .72rem;display:flex}.demand-snapshot__toggle-text{flex-direction:column;align-items:flex-start;gap:.12rem;min-width:0;display:flex}.demand-snapshot__toggle:focus-visible{outline-offset:2px;outline:2px solid #6366f173}.demand-snapshot__toggle-main{color:var(--text-primary);letter-spacing:-.02em;font-size:.8125rem;font-weight:750}.demand-snapshot__context{color:var(--text-secondary);font-size:.68rem;font-weight:500;line-height:1.35}.demand-snapshot__meta{color:var(--text-secondary);font-size:.7rem}.demand-snapshot__chev{color:var(--text-secondary);flex-shrink:0;font-size:.72rem}.demand-snapshot__body{border-top:1px solid #e2e8f0e6;padding:0 .72rem .65rem}.demand-snapshot__insight{color:var(--text-primary);margin:.5rem 0 0;font-size:.78rem;line-height:1.42}.demand-snapshot__list{flex-direction:column;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.demand-snapshot__row{background:#ffffffb3;border:1px solid #f1f5f9f2;border-radius:6px;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.28rem .42rem;font-size:.775rem;display:flex}.demand-snapshot__skill{color:var(--text-primary);font-weight:700}.demand-snapshot__freq{font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap;font-size:.72rem}.demand-snapshot__muted{color:var(--text-secondary);margin:.45rem 0 0;font-size:.75rem;line-height:1.4}.job-card__empty-skill{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.lp-subheading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.35rem;font-size:.6875rem;font-weight:700}.lp-missing-block{margin-bottom:1rem}.lp-missing-chips{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.lp-missing-chip{background:var(--danger-light);color:var(--danger-text);border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:500;display:inline-block}.lp-demand-insight{color:var(--text-primary);background:var(--accent-light);border-radius:var(--radius-sm);border-left:3px solid var(--accent);margin-bottom:1rem;padding:.65rem .75rem;font-size:.92rem;font-weight:600;line-height:1.45}.lp-step-guidance{color:var(--text-primary);margin:.35rem 0 .25rem;font-size:.86rem;line-height:1.45}.lp-step-platform{color:var(--text-secondary);margin:.35rem 0 0;font-size:.8rem;line-height:1.4}.lp-step-platform-label{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-right:.25rem;font-size:.65rem;font-weight:700}.lp-steps-empty{color:var(--text-secondary);margin-top:.35rem;font-size:.875rem}.lp-market-block{border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:1rem}.lp-market-meta{color:var(--text-secondary);margin:0 0 .35rem;font-size:.75rem}.lp-demand-bullets{color:var(--text-primary);margin:0 0 .75rem;padding-left:1.15rem;font-size:.84rem;line-height:1.45}.lp-demand-bullets li{margin-bottom:.35rem}.lp-top-demand{color:var(--text-secondary);font-size:.8rem;line-height:1.45}.lp-top-demand ul{margin:.25rem 0 0;padding-left:1.05rem}.lp-top-demand li{margin-bottom:.25rem}.lp-message--muted{color:var(--text-secondary);margin-bottom:1rem;font-size:.86rem;line-height:1.45}.lp-roadmap-steps{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.lp-card--compact-roadmap{padding-bottom:1rem}.lp-title--sm{font-size:1.05rem}.lp-header--tight{margin-bottom:.55rem}.lp-missing-block--tight{margin-bottom:.65rem}.lp-message--clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lp-time--pill{color:var(--accent);background:#6366f11a;border:1px solid #6366f133;border-radius:999px;padding:.22rem .55rem;font-size:.68rem;font-weight:700}.lp-roadmap-steps--tight{gap:.55rem}.lp-roadmap-step-card--dense{padding:.62rem .72rem}.lp-roadstep-head--dense{margin-bottom:.45rem}.lp-roadstep-title-wrap{flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;min-width:0;display:flex}.lp-roadstep-time--pill{color:var(--text-secondary)!important;background:#47556914!important;border:1px solid #e2e8f0d9!important;border-radius:999px!important;padding:.12rem .42rem!important;font-size:.625rem!important;font-weight:700!important}.lp-roadstep-section--tight{margin-bottom:.42rem!important}.lp-snippet-body--single-line{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lp-snippet-body--project{margin:0!important;font-size:.805rem!important;line-height:1.42!important}.lp-chip-row{flex-wrap:wrap;gap:.28rem;display:flex}.lp-chip{color:var(--text-primary);background:#ffffffd9;border:1px solid #e2e8f0f2;border-radius:999px;max-width:100%;padding:.15rem .45rem;font-size:.68rem;font-weight:650;line-height:1.25}.lp-chip--yt{background:#fef2f2a6;border-color:#f8717140}.lp-website-list{flex-direction:column;gap:.2rem;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.lp-website-link{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #6366f140;max-width:100%;font-size:.78rem;font-weight:650;text-decoration:none;display:inline-block;overflow:hidden}.lp-website-link:hover{border-bottom-color:#6366f18c}.lp-roadstep-project--compact{margin-top:.45rem!important;padding:.45rem .55rem!important}.lp-step-platform--muted{color:var(--text-secondary);margin:.35rem 0 0;font-size:.72rem}.lp-roadmap-step-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:.85rem 1rem}.lp-roadstep-head{align-items:flex-start;gap:.65rem;margin-bottom:.65rem;display:flex}.lp-roadstep-num{background:var(--accent);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;font-size:.8125rem;font-weight:700;display:inline-flex}.lp-roadstep-skill{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .15rem;font-size:1rem;font-weight:700}.lp-roadstep-time{color:var(--text-secondary);font-size:.76rem;font-weight:600}.lp-roadstep-section{margin-bottom:.65rem}.lp-snippet-label{text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:.2rem;font-size:.625rem;font-weight:700;display:block}.lp-snippet-body{color:var(--text-primary);margin:0;font-size:.84rem;line-height:1.48}.lp-roadstep-project{border-radius:var(--radius-sm);background:#fff9;border:1px dashed #6366f159;margin-top:.65rem;padding:.55rem .65rem}.lp-mini-list{color:var(--text-primary);margin-top:.45rem;font-size:.8rem}.lp-mini-list.lp-youtube ul{list-style:outside}.lp-mini-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.2rem;font-size:.615rem;font-weight:700;display:block}.lp-mini-list ul{margin:0;padding-left:1.05rem;line-height:1.45}.lp-mini-list li{margin-bottom:.2rem}.learning-path-anchor{scroll-margin-top:72px}.results-section{flex-direction:column;gap:1rem;margin-bottom:1.25rem;padding-top:0;scroll-margin-top:72px;display:flex}.results-section>.pipeline-card,.results-section>.chart-card{margin-bottom:0}.results-section>.lp-card,.results-section>.lp-card--loading{margin-top:0}.results-section--highlight{animation:.9s resultsPulse}.pipeline-card--sticky{z-index:40;box-shadow:var(--shadow-sm);margin-bottom:0;position:sticky;top:56px}.pipeline-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);box-sizing:border-box;max-width:100%;margin-bottom:0;padding:1.25rem 1.5rem;overflow:hidden}.pipeline-card--compact{margin-bottom:0;padding:.85rem 1rem .95rem}.pipeline-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.65rem;font-size:.8125rem;font-weight:700}.pipeline-row{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .35rem;width:100%;min-width:0;max-width:100%;padding-bottom:.15rem;display:flex;overflow:hidden}.pipeline-item-wrap{flex:0 auto;align-items:center;min-width:0;max-width:100%;display:flex}.pipeline-agent{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-sizing:border-box;isolation:isolate;flex-direction:column;flex:auto;align-items:center;gap:.2rem;min-width:0;max-width:11rem;padding:.5rem .55rem;transition:border-color .25s,background .25s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.pipeline-agent--idle{opacity:.82}.pipeline-agent--active{border-color:#6366f185;animation:1.75s ease-in-out infinite pipelineGlow;box-shadow:0 0 0 1px #6366f12e,0 0 28px -6px #6366f173,0 4px 20px -8px #6366f166}.pipeline-agent--active:before{content:"";border-radius:inherit;pointer-events:none;opacity:.62;z-index:0;background:linear-gradient(118deg,#0000 28%,#93c5fd59 42%,#ffffffa6 50%,#c4b5fd66 58%,#0000 72%) 0 0/240% 100%;animation:1.75s ease-in-out infinite pipelineShimmer;position:absolute;inset:0}.pipeline-agent--active:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;animation:2s ease-out infinite pipelineAuraRing;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #818cf88c,inset 0 2px 14px #6366f11f,0 0 #a5b4fc59}.pipeline-agent .pipeline-icon,.pipeline-agent .pipeline-label{z-index:2;position:relative}.pipeline-agent--completed{background:#22c55e14;border-color:#22c55eb8;transition:border-color .5s,background .5s,box-shadow .55s,opacity .45s;box-shadow:inset 0 1px #ffffff8c}.pipeline-icon{font-size:1rem;line-height:1}.pipeline-label{color:var(--text-primary);white-space:nowrap;font-size:.72rem;font-weight:600}.pipeline-connector{background:linear-gradient(90deg,#6366f133,#6366f18c,#818cf859);border-radius:99px;flex:none;width:clamp(12px,3vw,26px);height:3px;margin:0 .2rem;position:relative;overflow:hidden}.pipeline-connector--flow:after{content:"";background:linear-gradient(90deg,#0000,#fffffff2,#e0e7ffe6,#0000);width:55%;animation:1.05s linear infinite pipelineConnectorFlow;position:absolute;inset:0}@keyframes pipelineConnectorFlow{0%{transform:translate(-120%)}to{transform:translate(220%)}}@keyframes pipelineGlow{0%,to{box-shadow:0 0 0 1px #6366f126,0 4px 16px -10px #6366f166}50%{box-shadow:0 0 0 1px #6366f159,0 4px 22px -6px #6366f18c}}@keyframes pipelineShimmer{0%{background-position:130% 0}to{background-position:-30% 0}}@keyframes pipelineAuraRing{0%{box-shadow:inset 0 0 0 1px #818cf873,inset 0 2px 12px #6366f11a,0 0 #a5b4fc00}45%{box-shadow:inset 0 0 0 1px #a78bfabf,inset 0 2px 18px #6366f129,0 0 16px 2px #818cf838}to{box-shadow:inset 0 0 0 1px #6366f159,inset 0 2px 10px #6366f114,0 0 #a5b4fc00}}@media (prefers-reduced-motion:reduce){.pipeline-agent--active{animation:none}.pipeline-agent--active:before{opacity:.28;background-position:50% 0;animation:none}.pipeline-agent--active:after{animation:none}.pipeline-connector--flow:after{opacity:.6;animation:none;transform:translate(0)}}@keyframes resultsPulse{0%{transform:translateY(6px);box-shadow:0 0 #6366f133}50%{box-shadow:0 0 0 10px #6366f10f}to{transform:translateY(0);box-shadow:0 0 #6366f100}}@media (width<=768px){.page{padding:.75rem 1rem 2rem}.hero{padding:.35rem .25rem .15rem}.hero h1{font-size:1.8rem}.input-row{flex-direction:column}.analyze-btn{width:100%}.pipeline-row{justify-content:flex-start;gap:.45rem .25rem}.pipeline-agent{flex:calc(50% - 1.25rem);min-width:6.5rem;max-width:none}.pipeline-connector{display:none}.pipeline-label{white-space:normal;text-align:center;font-size:.7rem;line-height:1.2}.pipeline-card--sticky{top:52px}.results-section{scroll-margin-top:60px}.chart-wrap{height:280px;min-height:280px}.lp-header{flex-direction:column;align-items:flex-start;gap:.75rem}.lp-time{align-self:flex-start}}.jobs-column{flex-direction:column;min-width:0;max-height:80vh;padding-right:.375rem;display:flex;overflow:hidden auto}.jobs-column::-webkit-scrollbar{width:5px}.jobs-column::-webkit-scrollbar-track{background:var(--surface-2);border-radius:99px}.jobs-column::-webkit-scrollbar-thumb{background:var(--accent);border-radius:99px}.job-results-list{flex-direction:column;gap:.75rem;display:flex}.job-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #e5e7ebe6;flex-direction:column;min-height:0;padding:1rem 1.125rem;transition:box-shadow .2s;display:flex}.job-card:hover{box-shadow:var(--shadow-md);border-color:#6366f126}.job-card__header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.job-card__titles{flex:1;min-width:0}.job-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.0625rem;font-weight:600;line-height:1.35}.job-company{color:var(--text-secondary);margin-top:.25rem;font-size:.8125rem;line-height:1.4}.job-card__score-block{text-align:right;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--job-score-color,var(--accent)) 14%, white);border:1px solid color-mix(in srgb, var(--job-score-color,var(--accent)) 28%, transparent);flex-shrink:0;padding:.35rem .55rem}.job-card__score-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:.125rem;font-size:.625rem;font-weight:700;display:block}.job-card__score-value{font-size:1.4rem;font-weight:700;font-family:var(--font-mono);color:var(--job-score-color,var(--accent));line-height:1}.job-card__progress-wrap{margin-top:.65rem;margin-bottom:.75rem}.progress-bar{background:var(--surface-2);border-radius:99px;height:6px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width .55s}.job-card__sections{flex-direction:column;flex:1;gap:.65rem;display:flex}.job-card__skill-block{min-width:0}.skills-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.3rem;font-size:.6875rem;font-weight:700}.skills-label.matched{color:var(--success-text)}.skills-label.missing{color:var(--danger-text)}.skills-label.required{color:var(--text-secondary)}.pill.pill--neutral{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border)}.job-card__match-well{color:var(--success-text);background:var(--success-light);border-radius:var(--radius-sm);margin:.5rem 0 0;padding:.45rem .55rem;font-size:.8rem;font-weight:600;line-height:1.35}.job-card__match-note{color:var(--text-secondary);margin:.5rem 0 0;font-size:.78rem;line-height:1.4}.pills{flex-wrap:wrap;gap:.28rem;display:flex}.pill{word-break:break-word;border-radius:999px;max-width:100%;padding:.2rem .45rem;font-size:.72rem;font-weight:500;line-height:1.3}.pill.matched{background:var(--success-light);color:var(--success-text)}.pill.missing{background:var(--danger-light);color:var(--danger-text)}.footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border);margin-top:1.5rem;padding:1.5rem 0 1rem;font-size:.8rem}.market-insight-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #e5e7ebd9;margin-bottom:0;padding:1rem 1.15rem}.market-insight-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.6875rem;font-weight:700}.market-insight-summary{color:var(--text-primary);margin-bottom:.75rem;font-size:.9rem;font-weight:500;line-height:1.45}.market-insight-dl{border-top:1px solid var(--border);flex-direction:column;gap:.45rem;margin:0;padding:.65rem 0 0;display:flex}.market-insight-row{grid-template-columns:7.5rem 1fr;align-items:baseline;gap:.5rem .75rem;font-size:.82rem;line-height:1.4;display:grid}.market-insight-row dt{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.75rem;font-weight:600}.market-insight-row dd{color:var(--text-primary);margin:0;font-weight:500}@media (width<=520px){.market-insight-row{grid-template-columns:1fr;gap:.15rem}}.trend-growing{color:var(--success)}.trend-stable{color:#f59e0b}.trend-declining{color:var(--danger)}.learning-path-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:.78rem;font-weight:600;font-family:var(--font);border:none;width:100%;margin-top:.65rem;padding:.45rem .75rem;line-height:1.25;transition:background .15s,box-shadow .15s;box-shadow:0 1px 2px #6366f133}.learning-path-btn:hover{background:var(--accent-hover);box-shadow:0 2px 8px #6366f140}.lp-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #6366f11a;margin-top:0;padding:1.15rem 1.2rem 1.35rem}.lp-eyebrow{text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:.875rem;font-size:.6875rem;font-weight:700}.lp-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.125rem;display:flex}.lp-header-main{flex:1;min-width:0}.lp-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;font-size:.8125rem;font-weight:600}.lp-priority-name{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700;line-height:1.3}.lp-time{color:var(--accent);background:var(--accent-light);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.375rem .875rem;font-size:.8125rem;font-weight:600}.lp-message{color:var(--text-primary);background:var(--surface-2);border-radius:var(--radius-sm);margin-bottom:1.5rem;padding:1rem 1.125rem;font-size:.9375rem;font-weight:500;line-height:1.55}.lp-steps-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:1rem;font-size:.6875rem;font-weight:700}.lp-timeline{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.lp-step{grid-template-columns:auto 1fr;align-items:stretch;gap:0 1rem;padding-bottom:1.375rem;display:grid;position:relative}.lp-step:last-child{padding-bottom:0}.lp-step:not(:last-child) .lp-step-track:after{content:"";background:linear-gradient(180deg, var(--accent) 0%, #6366f126 100%);border-radius:99px;width:2px;position:absolute;top:calc(1.75rem + 6px);bottom:-1.25rem;left:50%;transform:translate(-50%)}.lp-step-track{justify-content:center;align-self:flex-start;width:2rem;padding-top:.125rem;display:flex;position:relative}.lp-step-marker{background:var(--accent);color:#fff;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:700;display:flex;position:relative;box-shadow:0 2px 6px #6366f159}.lp-step-body{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid #e5e7ebe6;min-width:0;padding:1rem 1.125rem}.lp-step-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.5rem;display:flex}.lp-step-skill{color:var(--text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:600;line-height:1.35}.lp-step-time{color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:600}.lp-step-resource{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.skill-input-root{flex-direction:column;gap:.65rem;display:flex}.skill-suggestions{padding-top:0}.skill-suggestions-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.4rem;font-size:.72rem;font-weight:600;display:block}.skill-suggestions-chips{flex-wrap:wrap;gap:.4rem;display:flex}.skill-suggestion-chip{font-family:var(--font);color:var(--accent);background:var(--accent-light);cursor:pointer;border:1px solid #6366f138;border-radius:999px;padding:.3rem .7rem;font-size:.75rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.skill-suggestion-chip:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.skill-suggestion-chip:disabled{opacity:.55;cursor:not-allowed}.tags-input-wrapper{flex-wrap:wrap;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.tags-container{border:1.5px solid var(--border);background:var(--surface);cursor:text;border-radius:8px;flex-wrap:wrap;flex:1;gap:.5rem;min-width:0;min-height:48px;padding:.625rem .875rem;transition:border-color .15s,box-shadow .15s;display:flex}.tags-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f}.skill-tag{background:var(--accent-light);color:var(--accent);border:1px solid #6366f133;border-radius:99px;align-items:center;gap:.35rem;padding:.25rem .5rem .25rem .75rem;font-size:.85rem;font-weight:500;display:inline-flex}.tag-remove{color:var(--accent);cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;padding:0;font-size:1rem;line-height:1;transition:opacity .15s;display:flex}.tag-remove:hover{opacity:1}.tag-input{font-family:var(--font);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:min(180px,100%);font-size:1rem}.tag-input::placeholder{color:var(--text-secondary);font-size:.875rem;line-height:1.4}
