:root{color-scheme:dark!important;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde!important;background-color:#242424!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#ffffffde!important;background-color:#242424!important}body{background-color:#242424!important;color:#ffffffde!important}button{background-color:#1a1a1a!important;color:inherit!important}}body{background-color:#242424!important;color:#ffffffde!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh}h1{font-size:3em;line-height:1.1;border-bottom:2px solid rgba(255,255,255,.1);display:inline-block;padding-bottom:.25em}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.container{width:80%;margin:0 auto;padding:20px;display:flex;flex-direction:column;align-items:center}.sensitivity-container{margin-bottom:20px}.slider-container{margin-bottom:20px;display:flex;align-items:left;text-align:center;flex-direction:column;gap:10px}.slider-row{display:flex;align-items:center;gap:20px}.slider-container label{display:flex;flex:1;align-items:center;gap:10px}.input-box{width:50px;padding:5px;text-align:center}.plot-container{width:50vw;min-height:400px;min-width:20vw;max-width:50vw;align-self:center;height:500px;margin:20px auto;padding:10px;transition:all .3s ease;display:flex;justify-content:stretch;align-items:stretch;background-color:transparent}.impulsive-3d-plot-container{width:100%;min-height:200px;min-width:10vw;max-width:50vw;align-self:center;height:400px;margin:20px auto;padding:10px;transition:all .3s ease;display:flex;justify-content:stretch;align-items:stretch;background-color:transparent}@media (max-width: 768px){.plot-container{min-width:85vw}}.plot-container>.js-plotly-plot{width:100%!important;height:100%!important}.plot-container .main-svg{width:100%!important;height:100%!important;preserveAspectRatio:none}.js-plotly-plot .plotly{align-self:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffff1a!important;border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f268726;overflow:hidden}.plot-container:hover{background-color:#ffffff03;border:1px solid rgba(255,255,255,.3)}.instructions{margin-top:20px;padding:15px;border-radius:8px;background-color:#1e1e1e80;border:1px solid rgba(255,255,255,.1);width:70vw}.instructions ul{padding-left:0;list-style-position:inside;margin:0}.instructions li{align-items:baseline;margin-bottom:6px}.instructions li:before{display:inline-block;width:1em;margin-right:.5em}input[type=range]{-webkit-appearance:none;height:8px;background:linear-gradient(90deg,#4158d0,#c850c0,#ffcc70);border-radius:8px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border:2px solid #C850C0;border-radius:50%;cursor:pointer;transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{background:#f0f0f0;transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#fff;border:2px solid #C850C0;border-radius:50%;cursor:pointer;transition:all .2s ease}input[type=range]::-moz-range-thumb:hover{background:#f0f0f0;transform:scale(1.1)}input[type=number]{width:60px;padding:6px;border-radius:4px;border:1px solid #C850C0;background-color:#1e1e1ecc;color:inherit;text-align:center}@media (max-width: 768px){.slider-row{flex-direction:column;align-items:stretch}.container{width:95%}}.gradient-text{display:inline-block;position:relative;z-index:1;background:linear-gradient(90deg,#4d6afb,#fb64f1,#ffcc70);-webkit-background-clip:text;background-clip:text;font-weight:700;padding:0 5px;isolation:isolate;pointer-events:auto}.blue-component{background:linear-gradient(90deg,#4d6afb,#00f7ff,#6d34ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;padding:0 5px}.red-component{background:linear-gradient(90deg,#fb4d4d,#ff4000,#eb0000);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;padding:0 5px}.greenblue-component{background:linear-gradient(90deg,#00ff26,#00f7ff,#00ff26);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;padding:0 5px}.greenred-component{background:linear-gradient(90deg,#00ff26,red,#00ff26);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;padding:0 5px}.purplered-component{background:linear-gradient(90deg,#ff00d4,red,#ff00d4);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;padding:0 5px}.purpleblue-component{background:linear-gradient(90deg,#ff00d4,#00f7ff,#ff00d4);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;padding:0 5px}.svg-tooltip{position:fixed;background:#000000d9;border:1px solid #C850C0;color:#fff;padding:6px 10px;font-size:12px;border-radius:6px;pointer-events:none;z-index:1000;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-text:hover,.blue-component:hover,.red-component:hover,.greenred-component:hover,.greenblue-component:hover,.purplered-component:hover,.purpleblue-component:hover{background-size:200% auto;animation:gradient-shift 3s ease infinite}.threshold-row{width:100%;margin-top:10px}.threshold-container,.impulsive-q-slider-container,.impulsive-k-slider-container{width:100%;margin:10px 0;display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:8px}.threshold-slider-wrapper,.impulsive-q-slider-wrapper,.impulsive-k-slider-wrapper{align-self:center;width:100%;padding-right:2%;display:block}.threshold-slider-wrapper input[type=range],.impulsive-q-slider-wrapper input[type=range],.impulsive-k-slider-wrapper input[type=range]{width:100%}.threshold-label-container,.impulsive-q-label-container,.impulsive-k-label-container{width:100%;margin-bottom:8px}.threshold-label{width:100%}.full-width{flex-grow:1;width:100%}.js-plotly-plot .modebar{opacity:.7;transition:opacity .3s ease}.js-plotly-plot .modebar:hover{opacity:1}.js-plotly-plot .modebar-btn path{fill:#fffc}.threshold-row input[type=range]{background:linear-gradient(90deg,#fc0,#f60,#fc0)}.impulsive-k-slider-wrapper input[type=range]{background:linear-gradient(90deg,#4158d0,#c850c0,#ffcc70)}.threshold-row input[type=number]{border-color:#fc0}.threshold-row input[type=range]::-webkit-slider-thumb{border-color:#fc0}.threshold-row input[type=range]::-moz-range-thumb{border-color:#fc0}.slider-wrapper{flex-grow:1;min-width:150px;padding:0 5px}.gold{background:linear-gradient(45deg,gold,#fc0)}.toggle-container{display:inline-flex;align-items:center;margin-top:10px;gap:10px}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;min-width:60px;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background:linear-gradient(90deg,#4158d0,#c850c0,#ffcc70)}input:checked+.toggle-slider:before{transform:translate(26px)}@keyframes toggle-swipe{0%{transform:translate(0)}to{transform:translate(26px)}}input:checked+.toggle-slider:before{animation:toggle-swipe .5s}.probability-bar{display:flex;flex-direction:column;width:100%;margin-top:.5rem}.bar-fill{display:flex;height:30px;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.bar-section{height:100%;font-size:0}.bar-section.correct{background:linear-gradient(90deg,#00ff6a,#00d85a 20%,#00a143,#00d85a 80%,#00ff6a);background-size:200% auto;animation:gradient-shift-correct 5s cubic-bezier(.25,1,.5,1) infinite;animation-delay:2.4s}.bar-section.erasure{background:linear-gradient(90deg,#ffc800,#ffd727 25%,#ac8e14 75%,#ffc800);background-size:200% auto;animation:gradient-shift-erasure 5s cubic-bezier(.25,1,.5,1) infinite;animation-delay:4s}.bar-section.error{background:linear-gradient(90deg,red,#af1200 25%,#b61908 75%,red);background-size:200% auto;animation:gradient-shift-error 5s cubic-bezier(.25,1,.5,1) infinite}@keyframes gradient-shift-correct{0%{background-position:0% 50%}50%{background-position:200% 50%}to{background-position:0% 50%}}@keyframes gradient-shift-erasure{0%{background-position:0% 50%}50%{background-position:200% 50%}to{background-position:0% 50%}}@keyframes gradient-shift-error{0%{background-position:0% 50%}50%{background-position:200% 50%}to{background-position:0% 50%}}.bar-labels{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.85rem;font-weight:500}.label-section{text-align:center;flex:1}.area-summary{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:20px;position:relative}.area-box{flex:1;min-width:250px;padding:5px;border-radius:8px}.area-box h2{margin-top:0}.explanation-box{position:relative;word-wrap:break-word;overflow-wrap:break-word;font-size:.95rem;line-height:1.6;padding:1rem 1rem 1rem 1.25rem;margin-top:1rem;margin-left:auto;margin-right:auto;text-align:left;max-width:800px;border-radius:.5rem;background-color:#ffffff0d;color:#fff}.explanation-box:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:.5rem 0 0 .5rem;background:linear-gradient(180deg,#4158d0,#c850c0,#ffcc70);animation:gradient-shift-box 5s ease infinite;box-shadow:0 0 10px #ffcc7080;background-size:100% 200%;background-repeat:no-repeat}.explanation-box ul{padding-left:1rem;margin:.5rem 0}.explanation-box li{margin-bottom:.4rem}.explanation-box ul{padding-left:1.25rem;margin-left:0;text-align:left;list-style-position:outside}.visualization-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%}.miniplot-container{width:1px;height:1px;overflow:hidden;margin-right:10px}.fullplot-container{width:100%;min-height:400px}.bec-container{flex-grow:1;padding-top:20vh}.impbieec-container{flex-grow:1}.view-container{width:100%;position:relative}.plot-container[style*="display:none"],.area-box[style*="display:none"]{visibility:hidden;position:absolute;z-index:-1}.component-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.component-block{flex:1 1 10vw;padding:1vw .1vh;border-radius:10em;font-size:.9rem;line-height:1.4}.legend .traces .legendtoggle{cursor:pointer}.legend .traces:hover{opacity:.8}.legend .traces[style*="opacity: 0.2"]{opacity:.5}.legend .traces .legendtoggle:hover:after{content:"Click to toggle";position:absolute;background:#000000b3;color:#fff;padding:2px 5px;border-radius:3px;font-size:10px;white-space:nowrap;pointer-events:none;top:100%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s ease}.legend .traces .legendtoggle:hover:hover:after{opacity:1}.js-plotly-plot .legend{transition:opacity .3s ease;border-radius:5px}.js-plotly-plot .legend:hover{opacity:1;box-shadow:0 0 10px #fff3}.mini-bar-overlay{display:flex;flex-direction:column;width:100%;gap:3px;margin-top:4px}.mini-bar{position:relative;display:flex;height:6px;border:1px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden;margin:auto;width:90%}.mini-blue{background:#4287f5e6;height:100%}.mini-red{background:#f54242e6;height:100%}.js-plotly-plot .xtick text,.js-plotly-plot .ytick text,.js-plotly-plot .xaxis-title,.js-plotly-plot .yaxis-title{fill:#fff!important;font-size:12px!important;font-weight:500;font-family:Arial,sans-serif}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;color:#fff9;cursor:pointer;padding:10px;transition:opacity .3s ease;-webkit-user-select:none;user-select:none;z-index:10}.nav-arrow.left{left:10px}.nav-arrow.right{right:10px}.nav-dot{width:12px;height:12px;margin:0 5px;background-color:#ffffff4d;border-radius:50%;display:inline-block;transition:background-color .3s ease;cursor:pointer}.nav-dot.active{background:linear-gradient(180deg,#4158d0,#c850c0,#ffcc70);box-shadow:0 0 6px #ffcc70cc}.dot-container{display:flex;justify-content:center;margin-top:15px;gap:8px}.error-erasure-toggle{display:flex;align-items:center;justify-content:center;gap:15px;margin:15px 0;font-weight:500}.toggle-label{font-size:14px;color:#fffc;transition:color .3s ease;-webkit-user-select:none;user-select:none}.toggle-label.active{color:#fff;font-weight:700}.toggle-label.inactive{color:#fff6}.error-erasure-toggle .toggle-switch{width:50px!important;height:24px!important;position:relative}.error-erasure-toggle .toggle-switch input{opacity:0;width:0;height:0}.error-erasure-toggle .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#00ff26!important;background-image:none!important;background-color:#00ff26!important;transition:.4s;border-radius:24px!important;border:2px solid rgba(255,255,255,.3)!important}.error-erasure-toggle .toggle-slider:before{display:none!important}.error-erasure-toggle .toggle-slider:after{display:none!important}.error-erasure-toggle .toggle-slider:after{content:""!important;display:block!important;position:absolute;height:16px;width:16px;right:2px;top:2px;background-color:#fff!important;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)!important;border-radius:50%!important;box-shadow:0 2px 4px #0003!important}.error-erasure-toggle input[type=checkbox]:checked+.toggle-slider{background:#c850c0!important;background-image:none!important;background-color:#c850c0!important}.error-erasure-toggle input[type=checkbox]:checked+.toggle-slider:after{transform:translate(-24px)!important}.error-erasure-toggle .toggle-slider:hover{box-shadow:0 0 8px #ffffff4d!important}.explanation-box{position:relative;word-wrap:break-word;overflow-wrap:break-word;font-size:.95rem;line-height:1.6;padding:1rem 3rem 3rem 1.25rem;margin-top:1rem;margin-left:auto;margin-right:auto;text-align:left;max-width:800px;border-radius:.5rem;background-color:#ffffff0d;color:#fff;transition:all .3s ease;overflow:visible}.explanation-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:2.5rem;font-weight:700;color:#fffc;cursor:pointer;padding:15px;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:10;background:#0000004d;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.explanation-nav.left{left:-4vw}.explanation-nav.right{right:-4vw}.explanation-nav:hover{opacity:1!important;background:#ffffff1a;transform:translateY(-50%) scale(1.1);box-shadow:0 0 15px #ffcc7066}.explanation-nav:active{transform:translateY(-50%) scale(.95)}.explanation-content{transition:opacity .3s ease;min-height:300px}.explanation-title{font-size:1.8rem;margin-bottom:1rem;background:linear-gradient(90deg,#4158d0,#c850c0,#ffcc70);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:.2em;display:inline-block}.explanation-body{opacity:1;transform:translate(0);transition:all .3s ease}.explanation-dots{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:5}.explanation-dot{width:12px;height:12px;border-radius:50%;background-color:#ffffff4d;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);border:2px solid transparent}.explanation-dot:hover{background-color:#ffffff80;transform:scale(1.2)}.explanation-dot.active{box-shadow:0 0 10px #ffcc7099;transform:scale(1.3);border:2px solid rgba(255,255,255,.3);animation:-explanation-dot-gradient 5s ease infinite}@keyframes explanation-dot-gradient{0%{background-position:0% 0%}50%{background-position:0% 100%}to{background-position:0% 0%}}.explanation-dot.active:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(135deg,#4158d0,#c850c0,#ffcc70);z-index:-1;opacity:.3;animation:pulse-glow 2s ease-in-out infinite}.color-chip{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:4px;vertical-align:middle}.color-chip.blue{background:linear-gradient(90deg,#4d6afb,#00f7ff,#6d34ff)}.color-chip.red{background:linear-gradient(90deg,#fb4d4d,#ff4000,#eb0000)}.color-chip.purple{background:linear-gradient(90deg,#923b8c,#c850c0,#923b8c)}.color-chip.green{background:linear-gradient(90deg,#00ff26,#2ecc71,#00ff26)}.color-chip.white{background:linear-gradient(90deg,#d8d8d8,#fff,#d5d5d5)}.color-chip.yellow{background:linear-gradient(90deg,#c8bb00,#fe0,#fff024)}.formula-explanation{background:#ffffff0d;padding:1rem;border-radius:8px;margin-top:1rem;border-left:3px solid #C850C0}.color-key{margin:.5rem 0;font-size:.9rem}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.explanation-box.transitioning .explanation-body{opacity:0;transform:translate(20px)}@media (max-width: 768px){.explanation-box{padding:1rem 1rem 3rem;margin:1rem 10px}.explanation-nav{font-size:2rem;width:40px;height:40px;padding:10px}.explanation-nav.left{left:-20px}.explanation-nav.right{right:-20px}.explanation-title{font-size:1.5rem}.explanation-dot{width:10px;height:10px}.explanation-dots{gap:8px}}@keyframes gradient-shift-box{0%{background-position:0% 0%}50%{background-position:0% 100%}to{background-position:0% 0%}}.floating-help-button{position:fixed;bottom:30px;left:30px;width:50px;height:50px;background:#454545cc;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;cursor:pointer;z-index:1000;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0003;-webkit-user-select:none;user-select:none}.floating-help-button:hover{background:#c450c0e6;transform:scale(1.1);box-shadow:0 6px 20px #c450c066;border-color:#fff6}.floating-help-button:active{transform:scale(.95);transition:transform .1s ease}@media (max-width: 768px){.floating-help-button{bottom:20px;left:20px;width:45px;height:45px;font-size:20px}}.floating-help-button.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.disclaimer{padding:10px 15px;margin-bottom:10px;font-size:.95em;font-weight:700;border-radius:6px}.disclaimer.normal{background-color:#ffa5001a;border-left:4px solid orange;color:#f80}.disclaimer.impulsive{position:relative;background:linear-gradient(45deg,#4158d04d,#c850c04d,#ffcc704d);border-radius:10px;padding:20px;margin-top:20px;overflow:hidden}.disclaimer.impulsive:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:.5rem 0 0 .5rem;background:linear-gradient(180deg,#4158d0,#c850c0,#ffcc70);animation:gradient-shift-box 5s ease infinite;box-shadow:0 0 10px #ffcc7080;background-size:100% 200%;background-repeat:no-repeat}.logo{width:2em;height:auto;margin-bottom:-.5em}.tau-mode-toggle{display:flex;align-items:center;justify-content:center;gap:20px;margin:15px 0;font-weight:500;background:#ffffff0d;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.tau-mode-label{font-size:14px;color:#fff9;transition:all .3s ease;-webkit-user-select:none;user-select:none;cursor:pointer;padding:8px 16px;border-radius:6px;border:2px solid transparent}.tau-mode-label:hover{color:#fffc;background:#ffffff0d}.tau-mode-label.active{color:#fff;font-weight:700;border-color:var(--active-color);box-shadow:0 0 10px var(--active-color-alpha);background:var(--active-background)}.tau-mode-label[data-mode=capacity].active{--active-color: #FF6600;--active-color-alpha: rgba(255, 102, 0, .3);--active-background: rgba(255, 102, 0, .2)}.tau-mode-label[data-mode=error].active{--active-color: #C850C0;--active-color-alpha: rgba(200, 80, 192, .3);--active-background: rgba(200, 80, 192, .2)}.tau-mode-label[data-mode=erasure].active{--active-color: #00FF26;--active-color-alpha: rgba(0, 255, 38, .3);--active-background: rgba(0, 255, 38, .2)}.tau-graph-container{flex-grow:1;transition:all .3s ease}.capacity-mode-toggle{display:flex;background:#ffffff1a;border-radius:20px;padding:10px;margin-top:4em;gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);margin-bottom:10px;box-shadow:0 2px 8px #0000001a}.capacity-mode-label{font-size:1em;color:#fff9;transition:all .3s ease;-webkit-user-select:none;user-select:none;cursor:pointer;padding:8px 16px;border-radius:6px;border:2px solid transparent}.capacity-mode-label[data-mode=erasureprobability].active{background:#00ff2633;border-color:#00ff26;box-shadow:0 0 10px #00ff264d;color:#fff;transform:translateY(-1px)}.capacity-mode-label[data-mode=errorprobability].active{background:#c850c033;border-color:#c850c0;box-shadow:0 0 10px #c850c04d;color:#fff;transform:translateY(-1px)}.capacity-mode-label.inactive{background:transparent;color:#ffffffb3}.capacity-mode-label.inactive:hover{background:#ffffff1a;color:#ffffffe6;transform:translateY(-.5px)}.error-erasure-toggle{display:none!important}.bch-toggle-container{display:flex;align-items:center;gap:15px;margin-bottom:20px}.bch-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px}.bch-parameter-group{border-radius:10px;padding:15px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.bch-parameter-group h3{letter-spacing:1px}.parameter-control{display:flex;flex-direction:column;gap:8px}.parameter-control label{display:flex;padding:1em;align-items:center;gap:10px}.calculated-values{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:15px;max-width:600px;margin:20px auto}.calculated-value{background:#ffffff1a;border-radius:8px;padding:12px;text-align:center;border:1px solid rgba(255,255,255,.1)}.indent{margin-left:20px}.dynamic{font-weight:700}.calculated-value .label{font-size:11px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.calculated-value .value{font-size:18px;font-weight:700;background:linear-gradient(0deg,#8e8400,#fe0,#fff024);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bch-performance-summary{position:relative;background:#ffffff1a;border-radius:10px;padding:20px;margin-top:20px;overflow:hidden}.bch-performance-summary:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:.5rem 0 0 .5rem;background:linear-gradient(180deg,#4158d0,#c850c0,#ffcc70);animation:gradient-shift-box 5s ease infinite;box-shadow:0 0 10px #ffcc7080;background-size:100% 200%;background-repeat:no-repeat}.metric-value{font-weight:700;background:linear-gradient(0deg,#8e8400,#fe0,#fff024);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.preset-buttons{display:flex;margin:auto auto 20px;gap:20px}.preset-btn{padding:8px 15px;border:none;border-radius:5px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;cursor:pointer;font-size:12px;transition:all .3s ease}.preset-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.warning-text{color:#ff6b6b;background-color:#ff00001a;border-left:4px solid red;padding:10px 15px;margin-left:1vw;margin-right:1vw;margin-bottom:auto;font-size:.95em;font-weight:700;border-radius:6px}.hidden{display:none}.bch-title{margin:0 0 15px;color:gold}.bch-formula-section{padding:15px;border-radius:8px;margin-bottom:15px}.bch-formula-title{margin:0 0 10px;color:gold}.formula-display{position:relative;background:#ffffff1a;border-radius:10px;padding:20px;margin-top:20px;overflow:hidden}.formula-display:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:.5rem 0 0 .5rem;background:linear-gradient(180deg,#4158d0,#c850c0,#ffcc70);animation:gradient-shift-box 5s ease infinite;box-shadow:0 0 10px #ffcc7080;background-size:100% 200%;background-repeat:no-repeat}.formula-content{color:#ddd}.formula-subscript{color:gold}.formula-description{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:4px 12px;font-style:italic;margin-top:.5vh;text-align:center}.dynamic-formula-display{position:relative;background:#ffffff1a;border-radius:10px;padding:20px;margin-top:20px;overflow:hidden}.dynamic-formula-display:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:.5rem 0 0 .5rem;background:linear-gradient(180deg,#4158d0,#c850c0,#ffcc70);animation:gradient-shift-box 5s ease infinite;box-shadow:0 0 10px #ffcc7080;background-size:100% 200%;background-repeat:no-repeat}.formula-values{margin:5px 0}.formula-constraint{color:#f80;background-color:#ffa2001a;border-left:4px solid orange;padding:10px 15px;margin-bottom:10px;font-size:.95em;font-weight:700;border-radius:6px}.error-value{color:#f66}.erasure-value{color:#6f6}.correct-value{color:#66f}.code-parameters{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:10px;font-size:12px}.parameter-box{background:#ffffff1a;padding:6px;border-radius:4px;text-align:center}.parameter-formula{color:gold}.parameter-value{color:#fff}.performance-metrics{margin-top:15px}.performance-metric{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.performance-metric:last-child{border-bottom:none}.metric-label{font-size:13px;color:#fffc}.metric-value{font-weight:700;color:gold}.success-rate{color:#8f8}.error-rate{color:#f66}.info-rate{color:gold}.capacity-rate{color:#6df}.channel-state{border-top:1px solid rgba(255,255,255,.2);margin-top:10px;padding-top:10px}.example-calculation{background:#0003;padding:10px;border-radius:6px;margin-top:10px;font-size:11px}.example-title{color:#8f8;margin-bottom:5px}.example-content{color:#ccc;font-family:Courier New,monospace}.example-continuation{color:gold}@media (max-width: 768px){.code-parameters{grid-template-columns:repeat(2,1fr)}.formula-content{font-size:12px}.example-content{font-size:10px}}.bch-graph-container{width:400px;height:400px;margin:4vh auto 2vh;display:flex;justify-content:center;align-items:center;border-radius:8px}.bch-mode-toggle{display:flex;background:#ffffff1a;border-radius:20px;padding:10px;margin-bottom:5em;gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000001a;justify-content:center;align-items:center}.bch-mode-label{font-size:1em;color:#fff9;transition:all .3s ease;-webkit-user-select:none;user-select:none;cursor:pointer;padding:8px 16px;border-radius:6px;border:2px solid transparent;background:transparent}.bch-mode-label.inactive{background:transparent;color:#ffffffb3;border-color:transparent}.bch-mode-label.inactive:hover{background:#ffffff1a;color:#ffffffe6;transform:translateY(-.5px)}.bch-mode-label.active[data-mode=success]{background:#0f03;border-color:#0f0;box-shadow:0 0 10px #00ff004d;color:#fff;font-weight:700;transform:translateY(-1px)}.bch-mode-label.active[data-mode=error]{background:#f443;border-color:#f44;box-shadow:0 0 10px #ff44444d;color:#fff;font-weight:700;transform:translateY(-1px)}.bch-mode-label.active[data-mode=capacity]{background:#ffd70033;border-color:gold;box-shadow:0 0 10px #ffd7004d;color:#fff;font-weight:700;transform:translateY(-1px)}.bch-mode-label.active:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 0 15px currentColor}@media (max-width: 768px){.bch-mode-toggle{flex-direction:column;gap:10px;padding:15px}.bch-mode-label{width:100%;text-align:center;padding:10px 20px}}.probability-clarification{position:relative;background:#ffffff1a;border-radius:10px;padding:20px;margin-top:20px;overflow:hidden}.tau-mode-label[data-mode=snr].active{--active-color: #fa8072;--active-color-alpha: #fa80724d;--active-background: #fa807220}.tau-mode-label[data-mode=snr]:after{content:"★";position:absolute;top:-2px;right:-2px;font-size:8px;color:salmon;opacity:0;transition:opacity .3s ease}.tau-mode-label[data-mode=snr]:hover:after,.tau-mode-label[data-mode=snr].active:after{opacity:1}@keyframes dash-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:24}}svg path[stroke-dasharray="8,4"]{animation:dash-flow 4s linear infinite}.snr-toggle-container{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0;padding:8px 15px;background:#fa80721a;border-radius:8px;border:1px solid rgba(250,128,114,.2);transition:all .3s ease}.snr-toggle-container:hover{background:#fa807226;border-color:#fa80724d}.snr-toggle-label{font-size:14px;color:#ffffffe6;font-weight:500;-webkit-user-select:none;user-select:none}.snr-toggle-container .toggle-switch{width:50px;height:26px}.snr-toggle-container .toggle-slider{background-color:#ffffff4d;border-radius:26px}.snr-toggle-container .toggle-slider:before{height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%}.snr-toggle-container input:checked+.toggle-slider{background:linear-gradient(90deg,salmon,#ff6b6b,salmon)}.snr-toggle-container input:checked+.toggle-slider:before{transform:translate(24px)}.snr-curve-overlay{opacity:.8;filter:drop-shadow(0 0 2px rgba(250,128,114,.5))}@keyframes snr-dash-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:24}}svg path[stroke-dasharray="8,4"][stroke*="#fa8072"],svg path[stroke-dasharray="8,4"][stroke*=snrCurveGradient]{animation:snr-dash-flow 4s linear infinite}.snr-curve-glow{filter:drop-shadow(0 0 3px rgba(250,128,114,.6))}.svg-tooltip.snr-tooltip{border-color:salmon;background:#fa807226;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dual-curve-legend{display:flex;justify-content:center;gap:20px;margin-top:5px;font-size:11px}.legend-item{display:flex;align-items:center;gap:5px}.legend-line{width:20px;height:2px;border-radius:1px}.legend-line.primary{background:var(--primary-curve-color)}.legend-line.snr{background:salmon;background-image:repeating-linear-gradient(90deg,#fa8072,#fa8072 8px,transparent 8px,transparent 12px)}@media (max-width: 768px){.snr-toggle-container{flex-direction:column;gap:8px;padding:10px}.snr-toggle-label{font-size:13px;text-align:center}.dual-curve-legend{flex-direction:column;gap:8px}}.impulsive-noise-info{background:#f5f5f5;padding:12px;border-radius:6px;margin-top:10px;border-left:4px solid #4158D0}.impulsive-noise-info h4{margin:0 0 8px;color:#333;font-size:14px}.param-display{display:flex;gap:15px;margin-bottom:8px;font-family:monospace;font-size:12px}.param-display span{background:#fff;padding:2px 6px;border-radius:3px;border:1px solid #ddd}.color-indicator{border-radius:3px;transition:background-color .1s ease}.mode-toggle:has(input:checked){background:linear-gradient(45deg,#4158d04d,#c850c04d,#ffcc704d);padding:4px 8px;border-radius:4px;animation:gradient-shift 3s ease-in-out infinite}@keyframes gradient-shift-bg{0%,to{background:linear-gradient(45deg,#4158d04d,#c850c04d,#ffcc704d)}33%{background:linear-gradient(45deg,#ffcc704d,#4158d04d,#c850c04d)}66%{background:linear-gradient(45deg,#c850c04d,#ffcc704d,#4158d04d)}}.impulsive-capacity-mode-toggle{display:flex;align-items:center;justify-content:center;gap:20px;margin:15px 0;font-weight:500;background:#ffffff0d;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.impulsive-capacity-mode-label{font-size:14px;color:#fff9;transition:all .3s ease;-webkit-user-select:none;user-select:none;cursor:pointer;padding:8px 16px;border-radius:6px;border:2px solid transparent}.impulsive-capacity-mode-label:hover{color:#fffc;background:#ffffff0d}.impulsive-capacity-mode-label.active{color:#fff;font-weight:700;border-color:var(--active-color);box-shadow:0 0 10px var(--active-color-alpha);background:var(--active-background)}.impulsive-capacity-mode-label[data-mode=with_upper].active{--active-color: #00FF26;--active-color-alpha: rgba(0, 255, 38, .3);--active-background: rgba(0, 255, 38, .2)}.impulsive-capacity-mode-label[data-mode=no_upper].active{--active-color: #FF6600;--active-color-alpha: rgba(255, 102, 0, .3);--active-background: rgba(255, 102, 0, .2)}.impulsive-capacity-container{flex-grow:1;transition:all .3s ease;margin-bottom:2em}.threshold-label-container label,.impulsive-q-label-container label,.impulsive-k-label-container label{display:flex;align-items:center;gap:10px;color:#ffffffe6}.impulsive-q-slider-wrapper input[type=range]{width:100%;background:linear-gradient(90deg,#4158d0,#c850c0,#ffcc70)}.impulsive-q-label-container input[type=number]{padding:4px;border-radius:4px;border:1px solid #C850C0;background-color:#1e1e1ecc;color:inherit;text-align:center}.k-tooltip{cursor:help;color:gold;font-size:14px}.k-guidance{display:flex;gap:8px;font-size:12px;margin-top:5px}.k-category{padding:2px 6px;border-radius:4px;background:#ffffff1a;color:#aaa;transition:all .2s ease}.k-category.active{background:var(--active-bg);color:var(--active-color);font-weight:700}impulsive-xaxis-toggle{display:flex;align-items:center;justify-content:center;gap:15px;margin:15px 0;font-weight:500;background:#ffffff14;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.15)}.xaxis-toggle-label{font-size:14px;color:#fffc;margin-right:10px;font-weight:600}.xaxis-toggle-button{position:relative;display:inline-flex;align-items:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:25px;padding:4px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;min-width:140px;height:40px}.xaxis-toggle-button:hover{border-color:#fff6;box-shadow:0 0 15px #ffffff1a}.xaxis-option{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;transition:all .3s ease;z-index:2}.xaxis-option.tau,.xaxis-option.alpha{color:#fff9}.xaxis-toggle-button:before{content:"";position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:linear-gradient(135deg,gold,#ff8c00);border-radius:18px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ffd7004d;z-index:1}.xaxis-toggle-button.alpha-active:before{transform:translate(100%);background:linear-gradient(135deg,#c850c0,#f60);box-shadow:0 2px 8px #c850c04d}.xaxis-toggle-button.tau-active .xaxis-option.tau,.xaxis-toggle-button.alpha-active .xaxis-option.alpha{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes toggle-glow{0%,to{box-shadow:0 0 5px #ffd70033}50%{box-shadow:0 0 15px #ffd70066}}.xaxis-toggle-button.tau-active:before{animation:toggle-glow 3s ease-in-out infinite}.xaxis-toggle-button.alpha-active:before{animation:toggle-glow 3s ease-in-out infinite}.warning-text-small{color:gold;font-size:.8em;text-align:center;margin-top:8px;font-weight:700;padding:8px 12px;border-radius:6px;background:linear-gradient(45deg,#c850c033,#f603);border-left:3px solid #FF6600}.alpha-slider-container input[type=range]{background:linear-gradient(135deg,#c850c0,#f60)}.alpha-slider-container input[type=number]{border-color:#f60}.alpha-slider-container input[type=range]::-webkit-slider-thumb{border-color:#f60}.alpha-slider-container input[type=range]::-moz-range-thumb{border-color:#f60}.text-gradient{display:inline-block;position:relative;z-index:1;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;isolation:isolate;pointer-events:auto}.text-gradient:hover{background-size:200% auto;animation:gradient-shift 3s ease infinite}.explanation-box,.bch-performance-summary,.formula-display,.dynamic-formula-display{position:relative;isolation:isolate}.explanation-box:before,.bch-performance-summary:before,.formula-display:before,.dynamic-formula-display:before{z-index:-1;pointer-events:none}.impulsive-3d-container{border-radius:12px;padding:1vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.impulsive-3d-description{text-align:center;color:#fffc;margin-bottom:20px;line-height:1.5}.impulsive-3d-controls{border-radius:8px;padding:12px;margin-bottom:15px}.control-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.control-group{display:flex;flex-direction:column;gap:5px}.control-group label{font-size:12px;color:#fffc;font-weight:500}.control-group select{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#fff;font-size:14px;min-width:180px}.control-group select:focus{outline:none;border-color:#c850c0;box-shadow:0 0 0 2px #c850c033}.visualization-toggles{display:flex;gap:25px;align-items:center}.plot-container-3d{border-radius:8px;padding:10px;margin:15px 0;max-width:100%;height:100%}.impulsive-3d-info{display:grid;grid-template-columns:1fr;gap:15px;margin-top:15px}.policy-comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px}.policy-card{background:#ffffff0d;border-radius:6px;padding:15px;border-left:3px solid;transition:all .3s ease;font-size:.9em}.policy-card:hover{background:#ffffff14;transform:translateY(-2px)}.policy-with-upper{border-left-color:#00ff26}.policy-no-upper{border-left-color:#f60}.policy-card h4{margin-top:0;font-size:1.1em;margin-bottom:10px}.policy-card p{color:#fffc;margin-bottom:15px;line-height:1.4}.policy-card ul{color:#ffffffb3;margin:0;padding-left:20px}.policy-card li{margin-bottom:5px}.interpretation-guide{background:#ffffff0d;border-radius:6px;padding:15px;border:1px solid rgba(255,255,255,.1);font-size:.9em}.interpretation-guide h4{margin-top:0;color:#c850c0;margin-bottom:15px}.interpretation-guide ul{color:#fffc;margin:0;padding-left:20px;line-height:1.6}.interpretation-guide li{margin-bottom:8px}.interpretation-guide strong{color:#fff}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.policy-comparison{grid-template-columns:1fr}.control-row{flex-direction:column;align-items:stretch}.visualization-toggles{justify-content:center}.control-group select{min-width:100%}.plot-container-3d{height:300px;padding:8px}.impulsive-3d-container{padding:15px;margin:10px 0}.policy-card{padding:12px}}@media (max-width: 480px){.plot-container-3d{height:250px}#impulsive-3d-plot{height:230px!important}}.plot-container-3d{position:relative;overflow:hidden}.plot-container-3d:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(200,80,192,.03),transparent);pointer-events:none;z-index:1}viz-two-up{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;justify-items:center;align-items:start;max-width:1200px;width:min(92vw,1200px);margin:2vh auto;padding-inline:12px;box-sizing:border-box}.viz-two-up>*{min-width:0}.impulsive-capacity-mode-label[data-mode="3d_surface"].active{--active-color: #C850C0;--active-color-alpha: rgba(200, 80, 192, .3);--active-background: rgba(200, 80, 192, .2)}.impulsive-capacity-mode-label[data-mode="2d_heatmap"].active{--active-color: #4158D0;--active-color-alpha: rgba(65, 88, 208, .3);--active-background: rgba(65, 88, 208, .2)}.impulsive-controls-container{display:flex;flex-direction:column;gap:8px;padding:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:6px;margin-bottom:10px}.control-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.control-group-label{font-weight:700;color:#ffffffb3;font-size:11px;min-width:40px;flex-shrink:0}.control-options{display:flex;gap:6px;flex-wrap:wrap}@media (max-width: 1400px){.control-row{flex-direction:column;align-items:flex-start;gap:6px}.control-group-label{min-width:auto}.impulsive-capacity-mode-label{font-size:11px;padding:5px 10px;min-width:70px}}.impulsive-bch-section{margin-top:20px;padding:20px;border-radius:10px}.impulsive-bch-section .bch-toggle-container{margin-bottom:20px}.impulsive-bch-performance-summary{position:relative;background:#ffffff1a;border-radius:10px;padding:20px;margin-top:20px;overflow:hidden}.impulsive-bch-performance-summary .performance-metric{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.impulsive-bch-performance-summary .performance-metric:last-child{border-bottom:none}.impulsive-bch-performance-summary .metric-label{color:#ffffffe6;font-weight:500}.impulsive-bch-performance-summary .metric-value{background:linear-gradient(135deg,#4f6bf9,#c850c0,#ffcc70);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:14px}.policy-control{display:flex;flex-direction:column;gap:10px}.radio-label{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s ease}.radio-label:hover{background:#ffffff0d}.radio-label input[type=radio]{margin:0}.impulsive-bch-graph-container{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:10px;max-width:95%;margin-left:auto;margin-right:auto}.impulsive-bch-section .formula-display,.impulsive-bch-section .dynamic-formula-display{background:#ffffff0d}.impulsive-params{margin-top:10px;padding:8px;background:linear-gradient(135deg,#4f6bf933,#c850c033,#ffcd7033);border-radius:4px;font-size:12px}.impulsive-bch-section .warning-text{background:#ff444426;border:1px solid rgba(255,68,68,.3);color:#f44;padding:10px;border-radius:6px;margin:10px 0;font-weight:700}.impulsive-bch-section .calculated-value .label{color:#fffc}.impulsive-bch-section .calculated-value .value{background:linear-gradient(135deg,#4f6bf9,#c850c0,#ffcc70);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.impulsive-bch-section .fade-in{animation:fadeInImpulsive .5s ease-in-out}@keyframes fadeInImpulsive{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.impulsive-bch-section{padding:15px}.policy-control{gap:8px}.radio-label{font-size:13px}.impulsive-bch-performance-summary .performance-metric{flex-direction:column;align-items:flex-start;gap:5px}}.impulsive-bch-section .formula-content sub{background:linear-gradient(135deg,#4f6bf98e,#c850c08e,#ffcd708e);font-weight:700}.impulsive-bch-section .dynamic{font-weight:700;background:linear-gradient(135deg,#4f6bf98e,#c850c08e,#ffcd708e);padding:1px 3px;border-radius:2px}.acknowledgement-section{color:#e5e7eb;border-radius:16px;padding:32px 40px;width:100%;max-width:480px;text-align:center}.author-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 4px}.author-title{font-size:1rem;font-weight:400;color:#9ca3af;margin:0 0 24px}.social-links{display:flex;justify-content:center;gap:24px;margin-bottom:28px}.social-links a{color:#9ca3af;transition:color .2s ease-in-out,transform .2s ease-in-out}.social-links a:hover{color:#fff;transform:scale(1.1)}.social-links svg{width:32px;height:32px}.separator{border:0;height:1px;background-color:#70809066;margin:0 auto 28px;width:80%}.special-thanks h4{font-size:1.125rem;font-weight:500;color:#fff;margin:0 0 8px}.special-thanks p{font-size:.95rem;color:#d1d5db;line-height:1.6;margin:4px 0}.intro-text{font-size:.95rem;color:#d1d5db;line-height:1.6;margin:0 0 16px;text-align:left}.intro-text.call-to-action{margin-bottom:32px}html{scroll-behavior:smooth}.credits-button{display:inline-block;padding:12px 24px;background:#ffffff0d;color:#fff;border:1px solid #c850c0;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .3s ease;-webkit-user-select:none;user-select:none;margin:20px auto;text-align:center;box-shadow:0 2px 8px #0003}.credits-button:hover{background:linear-gradient(135deg,#667eea,#764ba2,#c850c0,#764ba2,#667eea);background-size:200% 200%;animation:gradient-scroll 3s ease infinite;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.credits-button:active{transform:translateY(0);box-shadow:0 2px 8px #0003}@keyframes gradient-scroll{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.credits-button{padding:10px 20px;font-size:14px;margin:15px auto}}.header-container{position:relative;padding:40px 20px 60px;margin-bottom:40px;border-bottom:5px solid rgba(255,255,255,.1)}.header-container h1,.header-container .description,.header-container .intro-text{position:relative;z-index:1}.header-container .credits-button{margin-top:30px;position:relative;z-index:2;box-shadow:0 4px 12px #0000004d}.header-container .credits-button:hover{box-shadow:0 6px 20px #0006}@media (max-width: 768px){.header-container{padding:30px 15px 50px;margin-bottom:30px}.header-container .description{padding-right:5vw!important;padding-left:5vw!important}}
