.xn-slot:empty{display:none}.xn-btn{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 16px;font-size:.84rem;font-weight:700;text-decoration:none;transition:transform .2s,filter .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.xn-btn:hover{transform:translateY(-1px)}.xn-btn:active{transform:scale(.985)}.xn-btn:focus-visible{outline-offset:2px;outline:2px solid #e830308c}.xn-btn--sm{border-radius:9px;min-height:32px;padding:0 12px;font-size:.78rem}.xn-btn--red{color:#fff;background:linear-gradient(135deg,#e83030,#b02020);box-shadow:0 8px 22px -10px #e8303099,inset 0 1px #ffffff29}.xn-btn--red:hover{filter:brightness(1.12);box-shadow:0 10px 26px -10px #e83030b3,inset 0 1px #ffffff29}.xn-btn--ghost{color:#ffffffdb;background:linear-gradient(#ffffff0f,#ffffff06);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0f}.xn-btn--ghost:hover{filter:brightness(1.15);box-shadow:0 8px 20px -12px #000c,inset 0 1px #ffffff0f}.xn-btn--plum{color:#fff;background:radial-gradient(120% 140% at 30% 0,#8b5cf6 0%,#6d28d9 45%,#4c1d95 100%);box-shadow:0 8px 24px -10px #8b5cf6a6,inset 0 1px #ffffff2e}.xn-btn--plum:hover{filter:brightness(1.12)}.xn-x{color:#ffffff6b;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;transition:background .2s,color .2s;display:grid}.xn-x:hover{color:#fff;background:#ffffff0f}.xn-x:focus-visible{outline-offset:1px;outline:2px solid #e8303080}.xn-check{background:radial-gradient(120% 90% at 100% 0,#e8303012,#0000 60%),linear-gradient(#ffffff09,#ffffff04);border:1px solid #ffffff14;border-radius:16px;padding:18px 18px 10px;animation:.45s cubic-bezier(.22,1,.36,1) backwards xn-rise;box-shadow:inset 0 1px #ffffff0d}.xn-check-head{align-items:center;gap:12px;display:flex}.xn-check-title{letter-spacing:-.01em;color:#f4ecef;margin:0;font-size:1rem;font-weight:800}.xn-check-count{color:#ffffff80;font-variant-numeric:tabular-nums;margin-left:auto;font-size:.78rem}.xn-segs{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;margin:12px 0 6px;display:grid}.xn-seg{background:#ffffff14;border-radius:4px;height:4px;transition:background .4s}.xn-seg.is-done{background:linear-gradient(90deg,#e83030,#ff6b6b)}.xn-steps{margin:0;padding:0;list-style:none}.xn-step{border-top:1px solid #ffffff0d;align-items:center;gap:12px;padding:10px 2px;display:flex}.xn-step:first-child{border-top:0}.xn-tick{color:#fff;border:1.5px solid #ffffff2e;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.xn-step.is-done .xn-tick{background:#3dba6e;border-color:#0000}.xn-step.is-now .xn-tick{border-color:#e83030b3;box-shadow:0 0 0 4px #e830301f}.xn-step-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.xn-step-title{color:#fff9;font-size:.88rem;font-weight:600}.xn-step.is-done .xn-step-title{color:#ffffff6b}.xn-step.is-now .xn-step-title{color:#fff;font-weight:700}.xn-step-hint{color:#ffffff85;font-size:.78rem;line-height:1.45}.xn-bar{background:linear-gradient(90deg,#e8303012,#ffffff05);border:1px solid #e830302e;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:46px;padding:7px 8px 7px 12px;animation:.4s cubic-bezier(.22,1,.36,1) backwards xn-rise;display:flex}.xn-bar.is-on{background:#3dba6e0f;border-color:#3dba6e38}.xn-bar-icon{color:#ff8a8a;background:#e830301f;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.xn-dot{background:#3dba6e;border-radius:50%;width:8px;height:8px;margin:0 6px 0 4px;box-shadow:0 0 10px #3dba6eb3}.xn-bar-text{color:#ffffffb3;flex:260px;margin:0;font-size:.84rem;line-height:1.45}.xn-bar-text b{color:#fff;font-weight:700}.xn-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e;justify-content:center;align-items:center;padding:16px;animation:.2s xn-fade;display:flex;position:fixed;inset:0}.xn-modal{background:radial-gradient(120% 80% at 50% 0,#e8303014,#0000 60%),#161218;border:1px solid #ffffff14;border-radius:18px;width:100%;max-width:540px;padding:28px 26px 22px;animation:.32s cubic-bezier(.16,1,.3,1) xn-pop;position:relative;box-shadow:0 30px 80px -30px #000000e6,inset 0 1px #ffffff0d}.xn-close{color:#ffffff73;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;transition:background .2s,color .2s;display:grid;position:absolute;top:12px;right:12px}.xn-close:hover{color:#fff;background:#ffffff0f}.xn-close:focus-visible{outline:2px solid #e8303080}.xn-modal-title{letter-spacing:-.02em;color:#f4ecef;margin:0 36px 6px 0;font-size:1.2rem;font-weight:800}.xn-modal-sub{color:#fff9;margin:0 0 18px;font-size:.86rem;line-height:1.55}.xn-slides{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.xn-slide{color:inherit;background:linear-gradient(#ffffff0a,#ffffff04);border:1px solid #ffffff12;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 12px 12px;text-decoration:none;animation:.45s cubic-bezier(.22,1,.36,1) backwards xn-rise;display:flex}.xn-slide:nth-child(2){animation-delay:60ms}.xn-slide:nth-child(3){animation-delay:.12s}.xn-slide.is-link{transition:transform .2s,border-color .2s,background .2s}.xn-slide.is-link:hover{background:linear-gradient(#e8303012,#ffffff04);border-color:#e830304d;transform:translateY(-2px)}.xn-slide.is-link:focus-visible{outline-offset:2px;outline:2px solid #e8303080}.xn-slide-visual{align-items:center;height:40px;margin-bottom:6px;display:flex}.xn-plate{color:#ff8a8a;background:linear-gradient(135deg,#e8303033,#e830300d);border:1px solid #e8303033;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.xn-slide-label{color:#fff;font-size:.82rem;font-weight:700}.xn-slide-text{color:#ffffff8c;font-size:.76rem;line-height:1.4}.xn-acts{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@keyframes xn-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes xn-fade{0%{opacity:0}to{opacity:1}}@keyframes xn-pop{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@media (max-width:560px){.xn-slides{grid-template-columns:1fr}.xn-slide{grid-template-columns:40px 1fr;align-items:center;gap:1px 12px;padding:12px;display:grid}.xn-slide-visual{grid-row:span 2;margin-bottom:0}.xn-step{flex-wrap:wrap;row-gap:10px}.xn-step-body{flex-basis:calc(100% - 34px)}.xn-step .xn-btn{margin-left:34px}.xn-check-count{white-space:nowrap}.xn-bar{padding:10px 12px;position:relative}.xn-bar-text{padding-right:26px}.xn-bar>.xn-x{position:absolute;top:6px;right:6px}.xn-bar>.xn-btn{margin-left:40px}.xn-acts .xn-btn{flex:auto}}@media (prefers-reduced-motion:reduce){.xn-check,.xn-bar,.xn-backdrop,.xn-modal,.xn-slide{animation:none}.xn-btn,.xn-slide.is-link{transition:none}}