.cio{--cio-ink:#26215c;--cio-muted:#8a88a6;--cio-line:#e3e2ee;--cio-bar:#e9e8f3;--cio-fill:#cfcce3;--cio-surface:#ffffff;--cio-canvas:#f5f5fa;--cio-dash:#c9c7dc;--cio-brand:#3517c9;--cio-brand-text:#3517c9;--cio-brand-soft:#ece8ff;--cio-on-brand:#ffffff;--cio-accent:#f5a300;--cio-ok:#1fae6b;--cio-shadow:0 30px 60px -20px rgba(10,6,40,.45),0 0 0 1px rgba(20,10,80,.05);--cio-caption:#6b6987;width:100%;max-width:780px;margin:0 auto;font-family:inherit;color:var(--cio-ink)}.dark .cio{--cio-ink:#ebe9fa;--cio-muted:#9d9bba;--cio-line:#343a52;--cio-bar:#2c3147;--cio-fill:#4b5170;--cio-surface:#232838;--cio-canvas:#1a1e2c;--cio-dash:#4a5070;--cio-brand:#6d5cff;--cio-brand-text:#b9aeff;--cio-brand-soft:rgba(125,108,255,.18);--cio-on-brand:#ffffff;--cio-ok:#2fc37f;--cio-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.07);--cio-caption:rgba(255,255,255,.62)}.cio *,.cio *:before,.cio *:after{box-sizing:border-box}.cio-card{background:var(--cio-canvas);border-radius:18px;padding:22px 22px 16px;box-shadow:var(--cio-shadow);transition:background .3s}.cio-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.cio-title{font-weight:700;font-size:17px;letter-spacing:-.01em}.cio-badge{font-size:12px;color:var(--cio-muted);border:1px dashed var(--cio-dash);border-radius:999px;padding:4px 10px;white-space:nowrap}.cio-stepper{position:relative;margin-bottom:18px}.cio-stepper:before,.cio-progress{content:"";position:absolute;top:13px;left:calc(100% / (2 * var(--n)));height:2px;border-radius:2px}.cio-stepper:before{right:calc(100% / (2 * var(--n)));background:var(--cio-line)}.cio-progress{width:0;background:var(--cio-brand);transition:width .6s ease}.cio-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),1fr);position:relative}.cio-step button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;border-radius:8px}.cio-step button:focus-visible{outline:2px solid var(--cio-brand);outline-offset:3px}.cio-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--cio-surface);color:var(--cio-muted);border:2px solid var(--cio-line);transition:all .3s ease}.cio-lbl{font-size:11.5px;color:var(--cio-muted);text-align:center;line-height:1.25;transition:color .3s}.cio-step.is-done .cio-dot{background:var(--cio-brand);border-color:var(--cio-brand);color:var(--cio-on-brand)}.cio-step.is-current .cio-dot{border-color:var(--cio-brand);color:var(--cio-brand-text);box-shadow:0 0 0 5px var(--cio-brand-soft)}.cio-step.is-current .cio-lbl{color:var(--cio-ink);font-weight:600}.cio-stage{position:relative;background:var(--cio-surface);border:1px solid var(--cio-line);border-radius:12px;height:var(--cio-stage-h,262px);overflow:hidden;transition:background .3s}.cio-scene{position:absolute;inset:0;padding:22px 24px;opacity:0;visibility:hidden;transform:translate(18px);transition:opacity .35s ease,transform .35s ease,visibility 0s .35s}.cio-scene.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease,transform .35s ease}.cio-h{font-size:14px;font-weight:700;margin:0 0 4px}.cio-sub{height:7px;width:38%;background:var(--cio-bar);border-radius:4px;margin-bottom:18px}.cio-bar{height:8px;border-radius:4px;background:var(--cio-bar)}.cio-field{height:34px;border:1px solid var(--cio-line);border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:8px}.cio-fill{height:8px;border-radius:4px;background:var(--cio-fill);width:var(--w)}.cio-chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;padding:7px 11px;border-radius:999px;background:var(--cio-brand-soft);color:var(--cio-brand-text);white-space:nowrap}.cio-chip i{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.55}.cio-chip.is-more{background:transparent;border:1.5px dashed var(--cio-dash)}.cio-check{width:22px;height:22px;border-radius:50%;background:var(--cio-ok);display:grid;place-items:center;flex:none}.cio-check:after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}.cio-tile{border:1.5px solid var(--cio-line);border-radius:10px;padding:14px;position:relative;background:var(--cio-surface)}.cio-tile>.cio-check{position:absolute;top:10px;right:10px}.cio-name{font-size:13px;font-weight:700;margin-bottom:10px}.cio-tap{position:absolute;width:26px;height:26px;border-radius:50%;background:var(--cio-accent);opacity:0;pointer-events:none}.cio-note{position:absolute;left:24px;right:24px;bottom:18px;font-size:12.5px;color:var(--cio-muted);display:flex;align-items:center;gap:8px}.cio-btn{position:relative;font-size:13px;font-weight:700;color:var(--cio-on-brand);background:var(--cio-brand);border-radius:9px;padding:10px 18px;min-width:118px;text-align:center}.cio-btn span{display:block}.cio-btn .is-after{position:absolute;inset:0;display:grid;place-items:center;opacity:0}.cio-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cio-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cio-grid3 .cio-bar+.cio-bar,.cio-grid2 .cio-bar+.cio-bar{margin-top:7px;width:60%}.cio-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:12px;color:var(--cio-muted)}.cio-pause{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px}.cio-pause:focus-visible{outline:2px solid var(--cio-brand)}.cio-pause svg{width:14px;height:14px;fill:currentColor}.cio-pause svg[hidden]{display:none}.cio-dots{display:flex;gap:6px}.cio-dots button{all:unset;cursor:pointer;width:7px;height:7px;border-radius:999px;background:var(--cio-line);transition:all .3s}.cio-dots button.is-current{width:20px;background:var(--cio-brand)}.cio-dots button:focus-visible{outline:2px solid var(--cio-brand);outline-offset:2px}.cio.no-stepper .cio-top{margin-bottom:14px}.cio-caption{margin:14px auto 0;max-width:560px;text-align:center;font-size:13px;line-height:1.5;color:var(--cio-caption)}.cio-scene.is-active .a-pop{animation:cio-pop .45s cubic-bezier(.2,.9,.3,1.3) var(--d,0s) both}.cio-scene.is-active .a-rise{animation:cio-rise .45s ease var(--d,0s) both}.cio-scene.is-active .a-fill{animation:cio-fill .7s ease var(--d,0s) both}.cio-scene.is-active .a-sel{animation:cio-sel .3s ease var(--d,0s) both}.cio-scene.is-active .a-tap{animation:cio-tap .6s ease var(--d,0s) both}.cio-scene.is-active .a-fade{animation:cio-fade .35s ease var(--d,0s) both}.cio-scene.is-active .a-out{animation:cio-out .25s ease var(--d,0s) both}@keyframes cio-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes cio-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes cio-fill{0%{width:0}to{width:var(--w)}}@keyframes cio-sel{to{border-color:var(--cio-brand);box-shadow:0 0 0 4px var(--cio-brand-soft)}}@keyframes cio-tap{0%{opacity:0;transform:scale(.4)}35%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes cio-fade{0%{opacity:0}to{opacity:1}}@keyframes cio-out{to{opacity:0}}@media(max-width:620px){.cio-card{padding:16px 14px 12px}.cio-lbl,.cio-badge{display:none}.cio-stage{height:var(--cio-stage-h-m,330px)}.cio-scene{padding:18px 16px}.cio-note{position:static;margin-top:14px}.cio-chip{font-size:12px;padding:6px 10px}.cio-grid2,.cio-grid3{grid-template-columns:1fr;gap:8px}}@media(prefers-reduced-motion:reduce){.cio *,.cio *:before,.cio *:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}