.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
}