:root{--banner-success-from:oklch(0.7 0.15 145);--banner-success-via:oklch(0.65 0.18 155);--banner-success-to:oklch(0.6 0.16 180);--banner-info-from:oklch(0.65 0.15 220);--banner-info-via:oklch(0.6 0.18 240);--banner-info-to:oklch(0.55 0.16 260);--banner-warning-from:oklch(0.75 0.15 85);--banner-warning-via:oklch(0.8 0.18 75);--banner-warning-to:oklch(0.7 0.16 65);--banner-breaking-from:oklch(0.65 0.22 25);--banner-breaking-via:oklch(0.7 0.18 45);--banner-breaking-to:oklch(0.75 0.15 65);--banner-important-from:oklch(0.6 0.18 285);--banner-important-via:oklch(0.65 0.2 270);--banner-important-to:oklch(0.55 0.16 250);--banner-feature-from:oklch(0.65 0.15 160);--banner-feature-via:oklch(0.6 0.18 180);--banner-feature-to:oklch(0.55 0.16 200);--banner-upgrade-from:oklch(0.55 0.16 260);--banner-upgrade-via:oklch(0.6 0.18 285);--banner-upgrade-to:oklch(0.65 0.2 320);--banner-maintenance-from:oklch(0.5 0.02 270);--banner-maintenance-via:oklch(0.45 0.01 280);--banner-maintenance-to:oklch(0.4 0.02 290);--banner-celebration-from:oklch(0.7 0.2 340);--banner-celebration-via:oklch(0.75 0.18 10);--banner-celebration-to:oklch(0.8 0.15 45);--banner-cyberpunk-cyan-from:#00ffff;--banner-cyberpunk-cyan-via:#66eeff;--banner-cyberpunk-cyan-to:#00cccc;--banner-cyberpunk-purple-from:#7b5bff;--banner-cyberpunk-purple-via:#9d7bff;--banner-cyberpunk-purple-to:#5a3bdd;--banner-cyberpunk-pink-from:#ff66cc;--banner-cyberpunk-pink-via:#ff4ca5;--banner-cyberpunk-pink-to:#dd4488;--banner-cyberpunk-neon-from:#00ffff;--banner-cyberpunk-neon-via:#7b5bff;--banner-cyberpunk-neon-to:#ff66cc;--banner-cyberpunk-matrix-from:#00ff66;--banner-cyberpunk-matrix-via:#00ffff;--banner-cyberpunk-matrix-to:#00cc99;--banner-cyberpunk-void-from:#191b36;--banner-cyberpunk-void-via:#111225;--banner-cyberpunk-void-to:#0a0b1a}.dark{--banner-success-from:oklch(0.55 0.12 145);--banner-success-via:oklch(0.5 0.15 155);--banner-success-to:oklch(0.45 0.13 180);--banner-info-from:oklch(0.5 0.12 220);--banner-info-via:oklch(0.45 0.15 240);--banner-info-to:oklch(0.4 0.13 260);--banner-warning-from:oklch(0.6 0.12 85);--banner-warning-via:oklch(0.65 0.15 75);--banner-warning-to:oklch(0.55 0.13 65);--banner-breaking-from:oklch(0.5 0.18 25);--banner-breaking-via:oklch(0.55 0.15 45);--banner-breaking-to:oklch(0.6 0.12 65);--banner-important-from:oklch(0.45 0.15 285);--banner-important-via:oklch(0.5 0.17 270);--banner-important-to:oklch(0.4 0.13 250);--banner-feature-from:oklch(0.5 0.12 160);--banner-feature-via:oklch(0.45 0.15 180);--banner-feature-to:oklch(0.4 0.13 200);--banner-upgrade-from:oklch(0.4 0.13 260);--banner-upgrade-via:oklch(0.45 0.15 285);--banner-upgrade-to:oklch(0.5 0.17 320);--banner-maintenance-from:oklch(0.35 0.02 270);--banner-maintenance-via:oklch(0.3 0.01 280);--banner-maintenance-to:oklch(0.25 0.02 290);--banner-celebration-from:oklch(0.55 0.17 340);--banner-celebration-via:oklch(0.6 0.15 10);--banner-celebration-to:oklch(0.65 0.12 45);--banner-cyberpunk-cyan-from:rgba(0,204,204,0.9);--banner-cyberpunk-cyan-via:rgba(0,153,153,0.85);--banner-cyberpunk-cyan-to:rgba(0,102,102,0.9);--banner-cyberpunk-purple-from:rgba(90,59,221,0.9);--banner-cyberpunk-purple-via:rgba(70,45,180,0.85);--banner-cyberpunk-purple-to:rgba(50,30,140,0.9);--banner-cyberpunk-pink-from:rgba(221,68,136,0.9);--banner-cyberpunk-pink-via:rgba(180,50,110,0.85);--banner-cyberpunk-pink-to:rgba(140,35,85,0.9);--banner-cyberpunk-neon-from:rgba(0,204,204,0.85);--banner-cyberpunk-neon-via:rgba(90,59,221,0.85);--banner-cyberpunk-neon-to:rgba(221,68,136,0.85);--banner-cyberpunk-matrix-from:rgba(0,204,102,0.9);--banner-cyberpunk-matrix-via:rgba(0,153,153,0.85);--banner-cyberpunk-matrix-to:rgba(0,102,76,0.9);--banner-cyberpunk-void-from:rgba(40,45,70,0.95);--banner-cyberpunk-void-via:rgba(30,35,55,0.95);--banner-cyberpunk-void-to:rgba(20,25,40,0.95)}.banner-theme-success{background:linear-gradient(to right,var(--banner-success-from),var(--banner-success-via),var(--banner-success-to))}.banner-theme-info{background:linear-gradient(to right,var(--banner-info-from),var(--banner-info-via),var(--banner-info-to))}.banner-theme-warning{background:linear-gradient(to right,var(--banner-warning-from),var(--banner-warning-via),var(--banner-warning-to))}.banner-theme-breaking{background:linear-gradient(to right,var(--banner-breaking-from),var(--banner-breaking-via),var(--banner-breaking-to))}.banner-theme-important{background:linear-gradient(to right,var(--banner-important-from),var(--banner-important-via),var(--banner-important-to))}.banner-theme-feature{background:linear-gradient(to right,var(--banner-feature-from),var(--banner-feature-via),var(--banner-feature-to))}.banner-theme-upgrade{background:linear-gradient(to right,var(--banner-upgrade-from),var(--banner-upgrade-via),var(--banner-upgrade-to))}.banner-theme-maintenance{background:linear-gradient(to right,var(--banner-maintenance-from),var(--banner-maintenance-via),var(--banner-maintenance-to))}.banner-theme-celebration{background:linear-gradient(to right,var(--banner-celebration-from),var(--banner-celebration-via),var(--banner-celebration-to))}.banner-theme-cyberpunk-cyan{background:linear-gradient(to right,var(--banner-cyberpunk-cyan-from),var(--banner-cyberpunk-cyan-via),var(--banner-cyberpunk-cyan-to));box-shadow:0 0 20px rgba(0,255,255,.3),0 4px 15px rgba(0,0,0,.2)}.banner-theme-cyberpunk-cyan,.banner-theme-cyberpunk-purple{color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.5)}.banner-theme-cyberpunk-purple{background:linear-gradient(to right,var(--banner-cyberpunk-purple-from),var(--banner-cyberpunk-purple-via),var(--banner-cyberpunk-purple-to));box-shadow:0 0 20px rgba(123,91,255,.3),0 4px 15px rgba(0,0,0,.2)}.banner-theme-cyberpunk-pink{background:linear-gradient(to right,var(--banner-cyberpunk-pink-from),var(--banner-cyberpunk-pink-via),var(--banner-cyberpunk-pink-to));box-shadow:0 0 20px rgba(255,102,204,.3),0 4px 15px rgba(0,0,0,.2)}.banner-theme-cyberpunk-neon,.banner-theme-cyberpunk-pink{color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.5)}.banner-theme-cyberpunk-neon{background:linear-gradient(to right,var(--banner-cyberpunk-neon-from),var(--banner-cyberpunk-neon-via),var(--banner-cyberpunk-neon-to));box-shadow:0 0 25px rgba(0,255,255,.2),0 0 15px rgba(123,91,255,.2),0 4px 15px rgba(0,0,0,.2);position:relative;overflow:hidden}.banner-theme-cyberpunk-neon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:bannerScan 3s infinite}.banner-theme-cyberpunk-matrix{background:linear-gradient(to right,var(--banner-cyberpunk-matrix-from),var(--banner-cyberpunk-matrix-via),var(--banner-cyberpunk-matrix-to));box-shadow:0 0 20px rgba(0,255,102,.3),0 4px 15px rgba(0,0,0,.2)}.banner-theme-cyberpunk-matrix,.banner-theme-cyberpunk-void{color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.5)}.banner-theme-cyberpunk-void{background:linear-gradient(to right,var(--banner-cyberpunk-void-from),var(--banner-cyberpunk-void-via),var(--banner-cyberpunk-void-to));box-shadow:inset 0 0 20px rgba(0,0,0,.5),0 4px 15px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1)}.banner-cyberpunk-enhanced{position:relative;backdrop-filter:blur(1px)}.banner-cyberpunk-enhanced:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.03) 50%,transparent 70%);pointer-events:none}.banner-theme-breaking,.banner-theme-celebration,.banner-theme-feature,.banner-theme-important,.banner-theme-info,.banner-theme-maintenance,.banner-theme-success,.banner-theme-upgrade,.banner-theme-warning{color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.4)}.banner-theme-cyberpunk-cyan button[aria-label],.banner-theme-cyberpunk-matrix button[aria-label],.banner-theme-cyberpunk-neon button[aria-label],.banner-theme-cyberpunk-pink button[aria-label],.banner-theme-cyberpunk-purple button[aria-label],.banner-theme-cyberpunk-void button[aria-label]{background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:all .2s ease;min-height:32px;min-width:32px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px rgba(0,0,0,.3)}.banner-theme-cyberpunk-cyan button[aria-label]:hover,.banner-theme-cyberpunk-matrix button[aria-label]:hover,.banner-theme-cyberpunk-neon button[aria-label]:hover,.banner-theme-cyberpunk-pink button[aria-label]:hover,.banner-theme-cyberpunk-purple button[aria-label]:hover,.banner-theme-cyberpunk-void button[aria-label]:hover{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);transform:scale(1.05);box-shadow:0 0 12px rgba(255,255,255,.2)}.banner-theme-cyberpunk-cyan button[aria-label]:hover{box-shadow:0 0 12px rgba(0,255,255,.3)}.banner-theme-cyberpunk-purple button[aria-label]:hover{box-shadow:0 0 12px rgba(123,91,255,.3)}.banner-theme-cyberpunk-pink button[aria-label]:hover{box-shadow:0 0 12px rgba(255,102,204,.3)}.banner-theme-cyberpunk-neon button[aria-label]:hover{box-shadow:0 0 12px rgba(0,255,255,.2),0 0 8px rgba(123,91,255,.2)}.banner-theme-cyberpunk-matrix button[aria-label]:hover{box-shadow:0 0 12px rgba(0,255,102,.3)}.banner-theme-cyberpunk-void button[aria-label]:hover{box-shadow:0 0 12px rgba(255,255,255,.2)}.banner-theme-breaking button[aria-label],.banner-theme-celebration button[aria-label],.banner-theme-feature button[aria-label],.banner-theme-important button[aria-label],.banner-theme-info button[aria-label],.banner-theme-maintenance button[aria-label],.banner-theme-success button[aria-label],.banner-theme-upgrade button[aria-label],.banner-theme-warning button[aria-label]{background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:all .2s ease;min-height:32px;min-width:32px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px rgba(0,0,0,.3)}.banner-theme-breaking button[aria-label]:hover,.banner-theme-celebration button[aria-label]:hover,.banner-theme-feature button[aria-label]:hover,.banner-theme-important button[aria-label]:hover,.banner-theme-info button[aria-label]:hover,.banner-theme-maintenance button[aria-label]:hover,.banner-theme-success button[aria-label]:hover,.banner-theme-upgrade button[aria-label]:hover,.banner-theme-warning button[aria-label]:hover{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);transform:scale(1.05);box-shadow:0 0 12px rgba(255,255,255,.2)}.banner-theme-cyberpunk-cyan button:not([aria-label]),.banner-theme-cyberpunk-matrix button:not([aria-label]),.banner-theme-cyberpunk-neon button:not([aria-label]),.banner-theme-cyberpunk-pink button:not([aria-label]),.banner-theme-cyberpunk-purple button:not([aria-label]),.banner-theme-cyberpunk-void button:not([aria-label]){background-color:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:all .2s ease;min-height:44px;min-width:44px;border-radius:6px}.banner-theme-cyberpunk-cyan button:not([aria-label]):hover,.banner-theme-cyberpunk-matrix button:not([aria-label]):hover,.banner-theme-cyberpunk-neon button:not([aria-label]):hover,.banner-theme-cyberpunk-pink button:not([aria-label]):hover,.banner-theme-cyberpunk-purple button:not([aria-label]):hover,.banner-theme-cyberpunk-void button:not([aria-label]):hover{background-color:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);transform:translateY(-1px)}.banner-theme-breaking button:not([aria-label]),.banner-theme-celebration button:not([aria-label]),.banner-theme-feature button:not([aria-label]),.banner-theme-important button:not([aria-label]),.banner-theme-info button:not([aria-label]),.banner-theme-maintenance button:not([aria-label]),.banner-theme-success button:not([aria-label]),.banner-theme-upgrade button:not([aria-label]),.banner-theme-warning button:not([aria-label]){background-color:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:all .2s ease;min-height:44px;min-width:44px;border-radius:6px}.banner-theme-breaking button:not([aria-label]):hover,.banner-theme-celebration button:not([aria-label]):hover,.banner-theme-feature button:not([aria-label]):hover,.banner-theme-important button:not([aria-label]):hover,.banner-theme-info button:not([aria-label]):hover,.banner-theme-maintenance button:not([aria-label]):hover,.banner-theme-success button:not([aria-label]):hover,.banner-theme-upgrade button:not([aria-label]):hover,.banner-theme-warning button:not([aria-label]):hover{background-color:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);transform:translateY(-1px)}.banner-animate-in{animation:bannerSlideIn .3s ease-out}@keyframes bannerSlideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bannerScan{0%{left:-100%}to{left:100%}}@media (prefers-reduced-motion:reduce){.banner-animate-in,.banner-theme-cyberpunk-neon:before{animation:none}.banner-cyberpunk-enhanced:after{display:none}}@media (prefers-contrast:high){.banner-theme-breaking,.banner-theme-celebration,.banner-theme-cyberpunk-cyan,.banner-theme-cyberpunk-matrix,.banner-theme-cyberpunk-neon,.banner-theme-cyberpunk-pink,.banner-theme-cyberpunk-purple,.banner-theme-cyberpunk-void,.banner-theme-feature,.banner-theme-important,.banner-theme-info,.banner-theme-maintenance,.banner-theme-success,.banner-theme-upgrade,.banner-theme-warning{border:2px solid #ffffff;text-shadow:0 0 0 transparent,0 1px 3px rgba(0,0,0,1)}}@media (max-width:768px){.banner-theme-cyberpunk-cyan,.banner-theme-cyberpunk-matrix,.banner-theme-cyberpunk-neon,.banner-theme-cyberpunk-pink,.banner-theme-cyberpunk-purple,.banner-theme-cyberpunk-void{box-shadow:0 0 10px rgba(0,0,0,.3)}.banner-theme-cyberpunk-neon:before{animation-duration:4s}}