.cpu-io-frame{background:#ffffff12;border:1px solid #ffffff29;border-radius:18px;width:min(980px,96%);margin:0 auto;padding:22px 28px 24px;box-shadow:0 18px 48px #0000003d}.cpu-io-legend{justify-content:center;gap:28px;margin-bottom:22px;font-size:.52em;display:flex}.cpu-io-legend span{align-items:center;gap:8px;display:inline-flex}.cpu-io-legend span:before{content:"";border-radius:4px;width:22px;height:14px;display:inline-block}.cpu-io-legend .cpu:before,.cpu-io-segment.cpu{background:linear-gradient(135deg,#ffd166,#f6a623)}.cpu-io-legend .io:before,.cpu-io-segment.io{background:linear-gradient(135deg,#7bdff2,#2f80ed)}.cpu-io-track{grid-template-columns:150px 1fr;align-items:center;gap:14px;margin:16px 0;display:grid}.cpu-io-label{text-align:right;color:#e9f3f7;font-size:.5em}.cpu-io-timeline{background:#00000038;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:repeat(16,1fr);height:64px;display:grid;overflow:hidden}.cpu-io-segment{color:#101820;border-right:2px solid #00000040;justify-content:center;align-items:center;font-size:.42em;font-weight:700;display:flex}.cpu-io-segment:last-child{border-right:0}.cpu-io-segment.io{color:#071b2d}.cpu-io-axis{color:#c7d6df;grid-template-columns:150px repeat(5,1fr);gap:14px;margin-top:4px;font-size:.36em;display:grid}.cpu-io-axis span{text-align:center}.cpu-io-summary{justify-content:space-around;gap:20px;margin-top:22px;font-size:.45em;display:flex}.cpu-io-summary strong{color:#ffd166}.dispatcher-animation{background:radial-gradient(circle at 76%,#7bdff224,#0000 30%),linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff24;border-radius:24px;width:min(1040px,98%);height:480px;margin:-8px auto 0;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000047}.dispatcher-label{color:#d8edf5;text-align:left;margin:0;font-size:.44em;position:absolute;top:18px;left:28px}.ready-queue,.dispatcher-kernel,.cpu-chip{background:#00000038;border:1px solid #ffffff2e;border-radius:18px;position:absolute}.ready-queue{width:180px;height:284px;padding:16px;top:108px;left:34px}.dispatcher-kernel{background:linear-gradient(135deg,#ffd1663b,#f6a6231f);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:190px;height:116px;display:flex;top:168px;left:300px}.cpu-chip{background:linear-gradient(135deg,#2f80ed33,#0f2337b3);width:310px;height:334px;padding:20px;top:82px;right:36px}.ready-queue h6,.dispatcher-kernel h6,.cpu-chip h6{color:#fff;margin:0 0 12px;font-size:.42em}.dispatcher-kernel h6{margin:0}.dispatcher-kernel p{color:#fff3c4;margin:0;font-size:.34em}.queue-process{color:#112010;text-align:center;background:linear-gradient(135deg,#d9f99d,#86efac);border-radius:999px;margin:12px 0;padding:9px 12px;font-size:.38em;font-weight:700;animation:8s ease-in-out infinite queue-p1;display:block;position:absolute;left:16px;right:16px}.queue-process.q2{animation-name:queue-p2}.queue-process.q3{animation-name:queue-p3}.queue-process.q4{animation-name:queue-p4}.queue-process.q1,.queue-process.q2,.queue-process.q3,.queue-process.q4{left:16px;right:16px}.core-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.cpu-core{color:#e8f7ff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:16px;justify-content:center;align-items:center;height:112px;font-size:.4em;font-weight:700;display:flex;position:relative}.cpu-core:after{content:"ejecutando";color:#b8d8e6;font-size:.72em;font-weight:400;position:absolute;bottom:10px;left:0;right:0}.dispatch-line{transform-origin:0;background:linear-gradient(90deg,#ffffff1f,#ffd166a6);width:54px;height:2px;position:absolute;left:246px}.dispatch-line.to-dispatcher{top:226px}.dispatch-line.to-cpu{width:168px;top:226px;left:490px}.dispatch-packet{color:#16130a;background:linear-gradient(135deg,#ffd166,#f6a623);border-radius:999px;justify-content:center;align-items:center;width:58px;height:36px;font-size:.34em;font-weight:700;animation:8s ease-in-out infinite backwards dispatch-core-1;display:flex;position:absolute;top:214px;left:38px;box-shadow:0 0 18px #ffd16673}.dispatch-packet.p2{animation-name:dispatch-core-2;animation-delay:2s}.dispatch-packet.p3{animation-name:dispatch-core-3;animation-delay:4s}.dispatch-packet.p4{animation-name:dispatch-core-4;animation-delay:6s}.dispatch-step{color:#d8edf5;justify-content:space-between;font-size:.34em;display:flex;position:absolute;bottom:12px;left:190px;right:170px}@keyframes dispatch-core-1{0%,to{opacity:0;top:148px;left:108px}8%{opacity:1;top:148px;left:108px}20%{opacity:1;top:148px;left:108px}36%{opacity:1;top:208px;left:366px}66%{opacity:1;top:174px;left:calc(100% - 322px)}82%{opacity:0;top:174px;left:calc(100% - 322px)}}@keyframes dispatch-core-2{0%,to{opacity:0;top:148px;left:108px}8%{opacity:1;top:148px;left:108px}20%{opacity:1;top:148px;left:108px}36%{opacity:1;top:208px;left:366px}66%{opacity:1;top:174px;left:calc(100% - 159px)}82%{opacity:0;top:174px;left:calc(100% - 159px)}}@keyframes dispatch-core-3{0%,to{opacity:0;top:148px;left:108px}8%{opacity:1;top:148px;left:108px}20%{opacity:1;top:148px;left:108px}36%{opacity:1;top:208px;left:366px}66%{opacity:1;top:302px;left:calc(100% - 322px)}82%{opacity:0;top:302px;left:calc(100% - 322px)}}@keyframes dispatch-core-4{0%,to{opacity:0;top:148px;left:108px}8%{opacity:1;top:148px;left:108px}20%{opacity:1;top:148px;left:108px}36%{opacity:1;top:208px;left:366px}66%{opacity:1;top:302px;left:calc(100% - 159px)}82%{opacity:0;top:302px;left:calc(100% - 159px)}}@keyframes queue-p1{0%,8%{opacity:1;top:70px;transform:translate(0)}18%{opacity:0;top:70px;transform:translate(92px)}18.01%,92%{opacity:0;top:70px;transform:translate(92px)}to{opacity:1;top:70px;transform:translate(0)}}@keyframes queue-p2{0%,8%{opacity:1;top:124px;transform:translate(0)}18%,30%{opacity:1;top:70px;transform:translate(0)}40%{opacity:0;top:70px;transform:translate(92px)}40.01%,92%{opacity:0;top:70px;transform:translate(92px)}to{opacity:1;top:124px;transform:translate(0)}}@keyframes queue-p3{0%,8%{opacity:1;top:178px;transform:translate(0)}18%,30%{opacity:1;top:124px;transform:translate(0)}40%,55%{opacity:1;top:70px;transform:translate(0)}65%{opacity:0;top:70px;transform:translate(92px)}65.01%,92%{opacity:0;top:70px;transform:translate(92px)}to{opacity:1;top:178px;transform:translate(0)}}@keyframes queue-p4{0%,8%{opacity:0;top:232px;transform:translate(0)}18%,30%{opacity:1;top:178px;transform:translate(0)}40%,55%{opacity:1;top:124px;transform:translate(0)}65%,80%{opacity:1;top:70px;transform:translate(0)}90%{opacity:0;top:70px;transform:translate(92px)}90.01%,92%{opacity:0;top:70px;transform:translate(92px)}to{opacity:1;top:232px;transform:translate(0)}}.mlq-demo{background:radial-gradient(circle at 74% 45%,#7bdff21f,#0000 28%),linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff24;border-radius:24px;width:min(1060px,98%);height:510px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000047}.mlq-incoming,.mlq-classifier,.mlq-cpu{background:#0000003d;border:1px solid #ffffff2e;border-radius:18px;position:absolute}.mlq-incoming{width:124px;height:250px;padding:12px;top:126px;left:28px}.mlq-classifier{color:#fff3c4;text-align:center;background:linear-gradient(135deg,#ffd1663b,#f6a6231f);justify-content:center;align-items:center;width:128px;height:96px;font-size:.36em;display:flex;top:192px;left:190px}.mlq-cpu{color:#e8f7ff;background:linear-gradient(135deg,#2f80ed38,#0f2337bf);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:190px;height:134px;display:flex;top:178px;right:42px}.mlq-cpu strong{font-size:.54em}.mlq-cpu span{color:#b8d8e6;font-size:.32em}.mlq-incoming h4{color:#fff;margin:0 0 14px;font-size:.36em}.mlq-chip{color:#112010;text-align:center;background:linear-gradient(135deg,#d9f99d,#86efac);border-radius:999px;width:58px;height:34px;margin:10px auto;font-size:.32em;font-weight:700;line-height:34px;display:block}.mlq-queue{background:#0000003d;border:1px solid #ffffff2e;border-radius:16px;grid-template-columns:104px 1fr;align-items:center;width:286px;height:66px;display:grid;position:absolute;left:356px;overflow:hidden}.mlq-system{top:48px}.mlq-interactive{top:134px}.mlq-batch{top:220px}.mlq-user{top:306px}.mlq-queue-title{color:#fff;text-align:left;background:#ffffff17;flex-direction:column;justify-content:center;height:100%;padding-left:14px;font-size:.28em;line-height:1.22;display:flex}.mlq-queue-title strong{color:#ffd166;font-size:1.18em}.mlq-queue-body{height:100%;position:relative}.mlq-queued-process{color:#111827;text-align:center;background:linear-gradient(135deg,#ffd166,#f6a623);border-radius:999px;width:54px;height:32px;font-size:.3em;font-weight:700;line-height:32px;animation:8s ease-in-out infinite mlq-queue-pulse;position:absolute;top:16px}.mlq-queued-process:first-child{left:12px}.mlq-queued-process:nth-child(2){animation-delay:1s;left:72px}.mlq-priority{color:#d8edf5;text-align:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;width:286px;padding:10px 12px;font-size:.3em;position:absolute;top:390px;left:356px}.mlq-rule{color:#e8f7ff;grid-template-columns:repeat(3,1fr);gap:14px;font-size:.3em;display:grid;position:absolute;bottom:18px;left:42px;right:42px}.mlq-rule span{background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;padding:10px 12px}.mlq-line{transform-origin:0;background:linear-gradient(90deg,#ffd1662e,#ffd166b3);height:2px;position:absolute}.mlq-line.in-classifier{width:38px;top:240px;left:152px}.mlq-line.to-system{width:98px;top:240px;left:318px;transform:rotate(-55deg)}.mlq-line.to-interactive{width:68px;top:240px;left:318px;transform:rotate(-24deg)}.mlq-line.to-batch{width:40px;top:240px;left:318px;transform:rotate(15deg)}.mlq-line.to-user{width:112px;top:240px;left:318px;transform:rotate(36deg)}.mlq-line.queue-cpu{width:150px;top:210px;left:642px}.mlq-line.queue-cpu.system{width:166px;top:81px;transform:rotate(37deg)}.mlq-line.queue-cpu.interactive{width:130px;top:167px;transform:rotate(22deg)}.mlq-line.queue-cpu.batch{width:122px;top:253px;transform:rotate(-9deg)}.mlq-line.queue-cpu.user{width:145px;top:339px;transform:rotate(-30deg)}.mlq-moving{color:#061d30;text-align:center;background:linear-gradient(135deg,#7bdff2,#2f80ed);border-radius:999px;width:58px;height:34px;font-size:.32em;font-weight:700;line-height:34px;animation:10s ease-in-out infinite mlq-classify-run;position:absolute;top:214px;left:86px;box-shadow:0 0 18px #7bdff266}@keyframes mlq-classify-run{0%,8%{opacity:1;top:214px;left:86px}22%{opacity:1;top:224px;left:226px}36%{opacity:1;top:150px;left:430px}58%{opacity:1;top:150px;left:430px}78%{opacity:1;top:226px;left:calc(100% - 154px)}92%,to{opacity:0;top:226px;left:calc(100% - 154px)}}@keyframes mlq-queue-pulse{0%,to{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.rr-demo{background:radial-gradient(circle at 50% 48%,#ffd1661f,#0000 30%),linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff24;border-radius:24px;width:min(980px,96%);height:500px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000047}.rr-cpu{color:#e8f7ff;background:linear-gradient(135deg,#2f80ed3d,#0f2337c7);border:1px solid #ffffff2e;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:180px;height:112px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rr-cpu strong{font-size:.54em}.rr-cpu span{color:#b8d8e6;font-size:.32em}.rr-queue-ring{border:3px dashed #ffd16673;border-radius:50%;width:390px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rr-process{color:#16130a;background:linear-gradient(135deg,#ffd166,#f6a623);border-radius:999px;justify-content:center;align-items:center;width:66px;height:42px;font-size:.36em;font-weight:700;animation:8s ease-in-out infinite rr-turn-pulse;display:flex;position:absolute;box-shadow:0 0 18px #ffd16666}.rr-p1{animation-delay:0s;top:72px;left:462px}.rr-p2{animation-delay:2s;top:220px;left:684px}.rr-p3{animation-delay:4s;top:374px;left:462px}.rr-p4{animation-delay:6s;top:220px;left:242px}.rr-token{color:#061d30;background:linear-gradient(135deg,#7bdff2,#2f80ed);border-radius:999px;justify-content:center;align-items:center;width:66px;height:42px;font-size:.32em;font-weight:700;animation:8s ease-in-out infinite rr-token-rotation;display:flex;position:absolute;top:72px;left:462px;box-shadow:0 0 20px #7bdff27a}.rr-arrow{border:0;border-radius:50%;width:250px;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rr-arrow:after{content:"↻";color:#ffd166;font-size:1.2em;position:absolute;top:92px;right:-12px}.rr-quantum{color:#e8f7ff;text-align:left;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;width:238px;padding:14px 16px;font-size:.34em;position:absolute;top:38px;left:40px}.rr-steps{color:#e8f7ff;gap:10px;width:260px;font-size:.32em;display:grid;position:absolute;top:36px;right:38px}.rr-steps span{background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;padding:10px 12px}.rr-result{color:#d8edf5;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;padding:12px 16px;font-size:.34em;position:absolute;bottom:22px;left:52px;right:52px}@keyframes rr-token-rotation{0%,18%{top:72px;left:462px}25%,43%{top:220px;left:684px}50%,68%{top:374px;left:462px}75%,93%{top:220px;left:242px}to{top:72px;left:462px}}@keyframes rr-turn-pulse{0%,to{opacity:.78;transform:scale(1)}15%,25%{opacity:1;transform:scale(1.16)}}.mlfq-demo{background:radial-gradient(circle at 76% 30%,#ffd16624,#0000 26%),linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff24;border-radius:24px;width:min(1060px,98%);height:510px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000047}.mlfq-queue{background:#0000003d;border:1px solid #ffffff2e;border-radius:18px;grid-template-columns:118px 1fr;align-items:center;width:470px;height:82px;display:grid;position:absolute;left:40px;overflow:hidden}.mlfq-q0{top:58px}.mlfq-q1{top:178px}.mlfq-q2{top:298px}.mlfq-title{color:#fff;text-align:left;background:#ffffff17;flex-direction:column;justify-content:center;height:100%;padding-left:18px;font-size:.34em;line-height:1.25;display:flex}.mlfq-title strong{color:#ffd166;font-size:1.18em}.mlfq-slots{height:100%;position:relative}.mlfq-slot{background:#ffffff1a;border:1px dashed #ffffff2e;border-radius:999px;width:58px;height:36px;position:absolute;top:22px}.mlfq-slot:first-child{left:22px}.mlfq-slot:nth-child(2){left:92px}.mlfq-slot:nth-child(3){left:162px}.mlfq-slot:nth-child(4){left:232px}.mlfq-cpu{color:#e8f7ff;background:linear-gradient(135deg,#2f80ed38,#0f2337bf);border:1px solid #ffffff2e;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:270px;height:164px;display:flex;position:absolute;top:130px;right:52px}.mlfq-cpu strong{font-size:.52em}.mlfq-cpu span{color:#b8d8e6;font-size:.34em}.mlfq-io{color:#d8edf5;background:#2f80ed26;border:1px solid #7bdff26b;border-radius:18px;justify-content:center;align-items:center;width:220px;height:58px;font-size:.36em;display:flex;position:absolute;top:352px;right:74px}.mlfq-rule{color:#e8f7ff;grid-template-columns:repeat(3,1fr);gap:14px;font-size:.31em;display:grid;position:absolute;bottom:18px;left:46px;right:46px}.mlfq-rule span{background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;padding:10px 12px}.mlfq-arrow{transform-origin:0;background:linear-gradient(90deg,#ffd16633,#ffd166bf);height:2px;position:absolute}.mlfq-arrow.q0-cpu{width:260px;top:100px;left:510px;transform:rotate(17deg)}.mlfq-arrow.q1-cpu{width:235px;top:220px;left:510px;transform:rotate(-3deg)}.mlfq-arrow.q2-cpu{width:280px;top:340px;left:510px;transform:rotate(-24deg)}.mlfq-process{color:#16130a;background:linear-gradient(135deg,#ffd166,#f6a623);border-radius:999px;justify-content:center;align-items:center;width:58px;height:36px;font-size:.34em;font-weight:700;animation:12s ease-in-out infinite mlfq-cpu-bound;display:flex;position:absolute;top:80px;left:182px;box-shadow:0 0 18px #ffd16673}.mlfq-process.interactive{color:#061d30;background:linear-gradient(135deg,#7bdff2,#2f80ed);animation:12s ease-in-out infinite mlfq-interactive}.mlfq-status{color:#fff3c4;text-align:center;width:270px;font-size:.34em;animation:12s linear infinite mlfq-status;position:absolute;top:72px;right:52px}@keyframes mlfq-cpu-bound{0%,5%{opacity:1;top:80px;left:182px}18%{opacity:1;top:184px;left:calc(100% - 230px)}28%{opacity:1;top:200px;left:182px}44%{opacity:1;top:184px;left:calc(100% - 230px)}56%{opacity:1;top:320px;left:182px}74%{opacity:1;top:184px;left:calc(100% - 230px)}88%,to{opacity:1;top:320px;left:182px}}@keyframes mlfq-interactive{0%,8%{opacity:1;top:80px;left:252px}20%{opacity:1;top:184px;left:calc(100% - 160px)}30%{opacity:1;top:366px;left:calc(100% - 170px)}44%{opacity:1;top:80px;left:252px}62%{opacity:1;top:184px;left:calc(100% - 160px)}72%{opacity:1;top:366px;left:calc(100% - 170px)}86%,to{opacity:1;top:80px;left:252px}}@keyframes mlfq-status{0%,22%{opacity:1}23%,25%{opacity:0}26%,48%{opacity:1}49%,51%{opacity:0}52%,76%{opacity:1}77%,79%{opacity:0}80%,to{opacity:1}}
