:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070b14;--bg-elevated:#0d1424;--bg-soft:#0f172ab8;--surface:#111827e0;--surface-2:#1e293b8c;--border:#94a3b824;--border-strong:#94a3b847;--text:#e8eef9;--text-secondary:#a7b4c9;--text-muted:#7c8ba1;--primary:#4f8cff;--primary-2:#6d7cff;--primary-soft:#4f8cff24;--accent:#38bdf8;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--shadow:0 18px 50px #02061773;--radius-sm:10px;--radius:14px;--radius-lg:20px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--max:1120px;--header-h:64px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:SF Pro Text,Segoe UI,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.55}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(900px 480px at 12% -8%, #4f8cff29, transparent 55%), radial-gradient(760px 420px at 92% 0%, #6366f11f, transparent 50%), var(--bg);margin:0}button,textarea,input{font:inherit}button{appearance:none}button:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #4f8cffa6}::selection{background:#4f8cff59}.app-shell{min-height:100vh;color:var(--text)}.site-header{z-index:40;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:#070b14c7;position:sticky;top:0}.site-header-inner{width:min(var(--max), calc(100% - 2rem));min-height:var(--header-h);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;margin:0 auto;display:grid}.site-brand{color:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:.7rem;min-width:0;padding:0;display:inline-flex}.brand-mark{letter-spacing:.02em;color:#061018;background:linear-gradient(135deg,#6ec8ff,#7c8cff 55%,#a78bfa);border-radius:.7rem;flex-shrink:0;place-items:center;width:2.15rem;height:2.15rem;font-size:.72rem;font-weight:800;display:grid;box-shadow:0 8px 20px #4f8cff40}.site-brand-text{text-align:left;display:grid}.site-brand-text strong{letter-spacing:-.02em;font-size:.98rem;line-height:1.1}.site-nav{justify-content:center;justify-self:center;align-items:center;gap:.25rem;display:flex}.site-nav-link{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.42rem .85rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s}.site-nav-link:hover{color:var(--text);background:#94a3b814}.site-nav-link.active{color:#9ec1ff;background:var(--primary-soft)}.site-header-meta{justify-content:flex-end;justify-self:end;align-items:center;gap:.55rem;min-width:0;display:flex}.site-header-cta{padding:.42rem .85rem}.site-github{border:1px solid var(--border);width:2.15rem;height:2.15rem;color:var(--text-secondary);background:#0f172a8c;border-radius:999px;place-items:center;transition:color .15s,border-color .15s,background .15s;display:inline-grid}.site-github:hover{color:var(--text);background:#94a3b81a;border-color:#94a3b866}.main{width:min(var(--max), calc(100% - 2rem));margin:1.25rem auto 2.5rem}.panel,.card-panel,.dim-nav,.assess-main{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.panel{padding:clamp(1rem,2vw,1.5rem)}.card-panel{padding:1.1rem 1.15rem}.section-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.section-head.compact{align-items:center;margin-bottom:.85rem}.section-head h2,.section-head h3,.card-panel>h3{letter-spacing:-.02em;margin:0}.section-head h2{font-size:1.25rem}.section-head h3,.card-panel>h3{font-size:1rem;font-weight:700}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.muted{color:var(--text-muted)}.muted.small{font-size:.85rem}.lede{max-width:40rem;color:var(--text-secondary);margin:0;line-height:1.7}.actions{flex-wrap:wrap;gap:.65rem;margin-top:1.1rem;display:flex}.actions.compact{justify-content:flex-end;margin-top:0}.btn{border:1px solid var(--border-strong);color:var(--text);font:inherit;cursor:pointer;background:#0f172abf;border-radius:999px;padding:.58rem 1.05rem;font-size:.92rem;font-weight:600;transition:border-color .15s,background .15s,transform .12s}.btn:hover{color:#fff;border-color:#4f8cff8c}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;border-color:#0000;box-shadow:0 10px 24px #4f8cff47}.btn.primary:hover{transform:translateY(-1px)}.btn.ghost{background:0 0}.btn.danger{color:#fca5a5;background:#f871710f;border-color:#f8717166}.progress-track{background:#94a3b81f;border-radius:999px;height:.42rem;overflow:hidden}.progress-track.slim{height:.32rem;margin:.55rem 0 .9rem}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#818cf8);height:100%}.score-pill{border-radius:.5rem;flex-shrink:0;place-items:center;width:1.7rem;height:1.7rem;font-size:.82rem;font-weight:800;display:inline-grid}.score-0{color:#cbd5e1;background:#94a3b82e}.score-1{color:#fbbf24;background:#fbbf2429}.score-2{color:#38bdf8;background:#38bdf829}.score-3{color:#34d399;background:#34d39929}.score-legend-bar{flex-wrap:wrap;gap:.45rem .75rem;display:flex}.score-legend-bar.compact{gap:.4rem .65rem}.score-legend-inline{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.keyword-row{flex-wrap:wrap;gap:.4rem;display:flex}.keyword-chip{border:1px solid var(--border);color:var(--text-secondary);background:#02061759;border-radius:999px;padding:.22rem .55rem;font-size:.76rem}.purpose-text{color:var(--text-secondary);margin:.45rem 0 .7rem;line-height:1.65}.note-field{color:var(--text-secondary);gap:.4rem;font-size:.88rem;display:grid}.note-field textarea{resize:vertical;border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;min-height:4.2rem;color:var(--text);background:#02061773;padding:.7rem .8rem}.note-field .warn{color:var(--warning);font-style:normal;font-weight:600}.score-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.score-btn{border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;background:#02061766;justify-items:center;gap:.2rem;padding:.75rem .5rem;transition:border-color .15s,background .15s,transform .12s;display:grid}.score-btn:hover{border-color:var(--border-strong);transform:translateY(-1px)}.score-btn .score-num{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800}.score-btn .score-title{color:var(--text-secondary);font-size:.78rem}.score-btn.active{background:var(--primary-soft);border-color:#4f8cffb3;box-shadow:inset 0 0 0 1px #4f8cff2e}.score-btn.score-0.active{background:#94a3b81f;border-color:#94a3b8}.score-btn.score-1.active{background:#fbbf241f;border-color:#fbbf24}.score-btn.score-2.active{background:#38bdf81f;border-color:#38bdf8}.score-btn.score-3.active{background:#34d3991f;border-color:#34d399}.empty-state{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.draft-banner{border-radius:var(--radius);background:#fbbf2414;border:1px solid #fbbf2447;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.9rem 1rem;display:flex}.draft-banner p{margin:.15rem 0 0}.home{gap:1.35rem;padding-bottom:1rem;display:grid}.home-hero{border-radius:calc(var(--radius-lg) + 2px);border:1px solid var(--border);background:linear-gradient(180deg, #4f8cff1a, transparent 55%), var(--surface);box-shadow:var(--shadow);grid-template-columns:minmax(0,1.15fr) minmax(240px,.9fr);align-items:center;gap:1rem 1.25rem;padding:clamp(1.4rem,3vw,2rem);display:grid}.home-hero-copy{min-width:0}.home-hero-visual{place-items:center;min-width:0;display:grid}.home-radar-frame{background:radial-gradient(circle at 50% 45%,#38bdf81f,#0000 58%),#02061759;border:1px solid #94a3b81f;border-radius:1.1rem;width:min(100%,340px);padding:.35rem .2rem .15rem}.home-radar-frame .radar-wrap.compact{max-width:none;min-height:280px}.home-cta{margin-top:1.25rem}.resume-line{margin:0 0 .7rem;font-size:.9rem}.home-section{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.15rem 1.2rem 1.25rem}.home-section-head{margin-bottom:.9rem}.home-section-head h2{letter-spacing:-.02em;margin:0;font-size:1.05rem}.home-section.collapsible{padding-top:.85rem;padding-bottom:.85rem}.home-section.collapsible.collapsed{padding-bottom:.85rem}.home-section-toggle{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.15rem 0;display:flex}.home-section-toggle h2{letter-spacing:-.02em;margin:0;font-size:1.05rem}.home-section-chevron{color:var(--text-muted);flex-shrink:0;font-size:.82rem;font-weight:600}.home-section-body{margin-top:.9rem}.dim-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.dim-card{border:1px solid var(--border);border-radius:var(--radius);background:#02061759;align-content:start;gap:.35rem;min-height:8.2rem;padding:.9rem .95rem;transition:border-color .15s,transform .12s;display:grid}.dim-card:hover{border-color:#4f8cff59;transform:translateY(-1px)}.dim-card-top{justify-content:space-between;gap:.5rem;margin-bottom:.15rem;display:flex}.dim-card .dim-id,.dim-id{color:var(--accent);letter-spacing:.04em;font-size:.74rem;font-weight:800}.dim-card .dim-count,.dim-count{color:var(--text-muted);font-size:.76rem}.dim-card h3{letter-spacing:-.02em;margin:0;font-size:.98rem}.dim-card p{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.5}.score-standard{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.score-standard-item{border:1px solid var(--border);border-radius:var(--radius);background:#0206174d;grid-template-columns:auto 1fr;align-items:start;gap:.7rem;padding:.85rem .9rem;display:grid}.score-standard-item strong{margin-bottom:.15rem;display:block}.score-standard-item p{color:var(--text-muted);margin:0;font-size:.86rem;line-height:1.45}.hint-list,.home-hints{color:var(--text-muted);margin:.9rem 0 0;padding-left:1.1rem;font-size:.86rem;line-height:1.55}.home-section-head .muted{margin:.35rem 0 0;font-size:.88rem}.stage-standard{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;display:grid}.stage-standard-item{border:1px solid var(--border);border-radius:var(--radius);background:#0206174d;gap:.3rem;padding:.85rem .9rem;display:grid}.stage-standard-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.stage-standard-id{letter-spacing:.04em;color:#9ec1ff;background:var(--primary-soft);border:1px solid #4f8cff47;border-radius:999px;align-items:center;padding:.16rem .5rem;font-size:.72rem;font-weight:800;display:inline-flex}.stage-standard-range{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.74rem}.stage-standard-item strong{letter-spacing:-.01em;font-size:.92rem}.stage-standard-item p{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.45}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.35rem;display:grid}.profile-card{text-align:left;border-radius:var(--radius);border:1px solid var(--border);color:inherit;cursor:pointer;background:#02061759;gap:.4rem;padding:1rem;transition:border-color .15s,background .15s;display:grid}.profile-card span{color:var(--text-muted);font-size:.88rem;line-height:1.45}.profile-card.active{background:var(--primary-soft);border-color:#4f8cffa6;box-shadow:inset 0 0 0 1px #4f8cff26}.assess{gap:.9rem;display:grid}.assess-summary{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);gap:.65rem;padding:.95rem 1.05rem;display:grid}.assess-summary-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.assess-summary-head h2{letter-spacing:-.02em;margin:0;font-size:1.15rem}.assess-summary-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;gap:.9rem;font-size:.84rem;display:flex}.tree-assess.panel{box-shadow:none;background:0 0;border:0;padding:0}.tree-layout{grid-template-columns:220px minmax(0,1fr) minmax(280px,340px);align-items:start;gap:.9rem;display:grid}.tree-dim-rail{top:calc(var(--header-h) + .75rem);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);max-height:calc(100vh - var(--header-h) - 1.5rem);gap:.4rem;padding:.7rem;display:grid;position:sticky;overflow:auto}.tree-dim-btn{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;gap:.12rem;padding:.65rem .7rem;transition:background .15s,border-color .15s;display:grid}.tree-dim-btn:hover{background:#94a3b814}.tree-dim-btn.active{background:var(--primary-soft);border-color:#4f8cff59}.tree-dim-id{color:var(--accent);letter-spacing:.04em;font-size:.7rem;font-weight:800}.tree-dim-name{font-size:.9rem;font-weight:650}.tree-dim-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.74rem}.tree-main{gap:.85rem;min-width:0;display:grid}.tree-branch-head{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;display:flex}.tree-branch-head strong{letter-spacing:-.02em;margin-bottom:.2rem;font-size:1.05rem;display:block}.tree-branch-head p{color:var(--text-muted);max-width:36rem;margin:0;font-size:.9rem;line-height:1.5}.skill-tree-grid{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.6rem;padding:.85rem;display:grid}.skill-node{text-align:left;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#02061759;border-radius:14px;gap:.32rem;min-height:6.6rem;padding:.75rem .78rem;transition:border-color .15s,transform .12s,background .15s,box-shadow .15s;display:grid}.skill-node:hover{border-color:#94a3b859;transform:translateY(-1px)}.skill-node.active{background:#4f8cff14;border-color:#4f8cffb3;box-shadow:0 0 0 1px #4f8cff2e,0 10px 24px #02061740}.skill-node.node-score.s0{border-color:#94a3b847}.skill-node.node-score.s1{background:#fbbf240f;border-color:#fbbf2459}.skill-node.node-score.s2{background:#38bdf812;border-color:#38bdf859}.skill-node.node-score.s3{background:#34d39914;border-color:#34d39966}.skill-node-top{color:var(--text-muted);justify-content:space-between;gap:.35rem;font-size:.7rem;display:flex}.skill-node-title{letter-spacing:-.01em;font-size:.88rem;line-height:1.35}.skill-node-score{color:var(--text-secondary);font-size:.75rem}.skill-node-dots{gap:.25rem;margin-top:auto;display:flex}.skill-node-dots i{background:#94a3b838;border-radius:999px;width:.42rem;height:.42rem;display:inline-block}.skill-node-dots i.lit{background:#38bdf8}.skill-node.node-score.s1 .skill-node-dots i.lit{background:#fbbf24}.skill-node.node-score.s2 .skill-node-dots i.lit{background:#38bdf8}.skill-node.node-score.s3 .skill-node-dots i.lit{background:#34d399}.skill-detail{top:calc(var(--header-h) + .75rem);max-height:calc(100vh - var(--header-h) - 1.5rem);align-content:start;gap:.85rem;display:grid;position:sticky;overflow:auto}.skill-detail-head h3{letter-spacing:-.02em;margin:.2rem 0 0;font-size:1.15rem;line-height:1.3}.tree-scores{margin-top:.1rem}.assess-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:.9rem;display:grid}.dim-nav{top:calc(var(--header-h) + .75rem);padding:.9rem;position:sticky}.dim-nav-head{justify-content:space-between;align-items:center;margin-bottom:.7rem;font-size:.9rem;display:flex}.dim-list{gap:.35rem;margin:.75rem 0;display:grid}.dim-item{text-align:left;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;padding:.55rem .6rem;display:grid}.dim-item:hover,.dim-item.active{background:var(--primary-soft);border-color:#4f8cff47}.dim-name{font-size:.88rem;font-weight:600}.dim-nav-actions{gap:.45rem;display:grid}.assess-main{gap:.8rem;padding:.9rem;display:grid}.item-list{gap:.45rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.item-chip{text-align:left;border:1px solid var(--border);min-width:8.5rem;max-width:11rem;color:inherit;cursor:pointer;background:#02061759;border-radius:12px;flex:none;gap:.15rem;padding:.55rem .65rem;display:grid}.item-chip span,.item-chip em{color:var(--text-muted);font-size:.72rem;font-style:normal}.item-chip strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.3;display:-webkit-box;overflow:hidden}.item-chip.active{background:var(--primary-soft);border-color:#4f8cff8c}.question-card{gap:.85rem;display:grid}.question-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:.75rem;font-size:.82rem;display:flex}.question-title-block h3{letter-spacing:-.02em;margin:.2rem 0 0;font-size:1.25rem}.wizard-nav{flex-wrap:wrap;justify-content:space-between;gap:.6rem;display:flex}.results{gap:.9rem;display:grid}.results-head{margin-bottom:.15rem}.result-hero{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:stretch;gap:.85rem;display:grid}.result-hero-radar,.result-hero-summary{min-width:0}.result-hero-summary{align-content:start;gap:.75rem;display:grid}.result-stage-line{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.result-stage-line h3{letter-spacing:-.02em;margin:0;font-size:1.2rem}.result-stage-badge{letter-spacing:.04em;color:#9ec1ff;background:var(--primary-soft);border:1px solid #4f8cff47;border-radius:999px;align-items:center;padding:.18rem .55rem;font-size:.74rem;font-weight:800;display:inline-flex}.result-structure{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.55}.result-bias-row{flex-wrap:wrap;gap:.45rem;display:flex}.bias-chip{border:1px solid var(--border);border-radius:999px;align-items:center;padding:.28rem .65rem;font-size:.8rem;display:inline-flex}.bias-chip.strong{color:#86efac;background:#34d3991a;border-color:#34d39947}.bias-chip.weak{color:#fcd34d;background:#fbbf241a;border-color:#fbbf2447}.result-draft-line{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.15rem;padding-top:.7rem;font-size:.88rem;display:flex}.result-kpis{grid-template-columns:1fr 1fr;align-content:start;gap:.55rem;margin-top:.15rem;display:grid}.result-kpi{border:1px solid var(--border);background:#02061759;border-radius:12px;gap:.15rem;padding:.7rem .75rem;display:grid}.result-kpi span{color:var(--text-muted);font-size:.76rem}.result-kpi strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.25rem}.result-profile-note{margin:0;font-size:.8rem}.result-heatmap{width:100%}.metrics,.insight-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.metric{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);gap:.25rem;padding:.9rem 1rem;display:grid}.metric span{color:var(--text-muted);font-size:.8rem}.metric strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.35rem}.results-stack{grid-template-columns:1fr;gap:.85rem;display:grid}.results-stack>.card-panel{width:100%}.radar-wrap{width:100%;max-width:none;min-height:360px;margin:0}.result-hero-radar .radar-wrap{min-height:380px}.dim-score-list{gap:.35rem;margin-top:.7rem;display:grid}.dim-score-row{text-align:left;border:1px solid var(--border);width:100%;color:inherit;cursor:pointer;background:#0206174d;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:.65rem;padding:.6rem .75rem;display:grid}.dim-score-row:hover{border-color:#4f8cff66}.dim-score-row strong{color:var(--accent);font-variant-numeric:tabular-nums}.dim-score-row em{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem;font-style:normal}.heatmap{gap:.85rem;display:grid}.heatmap-legend{color:var(--text-muted);flex-wrap:wrap;gap:.45rem .85rem;font-size:.8rem;display:flex}.heatmap-legend-item{align-items:center;gap:.35rem;display:inline-flex}.heatmap-matrix{gap:.45rem;display:grid}.heatmap-row{border-radius:12px;grid-template-columns:minmax(13.5rem,15.5rem) minmax(0,1fr);align-items:center;gap:.65rem;padding:.45rem .35rem;display:grid}.heatmap-row:hover{background:#94a3b80d}.heatmap-dim{text-align:left;min-width:0;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:.4rem;padding:.2rem .15rem;display:flex}.heatmap-dim-id{color:var(--accent);letter-spacing:.04em;flex-shrink:0;font-size:.74rem;font-weight:800}.heatmap-dim-name{letter-spacing:-.01em;text-overflow:ellipsis;min-width:0;font-size:.9rem;font-weight:650;overflow:hidden}.heatmap-dim-count{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.78rem}.heatmap-dim-avg{color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:.9rem;font-weight:750}.heatmap-cells{flex-wrap:wrap;align-items:center;gap:.32rem;display:flex}.heat-dot{cursor:pointer;color:#e2e8f0e6;border:1px solid #94a3b824;border-radius:.45rem;place-items:center;width:1.7rem;height:1.7rem;padding:0;transition:transform .12s,border-color .15s,box-shadow .15s;display:inline-grid}button.heat-dot:hover{border-color:#94a3b873;transform:translateY(-1px)scale(1.06);box-shadow:0 6px 14px #02061747}.heat-dot-label{font-variant-numeric:tabular-nums;font-size:.62rem;font-weight:700;line-height:1}.heat-dot.none{color:#64748b;background:#0f172a8c}.heat-dot.s0{color:#cbd5e1;background:#94a3b838}.heat-dot.s1{color:#fde68a;background:#fbbf2447}.heat-dot.s2{color:#bae6fd;background:#38bdf84d}.heat-dot.s3{color:#bbf7d0;background:#34d39952}.roadmap-panel{margin:0}.roadmap-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.roadmap-step{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius);cursor:pointer;background:#0206174d;grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.75rem;padding:.8rem .85rem;transition:border-color .15s;display:grid}.roadmap-step:hover{border-color:#4f8cff73}.roadmap-order{background:var(--primary-soft);color:#9ec1ff;border-radius:999px;place-items:center;width:2rem;height:2rem;font-weight:700;display:grid}.roadmap-body{gap:.15rem;display:grid}.roadmap-body strong{font-size:.96rem}.roadmap-body em{color:var(--text-muted);font-size:.8rem;font-style:normal}.roadmap-body span{color:var(--text-secondary);font-size:.88rem}.results-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.result-list{gap:.4rem;margin:.65rem 0 0;padding:0;list-style:none;display:grid}.result-list button{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:#0206174d;border-radius:12px;gap:.15rem;padding:.65rem .7rem;display:grid}.result-list button:hover{border-color:#4f8cff66}.result-list span{color:var(--text-muted);font-size:.8rem}.distribution{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.65rem;display:grid}.dist-chip{border:1px solid var(--border);border-radius:12px;justify-items:start;gap:.15rem;padding:.75rem;display:grid}.dist-chip strong{font-variant-numeric:tabular-nums;font-size:1.1rem}@media (width<=1100px){.tree-layout{grid-template-columns:200px minmax(0,1fr)}.skill-detail{grid-column:1/-1;max-height:none;position:static}}@media (width<=960px){.home-hero{grid-template-columns:1fr}.home-radar-frame{width:min(100%,320px);margin:0 auto}.dim-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tree-layout,.assess-layout,.result-hero,.results-columns{grid-template-columns:1fr}.tree-dim-rail,.dim-nav{max-height:none;position:static}.tree-dim-rail{grid-template-columns:repeat(auto-fill,minmax(8.2rem,1fr))}.heatmap-row{grid-template-columns:1fr;align-items:start}.heatmap-dim{white-space:normal;flex-wrap:wrap}.metrics,.result-hero{grid-template-columns:1fr}}@media (width<=640px){.site-header-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.55rem;width:calc(100% - 1.25rem)}.site-nav{justify-content:center}.site-header-meta{justify-self:end}.main,.main-home{width:calc(100% - 1.25rem);margin-top:.85rem}.dim-cards,.score-standard,.skill-tree-grid,.score-row,.distribution{grid-template-columns:1fr}.skill-tree-grid,.score-row{grid-template-columns:1fr 1fr}}