.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.root-arc-node .skill-node__actions{top:-52px;z-index:6;pointer-events:auto}.react-flow__controls button{background:transparent;color:var(--app-text-primary);border:0!important;border-bottom:0!important;box-shadow:none!important}.skill-link-edge__glow,.skill-link-edge__shaft,.skill-link-edge__spine,.skill-link-edge__cap{opacity:1}:root.dark .skill-link-edge__glow{opacity:.3}:root.dark .skill-link-edge__shaft{opacity:.5}:root.dark .skill-link-edge__spine{opacity:.4}:root.dark .skill-link-edge__cap{opacity:.55}.node-pluck .skill-node__dot{animation:node-pluck .5s ease-out}.edge-pluck{animation:edge-pluck .5s ease-out}.skill-node__dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 6px;border-radius:999px;border:1.5px solid var(--skill-dot-border, transparent);background:var(--skill-dot-bg, transparent);color:#fff;box-shadow:0 0 8px var(--skill-glow, var(--app-node-shadow));white-space:nowrap;transition:transform .18s ease-out,box-shadow .22s ease-out,border-color .22s ease-out,background .22s ease-out;z-index:3}.skill-node.hover .skill-node__dot{box-shadow:0 0 12px var(--skill-glow-hover, var(--app-node-shadow-hover));transform:translate(-50%,-50%) scale(1.04)}.skill-node.selected .skill-node__dot{transform:translate(-50%,-50%);box-shadow:0 0 0 2px var(--app-node-outline),0 0 12px var(--skill-glow-hover, var(--app-node-shadow-hover))}.skill-node.level-zero .skill-node__dot{border-style:dashed;color:var(--skill-color)}.skill-node.level-zero .skill-node__name{opacity:.5}.skill-node__dot-level{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:#0000002e;border:1px solid rgba(255,255,255,.25);font-size:.6rem;font-weight:700;line-height:1;flex-shrink:0}.skill-node.level-zero .skill-node__dot-level{background:transparent;border-color:currentColor;opacity:.6}.skill-node.level-zero .skill-node__dot-name{opacity:.5}:root.dark .skill-node__dot{background:color-mix(in srgb,var(--skill-dot-bg) 30%,#dce2f0);border-color:color-mix(in srgb,var(--skill-dot-border) 40%,#b8c2d8);color:#1a1d2b}:root.dark .skill-node.level-zero .skill-node__dot{background:transparent;border-color:color-mix(in srgb,var(--skill-dot-border) 40%,#b8c2d8);color:var(--skill-color)}:root.dark .skill-node__dot-level{background:#0000001f;border-color:#00000026}.skill-node__bubble{position:absolute;left:calc(50% + var(--bubble-cos, 0) * 58px);top:calc(50% + var(--bubble-sin, -1) * 58px);transform:translate(calc(-50% + var(--bubble-cos, 0) * 50% - var(--bubble-cos, 0) * 5px),calc(-50% + var(--bubble-sin, -1) * 50% - var(--bubble-sin, -1) * 5px)) scale(.88);transform-origin:50% 50%;display:grid;gap:0;width:fit-content;min-width:0;max-width:144px;padding:8px 10px;border-radius:12px;border:1px solid var(--app-border-subtle);background:var(--app-panel-bg);box-shadow:0 6px 14px var(--app-toggle-shadow);opacity:0;pointer-events:none;transition:opacity .13s ease,transform .13s ease,max-width .24s ease,padding .24s ease,border-color .22s ease,box-shadow .22s ease;z-index:2}.skill-node.expanded .skill-node__bubble{opacity:1;pointer-events:auto;left:50%;top:0;transform:translate(-50%,calc(-100% - 10px)) scale(1);width:min(280px,calc(100vw - 48px));max-width:min(280px,calc(100vw - 48px));padding:12px 14px;background:var(--skill-color, var(--app-panel-bg));color:#fff;border-color:transparent;box-shadow:0 8px 24px #00000059}.skill-node.expanded .skill-node__bubble .skill-node__level-summary,.skill-node.expanded .skill-node__bubble .skill-node__empty{color:#ffffffa6}.skill-node.expanded .skill-node__bubble .skill-node__details{color:#ffffffe6}.skill-node.expanded .skill-node__bubble .skill-node__links a{color:#ffffffd9}.skill-node.expanded .skill-node__bubble .skill-node__label-chip{background:#ffffff26;border-color:#fff3;color:#fff}:root.dark .skill-node:not(.level-zero).expanded .skill-node__bubble{background:color-mix(in srgb,var(--skill-dot-bg) 30%,#dce2f0);border-color:color-mix(in srgb,var(--skill-dot-border) 40%,#b8c2d8);color:#1a1d2b;box-shadow:0 8px 24px #0000002e}:root.dark .skill-node:not(.level-zero).expanded .skill-node__bubble .skill-node__level-summary,:root.dark .skill-node:not(.level-zero).expanded .skill-node__bubble .skill-node__empty{color:#1a1d2ba6}:root.dark .skill-node:not(.level-zero).expanded .skill-node__bubble .skill-node__details{color:#1a1d2bd9}:root.dark .skill-node:not(.level-zero).expanded .skill-node__bubble .skill-node__links a{color:#1a1d2bcc}:root.dark .skill-node:not(.level-zero).expanded .skill-node__bubble .skill-node__label-chip{background:#1a1d2b14;border-color:#1a1d2b2e;color:#1a1d2b}.skill-node.level-zero.expanded .skill-node__bubble{background:transparent;color:var(--skill-color);border-color:color-mix(in srgb,var(--skill-color) 40%,transparent);border-style:dashed;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.skill-node.level-zero.expanded .skill-node__bubble .skill-node__level-summary,.skill-node.level-zero.expanded .skill-node__bubble .skill-node__empty{color:color-mix(in srgb,var(--skill-color) 70%,transparent)}.skill-node.level-zero.expanded .skill-node__bubble .skill-node__details{color:color-mix(in srgb,var(--skill-color) 85%,transparent)}.skill-node.level-zero.expanded .skill-node__bubble .skill-node__links a{color:var(--skill-color)}.skill-node.level-zero.expanded .skill-node__bubble .skill-node__label-chip{background:color-mix(in srgb,var(--skill-color) 10%,transparent);border-color:color-mix(in srgb,var(--skill-color) 35%,transparent);color:var(--skill-color)}.skill-node__name-row{display:flex;align-items:center;justify-content:flex-start;gap:0}.skill-node__name{font-size:.88rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-node__hover-content,.skill-node__expanded-content{display:grid;gap:6px;width:0;min-width:0;max-width:0;max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:max-height .26s ease,opacity .22s ease,margin-top .22s ease}.skill-node.expanded .skill-node__hover-content{width:fit-content;max-width:100%;max-height:96px;opacity:1;margin-top:8px}.skill-node.expanded .skill-node__expanded-content{width:100%;min-width:100%;max-width:100%;max-height:260px;opacity:1;margin-top:8px}.skill-node__labels{display:flex;flex-wrap:wrap;gap:4px}.skill-node__label-chip{display:inline-flex;align-items:center;border-radius:999px;font-size:.7rem;font-weight:600;padding:2px 8px;border:1px solid var(--app-border-subtle);background:var(--app-hover-bg);color:var(--app-text-primary)}.skill-node__details{margin:0;font-size:.75rem;line-height:1.35;color:var(--app-text-primary)}.skill-node__level-summary{margin:0;font-size:.72rem;font-weight:700;color:var(--app-text-soft);letter-spacing:.02em}.skill-node__links{margin:0;padding:0;list-style:none;display:grid;gap:4px}.skill-node__links a{color:var(--app-accent-strong);font-size:.74rem;text-decoration:none}.skill-node__links a:hover{text-decoration:underline}.skill-node__empty{margin:0;font-size:.72rem;color:var(--app-text-soft)}.skill-node__actions{position:absolute;left:50%;top:-46px;transform:translate(-50%) translateY(4px);display:flex;gap:6px;opacity:1;transition:transform .2s ease-out;pointer-events:auto}@keyframes skill-bubble-float{0%,to{transform:translate(calc(-50% + var(--bubble-cos, 0) * 50%),calc(-50% + var(--bubble-sin, -1) * 50%))}50%{transform:translate(calc(-50% + var(--bubble-cos, 0) * 50%),calc(-50% + var(--bubble-sin, -1) * 50% - 4px))}}@keyframes node-pluck{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 12px var(--app-node-shadow)}40%{transform:translate(-50%,-50%) scale(1.18);box-shadow:0 0 22px var(--app-node-shadow-hover)}to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 12px var(--app-node-shadow)}}@keyframes edge-pluck{0%{opacity:.82}35%{opacity:1}to{opacity:.96}}.skill-node__edit-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;padding:4px 12px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:#ffffff26;color:#fff;font-size:0;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background .14s ease,border-color .14s ease}.skill-node__edit-btn:after{content:"Details";font-size:.72rem}.skill-node__edit-btn:hover{background:#ffffff47;border-color:#ffffff8c}:root.dark .skill-node:not(.level-zero) .skill-node__edit-btn{border-color:#1a1d2b40;background:#1a1d2b1a;color:#1a1d2b}:root.dark .skill-node:not(.level-zero) .skill-node__edit-btn:hover{background:#1a1d2b33;border-color:#1a1d2b66}.skill-node.level-zero .skill-node__edit-btn{border-color:color-mix(in srgb,var(--skill-color) 50%,transparent);background:transparent;color:var(--skill-color)}.skill-node.level-zero .skill-node__edit-btn:hover{background:color-mix(in srgb,var(--skill-color) 12%,transparent)}.professional-intelligence-page{height:100%;min-height:0;display:flex;overflow:hidden;background:transparent;color:var(--app-text-primary)}.professional-intelligence-shell{flex:1;height:100%;width:100%;min-height:0;display:flex;flex-direction:column}.professional-intelligence-shell>.professional-intelligence-empty{width:min(100%,440px);margin:auto}.professional-intelligence-empty-layout{flex:1;height:100%;width:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.professional-intelligence-empty-layout.is-sidebar-open{grid-template-columns:minmax(0,1fr) 360px}.professional-intelligence-hero{flex:1;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.professional-intelligence-panel{min-height:0;background:var(--app-panel-bg);color:var(--app-text-primary)}.professional-intelligence-chart-panel{position:relative;display:flex;overflow:hidden;background:linear-gradient(180deg,var(--app-canvas-bg) 0%,color-mix(in srgb,var(--app-canvas-bg) 88%,var(--app-panel-bg-subtle)) 100%)}.professional-intelligence-empty-stage{position:relative;overflow:hidden}.professional-intelligence-empty-aside-shell{min-height:0;min-width:0;position:relative;display:flex;overflow:visible}.professional-intelligence-chart-frame{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px}.professional-intelligence-radar{--professional-intelligence-radar-scale: 0;position:relative;width:min(100%,calc(100dvh - 176px));height:min(100%,calc(100dvh - 176px));aspect-ratio:1;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;margin:auto;transform:scale(var(--professional-intelligence-radar-scale));transform-origin:center;will-change:transform}.professional-intelligence-radar--compact{width:min(100%,150px);height:min(100%,150px)}.professional-intelligence-radar canvas{position:relative;z-index:1;width:100%!important;height:100%!important;display:block}.professional-intelligence-side-panel{padding:18px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;background:transparent}.professional-intelligence-side-panel--empty{justify-content:center}.professional-intelligence-side-panel__heading{margin:0;font-size:1.05rem;font-weight:700;color:var(--app-text-primary);letter-spacing:.01em}.professional-intelligence-side-panel__helper{display:grid;gap:12px}.professional-intelligence-side-panel__helper-copy,.professional-intelligence-side-panel__helper-hint{margin:0;font-size:.92rem;line-height:1.6}.professional-intelligence-side-panel__helper-copy{color:var(--app-text-muted)}.professional-intelligence-side-panel__helper-hint{color:var(--app-text-primary)}.professional-intelligence-stats-grid{display:grid;grid-template-columns:1fr;gap:10px}.professional-intelligence-stat-card{padding:14px 12px;border-radius:14px;border:1px solid var(--app-border);background:var(--app-panel-bg-subtle)}.professional-intelligence-stat-card__label{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--app-text-muted)}.professional-intelligence-stat-card__value{margin:8px 0 0;font-size:1.18rem;font-weight:700;color:var(--app-text-primary)}.professional-intelligence-stat-card__value span{font-size:.88rem;font-weight:600;color:var(--app-text-muted)}.professional-intelligence-mapped-chart{position:relative;width:88px;height:88px;margin:10px auto 4px}.professional-intelligence-pie{width:100%;height:100%;transform:rotate(-90deg)}.professional-intelligence-pie__track{fill:none;stroke:var(--app-border);stroke-width:2.8}.professional-intelligence-pie__progress{fill:none;stroke:var(--app-accent-strong);stroke-width:2.8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.professional-intelligence-mapped-chart__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;gap:2px}.professional-intelligence-mapped-chart__value{font-size:1.18rem;font-weight:700;color:var(--app-text-primary)}.professional-intelligence-mapped-chart__total{font-size:.7rem;color:var(--app-text-muted)}.professional-intelligence-leans{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.professional-intelligence-lean-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--badge-color, var(--app-accent-strong)) 35%,var(--app-border));background:color-mix(in srgb,var(--badge-color, var(--app-accent-strong)) 12%,transparent);color:var(--badge-color, var(--app-text-primary));font-size:.82rem;font-weight:600;letter-spacing:.03em}.professional-intelligence-guide{display:grid;gap:8px}.professional-intelligence-guide__title{margin:0;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--app-text-muted)}.professional-intelligence-definition-grid{display:grid;grid-template-columns:1fr;gap:8px}.professional-intelligence-dim-row{display:grid;grid-template-columns:1fr 28px 20px;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--app-border);background:var(--app-panel-bg-subtle)}.professional-intelligence-dim-row__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.professional-intelligence-dim-row__label{font-size:.92rem;font-weight:700}.professional-intelligence-dim-row__bar-track{height:5px;border-radius:999px;background:var(--app-border);overflow:hidden}.professional-intelligence-dim-row__bar-fill{height:100%;border-radius:999px;min-width:2px;transition:width .5s ease}.professional-intelligence-dim-row__pct{font-size:.8rem;font-weight:600;color:var(--app-text-muted);text-align:right;white-space:nowrap}.professional-intelligence-dim-row__info{position:relative;display:flex;align-items:center;justify-content:center}.professional-intelligence-dim-row__info-icon{font-size:.82rem;color:var(--app-text-muted);cursor:default;line-height:1;-webkit-user-select:none;user-select:none}.professional-intelligence-dim-row__tooltip{display:none;position:absolute;bottom:calc(100% + 6px);right:0;width:220px;padding:8px 11px;border-radius:10px;border:1px solid var(--app-border);background:var(--app-panel-bg);color:var(--app-text-muted);font-size:.8rem;line-height:1.5;box-shadow:0 8px 24px #06091273;z-index:100;pointer-events:none}.professional-intelligence-dim-row__info:hover .professional-intelligence-dim-row__tooltip,.professional-intelligence-dim-row__info:focus-within .professional-intelligence-dim-row__tooltip{display:block}.professional-intelligence-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.professional-intelligence-pill{display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;border:1px solid color-mix(in srgb,var(--app-accent-strong) 24%,var(--app-border));background:color-mix(in srgb,var(--app-accent-strong) 10%,transparent);color:var(--app-text-primary);font-size:.88rem;font-weight:600}.professional-intelligence-empty{margin:0}.professional-intelligence-empty__actions{margin-top:0;display:flex;justify-content:center;gap:12px}@media(max-width:1180px){.professional-intelligence-page{overflow-y:auto}.professional-intelligence-hero,.professional-intelligence-empty-layout.is-sidebar-open{grid-template-columns:1fr}.professional-intelligence-chart-panel{min-height:min(68vh,640px)}.professional-intelligence-side-panel{overflow:visible}.professional-intelligence-radar{width:min(100%,620px,calc(100dvh - 220px));height:min(100%,620px,calc(100dvh - 220px))}.professional-intelligence-empty-aside-shell .skill-tree-toggle--open{top:18px;left:auto;right:18px}}@media(max-width:860px){.professional-intelligence-stats-grid{grid-template-columns:1fr}}@media(max-width:720px){.professional-intelligence-side-panel,.professional-intelligence-chart-frame{padding:16px}.professional-intelligence-radar{width:min(100%,calc(100dvh - 240px));height:min(100%,calc(100dvh - 240px))}}.app-empty-state-stage{width:100%;height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,color-mix(in srgb,var(--app-accent-strong) 14%,transparent) 0%,transparent 54%),linear-gradient(180deg,color-mix(in srgb,var(--app-panel-bg-subtle) 86%,transparent) 0%,transparent 100%)}.app-empty-state-card{width:min(100%,440px);display:grid;gap:14px;justify-items:center;text-align:center;padding:32px 28px;border:1px solid var(--app-border);border-radius:20px;background:color-mix(in srgb,var(--app-panel-bg) 94%,transparent);box-shadow:0 18px 32px color-mix(in srgb,var(--app-toggle-shadow) 18%,transparent)}.app-empty-state-copy{display:grid;gap:6px;max-width:320px}.app-empty-state-eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--app-text-soft)}.app-empty-state-button{min-height:34px;padding-inline:14px;border-radius:10px;font-weight:700}:root{--app-page-bg: #272a36;--app-canvas-bg-alt: #2c2f3c;--app-panel-bg: #303142;--app-border: #414456;--app-text-primary: #f8f8f2;--app-text-muted: #7281ac;--app-accent-strong: #8be9fd;--app-accent-medium: #bd93f9;--app-font: "Space Grotesk", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--app-page-bg);color:var(--app-text-primary);font-family:var(--app-font);-webkit-font-smoothing:antialiased}#root{height:100%}.home-page{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at top left,rgba(139,233,253,.08),transparent 28%),radial-gradient(circle at bottom right,rgba(189,147,249,.06),transparent 24%),linear-gradient(180deg,var(--app-page-bg) 0%,var(--app-canvas-bg-alt) 100%)}.home-page__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.home-page__header{position:absolute;top:24px;left:28px;z-index:10;display:flex;flex-direction:row;align-items:center;gap:10px}.home-page__logo{height:28px;width:auto;display:block;-webkit-user-select:none;user-select:none}.home-page__center{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:28px;padding:calc(50vh - 55px) 16px 0;pointer-events:none;transition:padding-top .45s cubic-bezier(.4,0,.2,1)}.home-page__center>*{pointer-events:auto}@keyframes title-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.skilveel-title{font-family:Syne,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:.06em;line-height:1;-webkit-user-select:none;user-select:none;display:inline-block;flex-shrink:0;opacity:0}.skilveel-title__base{color:var(--app-accent-strong)}.skilveel-title__accent{color:var(--app-accent-medium)}.skilveel-title--visible{animation:title-fade-in .6s ease forwards}.home-page__headline{font-size:1.5rem;font-weight:700;color:var(--app-text-primary);text-align:center;margin:0;letter-spacing:.01em}.search-form{display:flex;width:100%;max-width:480px;border-radius:10px;box-shadow:0 0 32px #8be9fd14,0 8px 24px #00000052}.search-form__input{flex:1;background:var(--app-panel-bg);border:1.5px solid var(--app-border);border-right:none;color:var(--app-text-primary);font-family:var(--app-font);font-size:1rem;padding:13px 18px;border-radius:10px 0 0 10px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.search-form__input::placeholder{color:var(--app-text-muted)}.search-form__input:focus{border-color:var(--app-accent-strong);box-shadow:inset 0 0 0 1px #8be9fd2e}.search-form__button{background:var(--app-accent-strong);color:#1a1c26;font-family:var(--app-font);font-size:.95rem;font-weight:700;border:none;padding:13px 22px;border-radius:0 10px 10px 0;cursor:pointer;transition:filter .15s ease,background .15s ease;letter-spacing:.03em;white-space:nowrap}.search-form__button:hover{filter:brightness(1.12)}.search-form__button:active{filter:brightness(.95)}.home-page--with-results{height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}.home-page__center--compact{height:auto;min-height:100vh;padding-top:100px;padding-bottom:80px}.skill-tag-input{flex:1;background:var(--app-panel-bg);border:1.5px solid var(--app-border);border-right:none;color:var(--app-text-primary);font-family:var(--app-font);font-size:1rem;padding:8px 12px;border-radius:10px 0 0 10px;min-height:50px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;cursor:text;transition:border-color .18s ease,box-shadow .18s ease}.skill-tag-input:focus-within{border-color:var(--app-accent-strong);box-shadow:inset 0 0 0 1px #8be9fd2e}.skill-tag-input__chip{display:inline-flex;align-items:center;gap:4px;background:#8be9fd1f;color:var(--app-accent-strong);border:1px solid rgba(139,233,253,.3);border-radius:6px;padding:2px 6px 2px 10px;font-size:.85rem;white-space:nowrap}.skill-tag-input__chip-remove{background:none;border:none;cursor:pointer;color:var(--app-accent-strong);font-size:1.1rem;line-height:1;padding:0 2px;opacity:.6;transition:opacity .15s ease}.skill-tag-input__chip-remove:hover{opacity:1}.skill-tag-input__field-wrap{position:relative;flex:1;min-width:160px}.skill-tag-input__field{background:transparent;border:none;color:var(--app-text-primary);font-family:var(--app-font);font-size:1rem;outline:none;width:100%;min-width:0;padding:4px 0}.skill-tag-input__field::placeholder{color:var(--app-text-muted)}.skill-tag-dropdown{position:absolute;top:calc(100% + 6px);left:-12px;right:0;z-index:100;background:var(--app-panel-bg);border:1.5px solid var(--app-border);border-radius:8px;box-shadow:0 8px 28px #00000073;list-style:none;margin:0;padding:4px 0;overflow:hidden}.skill-tag-dropdown__item{padding:8px 14px;cursor:pointer;color:var(--app-text-primary);font-size:.9rem;transition:background .12s ease,color .12s ease}.skill-tag-dropdown__item:hover{background:#8be9fd14;color:var(--app-accent-strong)}.search-form__button:disabled{opacity:.45;cursor:not-allowed;filter:none}.search-results{width:100%;max-width:560px;display:flex;flex-direction:column;gap:10px}@keyframes card-slide-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.search-results__message{color:var(--app-text-muted);text-align:center;font-size:.95rem;margin:0;padding:12px 0}.search-results__message--error{color:#f55}.result-card{width:100%;background:var(--app-panel-bg);border:1.5px solid var(--app-border);border-radius:12px;font-family:var(--app-font);color:var(--app-text-primary);transition:border-color .22s ease,box-shadow .22s ease;overflow:hidden}.result-card--expanded{border-color:var(--app-accent-strong);box-shadow:0 4px 28px #8be9fd1f}.result-card--skeleton{height:82px;opacity:.45;animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.35}50%{opacity:.6}}.result-card__summary{width:100%;display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--app-font);color:var(--app-text-primary);transition:background .15s ease}.result-card__summary:hover{background:#8be9fd0a}.result-card__chevron{font-size:1.3rem;line-height:1;color:var(--app-text-muted);flex-shrink:0;margin-top:2px;transition:transform .25s ease,color .2s ease;display:inline-block;transform:rotate(90deg)}.result-card__chevron--open{transform:rotate(-90deg);color:var(--app-accent-strong)}.result-card__avatar{width:44px;height:44px;border-radius:50%;background:#bd93f926;border:1.5px solid rgba(189,147,249,.3);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--app-accent-medium);flex-shrink:0;overflow:hidden}.result-card__avatar-img{width:100%;height:100%;object-fit:cover}.result-card__body{flex:1;min-width:0}.result-card__name{font-weight:700;font-size:1rem;color:var(--app-text-primary)}.result-card__username{font-size:.82rem;color:var(--app-text-muted);margin-top:2px}.result-card__profession{font-size:.82rem;color:var(--app-accent-medium);margin-top:2px}.result-card__matched{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.result-card__detail{overflow:hidden;height:0;border-top:0px solid var(--app-border);transition:height .3s ease,border-top-width .3s ease}.result-card--expanded .result-card__detail{border-top-width:1px}.result-card__detail-inner{padding:14px 18px 16px;display:flex;flex-direction:column}.result-card__detail-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--app-text-muted);margin:0 0 10px}.result-card__skills{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}.result-card__skill-row{display:flex;align-items:center;gap:10px}.result-card__skill-name{font-size:.88rem;color:var(--app-text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-card__skill-level{font-size:.75rem;color:var(--app-text-muted);width:72px;text-align:right;flex-shrink:0}.skill-bar{display:flex;gap:3px;flex-shrink:0}.skill-bar__segment{width:18px;height:5px;border-radius:3px;background:var(--app-border)}.skill-bar__segment--filled{background:var(--app-accent-strong)}.result-card__profile-link{display:block;align-self:flex-end;margin-top:12px;font-size:.83rem;color:var(--app-accent-strong);text-decoration:none;opacity:.8;transition:opacity .15s ease}.result-card__profile-link:hover{opacity:1}.result-chip{display:inline-block;border-radius:5px;padding:2px 9px;font-size:.78rem;font-weight:600;letter-spacing:.01em}.result-chip--match{background:#8be9fd21;color:var(--app-accent-strong);border:1px solid rgba(139,233,253,.28)}.result-chip--more{background:transparent;color:var(--app-text-muted);border:1px solid var(--app-border)}@keyframes dot-float{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(calc(-50% + var(--bubble-cos, 0) * 28px),calc(-50% + var(--bubble-sin, -1) * 28px)) scale(1.05)}}@keyframes dot-pulse-dim{0%,to{opacity:.12}50%{opacity:.28}}@keyframes dot-pulse-bright{0%,to{opacity:.45}50%{opacity:.75}}.floating-dot{position:absolute;border-radius:50%;border:2px solid var(--dot-color, #8be9fd);background:var(--dot-color, #8be9fd);box-shadow:0 0 6px 1px var(--dot-glow, rgba(139, 233, 253, .28));transform:translate(-50%,-50%);animation:dot-float 12s ease-in-out infinite,dot-pulse 6s ease-in-out infinite;transition:translate .3s ease,scale .2s ease,box-shadow .2s ease}.cs-dot{position:absolute;border-radius:50%;border:2px solid var(--dot-color, #8be9fd);background:var(--dot-color, #8be9fd);box-shadow:0 0 6px 1px var(--dot-glow, rgba(139, 233, 253, .28));transform:translate(-50%,-50%);transition:opacity .3s ease;will-change:left,top,opacity;pointer-events:none}.search-cancel-btn{background:none;border:1px solid rgba(255,85,85,.4);color:#f55;font-family:var(--app-font);font-size:.85rem;padding:6px 16px;border-radius:8px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease;pointer-events:auto}.search-cancel-btn:hover{background:#ff555514;border-color:#f55}.coming-soon__corner-brand{position:absolute;top:28px;left:28px;z-index:20;display:flex;flex-direction:row;align-items:center;gap:10px;background:none;border:none;padding:0;cursor:pointer}.coming-soon__center-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none;transition:opacity .4s ease,transform .4s ease}.coming-soon__center-content--hidden{opacity:0;pointer-events:none;transform:translateY(-12px)}.coming-soon__headline{margin:0;font-size:clamp(40px,6vw,80px);font-weight:700;letter-spacing:.3em;text-transform:uppercase;cursor:default;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.coming-soon__learn-more{background:none;border:none;color:var(--app-text-muted);font-family:var(--app-font);font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;pointer-events:all;transition:color .2s ease;padding:4px 0}.coming-soon__learn-more:hover{color:var(--app-accent-medium)}.coming-soon__separator{width:48px;height:1px;background:var(--app-border);margin:4px 0}.coming-soon__notify{position:absolute;top:50%;left:50%;transform:translate(-50%,16px);z-index:12;display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}.coming-soon__notify>*{pointer-events:auto}.coming-soon__eyebrow{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--app-text-muted)}.coming-soon__form{display:flex;gap:0;pointer-events:all;margin-top:8px}.coming-soon__email{padding:10px 16px;background:#ffffff0d;border:1px solid var(--app-border);border-right:none;border-radius:6px 0 0 6px;color:var(--app-text-primary);font-family:var(--app-font);font-size:12px;letter-spacing:.08em;outline:none;width:220px}.coming-soon__email::placeholder{color:var(--app-text-muted);text-transform:uppercase;font-size:11px;letter-spacing:.12em}.coming-soon__email:focus{border-color:var(--app-accent-medium)}.coming-soon__btn{padding:10px 18px;background:var(--app-accent-medium);border:1px solid var(--app-accent-medium);border-radius:0 6px 6px 0;color:#1a1a2e;font-family:var(--app-font);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:opacity .15s ease}.coming-soon__btn:hover{opacity:.85}.coming-soon__thanks{margin:0;font-size:13px;letter-spacing:.1em;color:var(--app-accent-medium);pointer-events:none}.coming-soon__error{margin:6px 0 0;font-size:12px;color:#ff6b6b;letter-spacing:.04em}.feature-panels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 48px 48px;pointer-events:all;animation:panels-in .5s ease .2s both;overflow-y:auto}.feature-panels__inner{position:relative;width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:32px}.learn-more-content{width:100%;opacity:1;transition:opacity .3s ease;display:flex;flex-direction:column;gap:20px}.learn-more-content--hidden{opacity:0;pointer-events:none}.learn-more-stage{width:100%;display:flex;flex-direction:column;gap:0}.learn-more-nav{display:flex;justify-content:space-between;align-items:center;width:100%}.learn-more-nav--right{justify-content:flex-end}.learn-more-nav--left{justify-content:flex-start}.learn-more-nav__btn{background:none;border:none;color:var(--app-text-muted);font-family:var(--app-font);font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:color .2s ease;padding:4px 0}.learn-more-nav__btn:hover{color:var(--app-accent-medium)}@keyframes panels-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.feature-panels__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,minmax(min-content,auto));grid-template-areas:"a a b b" "a a c c" "d d c c" "d d e e";gap:14px;width:100%}.feature-panel--skill-tracking{grid-area:a}.feature-panel--portfolio{grid-area:b}.feature-panel--discovery{grid-area:c}.feature-panel--goals{grid-area:d}.feature-panel--endorsements{grid-area:e}.feature-panel{background:var(--app-panel-bg);border:1px solid var(--app-border);border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.feature-panel__icon{font-size:22px;color:var(--app-accent-medium);line-height:1}.feature-panel__title{margin:0;font-size:18px;font-weight:600;color:var(--app-text-primary);letter-spacing:.01em}.feature-panel__body{margin:0;font-size:13px;line-height:1.65;color:var(--app-text-muted)}.preview-scroll-btn{align-self:center;background:none;border:none;color:var(--app-text-muted);font-family:var(--app-font);font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:color .2s ease;padding:0}.preview-scroll-btn:hover{color:var(--app-accent-medium)}.preview-section{display:flex;flex-direction:column;gap:16px}.preview-label-strip{display:flex;align-items:center;gap:10px;opacity:1;transition:opacity .3s ease}.preview-label-strip--hidden{opacity:0}.preview-label-strip__name{font-size:15px;font-weight:600;color:var(--app-text-primary)}.preview-label-strip__dot{color:var(--app-text-muted)}.preview-label-strip__profession{font-size:13px;color:var(--app-text-muted)}.preview-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:560px}.preview-panel{background:var(--app-panel-bg);border:1px solid var(--app-border);border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.preview-panel__label{margin:0;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--app-text-muted)}.preview-panel__chart{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.preview-panel__footer{display:flex;justify-content:flex-end;padding-top:4px}.social-panels-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"email" "social";gap:14px;width:100%}.social-panel--email{grid-area:email}.social-panel--social{grid-area:social}.social-panel{background:var(--app-panel-bg);border:1px solid var(--app-border);border-radius:16px;padding:24px 28px;display:flex;flex-direction:column;gap:16px;color:var(--app-text-primary)}.social-panel__label{margin:0;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--app-text-muted)}.social-icons-row{display:flex;flex-direction:row;align-items:center;gap:20px}.social-icon-link{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--app-text-muted);transition:color .2s ease;opacity:.7}.social-icon-link:hover{color:var(--app-accent-medium);opacity:1}.social-icon-link__label{font-size:11px;font-weight:600;letter-spacing:.06em;color:inherit}.social-icon-link--disabled{cursor:not-allowed;opacity:.35;filter:grayscale(1)}.social-icon-link--disabled:hover{color:var(--app-text-muted);opacity:.35}.skill-orbit-wrap{position:relative;width:290px;height:290px;flex-shrink:0}.skill-orbit-wrap__sphere{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-chip{position:absolute;transform:translate(-50%,-50%);font-family:var(--app-font);font-size:10px;font-weight:600;letter-spacing:.06em;padding:3px 8px;border-radius:20px;border:1px solid;background:var(--app-panel-bg);white-space:nowrap;pointer-events:none}.coming-soon__back{position:absolute;top:0;right:0;background:none;border:none;color:var(--app-text-muted);font-family:var(--app-font);font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:color .2s ease;z-index:2}.coming-soon__back:hover{color:var(--app-accent-medium)}.coming-soon__sphere-wrap{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:5;pointer-events:none;line-height:0}.home-page__learn-more-btn{background:none;border:none;color:var(--app-text-muted);font-family:var(--app-font);font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:color .2s ease;padding:4px 0;pointer-events:auto}.home-page__learn-more-btn:hover{color:var(--app-accent-medium)}.learn-more-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:radial-gradient(circle at top left,rgba(139,233,253,.07),transparent 30%),radial-gradient(circle at bottom right,rgba(189,147,249,.05),transparent 26%),var(--app-page-bg);overflow-y:auto;animation:learn-more-in .4s cubic-bezier(.22,.9,.36,1) both}@keyframes learn-more-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.learn-more-overlay__inner{position:relative;max-width:860px;margin:0 auto;padding:80px 32px 64px;display:flex;flex-direction:column;gap:32px}.learn-more-overlay__back{position:absolute;top:28px;right:32px;background:none;border:none;color:var(--app-text-muted);font-family:var(--app-font);font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:color .2s ease}.learn-more-overlay__back:hover{color:var(--app-accent-medium)}.learn-more-overlay__header{display:flex;flex-direction:column;gap:10px;max-width:560px}.learn-more-overlay__eyebrow{margin:0;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--app-accent-medium)}.learn-more-overlay__title{margin:0;font-size:clamp(22px,3vw,32px);font-weight:700;color:var(--app-text-primary);letter-spacing:.01em;line-height:1.2}.learn-more-overlay__subtitle{margin:0;font-size:14px;line-height:1.65;color:var(--app-text-muted);max-width:480px}.learn-more-user-strip{display:flex;gap:10px;flex-wrap:wrap}.learn-more-user-btn{display:flex;flex-direction:column;gap:2px;padding:10px 16px;background:var(--app-panel-bg);border:1.5px solid var(--app-border);border-radius:10px;cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.learn-more-user-btn:hover{border-color:var(--app-accent-medium)}.learn-more-user-btn--active{border-color:var(--app-accent-strong);box-shadow:0 0 16px #8be9fd1f}.learn-more-user-btn__name{font-size:14px;font-weight:600;color:var(--app-text-primary)}.learn-more-user-btn--active .learn-more-user-btn__name{color:var(--app-accent-strong)}.learn-more-user-btn__role{font-size:11px;color:var(--app-text-muted)}.learn-more-canvas-wrap{width:100%;height:520px;background:var(--app-panel-bg);border:1px solid var(--app-border);border-radius:18px;overflow:hidden;opacity:1;transition:opacity .2s ease}.learn-more-canvas-wrap--hidden{opacity:0}:root{--app-canvas-bg: var(--app-canvas-bg-alt);--app-border-subtle: var(--app-border);--app-text-soft: var(--app-text-muted);--app-node-shadow: rgba(139, 233, 253, .18);--app-node-shadow-hover: rgba(139, 233, 253, .32);--app-node-outline: rgba(248, 248, 242, .92);--app-hover-bg: rgba(139, 233, 253, .1);--app-toggle-shadow: rgba(20, 21, 28, .44);--app-panel-bg-subtle: var(--app-panel-bg)}.skill-wheel-intro{width:100%;height:100%}.center-wheel{position:relative;display:grid;place-items:center;overflow:visible}.center-wheel__arc-label{pointer-events:none;font-weight:700;letter-spacing:.06em;text-transform:uppercase;paint-order:stroke;stroke:var(--app-panel-bg);stroke-width:1.6px;stroke-linejoin:round;text-rendering:geometricPrecision;opacity:0;transition:opacity .2s ease}.center-wheel__arc-label.is-visible{opacity:1}.center-sphere__dot{pointer-events:none;transition:r .12s ease-out,fill .12s linear,stroke .12s linear}.center-sphere__hit-sector{pointer-events:all;cursor:pointer;fill:transparent}.root-arc-node{position:relative;width:30px;height:30px;z-index:5;pointer-events:auto}.root-arc-hit{width:100%;height:100%;border-radius:999px;background:transparent}.root-arc-path{pointer-events:stroke;cursor:pointer}.react-flow__controls{background:var(--app-panel-bg);border-radius:12px;box-shadow:0 6px 14px var(--app-toggle-shadow);border:1px solid var(--app-border)}.react-flow__controls button{background:transparent;color:var(--app-text-primary);border:0!important;box-shadow:none!important}.react-flow__controls button+button{border-top:1px solid var(--app-border)!important}.react-flow__pane{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__node{cursor:pointer;transition:none!important}.react-flow__edge-path{stroke-linecap:round;stroke-dasharray:0;vector-effect:non-scaling-stroke;transition:opacity .2s ease}.skill-link-edge__glow{opacity:.3}.skill-link-edge__shaft{opacity:.5}.skill-link-edge__spine{opacity:.4}.skill-link-edge__cap{opacity:.55}.skill-node{position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--app-text-primary);overflow:visible}.skill-node__dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 6px;border-radius:999px;border:1.5px solid var(--skill-dot-border, transparent);background:color-mix(in srgb,var(--skill-dot-bg) 30%,#dce2f0);border-color:color-mix(in srgb,var(--skill-dot-border) 40%,#b8c2d8);color:#1a1d2b;box-shadow:0 0 8px var(--skill-glow, var(--app-node-shadow));white-space:nowrap;transition:transform .18s ease-out,box-shadow .22s ease-out;z-index:3}.skill-node.level-zero .skill-node__dot{background:transparent;border-color:color-mix(in srgb,var(--skill-dot-border) 40%,#b8c2d8);border-style:dashed;color:var(--skill-color)}.skill-node.hover .skill-node__dot,.skill-node:hover .skill-node__dot{box-shadow:0 0 12px var(--skill-glow-hover, var(--app-node-shadow-hover));transform:translate(-50%,-50%) scale(1.04)}.skill-node__dot-level{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:#0000001f;border:1px solid rgba(0,0,0,.15);font-size:.6rem;font-weight:700;line-height:1;flex-shrink:0}.skill-node__dot-name{font-size:.75rem;font-weight:600;line-height:1}.skill-node__bubble{display:none}.skill-handle{opacity:0;width:6px;height:6px;border:none}@keyframes skill-tree-intro-appear{0%{opacity:0}to{opacity:1}}.user-pills{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}.user-pill{padding:5px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#ffffff73;font-family:var(--app-font);font-size:12px;font-weight:500;cursor:pointer;transition:border-color .18s,color .18s,background .18s;white-space:nowrap;line-height:1}.user-pill:hover{border-color:#ffffff4d;color:#ffffffbf}.user-pill--active{border-color:#8be9fd;background:#8be9fd14;color:#8be9fd}.preview-panel--tabbed{height:520px;display:flex;flex-direction:column;padding:0;overflow:hidden}.preview-tabs{display:flex;justify-content:center;flex-shrink:0}.preview-tab{padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:#ffffff61;font-family:var(--app-font);font-size:13px;cursor:pointer;transition:color .18s,border-color .18s}.preview-tab:hover{color:#ffffffa6}.preview-tab--active{color:#f8f8f2;border-bottom-color:#8be9fd}.preview-panel__content{flex:1;min-height:0;position:relative;overflow:hidden}.preview-panel__radar-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}
