@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";.site-header{position:fixed;top:0;left:0;right:0;height:55px;background-color:transparent;border-bottom:1px solid #959595;display:flex;align-items:center;justify-content:space-between;padding-left:20px;padding-right:20px;color:#000;font-weight:600;font-size:16px;z-index:2000;transition:color var(--stage-seconds, .3s) ease,border-color var(--stage-seconds, .3s) ease}.site-header.blue{background-color:#0117d5;border-bottom:1px solid #ffffff;color:#fff}.site-header.stage{border-bottom-color:#fff;color:#fff}.header-left,.header-right{flex:0 0 auto;display:flex;align-items:center}.header-center{position:absolute;display:flex;justify-content:center;align-items:center}.left-name{letter-spacing:1px;color:#000;transition:color var(--stage-seconds, .3s) ease}.site-header.blue .left-name,.site-header.stage .left-name{color:#fff}.site-header.blue .left-name:hover,.site-header.stage .left-name:hover{color:#0117d5}.nav-links{display:flex;padding-right:100px;gap:70px;align-items:center}.nav-links a{font-size:13px;color:#000;text-decoration:none;letter-spacing:1px;font-weight:bolder;transition:color var(--stage-seconds, .3s) ease}.time-bubble{--pulse-glow: 0, 0, 0;position:relative;overflow:hidden;box-sizing:border-box;background:transparent;border:1px solid #000;padding:0;color:#000;border-radius:999px;width:88px;height:34px;flex-shrink:0;transition:background var(--stage-seconds, .3s) ease,color var(--stage-seconds, .3s) ease,border-color var(--stage-seconds, .3s) ease}.site-header.blue .time-bubble,.site-header.stage .time-bubble{--pulse-glow: 255, 255, 255;background:transparent;border-color:#fff;color:#fff}.header-right{display:flex;align-items:center;gap:8px}.mute-button{height:34px;width:34px;padding:0;border:1px solid #000;border-radius:999px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--stage-seconds, .2s) ease,color var(--stage-seconds, .2s) ease,border-color var(--stage-seconds, .2s) ease}.mute-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mute-button svg path:first-child{fill:currentColor}.mute-button:hover,.mute-button.muted{background:#000;color:#fff}.site-header.blue .mute-button,.site-header.stage .mute-button{background:transparent;border-color:#fff;color:#fff}.site-header.blue .mute-button:hover,.site-header.blue .mute-button.muted,.site-header.stage .mute-button:hover,.site-header.stage .mute-button.muted{background:#fff;color:#0117d5}.visualizer-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:50;pointer-events:none;opacity:0;transition:opacity 2.5s ease-out}.visualizer-container.fade-in{opacity:1;transition:opacity .8s ease-in}.nav-link-highlight{position:relative;display:inline-block;transition:color var(--stage-seconds, .3s) ease}.site-header.blue .nav-links a,.site-header.stage .nav-links a{color:#fff}.site-header.blue .nav-links a:hover,.site-header.stage .nav-links a:hover{color:#0117d5}.nav-link-highlight:before{content:"";position:absolute;top:50%;left:50%;height:170%;width:120%;background:#ffff96;z-index:-1;transform:translate(-50%,-50%) scaleX(0);transform-origin:center;transition:transform .3s ease}.nav-link-highlight:hover:before{transform:translate(-50%,-50%) scaleX(1)}@media (max-width: 900px){.nav-links{display:none}.left-name{font-size:12px}.time-bubble{font-size:13px}.site-header{height:40px}}@media (max-width: 900px){.site-header{height:80px;align-items:flex-start;padding-top:14px}.site-header .centre{position:absolute;left:16px;right:16px;bottom:12px;width:auto;transform:none}.site-header .nav-links{display:flex;justify-content:space-between;gap:12px;padding:0;width:100%}.site-header .nav-links a{font-size:10px;letter-spacing:.5px}.site-header .time-bubble{width:76px;height:30px}.site-header .mute-button{height:30px;width:30px}}.wave-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.sound-tuner{position:fixed;right:16px;bottom:16px;z-index:2000;width:min(340px,calc(100vw - 32px));font-family:inherit;font-size:11px;letter-spacing:.04em;color:#000;display:flex;flex-direction:column;align-items:flex-end}.tuner-tab,.tuner-actions button{font:inherit;letter-spacing:.08em;background:#fff;color:#000;border:1px solid #000;border-radius:8px;padding:6px 10px;cursor:pointer}.tuner-tab:hover,.tuner-actions button:hover{background:#ff3700;color:#fff;border-color:#ff3700}.tuner-body{order:-1;width:100%;max-height:min(70vh,640px);overflow-y:auto;margin-bottom:8px;background:#fff;border:1px solid #000;border-radius:10px;padding:10px 12px;box-sizing:border-box}.tuner-status{padding:4px 0 8px;border-bottom:1px solid #000;color:#ff3700}.sound-tuner h4{margin:10px 0 2px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.tuner-hint{margin:0 0 4px;color:#666}.tuner-row{display:grid;grid-template-columns:1fr 1.2fr 58px 28px;align-items:center;gap:6px;padding:2px 0}.tuner-row.changed>span{color:#ff3700}.tuner-row input[type=range]{width:100%;accent-color:rgb(255,55,0)}.tuner-row em{font-style:normal;color:#666}.tuner-number{width:100%;font:inherit;border:1px solid #ccc;border-radius:4px;padding:1px 3px;box-sizing:border-box}.tuner-row select{grid-column:2 / 5;font:inherit}.tuner-toggle input{grid-column:2 / 5;justify-self:start;accent-color:rgb(255,55,0)}.tuner-actions{display:flex;gap:8px;margin-top:12px}.tuner-actions button{flex:1}html,body{height:100%;font-family:IBM Plex Mono,monospace;overflow-x:hidden;overflow-y:auto;margin:0}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}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}}