.ultrakit-skm{--skm-a: #6c5ce7;--skm-b: #00cec9;--skm-t: 10px;--skm-cols: 2;--ink: #16162a;--mute: #6e6e88;--track: #ececf4;--panel: #ffffff;--line: #ececf4;position: relative;width: 100%;font-family: inherit;color: var(--ink)}.ultrakit-skm *,.ultrakit-skm *::before,.ultrakit-skm *::after{box-sizing: border-box}.ultrakit-skm button{font-family: inherit;text-transform: none;letter-spacing: normal;min-height: 0;margin: 0;box-shadow: none;line-height: 1.2}.skm-c-clear{--ink: #f4f3ff;--mute: #b3b2cf;--track: rgba(255,255,255,.12);--panel: rgba(255,255,255,.06);--line: rgba(255,255,255,.12)}.skm-c-clear .skm-tag{background: rgba(255,255,255,.12);color: var(--ink)}.skm-c-clear .skm-target em{color: #16162a}.skm-c-card{padding: 30px;background: #ffffff;border: 1px solid var(--line);border-radius: 22px;box-shadow: 0 18px 44px rgba(20,20,50,.07)}.skm-c-dark{--ink: #f4f3ff;--mute: #a9a8c6;--track: rgba(255,255,255,.1);--panel: rgba(255,255,255,.05);--line: rgba(255,255,255,.1);padding: 30px;background: #16142c;border-radius: 22px;box-shadow: 0 24px 60px rgba(10,8,30,.35)}.skm-c-glass{--ink: #ffffff;--mute: rgba(255,255,255,.75);--track: rgba(255,255,255,.18);--panel: rgba(255,255,255,.1);--line: rgba(255,255,255,.2);padding: 30px;background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,.22);border-radius: 22px;-webkit-backdrop-filter: blur(16px);backdrop-filter: blur(16px)}.skm-top{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 14px 20px;margin-bottom: 26px}.skm-tabs{display: inline-flex;flex-wrap: wrap;gap: 4px;padding: 4px;border-radius: 14px;background: var(--track)}.ultrakit-skm .skm-tab{padding: 9px 16px !important;border: 0 !important;border-radius: 10px !important;background: transparent !important;color: var(--mute) !important;font-size: 13.5px;font-weight: 800;cursor: pointer;transition: background .25s ease,color .25s ease,box-shadow .25s ease}.ultrakit-skm .skm-tab:hover{color: var(--ink) !important}.ultrakit-skm .skm-tab[aria-selected="true"]{background: linear-gradient(135deg,var(--skm-a),var(--skm-b)) !important;color: #ffffff !important;box-shadow: 0 8px 18px color-mix(in srgb,var(--skm-a) 35%,transparent) !important}.skm-avg{display: flex;align-items: center;gap: 12px}.skm-avg-ring{position: relative;display: grid;place-items: center;width: 74px;height: 74px;border-radius: 50%;background: conic-gradient(var(--skm-a) 0,var(--skm-b) calc(var(--v) * 1%),var(--track) 0);transition: --v 1s}.skm-avg-ring::before{content: "";position: absolute;inset: 7px;border-radius: 50%;background: var(--avg-hole,#ffffff)}.skm-c-dark .skm-avg-ring::before{background: #16142c}.skm-c-glass .skm-avg-ring::before{background: rgba(40,30,110,.6)}.skm-avg-ring b{position: relative;font-size: 19px;font-weight: 900}.skm-avg-ring b small,.skm-val small{font-size: .62em;font-weight: 800;opacity: .7;margin-left: 1px}.skm-avg-l{font-size: 12px;font-weight: 800;letter-spacing: 1.2px;text-transform: uppercase;color: var(--mute)}.skm-group + .skm-group{margin-top: 30px}.skm-group[hidden]{display: none}.skm-gtitle{display: flex;align-items: center;gap: 10px;margin: 0 0 18px;font-family: inherit;font-size: 13px;font-weight: 900;letter-spacing: 1.5px;text-transform: uppercase;color: var(--ink)}.skm-gtitle::after{content: "";flex: 1;height: 1px;background: var(--line)}.skm-gtitle em{font-style: normal;padding: 2px 8px;border-radius: 99px;background: var(--track);color: var(--mute);font-size: 11px;letter-spacing: 0}.skm-grid{display: grid;grid-template-columns: repeat(var(--skm-cols),minmax(0,1fr));gap: 24px 38px}.skm-item{position: relative;min-width: 0;opacity: 0;transform: translateY(12px);transition: opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay: calc(var(--i,0) * 60ms)}.is-in .skm-item{opacity: 1;transform: none}.skm-item.is-re{animation: skmRe .5s cubic-bezier(.2,.8,.2,1) both;animation-delay: calc(var(--i) * 50ms)}@keyframes skmRe{from{opacity: 0;transform: translateY(12px)}}.skm-head{display: flex;align-items: center;gap: 8px;margin-bottom: 10px}.skm-name{font-size: 15px;font-weight: 800;line-height: 1.3;color: var(--ink)}.skm-tag{padding: 2px 8px;border-radius: 99px;background: color-mix(in srgb,var(--skm-a) 14%,transparent);color: var(--skm-a);font-size: 11px;font-weight: 800;white-space: nowrap}.skm-c-dark .skm-tag,.skm-c-glass .skm-tag{background: rgba(255,255,255,.12);color: var(--ink)}.skm-desc{display: block;margin: -4px 0 10px;font-size: 12.5px;font-weight: 500;color: var(--mute)}.skm-val{margin-left: auto;font-size: 15px;font-weight: 900;color: var(--ink);font-variant-numeric: tabular-nums;white-space: nowrap}.skm-val.is-word{font-size: 12.5px;font-weight: 800;color: var(--skm-a)}.skm-ic{flex: none;overflow: hidden;display: inline-grid;place-items: center;width: 30px;height: 30px;border-radius: 9px;background: linear-gradient(135deg,var(--skm-a),var(--skm-b));color: #ffffff;font-size: 14px}.skm-ic svg{width: 15px;height: 15px;fill: currentColor}.skm-ic-ini{font-size: 14px;font-weight: 900}.skm-track{position: relative;height: var(--skm-t);border-radius: 99px;background: var(--track)}.skm-fill{position: absolute;left: 0;top: 0;bottom: 0;width: 0;border-radius: inherit;background: linear-gradient(90deg,var(--skm-a),var(--skm-b));transition: width 1.3s cubic-bezier(.2,.8,.2,1);transition-delay: calc(var(--i,0) * 70ms + .1s)}.is-in .skm-fill{width: calc(var(--v) * 1%)}.skm-knob{position: absolute;right: -2px;top: 50%;width: calc(var(--skm-t) + 8px);height: calc(var(--skm-t) + 8px);margin-top: calc((var(--skm-t) + 8px) / -2);border-radius: 50%;background: #ffffff;border: 3px solid var(--skm-b);box-shadow: 0 3px 10px rgba(0,0,0,.18);opacity: 0;transition: opacity .3s ease 1.2s}.is-in .skm-l-bars .skm-knob,.skm-l-bars.is-in .skm-knob{opacity: 1}.skm-target{position: absolute;top: -5px;bottom: -5px;left: calc(var(--tg) * 1%);width: 0;z-index: 2}.skm-target i{position: absolute;left: -1.5px;top: 0;bottom: 0;width: 3px;border-radius: 2px;background: var(--ink);opacity: .75}.skm-target em{position: absolute;left: 50%;bottom: calc(100% + 4px);transform: translateX(-50%);padding: 2px 6px;border-radius: 5px;background: var(--ink);color: var(--panel,#fff);font-size: 10px;font-style: normal;font-weight: 800;white-space: nowrap;opacity: 0;transition: opacity .2s ease;pointer-events: none}.skm-c-card .skm-target em,.skm-c-none .skm-target em{color: #ffffff}.skm-c-dark .skm-target em,.skm-c-glass .skm-target em{color: #16162a}.skm-item:hover .skm-target em{opacity: 1}.skm-l-striped .skm-fill{background: repeating-linear-gradient(-45deg,rgba(255,255,255,.28) 0 8px,transparent 8px 16px),linear-gradient(90deg,var(--skm-a),var(--skm-b));background-size: 32px 32px,100% 100%;animation: skmStripe 1s linear infinite}@keyframes skmStripe{to{background-position: 32px 0,0 0}}.skm-l-neon .skm-track{height: calc(var(--skm-t) * .7);background: color-mix(in srgb,var(--skm-a) 12%,var(--track))}.skm-l-neon .skm-fill{box-shadow: 0 0 10px var(--skm-a),0 0 22px color-mix(in srgb,var(--skm-b) 60%,transparent)}.skm-l-neon .skm-val{color: var(--skm-b);text-shadow: 0 0 12px color-mix(in srgb,var(--skm-b) 60%,transparent)}.skm-l-neon .skm-knob{display: none}.skm-l-inline .skm-grid{gap: 14px 38px}.skm-l-inline .skm-item{display: grid;grid-template-columns: minmax(110px,38%) 1fr 56px;align-items: center;gap: 14px}.skm-lhs{display: flex;align-items: center;gap: 8px;min-width: 0}.skm-lhs .skm-name{font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.skm-lhs .skm-ic{width: 26px;height: 26px}.skm-l-inline .skm-val{text-align: right;font-size: 14px}.skm-segs{display: flex;gap: 4px}.skm-segs span{position: relative;flex: 1;height: calc(var(--skm-t) + 4px);border-radius: 4px;background: var(--track);overflow: hidden}.skm-segs i{position: absolute;inset: 0 auto 0 0;width: 0;background: linear-gradient(90deg,var(--skm-a),var(--skm-b));background-size: 1200% 100%;background-position: calc((var(--d) - 1) / 11 * 100%) 0;transition: width .35s ease;transition-delay: calc(var(--i,0) * 60ms + var(--d) * 70ms)}.is-in .skm-segs i{width: calc(var(--f) * 100%)}.skm-seg-tg{position: relative;height: 0}.skm-seg-tg .skm-target{top: calc(-1 * (var(--skm-t) + 9px));bottom: -3px;height: calc(var(--skm-t) + 12px)}.skm-l-circles .skm-item,.skm-l-gauge .skm-item{display: flex;flex-direction: column;align-items: center;text-align: center;gap: 8px}.skm-l-circles .skm-grid,.skm-l-gauge .skm-grid{gap: 30px 24px}.skm-ring{position: relative;width: min(130px,100%)}.skm-ring svg{display: block;width: 100%;height: auto;overflow: visible}.skm-rbg{fill: none;stroke: var(--track);stroke-width: calc(var(--skm-t) * .9);stroke-linecap: round}.skm-rfg{fill: none;stroke-width: calc(var(--skm-t) * .9);stroke-linecap: round;stroke-dasharray: 100 100;stroke-dashoffset: 100;transition: stroke-dashoffset 1.5s cubic-bezier(.2,.8,.2,1);transition-delay: calc(var(--i,0) * 90ms)}.is-in .skm-rfg{stroke-dashoffset: calc(100 - var(--v))}.skm-rtg{stroke: var(--ink);stroke-width: 3;stroke-linecap: round;opacity: .7}.skm-ring .skm-val{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);margin: 0;font-size: 24px;text-align: center}.skm-l-gauge .skm-ring{width: min(170px,100%)}.skm-l-gauge .skm-ring .skm-val{position: static;display: block;transform: none;margin-top: 6px;font-size: 22px}.skm-needle{transform-origin: 50px 52px;transform: rotate(-90deg);transition: transform 1.5s cubic-bezier(.3,1.3,.5,1);transition-delay: calc(var(--i,0) * 90ms)}.is-in .skm-needle{transform: rotate(var(--deg))}.skm-needle line{stroke: var(--ink);stroke-width: 2.5;stroke-linecap: round}.skm-needle circle{fill: var(--ink)}.skm-l-gauge .skm-ring + .skm-name,.skm-l-circles .skm-ring + .skm-name{margin-top: 4px}.skm-l-circles .skm-desc,.skm-l-gauge .skm-desc{margin: 0}.skm-l-vertical .skm-grid{grid-template-columns: repeat(auto-fit,minmax(64px,1fr));gap: 18px;align-items: end}.skm-l-vertical .skm-item{display: flex;flex-direction: column;align-items: center;gap: 10px;text-align: center}.skm-l-vertical .skm-val{margin: 0}.skm-l-vertical .skm-track{width: calc(var(--skm-t) * 3.2);height: 210px;border-radius: 14px}.skm-l-vertical .skm-fill{top: auto;right: 0;width: 100%;height: 0;background: linear-gradient(0deg,var(--skm-a),var(--skm-b));transition-property: height}.is-in.skm-l-vertical .skm-fill{width: 100%;height: calc(var(--v) * 1%)}.skm-l-vertical .skm-target{top: auto;left: -6px;right: -6px;bottom: calc(var(--tg) * 1%);width: auto;height: 0}.skm-l-vertical .skm-target i{top: -1.5px;bottom: auto;left: 0;right: 0;width: auto;height: 3px}.skm-l-vertical .skm-target em{left: calc(100% + 4px);bottom: -8px;transform: none}.skm-l-vertical .skm-name{font-size: 13px}.skm-l-vertical .skm-tag{font-size: 10px}.skm-dots{display: flex;gap: 6px}.skm-dot{flex: 1;max-width: 22px;aspect-ratio: 1;border-radius: 50%;background: var(--track);transform: scale(.4);transition: transform .4s cubic-bezier(.3,1.6,.5,1),background .3s ease;transition-delay: calc(var(--i,0) * 60ms + var(--d) * 55ms)}.is-in .skm-dot{transform: none}.skm-dot.on{background: linear-gradient(135deg,var(--skm-a),var(--skm-b));box-shadow: 0 3px 8px color-mix(in srgb,var(--skm-a) 35%,transparent)}.skm-dot.is-tg{box-shadow: 0 0 0 2px var(--panel,#fff),0 0 0 4px var(--ink)}.skm-l-pills .skm-track{height: 48px;border-radius: 14px;overflow: hidden;background: var(--track)}.skm-l-pills .skm-fill{background: linear-gradient(90deg,color-mix(in srgb,var(--skm-a) 38%,transparent),color-mix(in srgb,var(--skm-b) 45%,transparent));border-radius: 14px 0 0 14px}.skm-l-pills .skm-fill::after{content: "";position: absolute;right: 0;top: 8px;bottom: 8px;width: 3px;border-radius: 3px;background: var(--skm-a)}.skm-ptext{position: absolute;inset: 0;display: flex;align-items: center;gap: 8px;padding: 0 16px}.skm-ptext .skm-ic{width: 28px;height: 28px}.skm-l-pills .skm-target{top: 0;bottom: 0}.skm-l-pills .skm-desc{margin: 8px 0 0}.skm-l-tiles .skm-grid{gap: 18px}.skm-l-tiles .skm-item{display: flex;flex-direction: column;gap: 6px;padding: 20px;border-radius: 18px;background: var(--panel);border: 1px solid var(--line);box-shadow: 0 10px 28px rgba(20,20,50,.06);transition: opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.skm-c-card .skm-l-tiles .skm-item,.skm-l-tiles.skm-c-card .skm-item{background: #fafaff;box-shadow: none}.skm-l-tiles .skm-item:hover{box-shadow: 0 18px 40px rgba(20,20,50,.12)}.skm-tile-top{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-bottom: 8px}.skm-tile-top .skm-ic{width: 40px;height: 40px;border-radius: 12px;font-size: 18px}.skm-tile-top .skm-ic svg{width: 19px;height: 19px}.skm-l-tiles .skm-val{margin: 0;font-size: 34px;line-height: 1;letter-spacing: -1px;background: linear-gradient(135deg,var(--skm-a),var(--skm-b));-webkit-background-clip: text;background-clip: text;color: transparent}.skm-l-tiles .skm-val small{-webkit-text-fill-color: currentColor;color: var(--mute);opacity: 1}.skm-l-tiles .skm-desc{margin: 0 0 6px}.skm-l-tiles .skm-track{height: 6px;margin-top: auto}.skm-radar{max-width: 620px;margin: 0 auto}.skm-radar svg{display: block;width: 100%;height: auto;overflow: visible}.skm-rgrid{fill: none;stroke: var(--line);stroke-width: 1.2}.skm-rgrid:nth-of-type(odd){fill: color-mix(in srgb,var(--track) 45%,transparent)}.skm-raxis{stroke: var(--line);stroke-width: 1.2}.skm-rshape{transform-origin: 200px 200px;transform: scale(0);opacity: 0;transition: transform 1.3s cubic-bezier(.3,1.3,.5,1),opacity .4s ease}.is-in .skm-rshape{transform: none;opacity: 1}.skm-rarea{fill-opacity: .35;stroke: var(--skm-a);stroke-width: 2.5;stroke-linejoin: round}.skm-rdot{fill: #ffffff;stroke: var(--skm-a);stroke-width: 3}.skm-rtarget{fill: none;stroke: var(--ink);stroke-width: 2;stroke-dasharray: 6 5;opacity: 0;transition: opacity .6s ease 1s}.is-in .skm-rtarget{opacity: .55}.skm-rlabel{fill: var(--ink);font-size: 14px;font-weight: 800;font-family: inherit}.skm-rval{fill: var(--skm-a);font-weight: 900}.skm-c-dark .skm-rval,.skm-c-glass .skm-rval{fill: var(--skm-b)}.skm-legend{display: flex;justify-content: center;gap: 22px;margin-top: 6px;font-size: 13px;font-weight: 700;color: var(--mute)}.skm-legend span{display: inline-flex;align-items: center;gap: 8px}.skm-legend i{width: 22px;height: 10px;border-radius: 3px}.skm-legend i.is-v{background: linear-gradient(90deg,var(--skm-a),var(--skm-b))}.skm-legend i.is-t{height: 0;border-top: 2.5px dashed var(--ink);opacity: .6;border-radius: 0}.skm-mwrap{overflow-x: auto;margin: 0 -4px;padding: 4px}.skm-matrix{width: 100%;border-collapse: separate;border-spacing: 5px;font-size: 14px}.skm-matrix th,.skm-matrix td{padding: 0;border: 0;background: transparent}.skm-matrix thead th{padding: 0 6px 6px;font-size: 12.5px;font-weight: 800;letter-spacing: .3px;color: var(--mute);text-align: center;white-space: nowrap;transition: color .2s ease}.skm-matrix thead th.is-hl{color: var(--skm-a)}.skm-matrix tbody th,.skm-matrix tfoot th{padding: 0 14px 0 2px;text-align: left;font-size: 14px;font-weight: 800;color: var(--ink);white-space: nowrap}.skm-matrix tbody th em{display: block;font-style: normal;font-size: 11px;font-weight: 700;color: var(--mute)}.skm-matrix tbody td{height: 46px;min-width: 58px;border-radius: 10px;text-align: center;font-weight: 800;color: var(--ink);background: color-mix(in srgb,var(--skm-a) calc(var(--v) * 1%),var(--track));opacity: 0;transform: scale(.7);transition: opacity .4s ease,transform .5s cubic-bezier(.3,1.5,.5,1),box-shadow .2s ease;transition-delay: calc(var(--d,0) * 45ms)}.skm-matrix tbody td.is-hi{color: #ffffff}.skm-matrix tbody td.is-empty{background: transparent;color: var(--mute);border: 1.5px dashed var(--line)}.is-in .skm-matrix tbody td{opacity: 1;transform: none}.skm-matrix tbody tr.is-hl td,.skm-matrix tbody td.is-hl{box-shadow: 0 0 0 2px color-mix(in srgb,var(--skm-b) 70%,transparent)}.skm-matrix tbody td.is-hl:hover{transform: scale(1.08)}.skm-matrix td.skm-mavg{background: transparent;color: var(--ink);box-shadow: none !important}.skm-matrix td.skm-mavg b{display: inline-grid;place-items: center;min-width: 44px;height: 32px;padding: 0 8px;border-radius: 99px;background: linear-gradient(135deg,var(--skm-a),var(--skm-b));color: #ffffff;font-size: 13px}.skm-matrix th.skm-mavg{color: var(--ink)}.skm-matrix tfoot td{padding-top: 6px;text-align: center;font-size: 13px;color: var(--mute)}.skm-matrix tfoot th{padding-top: 6px;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;color: var(--mute)}.skm-scale{display: flex;align-items: center;justify-content: flex-end;gap: 8px;margin-top: 10px;font-size: 11.5px;font-weight: 700;color: var(--mute)}.skm-scale i{width: 120px;height: 8px;border-radius: 99px;background: linear-gradient(90deg,var(--track),var(--skm-a))}.skm-note{color: var(--mute)}@media (max-width: 767px){.skm-c-card,.skm-c-dark,.skm-c-glass{padding: 20px 16px}.skm-grid{gap: 20px}.skm-l-inline .skm-item{grid-template-columns: minmax(90px,36%) 1fr 48px;gap: 10px}.skm-l-circles .skm-grid,.skm-l-gauge .skm-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.skm-l-vertical .skm-grid{grid-template-columns: repeat(auto-fit,minmax(48px,1fr));gap: 10px}.skm-l-vertical .skm-track{height: 160px;width: calc(var(--skm-t) * 2.6)}.skm-l-vertical .skm-target em{display: none}.skm-rlabel{font-size: 17px}.skm-tabs{width: 100%}.ultrakit-skm .skm-tab{flex: 1;padding: 8px 10px !important}.skm-matrix tbody td{height: 40px;min-width: 46px;font-size: 13px}}@media (prefers-reduced-motion: reduce){.ultrakit-skm *,.ultrakit-skm *::before,.ultrakit-skm *::after{animation: none !important;transition-duration: .01ms !important;transition-delay: 0s !important}}