:root{--color-primary: #000099;--color-secondary: #1B1464;--color-primary-light: #2f00a5;--color-secondary-light: #ca983a;--color-success: #28a745;--color-danger: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--color-light: #e2de76;--color-dark: #101000;--color-link: #7df9ff}*{box-sizing:border-box;margin:0}body{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5}body a{color:var(--color-link);text-decoration:none}body.dark-mode{color:#fff;background-color:#000}body.dark-mode .wave-container{display:none}body.light-mode{color:#000;background-color:#ff0}body.light-mode header{background:linear-gradient(300deg,var(--color-primary-light) 25%,var(--color-secondary-light) 25%,var(--color-secondary-light) 75%,var(--color-primary-light) 75%);color:var(--color-dark)}body.dark-mode header{background:linear-gradient(300deg,var(--color-secondary) 25%,var(--color-primary) 25%,var(--color-primary) 75%,var(--color-secondary) 75%);color:var(--color-light)}body.cvi-enabled{color:#fff!important;background-color:#000!important}body.cvi-enabled .wave-container{display:none}body.light-mode.cvi-enabled,body.dark-mode.cvi-enabled{color:#fff!important;background-color:#000!important}body.light-mode.cvi-enabled header,body.dark-mode.cvi-enabled header{color:#fff!important}body.cvi-enabled header{background:linear-gradient(300deg,var(--color-secondary) 25%,var(--color-primary) 25%,var(--color-primary) 75%,var(--color-secondary) 75%);color:var(--color-light)}#mask{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:#000;-webkit-mask-image:radial-gradient(circle,transparent 50%,black 50%);mask-image:radial-gradient(circle,transparent 50%,black 50%);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;z-index:9999}#root{display:flex;flex-direction:column;min-height:100vh}header{text-align:center;z-index:100;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;justify-items:center;height:80px}header h1{margin-left:20px;font-weight:100}header h2{margin-right:20px;font-weight:400}.header-logo{width:70px}@media (max-width: 768px){header{flex-direction:column;height:120px}header h1{margin-left:0;margin-bottom:10px}header h2{margin-right:0}}@media (max-width: 600px){header{align-items:flex-end}}.page{width:100vw;height:100vh;color:#fff}.success-message{color:#fff;font-size:60px;text-align:center;font-weight:700;position:absolute;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;z-index:1}footer{background-color:var(--color-dark);color:var(--color-light);padding:1rem;text-align:center;margin-top:auto;z-index:50;height:50px}.global-options{display:flex;justify-content:center;align-items:center}.global-options>*{margin:0 10px}.level-slider{display:flex;flex-direction:column;align-items:center;margin:1rem 0}.level-slider label{margin-bottom:.5rem;font-size:1.2rem}.level-slider input[type=range]{width:100%;max-width:300px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:var(--color-light);outline:none;opacity:.7;transition:opacity .2s}.level-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;background:var(--color-info);cursor:pointer;border-radius:50%;border:1px solid var(--color-secondary)}.level-slider input[type=range]::-moz-range-thumb{width:25px;height:25px;background:var(--color-info);cursor:pointer;border-radius:50%;border:1px solid var(--color-secondary)}