.connection-workspace{background:var(--background);width:calc(100vw - 24px);max-width:1440px;height:calc(100dvh - 24px);color:var(--foreground);flex-direction:column;padding:20px;display:flex;overflow:hidden}.connection-heading{flex-shrink:0;margin-bottom:16px;padding-right:48px}.connection-scroll{flex:1;min-width:0;min-height:0;overflow:auto}.connection-heading h2{overflow-wrap:anywhere;font-size:1.25rem;line-height:1.4}.connection-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.connection-workspace button{cursor:pointer}.connection-workspace>button:last-child{background:var(--background);place-items:center;min-width:44px;min-height:44px;display:grid}.connection-toolbar button,.connection-detail button,.connection-results button{text-align:left;border:1px solid;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;display:flex}.connection-toolbar button[aria-pressed=true],.connection-node[aria-pressed=true]{outline-offset:-3px;outline:3px solid #75a64c}.connection-workspace button:disabled{opacity:.45;cursor:default}.connection-body{grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:20px;display:grid}.connection-body>*{min-width:0}.connection-model-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.connection-model-guide p{background:color-mix(in srgb, var(--background) 88%, #75a64c 12%);border:1px solid #789483;border-radius:8px;gap:4px;margin:0;padding:12px 14px;display:grid}.connection-model-guide span{font-size:.875rem;line-height:1.45}.connection-viewport{overscroll-behavior:contain;background:#eff5f1;border:1px solid #789483;border-radius:8px;max-height:70dvh;overflow:auto}.connection-canvas{transform-origin:0 0;color:#183e2d;width:960px;height:740px;position:relative}.connection-canvas svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.connection-canvas line{stroke:#40868d;stroke-width:3px;stroke-dasharray:8 5}.connection-node{text-align:center;overflow-wrap:anywhere;background:#fff;border:2px solid #7e9d8c;border-radius:74px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:220px;height:100px;padding:14px 22px;font-size:14px;line-height:1.2;display:flex;position:absolute;transform:translate(-50%,-50%)}.connection-node strong{max-height:84px;overflow:auto}.connection-root{background:#deecdf;border:3px solid #267147}.connection-detail{overflow-wrap:anywhere;max-height:70dvh;overflow:auto}.connection-detail h3{font-size:1.1rem;font-weight:700}.connection-detail h4{margin-top:16px;font-weight:650}.connection-detail p{margin:12px 0}.connection-detail button{width:100%;margin:8px 0}.connection-results{gap:12px;display:grid}.connection-results button{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start}.connection-results span{font-size:.875rem}.connection-workspace input{border:1px solid;border-radius:6px;width:100%;margin:12px 0;padding:12px;display:block}.dark .connection-viewport{background:#112b23}.dark .connection-workspace{color:#edf5eb;background:#10281f}.connection-workspace>button:last-child{opacity:1;color:inherit;background:0 0}.dark .connection-node{color:#f2f8ed;background:#214936;border-color:#80ab91}.dark .connection-root{background:#365f39}@media (width<=720px){.connection-workspace{padding:14px;font-size:.875rem}.connection-heading{margin-bottom:4px}.connection-heading h2{font-size:1.05rem}.connection-heading p{font-size:.8rem}.connection-toolbar{gap:6px;margin:8px 0}.connection-toolbar button{gap:4px;padding:6px 8px;font-size:.8rem}.connection-toolbar[aria-label=Map\ variation]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.connection-toolbar[aria-label=Map\ variation] button{justify-content:center}.connection-model-guide{grid-template-columns:1fr}.connection-workspace input{min-width:0;font-size:1rem}.connection-body{grid-template-columns:minmax(0,1fr)}.connection-detail,.connection-viewport{max-height:none}.connection-node{gap:4px;width:46%;max-width:160px;height:110px;padding:10px;font-size:14px}.connection-node small{font-size:12px}}.skill-card-with-context{gap:1rem;width:100%;min-width:0;display:grid;container-type:inline-size}.skill-card-scene[data-surface] .skill-card__face{isolation:isolate}.skill-card-scene[data-surface] .skill-card__face:after{content:"";pointer-events:none;z-index:-1;border-radius:inherit;position:absolute;inset:8px}.skill-card-scene[data-surface=brushed] .skill-card__face:after{background:repeating-linear-gradient(0deg,#0000 0 3px,#82a99020 3px 4px)}.skill-card-scene[data-surface=woven] .skill-card__face:after{background:repeating-linear-gradient(45deg,#0000 0 12px,#82a99020 12px 13px),repeating-linear-gradient(-45deg,#0000 0 12px,#82a99020 12px 13px)}.skill-card-scene[data-surface=contour] .skill-card__face:after{background:repeating-radial-gradient(at 100% 0,#0000 0 24px,#82a99030 24px 25px)}.skill-card-scene[data-edge=double] .skill-card__face{outline-offset:-8px;outline:3px double #82a990}.skill-card-scene[data-edge=dashed] .skill-card__face{outline-offset:-8px;outline:1px dashed #82a990}.card-finish-controls{overflow-wrap:anywhere;margin-top:16px;font-size:.875rem;position:relative}.card-finish-controls summary{cursor:pointer;padding-block:12px;font-weight:700}.card-finish-controls fieldset{min-width:0;margin-block:12px}.card-finish-controls fieldset div{flex-wrap:wrap;gap:6px;display:flex}.card-finish-controls button{text-transform:capitalize;border:1px solid;border-radius:6px;min-height:44px;padding:8px 12px}.card-finish-controls button[aria-pressed=true]{outline-offset:-3px;outline:2px solid #82a990}.skill-card-scene{overflow-x:clip}.skill-card__turn-target{grid-template-columns:minmax(0,1fr)}.skill-card__turn-target>*,.skill-card__back-heading>*,.skill-card__need>*,.skill-card__metric-heading>*,.skill-card__detail>*{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}.skill-card__category{width:100%;display:block}.skill-card__metric-heading{flex-wrap:wrap;min-width:0}.skill-card__title,.skill-card__summary,.skill-card__back-heading strong,.skill-card__need,.skill-card__detail,.skill-card__footer{overflow-wrap:anywhere}.skill-card__context-actions{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.85rem;display:grid;position:relative}.skill-card__context-actions button{color:#eff7ef;background:#173d2c;border:1px solid #527a65;border-radius:7px;justify-content:center;align-items:center;gap:.4rem;min-width:0;min-height:44px;font-weight:800;display:flex}.skill-card__context-actions svg,.skill-context-explorer svg{width:1.05rem;height:1.05rem}.skill-card__context-actions button[aria-expanded=true]{color:#10291e;background:#b8ef83}.skill-card-scene.is-studio{--mastery-metal:#74a68a;--mastery-metal-light:#b8ef83;--mastery-metal-dark:#325e49}.skill-card-scene.is-studio .skill-card__face{color:#eff7ef;background:radial-gradient(circle at 82% 8%,#79dc8e29,#0000 28%),linear-gradient(145deg,#173d2c,#0c271c);border:1px solid #527a65;border-radius:10px;box-shadow:0 0 0 9px #092117,0 0 0 10px #335e49,0 22px 42px -24px #000}.skill-card-scene.is-studio .skill-card__medallion{color:#b8ef83;background:#153a29}.skill-card-scene.is-studio .skill-card__medallion svg{width:2.6rem;height:2.6rem}.skill-card-scene.is-studio :is(.skill-card__category,.skill-card__summary,.skill-card__footer,.skill-card__detail p,.skill-card__need span){color:#b3c8ba}.skill-card-scene.is-studio .skill-card__title{color:#f3f8f1;font-family:Inter,sans-serif}.skill-card-scene.is-studio .skill-card__mastery{color:#b8ef83;background:0 0;border:0}.skill-card-scene.is-studio :is(.skill-card__metric,.skill-card__need,.skill-card__detail){color:#eff7ef;background:#ffffff09;border-color:#b4dac03d}.skill-context-explorer{color:#eff7ef;background:#092117;border:1px solid #527a65;border-radius:12px;min-width:0;overflow:hidden}.skill-context-tabs{border-bottom:1px solid #335e49;grid-template-columns:1fr 1fr;display:grid}.skill-context-tabs button{color:#b3c8ba;justify-content:center;align-items:center;gap:.45rem;min-height:48px;display:flex}.skill-context-tabs button[aria-selected=true]{color:#b8ef83;background:#153a29}.skill-context-loading,.skill-magnet-panel,.skill-map-panel{padding:1rem}.skill-magnet-panel>header,.skill-map-panel>header,.skill-magnet-signal{align-items:center;gap:.7rem;display:flex}.skill-context-chip-list{flex-wrap:wrap;gap:.45rem;margin-top:.9rem;display:flex}.skill-context-chip-list button,.skill-map-panel header button{color:#eff7ef;background:#173d2c;border:1px solid #527a65;border-radius:999px;min-height:40px;padding:.5rem .7rem}.skill-related-work{margin-top:1rem}.skill-related-work ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.skill-map-canvas{background:radial-gradient(circle,#5daa7433,#0000 48%),#0c271c;border:1px solid #335e49;border-radius:12px;min-height:31rem;margin-top:1rem;position:relative;overflow:hidden}.skill-map-orbit,.skill-map-links,.skill-map-node{position:absolute}.skill-map-orbit{border:1px solid #b8ef8338;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-map-orbit.is-one{width:15rem;height:15rem}.skill-map-orbit.is-two{width:26rem;height:26rem}.skill-map-links{width:100%;height:100%;inset:0}.skill-map-links line{stroke:#b8ef8361;stroke-width:.45px}.skill-map-node{z-index:2;color:#eff7ef;overflow-wrap:anywhere;background:#173d2c;border:1px solid #527a65;border-radius:12px;width:6.2rem;min-height:4.5rem;padding:.5rem;font-size:.72rem}.skill-map-node.is-root{border-radius:50%;width:8rem;min-height:8rem;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-map-node.branch-1{top:3%;left:50%;transform:translate(-50%)}.skill-map-node.branch-2{top:18%;right:1%}.skill-map-node.branch-3{bottom:9%;right:1%}.skill-map-node.branch-4{bottom:1%;left:50%;transform:translate(-50%)}.skill-map-node.branch-5{bottom:9%;left:1%}.skill-map-node.branch-6{top:18%;left:1%}@media (width<=380px){.skill-card__context-actions,.skill-related-work ul{grid-template-columns:1fr}.skill-map-node{width:5.2rem;font-size:.62rem}}@container (width<=460px){.skill-map-canvas{gap:.75rem;height:auto;min-height:0;padding:.75rem;display:grid}.skill-map-canvas .skill-map-node{border-radius:8px;justify-items:center;gap:.35rem;width:100%;min-height:44px;font-size:.875rem;display:grid;position:relative;inset:auto;transform:none}.skill-map-orbit,.skill-map-links{display:none}}