body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%;min-height:100%}.vertical-steps-container{-webkit-tap-highlight-color:transparent;flex-direction:column;gap:16px;width:100%;margin-bottom:0;padding-bottom:0;display:flex}.vertical-step-item{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fffc;border:1px solid #95de6433;border-radius:16px;width:78%;max-height:1000px;margin:0 auto;font-family:Inter,Segoe UI,Roboto,sans-serif;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.vertical-step-item:hover:not(.upcoming){background:#f6ffede6;transform:translate(8px);box-shadow:0 12px 32px #95de6440}.vertical-step-item:focus{outline-offset:4px;outline:2px solid #faad14}.step-header{z-index:1;align-items:center;padding:20px 24px;display:flex;position:relative}.step-number{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:16px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.step-number .anticon{justify-content:center;align-items:center;font-size:18px;display:flex}.checkmark-icon{font-size:20px}.step-info{flex:1;min-width:0}.step-title{color:#333;margin:0 0 4px;font-size:18px;font-weight:600;transition:all .3s}.step-description{color:#666;margin:0;font-size:14px;transition:all .3s}.step-arrow{margin-left:16px;transition:all .3s}.arrow{color:#666;font-size:12px;font-weight:700;transition:transform .3s}.step-content{padding:0 24px 24px;animation:.4s cubic-bezier(.4,0,.2,1) slideDown}.vertical-step-item.completed{background:#95de641a;border-color:#95de644d}.vertical-step-item.completed .step-number{color:#fff;background:#95de64}.vertical-step-item.completed .step-title{color:#95de64}.vertical-step-item.completed .step-description{color:#95de64cc}.vertical-step-item.current{background:#95de6426;border-color:#95de6480;max-height:1000px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #95de6433}.vertical-step-item.current .step-number{color:#fff;background:#95de64;box-shadow:0 4px 12px #95de6466}.vertical-step-item.current .step-title{color:#333}.vertical-step-item.current .step-description{color:#666}.vertical-step-item.current .arrow{color:#faad14;animation:1.5s ease-in-out infinite bounce}.vertical-step-item.upcoming{cursor:not-allowed;opacity:.7;background:#fff9;border-color:#95de6433;max-height:80px}.vertical-step-item.completed{max-height:80px}.vertical-step-item.upcoming .step-number{color:#666;background:#95de641a}.vertical-step-item.upcoming .step-title{color:#666}.vertical-step-item.upcoming .step-description{color:#6669}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(3px)}60%{transform:translateY(1px)}}.step-actions{border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:16px;margin-top:30px;padding-top:20px;display:flex}.shaking{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.step-actions .ant-btn{position:relative;overflow:hidden;border-radius:12px!important;padding:12px 32px!important;font-size:16px!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.step-actions .ant-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.step-actions .ant-btn:hover:before{left:100%}.step-actions .ant-btn-primary{color:#fff!important;background:#95de64!important;border-color:#95de64!important;box-shadow:0 4px 16px #95de6466!important}.step-actions .ant-btn-primary:hover{background:#85ce54!important;border-color:#85ce54!important;transform:translateY(-3px)!important;box-shadow:0 8px 24px #95de6499!important}.step-actions .ant-btn-default{color:#333!important;background:#fffc!important;border:1px solid #95de6433!important}.step-actions .ant-btn-default:hover{background:#ffffffe6!important;border-color:#95de6466!important;transform:translateY(-3px)!important;box-shadow:0 4px 12px #0000001a!important}@media (width<=768px){.vertical-step-item{width:95%}.step-header{padding:16px 20px}.step-content{padding:0 20px 20px}.step-number{width:36px;height:36px;font-size:14px}.step-title{font-size:16px}.step-description{font-size:13px}}@media (width<=480px){.vertical-step-item{width:120%;margin-left:-10%}.step-header{padding:14px 16px}.step-content{padding:0 16px 16px}.step-number{width:32px;height:32px;margin-right:12px;font-size:12px}.step-title{font-size:14px}.step-description{font-size:12px}}@media (prefers-reduced-motion:reduce){.vertical-step-item,.step-number,.step-title,.step-description,.arrow{transition:none}.step-content,.vertical-step-item.animating.forward,.vertical-step-item.animating.backward{animation:none}}@media (prefers-contrast:high){.vertical-step-item{border:2px solid #ffffff4d}.vertical-step-item.current{border-color:#a855f7}.vertical-step-item.completed{border-color:#10b981}}*{box-sizing:border-box;margin:0;padding:0}:root{--ant-color-primary:#95de64!important;--ant-color-primary-hover:#85ce54!important;--ant-color-primary-active:#75be44!important}.ant-radio-checked .ant-radio-inner:after{background-color:#fff!important;border-color:#fff!important;transform:scale(1)!important}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}:root{--primary-color:#95de64;--secondary-color:#faad14;--accent-color:#ffd666;--text-primary:#333;--text-secondary:#666;--glass-bg:#fffc;--glass-border:#ffffffe6;--shadow-light:0 8px 32px 0 #95de6426;--shadow-heavy:0 20px 40px #0000001a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6ffed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative}body:before{content:"";z-index:-1;background:#95de641a;width:200%;height:200%;animation:20s ease-in-out infinite float;position:fixed;top:-50%;left:-50%}body:after{content:"";z-index:-1;background:#faad141a;width:200%;height:200%;animation:15s ease-in-out infinite reverse float;position:fixed;bottom:-50%;right:-50%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(1deg)}}.app-container{z-index:1;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:40px 20px 20px;display:flex;position:relative}.content.animating{animation:.6s cubic-bezier(.4,0,.2,1) fadeIn}.header{text-align:center;margin-bottom:60px;position:relative}.header h2{color:#95de64;text-shadow:0 2px 4px #0000001a;margin-bottom:10px;font-size:2.5rem;font-weight:700}.logo{max-width:300px;height:auto;margin:0 auto;display:block}.content{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;margin:0;padding:0;transition:none}.content:hover{box-shadow:none;transform:none}.glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;border:1px solid #ffffffe6;border-radius:20px;padding:40px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #95de6426}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#95de644d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{background:#ffffffe6;transform:translateY(-8px);box-shadow:0 16px 48px #95de6433}.ant-radio-group{flex-direction:column;gap:16px;display:flex}.ant-radio{margin-bottom:0!important}.ant-radio-wrapper{color:var(--text-primary)!important;background:#fff9!important;border:1px solid #95de6433!important;border-radius:12px!important;padding:12px 16px!important;font-size:16px!important;transition:all .3s!important}.ant-radio-wrapper:hover{background:#fffc!important;border-color:#95de6466!important}.ant-radio-inner{border-color:#95de6480!important;width:18px!important;height:18px!important}.ant-radio .ant-radio-inner{border-color:#95de6480!important}.ant-radio-checked .ant-radio-inner{background-color:#95de64!important;border-color:#95de64!important}.ant-radio-checked .ant-radio-inner:after{background-color:#fff!important;border-color:#fff!important}.ant-radio:hover .ant-radio-inner{border-color:#95de64!important}.ant-input{color:var(--text-primary)!important;background:#fffc!important;border:1px solid #95de6433!important;border-radius:12px!important;padding:12px 16px!important;font-size:16px!important;transition:all .3s!important}.ant-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #95de6433!important}.ant-input::placeholder{color:#6669!important}.ant-btn{position:relative;overflow:hidden;border-radius:12px!important;padding:12px 32px!important;font-size:16px!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.ant-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.ant-btn:hover:before{left:100%}.ant-btn-primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important;box-shadow:0 4px 16px #95de6466!important}.ant-btn-primary:hover{background:#85ce54!important;border-color:#85ce54!important;transform:translateY(-3px)!important;box-shadow:0 8px 24px #95de6499!important}.ant-btn-default{color:var(--text-primary)!important;background:#fffc!important;border:1px solid #95de6433!important}.ant-btn-default:hover{background:#ffffffe6!important;border-color:#95de6466!important;transform:translateY(-3px)!important;box-shadow:0 4px 12px #0000001a!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.glass-card{animation:.6s cubic-bezier(.4,0,.2,1) fadeIn}.result-container{margin-top:30px}.result-text{white-space:pre-wrap;color:var(--text-primary);background:#fffc;border:1px solid #95de6433;border-radius:16px;padding:24px;font-family:JetBrains Mono,monospace;line-height:1.6}.copy-button{margin-top:20px}@media (width<=768px){.app-container{padding:40px 16px}.header h2{font-size:2rem}.content{padding:30px}.glass-card{padding:24px}.step-actions{flex-direction:column;align-items:stretch;gap:12px}.ant-btn{width:100%}.ant-steps{margin-bottom:30px}.ant-steps-item-title{font-size:14px!important}.ant-steps-item-description{font-size:12px!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#95de641a;border-radius:4px}::-webkit-scrollbar-thumb{background:#95de644d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#95de6480}::selection{color:var(--text-primary);background:#95de644d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:1.5s ease-in-out infinite pulse}.color-selection-container{margin-top:20px}.color-selection-title{margin-bottom:15px;font-size:16px;display:block}.colors-list{flex-direction:column;gap:15px;display:flex}.color-item{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:12px;width:100%;display:flex}.color-label{flex-shrink:0;width:60px;font-size:14px}.color-picker{box-sizing:border-box;flex-shrink:0;width:40px;height:40px;padding:0}.color-picker .ant-color-picker-trigger{border-radius:4px;width:100%;height:100%}.color-picker .ant-color-picker-trigger>div{border-radius:2px;width:100%;height:100%}.color-input{flex-shrink:1;width:200px;min-width:150px;height:40px;font-size:14px}.delete-color-button{border-radius:50%;width:40px;height:40px;color:#ff4d4f!important;background-color:#ff4d4f1a!important;border:1px solid #ff4d4f33!important;justify-content:center!important;align-items:center!important;transition:all .3s!important;display:flex!important}.delete-color-button:hover{color:#fff!important;background-color:#ff4d4f!important;border-color:#ff4d4f!important}@media (width<=768px){.color-item{gap:10px}.color-label{width:50px;font-size:13px}.color-picker{width:36px;height:36px}.color-input{width:160px;min-width:120px;height:36px;font-size:13px}.delete-color-button{width:36px;height:36px}}@media (width<=480px){.color-item{gap:8px}.color-label{width:45px;font-size:12px}.color-picker{width:32px;height:32px}.color-input{width:120px;min-width:90px;height:32px;font-size:12px}.delete-color-button{width:32px;height:32px}}.color-count-container{width:100%;max-width:300px;margin-bottom:30px}.color-count-button{width:60px;height:40px;font-size:20px;font-weight:700}.color-count-input{text-align:center;width:120px;height:40px;font-size:16px}@media (width<=768px){.color-count-button{width:50px;height:35px;font-size:18px}.color-count-input{width:100px;height:35px;font-size:14px}}@media (width<=480px){.color-count-container{max-width:250px}.color-count-button{width:45px;height:30px;font-size:16px}.color-count-input{width:80px;height:30px;font-size:12px}}