:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang TC,Microsoft JhengHei,sans-serif;color:#162033;background:#edf2f8;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh}button,select,input{font:inherit}button{cursor:pointer}.app-shell{height:100dvh;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);background:radial-gradient(circle at 20% 0%,#fefeff 0,#edf2f8 45%,#e6edf7)}.filter-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:12px 16px;background:color-mix(in srgb,#ffffff 82%,transparent);border-bottom:1px solid #d7dfeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5}.tenure-control,.category-control{display:flex;gap:7px;align-items:center;border:0;padding:0;margin:0;font-size:12px;color:#536176}.tenure-control{flex-direction:column;align-items:flex-start}.tenure-control select{border:1px solid #d5deea;background:#fff;color:#172033;border-radius:10px;padding:7px 9px}.category-control{flex:1 1 560px;flex-wrap:wrap}.category-control legend{width:100%;margin-bottom:2px}.category-control label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.toolbar-status{margin-left:auto;font-size:12px;color:#536176}.reset-button{border:1px solid #d5deea;border-radius:10px;color:#1c4e8a;background:#fff;padding:7px 10px;font-size:12px}.methodology-trigger{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#1b6aca;color:#fff;font-weight:700;box-shadow:0 3px 10px #1b6aca55}.chart-area{min-height:0;position:relative;padding:10px}.quadrant-stage{position:relative;width:100%;height:100%;min-height:0;border-radius:22px;overflow:hidden;background:color-mix(in srgb,#ffffff 70%,transparent);box-shadow:0 12px 40px #52647b18}.quadrant-svg{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.plot-grid line{stroke:#dce4ef;stroke-width:1}.plot-axis line{stroke:#69778b;stroke-width:1.5}.axis-labels text{fill:#516075;font-size:17px;font-weight:600}.logo-plate{fill:color-mix(in srgb,#ffffff 95%,transparent);stroke:#d1dbe9;stroke-width:1.2}.company-node{cursor:pointer;outline:none;transition:opacity .14s ease}.company-node.is-low-confidence{opacity:.5}.company-node:hover .logo-plate,.company-node:focus .logo-plate{stroke:#1b6aca;stroke-width:3}.company-short{fill:#263247;font-size:10px;font-weight:600;pointer-events:none}.logo-fallback{fill:#263247;font-size:11px;font-weight:700}.company-popover{position:absolute;z-index:4;width:min(290px,42vw);padding:12px;border:1px solid #d6e0eb;border-radius:14px;background:color-mix(in srgb,#ffffff 80%,transparent);box-shadow:0 10px 25px #26324724;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;transform:translate(12px,-50%);color:#1d293c;font-size:12px}.company-popover header,.pinned-company-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.company-popover header span,.pinned-company-card header span{display:block;margin-top:2px;color:#607086}.company-popover section{margin-top:8px}h3{margin:0 0 4px;font-size:12px}p{margin:0;line-height:1.45}.confidence,.insufficient{margin-top:8px;color:#5a6c83}.pinned-company-tray{position:absolute;z-index:4;right:22px;top:22px;display:grid;gap:10px;width:min(330px,30vw);max-height:calc(100% - 44px);overflow:auto;pointer-events:none}.pinned-company-card{pointer-events:auto;padding:13px;border:1px solid #d6e0eb;border-radius:16px;background:color-mix(in srgb,#ffffff 80%,transparent);box-shadow:0 10px 24px #2632471e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#203047;font-size:12px}.pinned-company-card header button{border:0;background:#eaf0f8;color:#3f5067;width:24px;height:24px;border-radius:50%;font-size:17px}.pinned-company-card section{border-top:1px solid #dce4ef;margin-top:11px;padding-top:10px}dl{display:grid;grid-template-columns:1fr auto;gap:5px 10px;margin:0}dt{color:#68788c}dd{margin:0;text-align:right}.salary-band{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.salary-band span{padding:6px;border-radius:8px;background:#f1f5fa}.salary-band b{display:block;margin-top:2px;color:#184b89}.methodology-backdrop{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end;background:#13233b42}.methodology-drawer{width:min(520px,100%);height:100%;overflow:auto;padding:22px;background:color-mix(in srgb,#ffffff 96%,transparent);box-shadow:-16px 0 40px #26324725;color:#1d293c}.drawer-header{position:sticky;top:-22px;display:flex;justify-content:space-between;align-items:start;padding:22px 0 14px;background:#fff;border-bottom:1px solid #dce4ef}.drawer-header h2{margin:0;font-size:24px}.eyebrow{font-size:10px;letter-spacing:.11em;color:#536176}.drawer-header button{border:0;width:32px;height:32px;border-radius:50%;background:#eef3f9;color:#33435a;font-size:23px}.drawer-content section{padding:18px 0;border-bottom:1px solid #e1e8f1}.drawer-content h3{font-size:15px}.drawer-content code{display:block;margin-top:9px;padding:9px;border-radius:8px;background:#eff4fa;color:#214675;white-space:normal;font-family:inherit;line-height:1.45}.drawer-content ul{padding-left:20px;color:#526278;line-height:1.55}@media(max-width:880px){.filter-toolbar{align-items:center}.category-control{flex-basis:100%}.pinned-company-tray{width:min(330px,46vw)}}@media(max-width:540px){.app-shell{height:auto;min-height:100dvh;overflow:visible;display:block}.filter-toolbar{position:sticky;top:0;align-items:end;padding:10px}.toolbar-status{margin-left:0}.chart-area{height:540px;padding:7px}.quadrant-stage{border-radius:16px}.pinned-company-tray{top:10px;right:10px;width:min(310px,calc(100vw - 34px));max-height:calc(100% - 20px)}.company-popover{display:none}.methodology-backdrop{align-items:flex-end}.methodology-drawer{width:100%;height:min(88dvh,760px);border-radius:22px 22px 0 0}.salary-band{grid-template-columns:1fr}}
