@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
.swo{z-index:99999;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:rgba(5,5,8,.94);justify-content:center;align-items:center;font-family:Fira Code,JetBrains Mono,Cascadia Code,SF Mono,Consolas,monospace;animation:.5s forwards swoBackdropIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.swo--exit{animation:.6s forwards swoBackdropOut}@keyframes swoBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes swoBackdropOut{to{opacity:0;pointer-events:none}}.swo__scanline{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.swo__scanline:after{content:"";background:linear-gradient(90deg,transparent 10%,rgba(0,229,255,.12),transparent 90%);height:4px;animation:3.5s linear infinite swoScanline;position:absolute;top:-4px;left:0;right:0}@keyframes swoScanline{0%{top:-4px}to{top:100%}}.swo__noise{opacity:.025;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.swo__grid{pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(255,255,255,.01) 59px,rgba(255,255,255,.01) 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(255,255,255,.01) 59px,rgba(255,255,255,.01) 60px);position:absolute;top:0;bottom:0;left:0;right:0}.swo__particles{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.swo__particle{background:rgba(0,229,255,.25);border-radius:50%;width:2px;height:2px;animation:7s ease-in-out infinite swoFloat;position:absolute}.swo__particle:first-child{animation-duration:6s;animation-delay:0s;top:8%;left:12%}.swo__particle:nth-child(2){animation-duration:8s;animation-delay:.6s;top:16%;left:78%}.swo__particle:nth-child(3){animation-duration:7s;animation-delay:1.2s;top:32%;left:22%}.swo__particle:nth-child(4){animation-duration:6.5s;animation-delay:.3s;top:44%;left:90%}.swo__particle:nth-child(5){animation-duration:9s;animation-delay:1.8s;top:55%;left:42%}.swo__particle:nth-child(6){animation-duration:7.5s;animation-delay:.9s;top:70%;left:8%}.swo__particle:nth-child(7){animation-duration:6s;animation-delay:2.1s;top:78%;left:62%}.swo__particle:nth-child(8){animation-duration:8.5s;animation-delay:.5s;top:88%;left:35%}.swo__particle:nth-child(9){animation-duration:7s;animation-delay:1.5s;top:24%;left:55%}.swo__particle:nth-child(10){animation-duration:6.5s;animation-delay:2.4s;top:50%;left:5%}.swo__particle:nth-child(11){animation-duration:8s;animation-delay:.2s;top:65%;left:92%}.swo__particle:nth-child(12){animation-duration:7.5s;animation-delay:1s;top:92%;left:72%}@keyframes swoFloat{0%,to{opacity:.15;transform:translateY(0)translate(0)}25%{opacity:.45;transform:translateY(-14px)translate(6px)}50%{opacity:.25;transform:translateY(-6px)translate(-4px)}75%{opacity:.55;transform:translateY(-18px)translate(8px)}}.swo__panel{background:rgba(13,13,16,.96);border:1px solid rgba(255,255,255,.06);border-radius:10px;flex-direction:column;width:94vw;max-width:680px;max-height:92vh;animation:.6s cubic-bezier(.16,1,.3,1) forwards swoPanelIn;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px rgba(0,229,255,.04),0 0 120px rgba(0,0,0,.5)}.swo__panel--exit{animation:.5s forwards swoPanelOut}@keyframes swoPanelIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes swoPanelOut{to{opacity:0;transform:scale(.97)translateY(-8px)}}.swo__corner{pointer-events:none;z-index:2;width:18px;height:18px;position:absolute}.swo__corner--tl{border-top:2px solid rgba(0,229,255,.35);border-left:2px solid rgba(0,229,255,.35);border-radius:10px 0 0;top:-1px;left:-1px}.swo__corner--tr{border-top:2px solid rgba(0,229,255,.35);border-right:2px solid rgba(0,229,255,.35);border-radius:0 10px 0 0;top:-1px;right:-1px}.swo__corner--bl{border-bottom:2px solid rgba(0,229,255,.35);border-left:2px solid rgba(0,229,255,.35);border-radius:0 0 0 10px;bottom:-1px;left:-1px}.swo__corner--br{border-bottom:2px solid rgba(0,229,255,.35);border-right:2px solid rgba(0,229,255,.35);border-radius:0 0 10px;bottom:-1px;right:-1px}.swo__header{justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.swo__header-left{align-items:center;gap:8px;display:flex}.swo__dot{background:#00e5ff;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite swoDotPulse;box-shadow:0 0 8px rgba(0,229,255,.5)}@keyframes swoDotPulse{0%,to{opacity:1}50%{opacity:.35}}.swo__header-label{letter-spacing:3px;color:rgba(255,255,255,.5);font-size:.65rem;font-weight:500}.swo__header-tag{letter-spacing:2px;color:rgba(0,229,255,.4);font-size:.55rem;font-weight:400}.swo__divider{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);height:1px}.swo__body{scrollbar-width:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:28px 28px 20px;display:flex;overflow-y:auto}.swo__body::-webkit-scrollbar{display:none}.swo__boot{flex-direction:column;gap:8px;width:100%;max-width:380px;max-height:200px;transition:max-height .5s,opacity .35s,margin .5s;display:flex;overflow:hidden}.swo__boot--done{opacity:0;max-height:0;margin:0}.swo__boot-line{opacity:0;align-items:center;gap:6px;font-size:.68rem;transition:opacity .3s,transform .3s;display:flex;transform:translate(-8px)}.swo__boot-line--vis{opacity:1;transform:translate(0)}.swo__boot-pfx{color:#00e5ff;font-weight:600}.swo__boot-txt{color:rgba(255,255,255,.4);flex:1}.swo__boot-st{letter-spacing:1px;opacity:0;font-size:.6rem;font-weight:600;transition:opacity .3s .15s}.swo__boot-line--vis .swo__boot-st{opacity:1}.swo__boot-st--ok{color:#66bb6a}.swo__boot-st--rdy{color:#00e5ff}.swo__spina{align-items:flex-start;gap:16px;animation:.5s forwards swoSpinaIn;display:flex}@keyframes swoSpinaIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.swo__spider-col{flex-direction:column;flex-shrink:0;align-items:center;animation:.7s cubic-bezier(.34,1.56,.64,1) forwards swoSpiderDrop;display:flex}@keyframes swoSpiderDrop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.swo__thread{background:linear-gradient(transparent,rgba(0,229,255,.25));width:1px;height:28px}.swo__spider{flex-direction:column;align-items:center;display:flex}.swo__sp-body{background:radial-gradient(circle at 50% 40%,#2a2a2e,#141416);border:1px solid rgba(0,229,255,.25);border-radius:50% 50% 40% 40%;justify-content:center;align-items:center;width:32px;height:26px;display:flex}.swo__sp-eyes{gap:7px;display:flex}.swo__sp-eye{background:#00e5ff;border-radius:50%;width:5px;height:5px;animation:3.5s infinite swoEyeBlink;box-shadow:0 0 6px rgba(0,229,255,.6)}@keyframes swoEyeBlink{0%,88%,to{transform:scaleY(1)}92%{transform:scaleY(.1)}}.swo__sp-legs{gap:3px;margin-top:-2px;display:flex}.swo__sp-legs span{transform-origin:top;background:rgba(0,229,255,.35);width:1px;height:9px;animation:.7s infinite alternate swoLegWiggle}.swo__sp-legs span:nth-child(2){animation-delay:.1s}.swo__sp-legs span:nth-child(3){animation-delay:.2s}.swo__sp-legs span:nth-child(4){height:7px;animation-delay:.1s}.swo__sp-legs span:nth-child(5){animation-delay:.15s}.swo__sp-legs span:nth-child(6){animation-delay:.25s}@keyframes swoLegWiggle{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.swo__bubble{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:8px;max-width:400px;min-height:72px;padding:14px 18px}.swo__bub-line{color:rgba(255,255,255,.55);opacity:0;margin:3px 0;font-size:.72rem;font-weight:300;line-height:1.5;transition:opacity .3s}.swo__bub-line--vis{opacity:1}.swo__cursor{color:#00e5ff;animation:.55s steps(2,end) infinite swoCursorBlink}@keyframes swoCursorBlink{0%{opacity:1}50%{opacity:0}}.swo__card{background:rgba(255,255,255,.016);border:1px solid rgba(255,255,255,.06);border-radius:8px;width:100%;max-width:440px;padding:18px 24px;animation:.7s cubic-bezier(.16,1,.3,1) forwards swoCardReveal;position:relative}.swo__card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,rgba(0,229,255,.18),transparent 50%,rgba(124,77,255,.18));border-radius:9px;padding:1px;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes swoCardReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.swo__card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.swo__card-lbl{letter-spacing:3px;color:rgba(255,255,255,.3);font-size:.58rem;font-weight:500}.swo__card-badge{letter-spacing:2px;border-radius:3px;padding:2px 8px;font-size:.55rem;font-weight:600}.swo__card-badge--active{color:#66bb6a;background:rgba(102,187,106,.08);border:1px solid rgba(102,187,106,.15)}.swo__card-badge--live{color:#00e5ff;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.15)}.swo__card-badge--wip{color:#ffb74d;background:rgba(255,183,77,.08);border:1px solid rgba(255,183,77,.15)}.swo__card-div{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);height:1px;margin:12px 0}.swo__card-name{letter-spacing:2px;color:rgba(255,255,255,.88);margin:0 0 4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.5rem;font-weight:700}.swo__card-tag{color:rgba(255,255,255,.4);margin:0 0 12px;font-size:.72rem;font-weight:300;line-height:1.5}.swo__card-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.swo__card-meta-lbl{letter-spacing:2px;color:rgba(255,255,255,.25);min-width:40px;font-size:.58rem}.swo__card-meta-val{color:rgba(255,255,255,.55);font-size:.68rem;font-weight:400}.swo__card-link{color:rgba(255,255,255,.35);align-items:center;gap:6px;font-size:.65rem;font-weight:300;text-decoration:none;transition:color .3s;display:inline-flex}.swo__card-link:hover{color:#00e5ff}.swo__card-ico{color:#00e5ff;font-size:.8rem}.swo__card-url{color:rgba(0,229,255,.6);text-underline-offset:2px;text-decoration:underline}.swo__footer{padding:0 28px 22px;animation:.5s forwards swoFooterIn}@keyframes swoFooterIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.swo__footer-inner{flex-direction:column;align-items:center;gap:8px;display:flex}.swo__btn{color:#00e5ff;cursor:pointer;letter-spacing:3px;background:0 0;border:1px solid rgba(0,229,255,.25);border-radius:4px;padding:10px 28px;font-family:Fira Code,JetBrains Mono,monospace;font-size:.72rem;font-weight:500;transition:all .3s;animation:2.5s ease-in-out infinite swoBtnPulse}.swo__btn:hover{background:rgba(0,229,255,.06);border-color:rgba(0,229,255,.45);transform:translateY(-1px);box-shadow:0 0 24px rgba(0,229,255,.12)}.swo__btn:active{transform:translateY(0);box-shadow:0 0 12px rgba(0,229,255,.08)}@keyframes swoBtnPulse{0%,to{box-shadow:0 0 rgba(0,229,255,0)}50%{box-shadow:0 0 18px rgba(0,229,255,.08)}}.swo__btn-br{opacity:.4;margin:0 4px}.swo__hint{color:rgba(255,255,255,.2);letter-spacing:1px;font-size:.55rem}.swo__autobar{background:rgba(255,255,255,.03);border-radius:0 0 10px 10px;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.swo__autofill{background:linear-gradient(90deg,#00e5ff,#7c4dff);height:100%;transition:width 60ms linear;box-shadow:0 0 8px rgba(0,229,255,.3)}@media (max-width:640px){.swo__panel{border-radius:8px;width:96vw;max-height:95vh}.swo__corner{width:14px;height:14px}.swo__corner--tl{border-radius:8px 0 0}.swo__corner--tr{border-radius:0 8px 0 0}.swo__corner--bl{border-radius:0 0 0 8px}.swo__corner--br{border-radius:0 0 8px}.swo__body{gap:16px;padding:18px 16px 14px}.swo__bubble{max-width:100%}.swo__card-name{font-size:1.2rem}.swo__btn{letter-spacing:2px;padding:8px 20px;font-size:.65rem}.swo__footer{padding:0 16px 18px}}@media (max-width:400px){.swo__header{padding:10px 14px}.swo__header-label{letter-spacing:2px;font-size:.58rem}.swo__boot-line{font-size:.6rem}.swo__bub-line,.swo__card-tag{font-size:.65rem}}
