@font-face{font-family:inter;src:url(../media/inter_latin_400_normal-s.p.c8c144e0.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:inter;src:url(../media/inter_latin_500_normal-s.p.30043d57.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:inter;src:url(../media/inter_latin_600_normal-s.p.e2fe7b39.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:inter;src:url(../media/inter_latin_700_normal-s.p.44b600fb.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:inter;src:url(../media/inter_latin_800_normal-s.p.4a1d28c0.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:inter Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.inter_b20099c4-module__Llfthq__className{font-family:inter,inter Fallback}.inter_b20099c4-module__Llfthq__variable{--font-inter:"inter","inter Fallback"}
@font-face{font-family:orbitron;src:url(../media/orbitron_latin_400_normal-s.p.6451282f.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:orbitron;src:url(../media/orbitron_latin_500_normal-s.p.786fa943.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:orbitron;src:url(../media/orbitron_latin_600_normal-s.p.f90e5d7c.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:orbitron;src:url(../media/orbitron_latin_700_normal-s.p.287f7801.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:orbitron;src:url(../media/orbitron_latin_800_normal-s.p.c8c6f3fd.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:orbitron;src:url(../media/orbitron_latin_900_normal-s.p.b422258d.woff2)format("woff2");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:orbitron Fallback;src:local(Arial);ascent-override:79.98%;descent-override:19.22%;line-gap-override:0.0%;size-adjust:126.4%}.orbitron_f0967cf6-module__ahfXwa__className{font-family:orbitron,orbitron Fallback}.orbitron_f0967cf6-module__ahfXwa__variable{--font-orbitron:"orbitron","orbitron Fallback"}
@font-face{font-family:tajawal;src:url(../media/tajawal_arabic_400_normal-s.p.912112bd.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:tajawal;src:url(../media/tajawal_arabic_500_normal-s.p.987699a7.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:tajawal;src:url(../media/tajawal_arabic_700_normal-s.p.1703e830.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:tajawal;src:url(../media/tajawal_arabic_800_normal-s.p.caf3a601.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:tajawal Fallback;src:local(Arial);ascent-override:64.3%;descent-override:35.7%;line-gap-override:20.0%;size-adjust:100.0%}.tajawal_3e96c65c-module__oeDN0a__className{font-family:tajawal,tajawal Fallback}.tajawal_3e96c65c-module__oeDN0a__variable{--font-tajawal:"tajawal","tajawal Fallback"}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_f880305f-module__AJLRcW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_f880305f-module__AJLRcW__variable{--font-sans:"Geist","Geist Fallback"}
@keyframes holoShift{0%{background-position:0%}25%{background-position:50% 0}50%{background-position:100%}75%{background-position:50% 100%}to{background-position:0%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes scalePop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes scaleSpring{0%{transform:scale(.8)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #6834e100}50%{box-shadow:0 0 20px 5px #6834e14d}}@keyframes pulseBorder{0%,to{border-color:#6834e14d}50%{border-color:#6834e1cc}}@keyframes shimmerSlide{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-100px)rotate(720deg)}}@keyframes confettiDrop{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #6834e14d}50%{box-shadow:0 0 20px #6834e199,0 0 30px #92dce54d}}@keyframes progressFill{0%{width:0%}to{width:var(--progress-width,100%)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes xpPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes levelUpRing{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}@keyframes badgeUnlock{0%{opacity:0;transform:scale(0)rotate(-180deg)}50%{transform:scale(1.2)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes xpFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes cardHoverLift{0%{transform:translateY(0);box-shadow:0 4px 6px #0000001a}to{transform:translateY(-4px);box-shadow:0 20px 40px #8b5cf666}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes celebrationRing{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2)}}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes winCelebration{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1.1)}40%{transform:scale(.95)}60%{transform:scale(1.05)}80%{transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes staggerFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes achievementPop{0%{opacity:0;transform:scale(.5)rotate(-10deg)}50%{transform:scale(1.1)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes tournamentShine{0%{background-position:-200%}to{background-position:200%}}.hover-lift{transition:transform .25s,box-shadow .25s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000029}.hover-lift-sm{transition:transform .2s,box-shadow .2s}.hover-lift-sm:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.hover-scale{transition:transform .2s}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.animate-glow{animation:2s ease-in-out infinite glowPulse}.animate-glow-slow{animation:4s ease-in-out infinite glowPulse}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-fade-in-up{animation:.4s ease-out forwards fadeInUp}.animate-fade-in-down{animation:.4s ease-out forwards fadeInDown}.animate-scale-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleIn}.animate-scale-pop{animation:.3s ease-out scalePop}.animate-scale-spring{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards scaleSpring}.animate-slide-in-right{animation:.4s ease-out forwards slideInRight}.animate-slide-in-left{animation:.4s ease-out forwards slideInLeft}.animate-bounce-in{animation:.6s ease-out forwards bounceIn}.animate-float{animation:6s ease-in-out infinite float}.animate-float-soft{animation:4s ease-in-out infinite floatSoft}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.animate-pulse-border{animation:2s ease-in-out infinite pulseBorder}.animate-spin{animation:1s linear infinite spin}.animate-spin-slow{animation:3s linear infinite spinSlow}.animate-shake{animation:.5s ease-in-out shake}.skeleton{background:linear-gradient(90deg,#1a2130 25%,#252542 50%,#1a2130 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmerSlide}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-circle{border-radius:50%}.skeleton-card{height:120px}.progress-animate{animation:1s ease-out forwards progressFill}.animate-xp-pop{animation:.3s ease-out xpPop}.animate-level-up{animation:.8s ease-out forwards levelUpRing}.animate-badge-unlock{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards badgeUnlock}.animate-count-up{font-variant-numeric:tabular-nums;animation:.5s ease-out forwards countUp}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.stagger-10{animation-delay:.5s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-float,.animate-float-soft,.animate-pulse,.animate-pulse-glow,.animate-glow,.animate-glow-slow{animation:none!important}}[dir=rtl] .animate-slide-in-right{animation-name:slideInLeft}[dir=rtl] .animate-slide-in-left{animation-name:slideInRight}[dir=rtl] .hover-lift:hover{transform:translateY(-4px)}.animate-xp-float{animation:1s ease-out forwards xpFloat}.card-dopamine{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-dopamine:hover{border-color:#8b5cf6;transform:translateY(-4px);box-shadow:0 20px 40px #8b5cf666}.btn-press{transition:transform .1s}.btn-press:active{transform:scale(.97)}.animate-checkmark{animation:.4s ease-out forwards checkmarkPop}.animate-celebration{animation:.6s ease-out forwards celebrationRing}.animate-streak{animation:.5s ease-in-out infinite streakPulse}.animate-win{animation:.8s ease-out forwards winCelebration}.animate-dropdown{animation:.2s ease-out forwards dropdownSlide}.animate-stagger-fade{opacity:0;animation:.4s ease-out forwards staggerFade}.animate-achievement{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards achievementPop}.shine-effect{background:linear-gradient(90deg,#0000,#fff3,#0000) 0 0/200% 100%;animation:2s infinite tournamentShine}.hover-glow-purple{transition:box-shadow .3s}.hover-glow-purple:hover{box-shadow:0 0 20px #8b5cf666,0 0 40px #8b5cf633,0 0 60px #3b82f61a}.btn-gradient-glow{background:linear-gradient(135deg,#8b5cf6,#3b82f6);transition:all .3s}.btn-gradient-glow:hover{transform:translateY(-2px);box-shadow:0 0 30px #8b5cf680}.btn-gradient-glow:active{transform:scale(.97)translateY(0)}.input-focus-glow:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a,0 0 20px #8b5cf626}.progress-shimmer{position:relative;overflow:hidden}.progress-shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;animation:2s infinite shimmerSlide;position:absolute;top:0;left:-100%}.on-hover-lift{transition:transform .3s,box-shadow .3s}.on-hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 40px #8b5cf666}.on-click-press{transition:transform .1s}.on-click-press:active{transform:scale(.97)}@media (hover:none){.touch-feedback{-webkit-tap-highlight-color:transparent}.touch-feedback:active{opacity:.9;transform:scale(.97)}}.tabular-nums{font-variant-numeric:tabular-nums}.stagger-11{animation-delay:.55s}.stagger-12{animation-delay:.6s}.stagger-13{animation-delay:.65s}.stagger-14{animation-delay:.7s}.stagger-15{animation-delay:.75s}.stagger-16{animation-delay:.8s}.stagger-17{animation-delay:.85s}.stagger-18{animation-delay:.9s}.stagger-19{animation-delay:.95s}.stagger-20{animation-delay:1s}
:root{--os-bg:#07070c;--os-pane:#0e0e16c7;--os-elev:#11111b80;--os-line:#a855f724;--os-line-soft:#ffffff0f;--os-line-strong:#a855f74d;--os-grid:#a855f70d;--os-presence:#10b981;--os-queue:#f59e0b;--os-inmatch:#ef4444;--os-offline:#555570;--os-purple-soft:#a78bfa;--os-purple-mid:#8b5cf6;--os-cyan:#92dce5;--os-mint:#d6fff6;--os-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;--os-r-tight:2px;--os-r-sm:3px;--os-r-md:4px;--os-r-lg:6px}.os-ambient{isolation:isolate;font-family:var(--os-mono);position:relative}.os-ambient:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(var(--os-grid)1px,transparent 1px),linear-gradient(90deg,var(--os-grid)1px,transparent 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask:radial-gradient(#000 20%,#0000 80%);mask:radial-gradient(#000 20%,#0000 80%)}.os-ambient:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(50% 40% at 15% 20%,#7c3aed1f,#0000 60%),radial-gradient(40% 40% at 85% 70%,#06b6d412,#0000 60%);position:absolute;inset:0}.os-ambient>*{z-index:1;position:relative}.os-mono{font-feature-settings:"tnum" 1;font-family:var(--os-mono)!important}.os-h1{letter-spacing:.01em;color:#fff;font-size:20px;font-weight:700;line-height:1.2}.os-h2{letter-spacing:.02em;color:#fff;font-size:14px;font-weight:600;line-height:1.25}.os-h3{letter-spacing:.04em;color:#e7e7ee;font-size:12px;font-weight:600;line-height:1.3}.os-body{color:#e7e7ee;font-size:13px;line-height:1.55}.os-body-muted{color:#8888a0;font-size:12px;line-height:1.5}.os-label{font-family:var(--os-mono);letter-spacing:.08em;color:#a0aec0;font-size:11px}.os-label-xs{font-family:var(--os-mono);letter-spacing:.18em;text-transform:uppercase;color:#718096;font-size:9px}.os-value{font-family:var(--os-mono);letter-spacing:.04em;color:#fff;font-variant-numeric:tabular-nums;font-size:12px}.os-caption{font-family:var(--os-mono);letter-spacing:.08em;color:#8888a0;font-variant-numeric:tabular-nums;font-size:10px}.os-section-h{font-family:var(--os-mono);letter-spacing:.16em;text-transform:uppercase;color:#a0aec0;align-items:center;gap:8px;padding:0 8px 6px;font-size:10px;display:flex}.os-section-h:before{content:"//";color:var(--os-purple-soft)}.os-section-h .count{color:var(--os-cyan);margin-left:auto}.os-tag{font-family:var(--os-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--os-cyan);border-radius:var(--os-r-tight);white-space:nowrap;background:#92dce50d;border:1px solid #92dce540;align-items:center;gap:5px;padding:1px 6px;font-size:9px;display:inline-flex}.os-tag.sys{color:var(--os-purple-soft);background:#7c3aed14;border-color:#a855f740}.os-tag.live{color:#f87171;background:#ef444414;border-color:#ef44444d}.os-tag.live:before{content:"";background:#ef4444;border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite os-blink;box-shadow:0 0 6px #ef4444}.os-tag.pro{color:#c4b5fd;background:#8b5cf626;border-color:#a855f759}@keyframes os-blink{50%{opacity:.3}}.os-dot{background:var(--c,var(--os-offline));width:7px;height:7px;box-shadow:0 0 6px var(--c,var(--os-offline));border-radius:50%;flex-shrink:0;display:inline-block}.os-dot.online{--c:var(--os-presence)}.os-dot.queue{--c:var(--os-queue);animation:1.4s ease-in-out infinite os-blink}.os-dot.inmatch{--c:var(--os-inmatch)}.os-dot.offline{--c:var(--os-offline);box-shadow:none}.os-pane{background:var(--os-pane);-webkit-backdrop-filter:blur(40px);border:1px solid var(--os-line);border-radius:var(--os-r-md)}.os-widget{border:1px solid var(--os-line);border-radius:var(--os-r-md);background:var(--os-elev);overflow:hidden}.os-widget-h{border-bottom:1px solid var(--os-line-soft);font-family:var(--os-mono);letter-spacing:.15em;text-transform:uppercase;color:#a0aec0;align-items:center;gap:8px;padding:8px 12px;font-size:10px;display:flex}.os-widget-h:before{content:"//";color:var(--os-purple-soft)}.os-widget-h .r{color:#718096;letter-spacing:.1em;margin-left:auto;font-size:9px}.os-cmdchip{border-radius:var(--os-r-sm,4px);height:24px;font-family:var(--os-mono);color:#c4b5fd;letter-spacing:.04em;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#7c3aed14;border:1px solid #a855f72e;flex-shrink:0;align-items:center;padding:0 10px;font-size:11px;font-weight:500;transition:background .14s,border-color .14s,color .14s,transform .14s,box-shadow .14s;display:inline-flex}.os-cmdchip:hover{color:#f5f3ff;background:#7c3aed2e;border-color:#a855f78c;transform:translateY(-1px);box-shadow:0 0 0 1px #a855f71f,0 4px 12px #7c3aed26}.os-cmdchip:active{background:#7c3aed40;transform:translateY(0)}.os-cmdchip:focus-visible{border-color:#a855f7b3;outline:none;box-shadow:0 0 0 2px #a855f740}.os-artifact{border-radius:var(--os-r-md);background:linear-gradient(#11111be6,#0a0a0fe6);border:1px solid #a855f759;margin-top:10px;animation:.5s cubic-bezier(.4,0,.2,1) os-drop;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000080,0 0 40px -10px #8b5cf666}@keyframes os-drop{0%{opacity:0;transform:translateY(-8px)scale(.98)}}.os-artifact-h{border-bottom:1px solid var(--os-line);font-family:var(--os-mono);letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#8b5cf62e,#0000);align-items:center;padding:7px 12px;font-size:10px;display:flex}.os-artifact-h .title{color:#fff;letter-spacing:.08em;margin-left:12px}.os-artifact-h .arrow{color:#718096;margin:0 8px}.os-artifact-h .sub{color:var(--os-cyan)}.os-artifact-h .meta{color:#718096;margin-left:auto;font-size:9px}.os-artifact-bar{border-top:1px solid var(--os-line-soft);gap:0;display:flex}.os-artifact-bar button{border:0;border-right:1px solid var(--os-line-soft);color:#a0aec0;height:30px;font-family:var(--os-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;flex:1;font-size:10px;transition:background .12s,color .12s}.os-artifact-bar button:last-child{border-right:0}.os-artifact-bar button:hover{color:#fff;background:#7c3aed14}.os-scroll::-webkit-scrollbar{width:6px;height:6px}.os-scroll::-webkit-scrollbar-track{background:0 0}.os-scroll::-webkit-scrollbar-thumb{background:#a855f733;border-radius:3px}.os-scroll::-webkit-scrollbar-thumb:hover{background:#a855f766}.os-gq-orb{background:radial-gradient(circle at 35% 30%,#d6fff6 0%,#92dce5 18%,#8b5cf6 60%,#4a22a8 100%);border-radius:50%;width:72px;height:72px;margin:0 auto 8px;position:relative;box-shadow:0 0 28px #8b5cf680,inset -6px -8px 16px #0006,inset 3px 5px 8px #d6fff640}.os-gq-orb:after{content:"";background:radial-gradient(circle at 30% 25%,#fff9,#0000 35%);border-radius:50%;position:absolute;inset:0}.os-gq-label{border-radius:var(--os-r-tight);font-family:var(--os-mono);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:4px;padding:2px 8px;font-size:9px;display:inline-flex}.os-gq-label.elite{color:#d6fff6;background:#92dce51f;border:1px solid #92dce559}.os-gq-label.strong{color:#a78bfa;background:#a855f71f;border:1px solid #a855f759}.os-gq-label.growing{color:#34d399;background:#10b9811a;border:1px solid #10b9814d}.os-gq-label.focus{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b4d}.os-gq-label.watch{color:#f97316;background:#f973161a;border:1px solid #f973164d}.os-gq-label.risk{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}.os-qbar{grid-template-columns:1fr auto;align-items:center;gap:10px;padding:6px 0;display:grid}.os-qbar .l{font-family:var(--os-mono);letter-spacing:.12em;text-transform:uppercase;color:#a0aec0;font-size:10px}.os-qbar .l b{color:#fff;letter-spacing:.06em;margin-bottom:3px;font-weight:500;display:block}.os-qbar .t{background:#ffffff0d;border-radius:1px;grid-column:1/-1;height:4px;margin-top:4px;position:relative;overflow:hidden}.os-qbar .t:before{content:"";background-image:repeating-linear-gradient(90deg,#0000 0 9px,#ffffff0a 9px 10px);position:absolute;inset:0}.os-qbar .f{background:linear-gradient(90deg,var(--c,var(--os-presence)),color-mix(in srgb,var(--c,var(--os-presence))50%,#fff));height:100%;box-shadow:0 0 6px var(--c,var(--os-presence));z-index:1;position:relative}.os-ribbon{height:26px;font-family:var(--os-mono);border-bottom:1px solid var(--os-line-soft);letter-spacing:.12em;text-transform:uppercase;color:#a0aec0;white-space:nowrap;background:linear-gradient(90deg,#ef444414,#7c3aed0f,#0000);align-items:center;gap:12px;padding:0 14px;font-size:10px;display:flex;overflow:hidden}@media (max-width:720px){.os-ribbon{gap:8px;padding:0 10px;font-size:9px}.os-ribbon .sep,.os-ribbon .link{display:none}}.os-breadcrumb{border-bottom:1px solid var(--os-line-soft);height:38px;font-family:var(--os-mono);color:#718096;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;padding:0 20px;font-size:10px;display:flex}.os-breadcrumb .route{color:#fff}.os-breadcrumb .meta{color:var(--os-cyan);margin-inline-start:auto}.os-breadcrumb .meta b{color:#fff;font-weight:500}@media (max-width:720px){.os-breadcrumb{padding:0 14px}}.os-composer{border-radius:var(--os-r-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fe6;border:1px solid #a855f74d;box-shadow:0 8px 32px #00000080}.os-row{font-family:var(--os-mono);color:#e7e7ee;cursor:pointer;letter-spacing:.03em;border:1px solid #0000;border-radius:3px;align-items:center;gap:10px;padding:7px 8px;font-size:12px;transition:background .14s,border-color .14s,color .14s;display:flex}.os-row:hover{color:#fff;background:#ffffff08}.os-row.active{color:#fff;background:#7c3aed24;border-color:#a855f74d;box-shadow:inset 2px 0 #a78bfa}.os-row .av{color:#fff;letter-spacing:.06em;background:linear-gradient(135deg,#6834e1,#8b5cf6);border-radius:3px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:grid}.os-row .av.red{background:linear-gradient(135deg,#7c2d2d,#ef4444)}.os-row .av.amber{background:linear-gradient(135deg,#78350f,#f59e0b)}.os-row .av.green{background:linear-gradient(135deg,#064e3b,#10b981)}.os-row .av.cyan{color:#0a0a0f;background:linear-gradient(135deg,#0e5e6b,#92dce5)}.os-row .name{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.os-row .name b{color:#fff;letter-spacing:.04em;font-size:11.5px;font-weight:500}.os-row .name span{color:#718096;letter-spacing:.1em;text-transform:uppercase;font-size:9px}.os-row-dot{background:var(--c,#555570);width:7px;height:7px;box-shadow:0 0 6px var(--c,#555570);border-radius:50%;flex-shrink:0}.os-row-dot.q{animation:1.4s ease-in-out infinite os-blink}.os-morale .n{font-family:var(--os-mono);letter-spacing:.12em;color:#fff;font-size:10px}.os-morale .t{background:#ffffff0d;border-radius:1px;height:5px;position:relative;overflow:hidden}.os-morale .f{background:linear-gradient(90deg,var(--c,#10b981),color-mix(in srgb,var(--c,#10b981)50%,#fff));height:100%;box-shadow:0 0 6px var(--c,#10b981)}.os-morale .v{font-family:var(--os-mono);color:var(--os-cyan);text-align:end;letter-spacing:.14em;text-transform:uppercase;font-size:9px}.os-deploy{border:1px solid var(--os-line);font-family:var(--os-mono);color:#c4b5fd;letter-spacing:.04em;cursor:pointer;background:#7c3aed0a;border-radius:3px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:7px 8px 7px 10px;font-size:12px;transition:background .14s,border-color .14s;display:grid}.os-deploy:hover{background:#7c3aed1a;border-color:#a855f766}.os-deploy .act{color:#718096;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:3px;font-size:9px;display:inline-flex}.os-deploy .act:after{content:"→";color:#a78bfa}.os-ribbon{height:26px;font-family:var(--os-mono);border-bottom:1px solid var(--os-line-soft);letter-spacing:.12em;text-transform:uppercase;color:#a0aec0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(90deg,#ef444414,#7c3aed0f,#0000);align-items:center;gap:12px;padding:0 14px;font-size:10px;display:flex}.os-ribbon .tag{color:#f87171;align-items:center;gap:6px;display:inline-flex}.os-ribbon .tag:before{content:"";background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite os-blink;box-shadow:0 0 6px #ef4444}.os-ribbon b{color:#fff}.os-ribbon .cyan{color:var(--os-cyan)}.os-ribbon .sep{opacity:.3}.os-ribbon .link{color:#a78bfa;cursor:pointer;margin-inline-start:auto}.os-widget-h>:not(.r){flex:0 auto}.os-tile-btn{color:inherit;font:inherit;cursor:pointer;width:100%;text-align:inherit;background:0 0;border:0;padding:0;transition:transform .14s,filter .14s;display:block}.os-tile-btn:hover{filter:brightness(1.1)}.os-tile-btn:active{transform:translateY(1px)}.os-widget{background:#11111ba6!important;border:1px solid #a855f738!important}.os-widget-h{min-height:32px;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:8px 12px!important;display:flex!important}.os-widget-h>*{flex:none}.os-widget-h>span:first-of-type{white-space:nowrap}.os-widget-h .r,.os-widget-h .os-tag,.os-widget-h>.os-tag.r{margin-inline-start:auto!important}.os-qbar{grid-template-rows:auto auto auto!important;grid-template-columns:1fr auto!important;gap:4px 10px!important;display:grid!important}.os-qbar .l{grid-area:1/1;display:block!important}.os-qbar .l b{color:#fff;font-weight:500;margin-bottom:2px!important;display:block!important}.os-qbar>.os-gq-label{grid-area:1/2;align-self:start}.os-qbar .t{grid-area:3/1/auto/-1}.os-morale{grid-template-columns:48px 1fr 56px!important;align-items:center!important;gap:10px!important;padding:6px 0!important;display:grid!important}.os-morale>.n{grid-column:1}.os-morale>.t{grid-column:2}.os-morale>.v{grid-column:3;text-align:end!important}.os-widget-b{padding:12px!important}.os-deploy{gap:10px!important}.os-deploy .act{white-space:nowrap}.os-titlebar{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--os-line);height:40px;font-family:var(--os-mono);color:#a0aec0;background:#07070ce6;align-items:center;gap:12px;padding:0 14px;font-size:11px;display:flex;position:relative}.os-titlebar .tb-logo{color:#fff;letter-spacing:.05em;white-space:nowrap;flex-shrink:0;align-items:center;gap:7px;font-weight:600;text-decoration:none;transition:filter .14s;display:inline-flex}.os-titlebar .tb-logo:hover{filter:brightness(1.15)}.os-titlebar .tb-orb{border-radius:var(--os-r-md,4px);background:radial-gradient(circle at 35% 30%,#d6fff6,#92dce5 25%,#8b5cf6 70%,#4a22a8);flex-shrink:0;width:14px;height:14px;box-shadow:0 0 8px #8b5cf699}.os-titlebar .tb-logo-img{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:auto;height:15px;display:block}.tb-clock{border:1px solid var(--os-line);border-radius:var(--os-r-sm,3px);height:26px;color:var(--os-cyan);font-family:var(--os-mono);letter-spacing:.12em;font-variant-numeric:tabular-nums;background:0 0;flex-shrink:0;align-items:center;padding:0 10px;font-size:11px;display:inline-flex}.os-titlebar .tb-v{color:#718096;letter-spacing:.06em;font-size:10px}.os-titlebar .tb-sep{color:#718096;opacity:.6;flex-shrink:0}.os-titlebar .tb-route{color:var(--os-cyan);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;font-weight:500}.os-titlebar .tb-route b{color:#fff;font-weight:600}.os-titlebar .tb-center{flex:auto;justify-content:center;min-width:0;display:flex}.tb-cmd{border:1px solid var(--os-line);border-radius:var(--os-r-sm,3px);color:#a0aec0;height:36px;font-family:var(--os-mono);letter-spacing:.08em;cursor:pointer;background:#0003;align-items:center;gap:10px;width:100%;min-width:0;max-width:360px;padding:0 16px;font-size:12px;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.tb-cmd:hover{color:#fff;border-color:#a855f759}.tb-cmd:focus-visible{color:#fff;border-color:#a855f78c;outline:none;box-shadow:0 0 0 1px #a855f740}.tb-cmd .tb-cmd-txt{text-overflow:ellipsis;white-space:nowrap;text-align:start;min-width:0;color:inherit;flex:1;overflow:hidden}.tb-cmd .k{color:#c4b5fd;letter-spacing:.1em;white-space:nowrap;background:#a855f72e;border-radius:2px;flex-shrink:0;padding:1px 5px;font-size:9px}.os-titlebar .tb-right{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.tb-tog{border:1px solid var(--os-line);border-radius:var(--os-r-sm,3px);color:#a0aec0;height:26px;font-family:var(--os-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:4px 10px;font-size:10px;text-decoration:none;transition:color .14s,border-color .14s,background .14s;display:inline-flex;position:relative}.tb-tog .d{background:#555;border-radius:50%;flex-shrink:0;width:5px;height:5px}.tb-tog.on{color:var(--os-presence,#10b981);border-color:#10b98159}.tb-tog.on .d{background:var(--os-presence,#10b981);box-shadow:0 0 6px var(--os-presence,#10b981)}.tb-tog:hover{color:#fff;border-color:#a855f759}.tb-tog:focus-visible{color:#fff;border-color:#a855f78c;outline:none;box-shadow:0 0 0 1px #a855f740}.tb-tog .tb-tog-icn{stroke-width:1.75px;flex-shrink:0;width:12px;height:12px}.tb-tog .tb-tog-label{white-space:nowrap}.tb-tog .tb-tog-count{color:#f5f3ff;letter-spacing:0;text-transform:none;background:#a855f740;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 4px;font-size:9px;font-weight:700;display:inline-flex}.tb-me{border-radius:var(--os-r-sm,3px);cursor:pointer;font-family:var(--os-mono);background:#7c3aed1f;border:1px solid #a855f74d;align-items:center;gap:6px;min-width:0;padding:4px 6px 4px 4px;line-height:1;text-decoration:none;transition:background .14s,border-color .14s;display:inline-flex}.tb-me:hover{background:#7c3aed38;border-color:#a855f78c}.tb-me:focus-visible{border-color:#a855f7b3;outline:none;box-shadow:0 0 0 1px #a855f740}.tb-me .av{border-radius:var(--os-r-sm,3px);flex-shrink:0;place-items:center;width:24px;height:24px;display:grid;overflow:hidden}.tb-me .av>*{border-radius:var(--os-r-sm,3px)!important}.tb-me .av img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}@media (max-width:720px){.os-titlebar{gap:8px;padding:0 10px}.os-titlebar .tb-v,.os-titlebar .tb-sep,.os-titlebar .tb-route,.tb-cmd .tb-cmd-txt,.tb-tog .tb-tog-label{display:none}}.os-titlebar .os-bell-slot>div>button{text-transform:uppercase;transition:color .14s,border-color .14s,background .14s;border:1px solid var(--os-line)!important;border-radius:var(--os-r-sm,3px)!important;color:#a0aec0!important;height:26px!important;font-family:var(--os-mono)!important;letter-spacing:.14em!important;background:0 0!important;padding:4px 10px!important;font-size:10px!important}.os-titlebar .os-bell-slot>div>button:hover{color:#fff!important;border-color:#a855f759!important}.os-titlebar .os-bell-slot>div>button>svg{stroke-width:1.75px!important;width:12px!important;height:12px!important}.os-titlebar .os-bell-slot>div>button>span[class*=min-w-]{top:-4px!important;border-radius:7px!important;min-width:14px!important;height:14px!important;font-size:9px!important;inset-inline-end:-4px!important}.os-titlebar .os-me-slot .tb-me-chevron{color:#a78bfa;opacity:.7;width:10px;height:10px;transition:transform .14s,opacity .14s}.os-titlebar .os-me-slot .tb-me:hover .tb-me-chevron{opacity:1}
