.onboarding-shell { width:min(1080px,100%); margin:0 auto; display:grid; gap:22px; }
.onboarding-hero { text-align:left; background:radial-gradient(circle at top right,rgba(232,144,49,.11),transparent 34%),rgba(18,18,24,.9); }
.onboarding-hero h2 { margin:8px 0 12px; font-size:clamp(2rem,5vw,3.4rem); }
.onboarding-hero p { max-width:760px; color:#bbb9c6; line-height:1.7; }
.onboarding-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.onboarding-guide-card { position:relative; min-height:240px; padding:28px; }
.onboarding-guide-card h3 { margin:10px 0 8px; }
.onboarding-guide-card > p { color:#aaa8b5; line-height:1.6; }
.onboarding-guide-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:#17100a; background:linear-gradient(135deg,#ffc76a,#f18b32); font-weight:900; }
.onboarding-mini-nav,.onboarding-mini-home,.onboarding-mini-profile,.onboarding-mini-actions { margin-top:22px; padding:15px; border:1px solid rgba(255,190,86,.22); border-radius:14px; background:rgba(255,179,64,.05); }
.onboarding-mini-nav { display:grid; grid-template-columns:10px 1fr auto; gap:10px; align-items:center; }
.onboarding-mini-nav > span { width:8px; height:38px; border-radius:8px; background:linear-gradient(#ffc86b,#ff8b33); box-shadow:0 0 16px rgba(255,158,54,.35); }
.onboarding-mini-nav small,.onboarding-mini-home span { color:#ffbd69; text-transform:uppercase; font-size:.72rem; font-weight:800; }
.onboarding-mini-home,.onboarding-mini-profile { display:grid; gap:7px; }
.onboarding-mini-actions { display:flex; gap:8px; flex-wrap:wrap; }
.onboarding-mini-actions span { padding:7px 10px; border:1px solid rgba(255,255,255,.1); border-radius:9px; }
.onboarding-dictionary h2 { margin-top:7px; }
.onboarding-dictionary dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:22px 0 0; }
.onboarding-dictionary dl > div { padding:17px; border:1px solid rgba(255,255,255,.08); border-radius:15px; background:rgba(255,255,255,.03); }
.onboarding-dictionary dt { color:#ffbd69; font-weight:850; }
.onboarding-dictionary dd { margin:7px 0 0; color:#b6b4c1; line-height:1.55; }
.onboarding-actions { display:flex; justify-content:flex-end; }

.skills-manager-panel { display:grid; gap:20px; }
.skill-manager-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:4px; }
.skill-manager-toolbar strong { color:#ffc46b; }
.skill-manager-list { display:grid; gap:14px; }
.skill-manager-row { display:grid; gap:13px; padding:18px; border:1px solid rgba(255,255,255,.09); border-radius:16px; background:rgba(255,255,255,.03); }
.skill-manager-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.skill-manager-heading label { font-weight:850; }
.skill-manager-row > input[data-skill-name] { width:100%; min-width:0; }
.skill-remove-button { padding:6px 9px; border:0; color:#a8a5b1; background:transparent; font-size:.76rem; font-weight:800; }
.skill-remove-button:hover { color:#ff9aaa; }
.skill-level-row { display:grid; grid-template-columns:auto minmax(140px,1fr) auto 32px; align-items:center; gap:12px; color:#aaa7b3; font-size:.78rem; }
.skill-level-row input[type="range"] { width:100%; padding:0; accent-color:#f29b3e; }
.skill-level-row strong { color:#ffc46b; text-align:right; }
.onboarding-skill-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:12px; }
.onboarding-skill-actions > button { width:100%; min-width:0; min-height:48px; white-space:normal; }

@media(max-width:760px){
  .onboarding-guide-grid,.onboarding-dictionary dl{grid-template-columns:1fr}
  .skill-manager-toolbar{align-items:stretch;flex-direction:column}
  .skill-manager-toolbar button{width:100%}
  .skill-level-row{grid-template-columns:auto 1fr auto 28px;gap:8px}
  .onboarding-actions,.onboarding-skill-actions{display:grid;grid-template-columns:1fr}
  .onboarding-actions button,.onboarding-skill-actions button{width:100%}
}

/* 0.3.1 Onboarding theme and interactive guide refinements */
.onboarding-shell{--onboard-yellow:#ffd25a;--onboard-orange:#ff8c32}.onboarding-hero,.skills-manager-panel,.onboarding-dictionary,.onboarding-guide-card{border-color:rgba(255,174,50,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 20px 60px rgba(86,43,8,.08)}.onboarding-card-title{display:flex;align-items:center;gap:12px}.onboarding-card-title h3{margin:0}.onboarding-guide-icon{flex:0 0 34px}.onboarding-demo-button,.onboarding-next-demo{width:100%;text-align:left;color:inherit;cursor:pointer}.onboarding-next-demo{position:relative;overflow:hidden;border:1px solid rgba(255,189,74,.35);box-shadow:0 0 22px rgba(255,146,44,.14);animation:onboardingNextPulse 2.7s ease-in-out infinite}.onboarding-next-demo::after{content:"";position:absolute;inset:-40% auto -40% -42%;width:35%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,232,170,.28),transparent);animation:onboardingShine 2.7s ease-in-out infinite}.onboarding-mini-home{grid-template-columns:auto 1fr;align-items:center;column-gap:10px}.onboarding-mini-home small{grid-column:2;color:#a9a5b2}.onboarding-home-symbol{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#af44ff,#5f55ff);box-shadow:0 0 18px rgba(139,69,255,.25)}.onboarding-mini-profile{grid-template-columns:1fr auto;align-items:center}.onboarding-mini-profile span{font-size:1rem}.onboarding-mini-profile span strong{background:linear-gradient(90deg,#ff5d99,#a54cff,#4f8cff);-webkit-background-clip:text;background-clip:text;color:transparent}.onboarding-mini-profile b{padding:9px 12px;border:1px solid rgba(173,88,255,.3);border-radius:10px}.onboarding-mini-actions{align-items:center;flex-wrap:nowrap}.onboarding-mini-actions button{min-height:40px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.035);color:#e6e3eb;font-weight:800;pointer-events:none}.onboarding-mini-actions button:last-child{flex:1;background:linear-gradient(105deg,#ff2f73,#8b4cff,#397dff);border:0}.onboarding-primary-button{background:linear-gradient(105deg,var(--onboard-orange),var(--onboard-yellow));color:#211206;box-shadow:0 12px 36px rgba(255,145,38,.2)}.skill-add-tile{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:14px;width:100%;padding:22px;border:1px dashed rgba(255,184,72,.42);border-radius:16px;background:linear-gradient(135deg,rgba(255,194,82,.055),rgba(255,131,43,.035));color:#dad6df;text-align:left;opacity:.82}.skill-add-tile:hover{opacity:1;border-color:rgba(255,190,78,.75);box-shadow:0 0 24px rgba(255,145,39,.12)}.skill-add-tile>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#ffd260,#ff8b31);color:#221307;font-size:1.35rem;font-weight:900}.skill-add-tile small{color:#8f8b98}.skill-add-tile:disabled{display:none}.skill-level-row input[type="range"]{accent-color:transparent;background:linear-gradient(90deg,#ffd45d,#ff8830);height:7px;border-radius:999px}.skill-level-row input[type="range"]::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(90deg,#ffd45d,#ff8830)}.skill-level-row input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:19px;height:19px;margin-top:-6px;border:3px solid #fff1c7;border-radius:50%;background:#ff9d34;box-shadow:0 0 12px rgba(255,149,45,.45)}.skill-level-row input[type="range"]::-moz-range-track{height:7px;border-radius:999px;background:linear-gradient(90deg,#ffd45d,#ff8830)}.skill-level-row input[type="range"]::-moz-range-thumb{width:14px;height:14px;border:3px solid #fff1c7;border-radius:50%;background:#ff9d34;box-shadow:0 0 12px rgba(255,149,45,.45)}@keyframes onboardingNextPulse{0%,100%{box-shadow:0 0 14px rgba(255,143,42,.1)}50%{box-shadow:0 0 28px rgba(255,164,50,.27)}}@keyframes onboardingShine{0%,20%{left:-42%}70%,100%{left:130%}}

/* Update 0.3.2: skill sliders fill only to the current level. */
.skill-level-row input[type="range"]{--skill-fill:0%;background:linear-gradient(90deg,#ffd45d 0,#ff8830 var(--skill-fill),rgba(255,255,255,.09) var(--skill-fill),rgba(255,255,255,.09) 100%)}
.skill-level-row input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ffd45d 0,#ff8830 var(--skill-fill),rgba(255,255,255,.09) var(--skill-fill),rgba(255,255,255,.09) 100%)}
.skill-level-row input[type="range"]::-moz-range-track{background:rgba(255,255,255,.09)}
.skill-level-row input[type="range"]::-moz-range-progress{height:7px;border-radius:999px;background:linear-gradient(90deg,#ffd45d,#ff8830)}
.onboarding-mini-nav{position:relative;overflow:hidden;border-color:rgba(255,181,61,.48);box-shadow:0 0 18px rgba(255,145,32,.17),inset 0 0 0 1px rgba(255,217,132,.05)}
.onboarding-mini-nav::after{content:"";position:absolute;inset:-60% auto -60% -35%;width:28%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,rgba(255,240,196,.32),transparent);animation:onboardingShine 2.7s ease-in-out infinite}
.onboarding-mini-home{grid-template-columns:auto 1fr;background:transparent;border-color:rgba(255,255,255,.07)}
.onboarding-home-symbol{width:auto;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;color:#c487ff;font-size:1.15rem}
.onboarding-mini-actions button:first-child::before{content:"⇩"}.onboarding-mini-actions button:nth-child(2)::before{content:"↗"}
.onboarding-mini-actions button:first-child,.onboarding-mini-actions button:nth-child(2){font-size:0}
.onboarding-mini-actions button:first-child::before,.onboarding-mini-actions button:nth-child(2)::before{font-size:1rem}
.onboarding-mini-actions button:last-child{font-family:inherit;font-weight:850}

/* Update 0.3.2: Welcome examples mirror the live sidebar and profile controls. */
.onboarding-next-demo {
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:11px;
  text-align:left;
}
.onboarding-demo-step-number {
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border:1px solid rgba(255,178,72,.58);
  border-radius:50%;
  color:#1a1105;
  background:#ffb34f;
  font-size:.72rem;
  font-weight:900;
}
.onboarding-demo-step-copy { display:grid; gap:3px; min-width:0; }
.onboarding-demo-step-copy strong { line-height:1.05; }
.onboarding-demo-step-copy small { color:#ffc16a; font-size:.66rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.onboarding-mini-home { justify-content:flex-start; gap:10px; text-align:left; }
.onboarding-home-symbol {
  display:inline;
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  color:#ad72ff;
  background:none;
  box-shadow:none;
  font-size:1rem;
}
.onboarding-mini-actions button { display:grid; place-items:center; }
.onboarding-mini-actions .onboarding-edit-profile-demo {
  font-family:inherit;
  font-size:.88rem;
  font-weight:850;
  letter-spacing:0;
}
.onboarding-profile-action-icon {
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Update 0.3.3: Welcome examples mirror the corrected live controls. */
.onboarding-next-demo{position:relative;isolation:isolate;overflow:visible;animation:none;grid-template-columns:30px minmax(0,1fr);border-color:rgba(255,174,66,.6);background:linear-gradient(90deg,rgba(255,187,61,.12),rgba(241,111,31,.12));box-shadow:inset 0 0 20px rgba(255,151,34,.1),0 0 20px rgba(255,151,34,.2)}
.onboarding-next-demo::after{display:none}
.onboarding-next-demo::before{content:"";position:absolute;inset:-2px;z-index:2;padding:2px;border-radius:14px;pointer-events:none;background:conic-gradient(from var(--onboarding-demo-angle),transparent 0deg 220deg,rgba(255,160,42,.25) 246deg,rgba(255,190,70,.96) 278deg,#fff0b5 294deg,rgba(241,101,33,.8) 318deg,transparent 344deg 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 7px rgba(255,159,45,.6));animation:onboardingDemoOrbit 2.1s linear infinite}
@property --onboarding-demo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes onboardingDemoOrbit{to{--onboarding-demo-angle:360deg}}
.onboarding-demo-step-number{color:#ffb34f;background:transparent;border-color:rgba(255,179,79,.68);font-size:11px}
.onboarding-mini-home{display:flex;align-items:center;justify-content:flex-start;gap:9px}
.onboarding-home-symbol{display:inline-flex;align-items:center;justify-content:center;color:#b66cff;font-size:1rem;line-height:1}
.onboarding-home-icon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.onboarding-profile-welcome{font-size:clamp(1.1rem,2vw,1.3rem);font-weight:780}
.onboarding-mini-actions button:first-child::before,.onboarding-mini-actions button:nth-child(2)::before{content:none!important}
.onboarding-mini-actions button:first-child,.onboarding-mini-actions button:nth-child(2){font-size:initial}
.onboarding-mini-actions .onboarding-edit-profile-demo{font-family:Arial,Helvetica,sans-serif;font-size:.86rem;font-weight:800;letter-spacing:0}
@media(prefers-reduced-motion:reduce){.onboarding-next-demo::before{animation:none}}


/* Update 0.3.4: exact Welcome navigation examples. */
.onboarding-next-demo>span{
  width:auto;
  height:auto;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.onboarding-next-demo>.onboarding-demo-step-number{
  width:24px;
  height:24px;
  border:1px solid rgba(255,179,79,.72);
  border-radius:50%;
  color:#ffb34f;
  background:transparent;
  box-shadow:none;
}
.onboarding-next-demo>.onboarding-demo-step-copy{
  display:grid;
  width:auto;
  height:auto;
  gap:3px;
  background:none;
  box-shadow:none;
}
.onboarding-mini-home .onboarding-home-symbol{color:#ff5fa2;font-size:2rem;text-transform:none}
.onboarding-home-icon{width:1em;height:1em;stroke-width:1.8}

/* Update 0.3.5: balanced Welcome examples and fixed-gradient Skill reveal. */
.onboarding-next-demo{
  grid-template-rows:auto!important;
  padding:12px 14px;
}
.onboarding-next-demo:hover:not(:disabled),
.onboarding-next-demo:focus-visible{
  color:inherit;
  border-color:rgba(255,174,66,.6);
  background:linear-gradient(90deg,rgba(255,187,61,.12),rgba(241,111,31,.12));
  box-shadow:inset 0 0 20px rgba(255,151,34,.1),0 0 20px rgba(255,151,34,.2);
  transform:none;
}
.onboarding-demo-step-copy small{font-weight:550}
.onboarding-mini-home .onboarding-home-symbol{color:#c86dff}
.onboarding-profile-welcome{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.08;font-weight:800}
.skill-level-row input[type="range"],
.skill-level-row input[type="range"]::-webkit-slider-runnable-track{
  background:linear-gradient(90deg,#ffd45d 0,var(--skill-fill-end,#ffd45d) var(--skill-fill),rgba(255,255,255,.09) var(--skill-fill),rgba(255,255,255,.09) 100%);
}
.skill-level-row input[type="range"]::-moz-range-track{
  background:rgba(255,255,255,.09);
}
.skill-level-row input[type="range"]::-moz-range-progress{
  background:linear-gradient(90deg,#ffd45d 0,var(--skill-fill-end,#ffd45d) 100%);
}

/* Update 0.3.6: Skills copy hierarchy and shared journey controls. */
.onboarding-edit-profile-demo{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.onboarding-step-heading{display:flex;align-items:center;gap:13px;min-width:0}
.onboarding-step-heading .eyebrow{margin:0}
.onboarding-welcome-heading{margin-bottom:18px}
.skills-bank-eyebrow{display:inline-flex;width:max-content;max-width:100%;margin:0;padding:7px 11px}
.skills-manager-panel{gap:14px}
.skills-heading{margin:0}
.skills-subtitle{margin:0 0 2px}
.onboarding-instructions{margin:6px 0 10px}
.onboarding-instructions li::marker{color:#ffb23f}
.onboarding-skill-actions-simple{grid-template-columns:minmax(220px,420px);justify-content:center}

/* Update 0.4.0: restore balanced Skills gutters on every viewport. */
.skills-shell{box-sizing:border-box;padding-inline:clamp(10px,2vw,22px)}
.skills-shell>.skills-manager-panel{width:100%;min-width:0}
@media(max-width:600px){.skills-shell{padding-inline:12px}.skills-manager-panel{padding-inline:18px}}

/* 0.4.2 spacing and standardized next-action demo. */
.onboarding-hero{padding-left:clamp(28px,4vw,48px)}
.onboarding-next-demo{animation:none!important;overflow:visible!important}
.onboarding-next-demo::after{display:none!important}
.skills-shell{padding-inline:clamp(18px,3vw,34px)!important}
.skills-manager-panel{padding-left:clamp(24px,4vw,42px);padding-right:clamp(24px,4vw,42px)}
@media(max-width:600px){.onboarding-hero{padding-left:22px}.skills-shell{padding-inline:12px!important}.skills-manager-panel{padding-inline:18px}}


/* 0.4.3: align top content with the panels below at the actual outer container. */
.onboarding-shell{box-sizing:border-box;padding-inline:clamp(22px,3.2vw,44px)!important}
.onboarding-shell>.onboarding-hero,.skills-shell>.skills-manager-panel{box-sizing:border-box;width:100%;margin-inline:0}
.onboarding-hero{padding-inline:clamp(26px,4vw,48px)!important}
.skills-shell{padding-inline:clamp(22px,3.2vw,44px)!important}
.skills-manager-panel{padding-inline:clamp(26px,4vw,48px)!important}
@media(max-width:600px){.onboarding-shell,.skills-shell{padding-inline:12px!important}.onboarding-hero,.skills-manager-panel{padding-inline:20px!important}}

/* Nexus 0.4.7: Welcome and Skills red/pink/purple color system. Color-only overrides. */
.onboarding-shell{--onboard-yellow:#ff5fa2;--onboard-orange:#9b4dff}
.onboarding-hero{background:radial-gradient(circle at top right,rgba(214,70,255,.13),transparent 34%),rgba(18,18,24,.9)}
.onboarding-hero,.skills-manager-panel,.onboarding-dictionary,.onboarding-guide-card{border-color:rgba(224,75,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 20px 60px rgba(89,24,118,.1)}
.onboarding-guide-icon{color:#fff;background:linear-gradient(135deg,#ff3d6e,#ff5fa2 48%,#9b4dff)}
.onboarding-mini-nav,.onboarding-mini-home,.onboarding-mini-profile,.onboarding-mini-actions{border-color:rgba(226,84,255,.27);background:rgba(197,58,255,.055)}
.onboarding-mini-nav>span{background:linear-gradient(#ff4f88,#9b4dff);box-shadow:0 0 16px rgba(215,70,255,.38)}
.onboarding-mini-nav small,.onboarding-mini-home span,.onboarding-dictionary dt,.skill-manager-toolbar strong{color:#ff77bd}
.onboarding-next-demo,
.onboarding-next-demo:hover:not(:disabled),
.onboarding-next-demo:focus-visible{border-color:rgba(230,84,255,.62);background:linear-gradient(90deg,rgba(255,61,110,.13),rgba(155,77,255,.14));box-shadow:inset 0 0 20px rgba(211,65,255,.11),0 0 20px rgba(205,62,255,.22)}
.onboarding-next-demo{--nexus-attention-rgb:216,76,255;--nexus-attention-bright:#ffd8f2}
.onboarding-demo-step-number{color:#ff73b6;border-color:rgba(255,95,162,.72)}
.onboarding-demo-step-copy small{color:#ff7fc1}
.onboarding-primary-button{background:linear-gradient(105deg,#ff3d6e,#ff5fa2 48%,#9b4dff);color:#fff;box-shadow:0 12px 36px rgba(194,61,255,.22)}
.skill-add-tile{border-color:rgba(226,84,255,.46);background:linear-gradient(135deg,rgba(255,61,110,.065),rgba(155,77,255,.05))}
.skill-add-tile:hover{border-color:rgba(239,105,255,.78);box-shadow:0 0 24px rgba(205,62,255,.15)}
.skill-add-tile>span{background:linear-gradient(135deg,#ff3d6e,#ff5fa2 48%,#9b4dff);color:#fff}
.skill-level-row strong{color:#ff77bd}
.skill-level-row input[type="range"]{accent-color:#b04dff}
.skill-level-row input[type="range"],
.skill-level-row input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ff3d6e 0,var(--skill-fill-end,#9b4dff) var(--skill-fill),rgba(255,255,255,.09) var(--skill-fill),rgba(255,255,255,.09) 100%)}
.skill-level-row input[type="range"]::-moz-range-progress{background:linear-gradient(90deg,#ff3d6e 0,var(--skill-fill-end,#9b4dff) 100%)}
.skill-level-row input[type="range"]::-webkit-slider-thumb{border-color:#ffe0f0;background:#c14dff;box-shadow:0 0 12px rgba(210,77,255,.48)}
.skill-level-row input[type="range"]::-moz-range-thumb{border-color:#ffe0f0;background:#c14dff;box-shadow:0 0 12px rgba(210,77,255,.48)}
.onboarding-instructions li::marker{color:#ff5fa2}

/* Nexus 0.5.0: distinct Foundation theme - vivid red through pink into purple. Animation structure is unchanged. */
.onboarding-shell{
  --onboard-red:var(--nexus-foundation-red);
  --onboard-pink:var(--nexus-foundation-pink);
  --onboard-purple:var(--nexus-foundation-purple);
  --onboard-yellow:var(--onboard-pink);
  --onboard-orange:var(--onboard-red)
}
.onboarding-hero{
  background:
    radial-gradient(circle at 8% 8%,rgba(255,41,79,.18),transparent 35%),
    radial-gradient(circle at 92% 16%,rgba(125,53,232,.18),transparent 38%),
    linear-gradient(145deg,rgba(54,14,31,.28),rgba(24,15,47,.2)),
    rgba(18,18,24,.92)
}
.onboarding-hero,.skills-manager-panel,.onboarding-dictionary,.onboarding-guide-card{
  border-color:rgba(255,61,130,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 60px rgba(81,18,87,.13)
}
.onboarding-guide-icon,.skill-add-tile>span,.onboarding-primary-button{
  background:linear-gradient(110deg,var(--onboard-red),var(--onboard-pink) 48%,var(--onboard-purple));
  color:#fff
}
.onboarding-mini-nav,.onboarding-mini-home,.onboarding-mini-profile,.onboarding-mini-actions{
  border-color:rgba(255,64,145,.3);
  background:linear-gradient(125deg,rgba(255,41,79,.075),rgba(125,53,232,.07))
}
.onboarding-mini-nav>span{background:linear-gradient(180deg,var(--onboard-red),var(--onboard-pink),var(--onboard-purple));box-shadow:0 0 18px rgba(255,51,126,.38)}
.onboarding-mini-nav small,.onboarding-mini-home span,.onboarding-dictionary dt,.skill-manager-toolbar strong,.skill-level-row strong{color:#ff6fa9}
.onboarding-next-demo,
.onboarding-next-demo:hover:not(:disabled),
.onboarding-next-demo:focus-visible{
  --nexus-attention-rgb:255,52,127;
  --nexus-attention-bright:#ffd8ea;
  border-color:rgba(255,65,145,.68);
  background:linear-gradient(100deg,rgba(255,41,79,.16),rgba(255,63,145,.14) 50%,rgba(125,53,232,.18));
  box-shadow:inset 0 0 24px rgba(255,49,122,.11),0 0 24px rgba(149,52,229,.22)
}
.onboarding-demo-step-number{color:#ff6fa9;border-color:rgba(255,87,159,.8)}
.onboarding-demo-step-copy small{color:#ff79b3}
.skill-add-tile{border-color:rgba(255,64,145,.5);background:linear-gradient(135deg,rgba(255,41,79,.08),rgba(125,53,232,.065))}
.skill-add-tile:hover{border-color:rgba(255,112,181,.82);box-shadow:0 0 26px rgba(188,56,230,.18)}
.skill-level-row input[type="range"],
.skill-level-row input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--onboard-red) 0,var(--onboard-purple) var(--skill-fill),rgba(255,255,255,.09) var(--skill-fill),rgba(255,255,255,.09) 100%)}
.skill-level-row input[type="range"]::-moz-range-progress{background:linear-gradient(90deg,var(--onboard-red),var(--onboard-purple))}
.skill-level-row input[type="range"]::-webkit-slider-thumb{
  border-color:#fff;
  background:#fff;
  box-shadow:0 0 0 2px rgba(255,61,145,.42),0 0 15px rgba(255,255,255,.48)
}
.skill-level-row input[type="range"]::-moz-range-thumb{
  border-color:#fff;
  background:#fff;
  box-shadow:0 0 0 2px rgba(255,61,145,.42),0 0 15px rgba(255,255,255,.48)
}
.onboarding-instructions li::marker{color:var(--onboard-pink)}

/* Nexus 0.5.1: complete the Foundation theme and restore fixed-gradient reveal sliders. */
.onboarding-next-demo::before{
  background:conic-gradient(from var(--nexus-attention-angle),transparent 0deg 220deg,color-mix(in srgb,var(--nexus-foundation-purple) 34%,transparent) 244deg,color-mix(in srgb,var(--nexus-foundation-pink) 96%,transparent) 276deg,#ffd8ea 293deg,color-mix(in srgb,var(--nexus-foundation-red) 90%,transparent) 318deg,transparent 344deg 360deg)!important;
  filter:drop-shadow(0 0 8px rgba(213,54,205,.68))!important;
  animation:nexusAttentionOrbit var(--nexus-attention-duration) linear infinite!important
}
.skill-level-row input[type="range"]{
  --skill-fill:0%;
  accent-color:transparent!important;
  background:
    linear-gradient(90deg,transparent 0 var(--skill-fill),rgba(255,255,255,.09) var(--skill-fill) 100%),
    linear-gradient(90deg,var(--nexus-foundation-red),var(--nexus-foundation-pink) 48%,var(--nexus-foundation-purple))!important;
  background-repeat:no-repeat!important
}
.skill-level-row input[type="range"]::-webkit-slider-runnable-track{
  height:7px;
  border-radius:999px;
  background:transparent!important
}
.skill-level-row input[type="range"]::-moz-range-track,
.skill-level-row input[type="range"]::-moz-range-progress{
  height:7px;
  border-radius:999px;
  background:transparent!important
}
.skill-level-row input[type="range"]::-webkit-slider-thumb{
  border-color:#fff!important;
  background:#fff!important;
  box-shadow:0 0 0 2px rgba(255,61,145,.42),0 0 15px rgba(255,255,255,.52)!important
}
.skill-level-row input[type="range"]::-moz-range-thumb{
  border-color:#fff!important;
  background:#fff!important;
  box-shadow:0 0 0 2px rgba(255,61,145,.42),0 0 15px rgba(255,255,255,.52)!important
}
@media(prefers-reduced-motion:reduce){.onboarding-next-demo::before{animation:none!important}}

/* Nexus 0.5.2: final Welcome theme correction and fixed-gradient Skill reveal. */
.profile-welcome-experience .onboarding-next-demo,
.profile-welcome-experience .onboarding-next-demo:hover:not(:disabled),
.profile-welcome-experience .onboarding-next-demo:focus-visible{
  border-color:rgba(255,63,145,.72)!important;
  background:linear-gradient(100deg,rgba(255,41,79,.17),rgba(255,63,145,.14) 50%,rgba(125,53,232,.19))!important;
  box-shadow:inset 0 0 24px rgba(255,49,122,.12),0 0 24px rgba(149,52,229,.24)!important
}
.profile-welcome-experience .onboarding-demo-step-number{
  color:var(--nexus-foundation-pink)!important;
  border-color:rgba(255,63,145,.88)!important;
  background:linear-gradient(135deg,rgba(255,41,79,.13),rgba(125,53,232,.18))!important;
  box-shadow:0 0 12px rgba(194,55,222,.2)
}
.profile-welcome-experience .onboarding-next-demo::before{
  background:conic-gradient(from var(--nexus-attention-angle),transparent 0deg 220deg,rgba(125,53,232,.38) 245deg,rgba(255,63,145,.96) 278deg,#ffd8ea 294deg,rgba(255,41,79,.9) 318deg,transparent 344deg 360deg)!important
}
.skill-level-row input[type="range"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  background-image:
    linear-gradient(90deg,transparent 0 var(--skill-fill),rgba(42,40,50,.96) var(--skill-fill) 100%),
    linear-gradient(90deg,var(--nexus-foundation-red) 0,var(--nexus-foundation-pink) 48%,var(--nexus-foundation-purple) 100%)!important;
  background-color:transparent!important;
  background-size:100% 100%,100% 100%!important;
  background-position:0 0,0 0!important;
  background-repeat:no-repeat!important
}
.skill-level-row input[type="range"]::-webkit-slider-runnable-track,
.skill-level-row input[type="range"]::-moz-range-track,
.skill-level-row input[type="range"]::-moz-range-progress{
  background:transparent!important;
  box-shadow:none!important
}
.skill-level-row input[type="range"]::-webkit-slider-thumb,
.skill-level-row input[type="range"]::-moz-range-thumb{
  border-color:#fff!important;
  background:#fff!important
}

/* Nexus 0.6.3 Foundations hub and selected Inclinations. */
.foundations-shell{display:grid;gap:20px;max-width:1080px;margin:0 auto}
.foundations-hero{padding:clamp(24px,4vw,38px);background:radial-gradient(circle at 12% 0,rgba(255,53,142,.11),transparent 42%),radial-gradient(circle at 90% 20%,rgba(126,53,232,.13),transparent 42%),rgba(10,9,16,.88)}
.foundations-hero h2{margin:8px 0 10px;font-size:clamp(36px,6vw,58px);line-height:1}
.foundations-hero p{max-width:760px;margin:0;color:#bbb6c6;line-height:1.7}
.foundations-pair-list{display:grid;gap:14px}
.foundation-pair-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.foundation-tool-card{--foundation-card-accent:255,63,145;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:142px;padding:22px;border:1px solid rgba(205,88,244,.2);border-radius:20px;overflow:hidden;color:#f9f6ff;background:linear-gradient(135deg,rgba(255,45,119,.075),rgba(118,49,220,.075)),rgba(11,10,17,.9);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease}
.foundation-tool-card:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(226,91,255,.5);box-shadow:0 18px 42px rgba(27,11,47,.34),0 0 24px rgba(178,55,230,.1)}
.foundation-card-copy{position:relative;z-index:2;display:grid;gap:7px;min-width:0}
.foundation-card-copy strong{font-size:clamp(21px,3vw,29px);letter-spacing:-.025em}
.foundation-card-copy small{max-width:560px;color:#aaa5b3;font-size:.88rem;line-height:1.55}
.foundation-card-copy em{color:#c5a5d6;font-size:.76rem;font-style:normal;font-weight:750}
.foundation-card-meta{position:relative;z-index:2;display:grid;justify-items:end;gap:16px}
.foundation-card-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#ff3f91,#7d35e8);box-shadow:0 0 18px rgba(182,58,232,.24)}
.foundation-tool-card.is-locked{filter:saturate(.45);opacity:.58;cursor:not-allowed;background:rgba(13,12,19,.72)}
.foundation-tool-card.is-locked .foundation-card-arrow{color:#7e7887;background:rgba(255,255,255,.06);box-shadow:none}
.foundation-tool-card.is-complete{border-color:rgba(78,214,158,.25)}
.foundation-next-attention{isolation:isolate;border-color:rgba(255,63,145,.64);box-shadow:inset 0 0 23px rgba(255,49,122,.1),0 0 25px rgba(149,52,229,.22)}
.foundation-next-attention::before{content:"";position:absolute;inset:-2px;z-index:4;padding:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--nexus-attention-angle),transparent 0deg 220deg,rgba(125,53,232,.4) 245deg,rgba(255,63,145,.98) 278deg,#ffe4f0 294deg,rgba(255,41,79,.9) 318deg,transparent 344deg 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 8px rgba(213,54,205,.68));animation:nexusAttentionOrbit var(--nexus-attention-duration) linear infinite}
.inclinations-shell{max-width:940px;margin:0 auto}
.inclinations-panel{padding:clamp(24px,4vw,40px);background:radial-gradient(circle at 15% 0,rgba(255,53,142,.1),transparent 45%),radial-gradient(circle at 90% 18%,rgba(126,53,232,.13),transparent 44%),rgba(10,9,16,.9)}
.inclinations-subtitle{max-width:780px;font-size:1rem;line-height:1.7}
.inclination-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.inclination-skill-card{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:13px;padding:16px;border:1px solid rgba(195,91,238,.2);border-radius:15px;color:#f4eff8;background:rgba(255,255,255,.025);cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.inclination-skill-card:hover{transform:translateY(-1px);border-color:rgba(222,95,255,.45)}
.inclination-skill-card input{position:absolute;opacity:0;pointer-events:none}
.inclination-skill-check{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:transparent;background:rgba(255,255,255,.035)}
.inclination-skill-card span:last-child{display:grid;gap:4px}.inclination-skill-card strong{font-size:1rem}.inclination-skill-card small{color:#9893a0}
.inclination-skill-card.is-selected{border-color:rgba(255,63,145,.62);background:linear-gradient(135deg,rgba(255,49,122,.12),rgba(125,53,232,.13));box-shadow:0 0 22px rgba(174,54,225,.13)}
.inclination-skill-card.is-selected .inclination-skill-check{color:#fff;border-color:transparent;background:linear-gradient(135deg,#ff3f91,#7d35e8);box-shadow:0 0 15px rgba(202,55,218,.28)}
.inclination-current-result{margin:22px 0;padding:20px;border:1px solid rgba(208,82,246,.2);border-radius:17px;background:linear-gradient(135deg,rgba(255,47,127,.07),rgba(99,47,213,.09))}
.inclination-current-result span{color:#d46aff;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.14em}.inclination-current-result h3{margin:8px 0;font-size:clamp(24px,4vw,34px)}.inclination-current-result p{margin:0;color:#b6b1bc;line-height:1.65}
.inclination-empty-state{display:grid;gap:10px;margin:22px 0;padding:22px;border:1px solid rgba(255,178,83,.2);border-radius:16px;background:rgba(255,178,83,.035)}
@media(max-width:720px){.foundation-pair-row,.inclination-skill-grid{grid-template-columns:1fr}.foundation-tool-card{min-height:0}.foundation-card-meta{align-self:stretch}}
@media(prefers-reduced-motion:reduce){.foundation-next-attention::before{animation:none}.foundation-tool-card,.inclination-skill-card{transition:none}}

/* Nexus 0.6.4 Patch 1: corrected Foundations composition and Inclinations spacing. */
.foundations-shell{gap:18px}
.foundations-hero{padding:22px clamp(24px,3.2vw,34px)}
.foundations-hero .onboarding-step-heading{margin-bottom:5px}
.foundations-hero h2{margin:5px 0 8px;font-size:clamp(34px,5vw,50px)}
.foundations-hero p{line-height:1.58}
.foundations-pair-list{gap:24px}
.foundation-pair-row{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:12px;align-items:center}
.foundation-tool-card{display:block;min-height:136px;padding:27px 22px 22px;text-align:left}
.foundation-card-copy{display:grid;gap:8px;padding-right:84px;text-align:left}
.foundation-card-copy strong,.foundation-card-copy small,.foundation-card-copy em{text-align:left}
.foundation-card-meta{position:absolute;top:14px;right:14px;z-index:5;display:block}
.foundation-pair-arrow{position:relative;z-index:3;display:grid;place-items:center;width:34px;height:34px;justify-self:center;border:1px solid rgba(218,99,255,.28);border-radius:999px;color:#f5dfff;background:linear-gradient(135deg,rgba(255,63,145,.13),rgba(125,53,232,.16));box-shadow:0 0 20px rgba(164,59,230,.14);font-size:1.15rem;font-weight:900}
.inclinations-shell{box-sizing:border-box;width:100%;max-width:940px;padding-inline:clamp(12px,2vw,22px)}
.inclinations-panel{box-sizing:border-box;width:100%;padding:clamp(24px,3.5vw,36px)!important}
.inclinations-panel .onboarding-step-heading,.inclinations-panel .skills-heading,.inclinations-panel .inclinations-subtitle{width:100%;box-sizing:border-box}
.inclinations-panel .actions{margin-bottom:0}
.inclinations-panel #onboardingStatus:empty{display:none}
@media(max-width:720px){
  .foundation-pair-row{grid-template-columns:1fr;gap:12px}
  .foundation-pair-arrow{transform:rotate(90deg)}
  .foundation-card-copy{padding-right:70px}
  .inclinations-shell{padding-inline:10px}
  .inclinations-panel{padding:22px 18px!important}
}

/* Nexus 0.6.5 connected Foundations rows and concise Inclinations instructions. */
.foundations-hero .onboarding-step-heading{align-items:center}
.foundations-pair-list{gap:28px}
.foundation-pair-row{
  position:relative;
  grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);
  gap:10px;
}
.foundation-pair-row::before{
  content:"";
  position:absolute;
  left:calc(50% - 58px);
  right:calc(50% - 58px);
  top:50%;
  height:1px;
  background:linear-gradient(90deg,rgba(255,63,145,.14),rgba(217,67,255,.5),rgba(125,53,232,.14));
  box-shadow:0 0 12px rgba(200,70,240,.18);
  pointer-events:none;
}
.foundation-tool-card{
  display:grid;
  align-content:center;
  gap:11px;
  min-height:144px;
  padding:22px 23px;
  border-color:rgba(219,91,251,.25);
  background:
    radial-gradient(circle at 12% 0,rgba(255,63,145,.1),transparent 44%),
    radial-gradient(circle at 94% 100%,rgba(125,53,232,.11),transparent 44%),
    linear-gradient(145deg,rgba(26,14,35,.96),rgba(12,11,19,.96));
  box-shadow:inset 0 0 32px rgba(163,51,220,.045),0 14px 34px rgba(0,0,0,.18);
}
.foundation-tool-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(110deg,rgba(255,255,255,.035),transparent 28%,transparent 72%,rgba(202,117,255,.03));
}
.foundation-card-glow{position:absolute;inset:auto -12% -45% 30%;height:74%;border-radius:50%;background:rgba(151,57,224,.12);filter:blur(34px);pointer-events:none}
.foundation-card-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.foundation-card-topline>strong{min-width:0;color:#fff;font-size:clamp(1.28rem,2.4vw,1.72rem);letter-spacing:-.025em;line-height:1.08}
.foundation-card-meta{position:static;display:block;flex:0 0 auto}
.foundation-card-description{position:relative;z-index:2;display:block;color:#b6afbd;font-size:1rem;line-height:1.5;text-align:left}
.foundation-card-requirement{position:relative;z-index:2;color:#c7a6d8;font-size:.76rem;font-style:normal;font-weight:750;text-align:left}
.foundation-tool-card.is-locked{opacity:.57;filter:saturate(.5)}
.foundation-tool-card.is-complete{border-color:rgba(76,214,155,.28);box-shadow:inset 0 0 28px rgba(64,195,137,.035),0 14px 34px rgba(0,0,0,.18)}
.foundation-next-attention{border-color:rgba(255,63,145,.72);box-shadow:inset 0 0 28px rgba(255,49,122,.11),0 0 31px rgba(149,52,229,.27),0 14px 34px rgba(0,0,0,.18)}
.foundation-next-attention::before{z-index:5}
.foundation-pair-arrow{
  width:48px;
  height:48px;
  border-color:rgba(220,103,255,.38);
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.08),transparent 36%),linear-gradient(135deg,rgba(255,63,145,.17),rgba(125,53,232,.2));
  box-shadow:0 0 24px rgba(164,59,230,.2),inset 0 0 15px rgba(215,88,255,.06);
  font-size:1.42rem;
  line-height:1;
}
.foundation-pair-arrow>span{display:block;transform:translateY(-1px);line-height:1}
.foundation-pair-arrow-next{isolation:isolate;border-color:rgba(255,63,145,.65);box-shadow:0 0 30px rgba(207,66,247,.32),inset 0 0 18px rgba(255,78,170,.12)}
.foundation-pair-arrow-next::before{
  content:"";
  position:absolute;
  inset:-3px;
  z-index:-1;
  padding:2px;
  border-radius:inherit;
  background:conic-gradient(from var(--nexus-attention-angle),transparent 0deg 220deg,rgba(125,53,232,.5) 245deg,rgba(255,63,145,.98) 278deg,#ffe4f0 294deg,rgba(255,41,79,.92) 318deg,transparent 344deg 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 7px rgba(213,54,205,.62));
  animation:nexusAttentionOrbit var(--nexus-attention-duration) linear infinite;
}
.inclination-instruction-line{padding:16px 18px}
.inclination-instruction-line p{margin:0;color:#d7cfdd;font-weight:700;line-height:1.55}
@media(max-width:720px){
  .foundation-pair-row{grid-template-columns:1fr;gap:13px}
  .foundation-pair-row::before{display:none}
  .foundation-pair-arrow{width:44px;height:44px;transform:rotate(90deg)}
}
@media(prefers-reduced-motion:reduce){.foundation-pair-arrow-next::before{animation:none}}

/* Nexus 0.6.6: polished paired Foundations rows and reusable Skill sliders. */
.foundation-instructions{
  max-width:780px;
  margin-top:17px;
  padding:16px 18px;
  border:1px solid rgba(215,91,255,.2);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,46,130,.055),rgba(103,49,218,.07));
  box-shadow:inset 0 0 24px rgba(164,57,224,.035)
}
.foundation-instructions>strong{
  display:block;
  margin-bottom:9px;
  color:#f4d8ff;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase
}
.foundation-instructions ul{display:grid;gap:7px;margin:0;padding-left:20px;color:#bbb6c6;line-height:1.52}
.foundation-instructions li::marker{color:var(--nexus-foundation-pink)}
.foundations-pair-list{gap:25px}
.foundation-pair-row{
  position:relative;
  grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:stretch!important;
  padding:10px;
  border:1px solid rgba(194,78,238,.14);
  border-radius:27px;
  background:
    radial-gradient(circle at 50% 50%,rgba(189,68,245,.08),transparent 29%),
    linear-gradient(100deg,rgba(255,48,131,.032),rgba(110,52,219,.05));
  box-shadow:inset 0 0 28px rgba(146,50,212,.028),0 15px 34px rgba(0,0,0,.16)
}
.foundation-pair-row::before{display:none!important}
.foundation-pair-row-next{
  border-color:rgba(219,86,255,.26);
  box-shadow:inset 0 0 30px rgba(174,55,228,.045),0 0 22px rgba(175,58,229,.075),0 16px 36px rgba(0,0,0,.18)
}
.foundation-tool-card{
  min-height:146px!important;
  padding:24px 21px!important;
  overflow:hidden;
  border-radius:19px!important;
  background:
    radial-gradient(circle at 7% 0,rgba(255,54,145,.07),transparent 42%),
    linear-gradient(135deg,rgba(255,45,119,.065),rgba(118,49,220,.075)),
    rgba(11,10,17,.93)!important;
  box-shadow:inset 0 0 25px rgba(166,59,223,.035)
}
.foundation-card-topline{
  position:relative;
  z-index:2;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  margin:0 0 11px
}
.foundation-card-topline>strong{
  min-width:0;
  color:#fbf7ff;
  font-size:clamp(1.16rem,2vw,1.42rem)!important;
  line-height:1.18;
  letter-spacing:-.018em;
  text-align:left
}
.foundation-card-meta{
  position:static!important;
  display:block!important;
  flex:0 0 auto;
  margin:0!important
}
.foundation-card-description{
  position:relative;
  z-index:2;
  display:block;
  max-width:37ch;
  color:#b9b3c1!important;
  font-size:.94rem!important;
  line-height:1.53!important;
  text-align:left
}
.foundation-card-requirement{
  position:relative;
  z-index:2;
  display:block;
  margin-top:11px;
  color:#95cbef!important;
  font-size:.75rem!important;
  line-height:1.35
}
.foundation-tool-card.is-locked{
  opacity:.7!important;
  filter:saturate(.72)!important;
  cursor:help!important
}
.foundation-next-attention{
  border-color:rgba(255,63,145,.68)!important;
  box-shadow:inset 0 0 26px rgba(255,49,122,.11),0 0 29px rgba(149,52,229,.24)!important
}
.foundation-next-attention::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-2px!important;
  z-index:5!important;
  padding:2px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:1!important;
  background:conic-gradient(from var(--nexus-attention-angle),transparent 0deg 218deg,rgba(125,53,232,.42) 244deg,rgba(255,63,145,1) 278deg,#fff0f8 294deg,rgba(255,41,79,.94) 319deg,transparent 345deg 360deg)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  filter:drop-shadow(0 0 9px rgba(213,54,205,.78))!important;
  animation:nexusAttentionOrbit var(--nexus-attention-duration) linear infinite!important
}
.foundation-pair-arrow{
  align-self:center;
  width:45px!important;
  height:45px!important;
  border-width:1px!important;
  color:#f9e9ff!important;
  font-size:1.45rem!important;
  line-height:1!important;
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.1),transparent 34%),linear-gradient(135deg,rgba(255,63,145,.17),rgba(125,53,232,.22))!important;
  box-shadow:inset 0 0 16px rgba(209,79,255,.08),0 0 20px rgba(164,59,230,.16)!important
}
.foundation-pair-arrow>span{display:grid;place-items:center;width:100%;height:100%;padding-bottom:2px}
.foundation-pair-arrow-next{
  border-color:rgba(255,63,145,.62)!important;
  box-shadow:inset 0 0 18px rgba(255,63,145,.12),0 0 25px rgba(202,62,237,.27)!important
}
.foundation-pair-arrow-next::before{
  content:"";
  position:absolute;
  inset:-4px;
  padding:2px;
  border-radius:50%;
  background:conic-gradient(from var(--nexus-attention-angle),transparent 0 218deg,#7d35e8 250deg,#ff3f91 280deg,#fff 295deg,#ff294f 320deg,transparent 345deg 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 7px rgba(213,54,205,.7));
  animation:nexusAttentionOrbit var(--nexus-attention-duration) linear infinite
}
.skill-level-row .nexus-range{flex:1;min-width:120px}
@media(max-width:720px){
  .foundation-pair-row{grid-template-columns:1fr!important;gap:12px!important;padding:9px}
  .foundation-pair-arrow{transform:rotate(90deg);justify-self:center}
  .foundation-tool-card{min-height:0!important}
}
@media(prefers-reduced-motion:reduce){
  .foundation-next-attention::before,.foundation-pair-arrow-next::before{animation:none!important}
}


/* Nexus 0.6.7: release-critical Foundations layout and true universal Next Step motion. */
.foundations-pair-list{
  display:grid!important;
  gap:26px!important;
}
.foundation-pair-row{
  grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:12px!important;
}
.foundation-tool-card{
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  min-width:0!important;
  min-height:154px!important;
  padding:24px!important;
  overflow:visible!important;
  isolation:isolate!important;
  text-align:left!important;
}
.foundation-card-content{
  position:relative;
  z-index:2;
  display:grid!important;
  grid-template-rows:auto auto auto;
  align-content:start;
  gap:12px;
  width:100%;
  min-width:0;
}
.foundation-card-topline{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.foundation-card-title,
.foundation-card-topline>strong{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(1.25rem,2vw,1.52rem)!important;
  font-weight:850!important;
  line-height:1.14!important;
  letter-spacing:-.02em!important;
  text-align:left!important;
}
.foundation-card-meta{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-width:max-content!important;
  margin:0!important;
}
.foundation-card-meta .tool-status{
  margin:0!important;
  white-space:nowrap!important;
}
.foundation-card-description{
  display:block!important;
  width:100%!important;
  max-width:42ch!important;
  margin:0!important;
  color:#c3bdca!important;
  font-size:1rem!important;
  line-height:1.5!important;
  text-align:left!important;
}
.foundation-card-requirement{
  display:block!important;
  margin:0!important;
  color:#9bd6ff!important;
  font-size:.76rem!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:1.35!important;
}
/* Reuse the exact moving edge-orbit language used by the left navigation. */
.foundation-next-attention{
  --journey-edge-angle:0deg;
  overflow:visible!important;
  border-color:rgba(185,90,239,.62)!important;
  background:linear-gradient(100deg,rgba(233,54,88,.14),rgba(56,102,250,.15)),rgba(11,10,17,.94)!important;
  box-shadow:inset 0 0 20px rgba(139,76,238,.1),0 0 19px rgba(185,90,239,.2)!important;
  animation:journeyAttentionGlow 1.55s ease-in-out infinite alternate!important;
}
.foundation-next-attention::before{
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  z-index:5!important;
  display:block!important;
  padding:2px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:1!important;
  background:conic-gradient(
    from var(--journey-edge-angle),
    transparent 0deg 220deg,
    rgba(88,102,250,.3) 245deg,
    rgba(185,90,239,.95) 275deg,
    rgba(255,205,244,1) 292deg,
    rgba(233,54,88,.78) 312deg,
    transparent 342deg 360deg
  )!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  filter:drop-shadow(0 0 7px rgba(185,90,239,.64))!important;
  animation:journeyEdgeOrbit 2.1s linear infinite!important;
}
.foundation-tool-card:hover:not(.is-locked){
  transform:translateY(-2px)!important;
}
@media(max-width:720px){
  .foundation-pair-row{grid-template-columns:1fr!important}
  .foundation-tool-card{min-height:0!important;padding:21px!important}
  .foundation-card-topline{gap:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .foundation-next-attention,
  .foundation-next-attention::before{animation:none!important}
}

/* Nexus 0.6.8: brighter Foundation descriptions and explicit card actions. */
.foundation-card-content{
  grid-template-rows:auto auto auto!important;
  gap:13px!important;
}
.foundation-card-description{
  max-width:44ch!important;
  color:#ded6e5!important;
  font-size:1.075rem!important;
  font-weight:650!important;
  line-height:1.48!important;
  background:linear-gradient(105deg,#bdb5c8 0%,#f8f2ff 44%,#cbb4df 72%,#a9c8f5 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 11px rgba(209,151,255,.1));
}
.foundation-card-action{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:center;
  min-height:30px;
  margin-top:2px;
  padding:6px 13px;
  border:1px solid rgba(220,111,255,.3);
  border-radius:999px;
  color:#f7eaff;
  background:linear-gradient(100deg,rgba(255,63,145,.1),rgba(125,53,232,.14));
  box-shadow:inset 0 0 13px rgba(224,93,255,.045),0 0 14px rgba(183,65,230,.07);
  font-size:.76rem;
  font-weight:850;
  letter-spacing:.035em;
  text-align:center;
}
.foundation-tool-card.is-complete .foundation-card-action{
  border-color:rgba(69,230,154,.3);
  color:#b9f8dc;
  background:rgba(42,205,126,.08);
  box-shadow:inset 0 0 13px rgba(69,230,154,.035),0 0 13px rgba(69,230,154,.055);
}
.foundation-card-requirement{
  justify-self:center!important;
  text-align:center!important;
}
.foundation-tool-card{
  min-height:172px!important;
}
@media(max-width:720px){
  .foundation-tool-card{min-height:0!important}
  .foundation-card-description{font-size:1rem!important}
}


/* Nexus 0.6.9: final Foundation tile hierarchy, hover sheen, and true fixed-gradient aspiration reveal. */
.foundation-tool-card{
  border-color:rgba(219,74,193,.28)!important;
  background:
    radial-gradient(circle at 14% 0,rgba(255,78,158,.13),transparent 48%),
    linear-gradient(135deg,rgba(198,38,111,.18),rgba(119,35,176,.15)),
    rgba(14,10,20,.95)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 0 32px rgba(206,47,140,.055),0 18px 42px rgba(0,0,0,.24)!important;
}
.foundation-tool-card:not(.is-complete):not(.is-locked){
  border-color:rgba(255,72,147,.46)!important;
  background:
    radial-gradient(circle at 12% 0,rgba(255,91,169,.21),transparent 48%),
    linear-gradient(135deg,rgba(222,40,111,.27),rgba(152,42,188,.2)),
    rgba(17,10,23,.96)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 34px rgba(255,55,143,.08),0 0 22px rgba(235,50,139,.1),0 18px 42px rgba(0,0,0,.25)!important;
}
.foundation-tool-card.is-complete{
  border-color:rgba(178,74,224,.36)!important;
  background:
    radial-gradient(circle at 14% 0,rgba(202,86,240,.14),transparent 50%),
    linear-gradient(135deg,rgba(154,50,188,.19),rgba(91,42,160,.16)),
    rgba(13,10,20,.95)!important;
  filter:brightness(.95);
}
.foundation-tool-card.is-locked{
  filter:saturate(.72) brightness(.72)!important;
}
.foundation-card-action{
  min-height:34px!important;
  padding:7px 16px!important;
  font-size:.84rem!important;
  letter-spacing:.028em!important;
}
.foundation-tool-card:not(.is-complete):not(.is-locked) .foundation-card-action{
  border-color:rgba(255,99,166,.55)!important;
  color:#ffe4f1!important;
  background:linear-gradient(100deg,rgba(255,54,139,.26),rgba(226,53,154,.16))!important;
  box-shadow:inset 0 0 15px rgba(255,111,181,.08),0 0 18px rgba(255,53,143,.15)!important;
}
.foundation-tool-card.is-complete .foundation-card-action{
  border-color:rgba(190,104,249,.48)!important;
  color:#f1dcff!important;
  background:linear-gradient(100deg,rgba(151,65,214,.24),rgba(100,55,183,.18))!important;
  box-shadow:inset 0 0 15px rgba(210,137,255,.07),0 0 16px rgba(154,71,218,.12)!important;
}
.foundation-card-sheen{
  position:absolute;
  inset:0;
  z-index:3;
  overflow:hidden;
  border-radius:inherit;
  pointer-events:none;
}
.foundation-card-sheen::before{
  content:"";
  position:absolute;
  top:-42%;
  bottom:-42%;
  left:-42%;
  width:25%;
  opacity:0;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,229,250,.22),transparent);
  filter:blur(.2px);
  pointer-events:none;
}
.foundation-tool-card:hover .foundation-card-sheen::before,
.foundation-tool-card:focus-visible .foundation-card-sheen::before{
  opacity:1;
  animation:foundationCardSheen .82s ease-out 1;
}
@keyframes foundationCardSheen{
  from{left:-42%}
  to{left:128%}
}
/* The pseudo-element is always full width. A changing mask uncovers it, so the
   color stops never stretch as the value changes. */
.aspiration-level-row .nexus-range-reveal::after{
  z-index:1!important;
  width:100%!important;
  right:auto!important;
  clip-path:none!important;
  -webkit-mask-image:linear-gradient(#000 0 0)!important;
  -webkit-mask-position:left center!important;
  -webkit-mask-size:var(--nexus-range-fill) 100%!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-image:linear-gradient(#000 0 0)!important;
  mask-position:left center!important;
  mask-size:var(--nexus-range-fill) 100%!important;
  mask-repeat:no-repeat!important;
}
.aspiration-level-row .nexus-range-reveal::before{z-index:0!important}
.aspiration-level-row .nexus-range-reveal>.nexus-range{z-index:2!important}
.aspiration-level-row .nexus-range::-webkit-slider-runnable-track{background:transparent!important}
.aspiration-level-row .nexus-range::-moz-range-track,
.aspiration-level-row .nexus-range::-moz-range-progress{background:transparent!important}
@media(prefers-reduced-motion:reduce){
  .foundation-tool-card:hover .foundation-card-sheen::before,
  .foundation-tool-card:focus-visible .foundation-card-sheen::before{animation:none!important;opacity:.45;left:38%}
}