:root{--favicon-center: #64AEE4;--favicon-ring1: #4CA2E4;--favicon-ring2: #3492DC;--favicon-ring3: #248BDC;--favicon-ring4: #1C86DA;--favicon-outer: #047AD4;--favicon-alert-center: #FCA5A5;--favicon-alert-outer: #DC2626;--favicon-warn-center: #FEF08A;--favicon-warn-outer: #CA8A04}@keyframes favicon-breathe{0%,to{transform:scale(.92);box-shadow:0 0 #047ad4b3;filter:drop-shadow(0 0 2px rgba(100,174,228,.6))}50%{transform:scale(1.05);box-shadow:0 0 14px 4px #047ad459;filter:drop-shadow(0 0 8px rgba(100,174,228,.9))}}@keyframes favicon-ripple{0%{transform:scale(.25);opacity:.9}75%{opacity:.4}to{transform:scale(1.2);opacity:0}}@keyframes favicon-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulsating-favicon-circle{display:inline-block;position:relative;border-radius:50%;animation:favicon-breathe 2s cubic-bezier(.4,0,.6,1) infinite}.favicon-preview-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.favicon-preview-canvas{width:100%;height:100%;border-radius:50%;display:block}.favicon-ripple-effect{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid var(--favicon-center);animation:favicon-ripple 2s cubic-bezier(.1,.7,.3,1) infinite;pointer-events:none}.favicon-ripple-effect.delay-1{animation-delay:1s}.font-digital{font-family:Share Tech Mono,monospace;letter-spacing:.05em}.bg-cyber-grid{background-image:linear-gradient(to right,rgba(6,182,212,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(6,182,212,.1) 1px,transparent 1px);background-size:20px 20px}.shadow-glow-cyan{box-shadow:0 0 15px #06b6d466}.shadow-glow-green{box-shadow:0 0 15px #22c55e66}.shadow-glow-yellow{box-shadow:0 0 15px #eab30866}.shadow-glow-red{box-shadow:0 0 15px #ef444466}.border-neon-cyan{border-color:#06b6d499;box-shadow:0 0 8px #06b6d433}.border-neon-green{border-color:#22c55e99;box-shadow:0 0 8px #22c55e33}.border-neon-yellow{border-color:#eab30899;box-shadow:0 0 8px #eab30833}.border-neon-red{border-color:#ef444499;box-shadow:0 0 8px #ef444433}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-runnable-track{background:#0f172acc;border:1px solid rgba(147,51,234,.3);border-radius:4px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-5px;background-color:#a855f7;height:16px;width:16px;border-radius:50%;box-shadow:0 0 8px #a855f799;cursor:pointer;transition:all .1s ease-in-out}input[type=range]::-webkit-slider-thumb:hover{background-color:#c084fc;box-shadow:0 0 12px #a855f7e6;transform:scale(1.1)}.transition-colors-all{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}