.contact-effort{--effort-rail-size:clamp(40px,10cqw,64px);--effort-brain-size:calc(var(--effort-rail-size)*1.16);--effort-galaxy:0;--effort-glint:0;position:relative;isolation:isolate;container-type:inline-size;min-width:0;min-height:0;margin-top:auto;padding-top:8px;user-select:none;-webkit-user-select:none;filter:grayscale(1);transition:filter 900ms ease-out}
.contact-effort[data-color-active]{filter:grayscale(0);transition-duration:180ms}
.effort-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}
.effort-heading label{color:#a7a6a6;font-size:14px;line-height:1.5}
.effort-level{position:relative;display:block;min-width:80px;height:1.2em;overflow:hidden;color:#ededed;font-size:20px;font-weight:400;line-height:1.2;text-align:right;letter-spacing:-.015em}
.effort-level-text{position:absolute;inset:0 0 auto;display:block;white-space:nowrap}
.effort-level-text[data-level="5"]{color:#9bcef0}
.effort-stage{position:relative;height:calc(var(--effort-rail-size) + 44px);cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent;border-radius:12px}
.effort-stage[data-dragging]{cursor:grabbing}
.contact-effort:has(.effort-input:focus-visible) .effort-heading label{color:#ededed}
.effort-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.effort-rail{position:absolute;inset:22px 0 auto;height:var(--effort-rail-size);overflow:hidden;border:0;border-radius:calc(var(--effort-rail-size)*.2);background:#252525}
.effort-fill{position:absolute;inset:0;transform:scaleX(.24);transform-origin:left center;background:linear-gradient(90deg,#40303a,#9f6a94);opacity:1}
.effort-stops{position:absolute;inset:0 calc(var(--effort-rail-size)*.55);display:flex;justify-content:space-between;align-items:center;opacity:calc(1 - var(--effort-galaxy)*.85);pointer-events:none}
.effort-stops i{width:4px;height:4px;border-radius:50%;background:#808080;opacity:.7}
.effort-thumb{position:absolute;z-index:2;top:calc(22px + var(--effort-rail-size)/2 - var(--effort-brain-size)/2);left:calc(20% + 10px);width:var(--effort-brain-size);height:var(--effort-brain-size);transform:translateX(-50%);pointer-events:none}
.effort-brain{position:relative;display:block;width:100%;height:100%;transform-origin:50% 50%;scale:1;transition:scale 220ms cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 2px 4px #55062955)}
.effort-brain img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.effort-brain-pink{opacity:calc(1 - var(--effort-galaxy))}
.effort-brain-galaxy{opacity:var(--effort-galaxy)}
.effort-brain::after{content:'';position:absolute;left:42%;top:63%;width:3px;height:3px;border-radius:1px;background:#eef2ff;box-shadow:5px 5px 0 #eef2ff,-2px 9px 0 #fff,4px 13px 0 #d2e5ff;opacity:calc(var(--effort-galaxy)*var(--effort-glint));pointer-events:none}
.effort-particles{position:absolute;z-index:1;left:calc(-1 * var(--effort-effect-left,24px));top:-104px;width:calc(100% + var(--effort-effect-left,24px) + var(--effort-effect-right,24px));height:calc(100% + 208px);pointer-events:none}
@media(hover:hover) and (pointer:fine){.effort-thumb{pointer-events:auto}.effort-thumb:hover .effort-brain,.effort-stage[data-dragging] .effort-brain{scale:1.1}}
@media(max-width:767px){.contact-effort{padding-top:4px}.effort-heading{margin-bottom:20px}.effort-level{font-size:19px}.effort-heading label{font-size:13px}}
@media(prefers-reduced-motion:reduce){.contact-effort,.contact-effort[data-color-active]{transition-duration:150ms}.effort-brain{transition:none}}