:root{--tf-motion:1.2}.tf-rack{position:relative;background:linear-gradient(180deg,rgba(16,185,129,.025),rgba(16,185,129,.008) 60%,transparent),var(--bg-secondary,#0f1117);border:1px solid rgba(16,185,129,.28);border-radius:10px;box-shadow:inset 0 0 24px rgba(16,185,129,.018),0 0 0 rgba(16,185,129,0);transition:border-color .18s ease,box-shadow .3s ease,transform .15s ease}.tf-rack:hover{border-color:rgba(16,185,129,.55);box-shadow:inset 0 0 24px rgba(16,185,129,.025),0 0 18px rgba(16,185,129,.18)}.tf-rack.tf-rack-warn{border-color:rgba(245,158,11,.5);background:linear-gradient(180deg,rgba(245,158,11,.06),rgba(245,158,11,.02) 60%,transparent),var(--bg-secondary,#0f1117);animation:tf-yellow-alert calc(3.4s / var(--tf-motion, 1.2)) ease-in-out infinite}.tf-rack.tf-rack-down{border-color:rgba(239,68,68,.55);background:linear-gradient(180deg,rgba(239,68,68,.08),rgba(239,68,68,.03) 60%,transparent),var(--bg-secondary,#0f1117);animation:tf-red-alert calc(2s / var(--tf-motion, 1.2)) ease-in-out infinite}.tf-rack.tf-rack-unknown{border-color:rgba(100,116,139,.18);background:linear-gradient(180deg,rgba(100,116,139,.02),transparent),var(--bg-secondary,#0f1117)}@keyframes tf-yellow-alert{0%,to{border-color:rgba(245,158,11,.4);box-shadow:inset 0 0 24px rgba(245,158,11,.035),0 0 0 rgba(245,158,11,0)}50%{border-color:rgba(245,158,11,.9);box-shadow:inset 0 0 50px rgba(245,158,11,.14),0 0 38px rgba(245,158,11,.42)}}@keyframes tf-red-alert{0%,to{border-color:rgba(239,68,68,.45);box-shadow:inset 0 0 24px rgba(239,68,68,.05),0 0 0 rgba(239,68,68,0)}50%{border-color:#ef4444;box-shadow:inset 0 0 60px rgba(239,68,68,.22),0 0 50px rgba(239,68,68,.6)}}.tf-master-led{position:relative;width:14px;height:14px;border-radius:50%;animation:tf-led-breathe 2.4s ease-in-out infinite}.tf-master-led.tf-led-ok{background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.4)}.tf-master-led.tf-led-warn{background:#f59e0b;animation-duration:1.6s}.tf-master-led.tf-led-down{background:#ef4444;animation-duration:1.2s}.tf-master-led.tf-led-unknown{background:#6b7280;animation:none}@keyframes tf-led-breathe{0%,to{transform:scale(1);box-shadow:0 0 0 0 currentColor;opacity:.92}50%{transform:scale(1.12);box-shadow:0 0 18px 4px currentColor;opacity:1}}.tf-headline-ok{background:linear-gradient(135deg,#d1fae5,#34d399 50%,#06b6d4);background-clip:text;-webkit-background-clip:text;color:transparent}.tf-headline-warn{background:linear-gradient(135deg,#fef3c7,#fbbf24 50%,#f59e0b);background-clip:text;-webkit-background-clip:text;color:transparent}.tf-headline-down{background:linear-gradient(135deg,#fecaca,#f87171 50%,#ef4444);background-clip:text;-webkit-background-clip:text;color:transparent}.tf-tab{position:relative;padding:8px 10px;border-radius:4px;border:1px solid rgba(100,116,139,.18);background:var(--bg-secondary,#0f1117);transition:border-color .18s ease,box-shadow .3s ease}.tf-tab.tf-tab-ok{border-color:rgba(16,185,129,.22);background:linear-gradient(180deg,rgba(16,185,129,.02),transparent),var(--bg-secondary,#0f1117)}.tf-tab.tf-tab-warn{border-color:rgba(245,158,11,.5);background:linear-gradient(180deg,rgba(245,158,11,.05),transparent),var(--bg-secondary,#0f1117);animation:tf-tab-yellow-alert calc(3.4s / var(--tf-motion, 1.2)) ease-in-out infinite}.tf-tab.tf-tab-down{border-color:rgba(239,68,68,.55);background:linear-gradient(180deg,rgba(239,68,68,.06),transparent),var(--bg-secondary,#0f1117);animation:tf-tab-red-alert calc(2s / var(--tf-motion, 1.2)) ease-in-out infinite}.tf-tab.tf-tab-unknown{border-color:rgba(100,116,139,.18);background:var(--bg-secondary,#0f1117)}.tf-tab.tf-tab-pulse{animation:tf-tab-probe-pulse 1.6s ease-out}button.tf-tab{font:inherit;appearance:none;-webkit-appearance:none;color:inherit;outline:none}button.tf-tab:focus-visible{outline:2px solid #06b6d4;outline-offset:1px}.tf-tab.tf-tab-selected{box-shadow:inset 0 0 0 1.5px rgba(6,182,212,.85),0 0 14px rgba(6,182,212,.22)}.tf-tab.tf-tab-selected.tf-tab-down,.tf-tab.tf-tab-selected.tf-tab-warn{animation:none}@keyframes tf-tab-yellow-alert{0%,to{border-color:rgba(245,158,11,.4);box-shadow:inset 0 0 12px rgba(245,158,11,.02)}50%{border-color:rgba(245,158,11,.85);box-shadow:inset 0 0 18px rgba(245,158,11,.08),0 0 14px rgba(245,158,11,.28)}}@keyframes tf-tab-red-alert{0%,to{border-color:rgba(239,68,68,.45);box-shadow:inset 0 0 12px rgba(239,68,68,.025)}50%{border-color:#ef4444;box-shadow:inset 0 0 22px rgba(239,68,68,.14),0 0 22px rgba(239,68,68,.45)}}@keyframes tf-tab-probe-pulse{0%{box-shadow:inset 0 0 0 1px rgba(6,182,212,.7),0 0 18px rgba(6,182,212,.35)}to{box-shadow:inset 0 0 0 1px rgba(6,182,212,0),0 0 0 rgba(6,182,212,0)}}.tf-corner{position:fixed;width:18px;height:18px;pointer-events:none;opacity:.18;z-index:1}.tf-corner:after,.tf-corner:before{content:"";position:absolute;background:#06b6d4}.tf-corner.tf-corner-tl{top:18px;left:18px}.tf-corner.tf-corner-tl:before{top:0;left:0;width:18px;height:1px}.tf-corner.tf-corner-tl:after{top:0;left:0;width:1px;height:18px}.tf-corner.tf-corner-tr{top:18px;right:18px}.tf-corner.tf-corner-tr:before{top:0;right:0;width:18px;height:1px}.tf-corner.tf-corner-tr:after{top:0;right:0;width:1px;height:18px}.tf-corner.tf-corner-bl{bottom:18px;left:18px}.tf-corner.tf-corner-bl:before{bottom:0;left:0;width:18px;height:1px}.tf-corner.tf-corner-bl:after{bottom:0;left:0;width:1px;height:18px}.tf-corner.tf-corner-br{bottom:18px;right:18px}.tf-corner.tf-corner-br:before{bottom:0;right:0;width:18px;height:1px}.tf-corner.tf-corner-br:after{bottom:0;right:0;width:1px;height:18px}.tf-grid-mask{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 0);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 75%)}@media (prefers-reduced-motion:reduce){.tf-master-led,.tf-rack.tf-rack-down,.tf-rack.tf-rack-warn,.tf-tab.tf-tab-down,.tf-tab.tf-tab-pulse,.tf-tab.tf-tab-warn{animation:none!important}}