*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #fffef1;--color-text: #aaa0b5;--color-border: #aaa0b5;--color-glow: rgba(255, 255, 255, .4);--text-shadow: 0 0 2px var(--color-text), 0 0 4px var(--color-glow), 0 0 6px var(--color-glow);--border-glow: 0 0 2px var(--color-text), 0 0 4px var(--color-glow);--scanline-size: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--border-width: 1px;--border-style: solid;--border-radius: 8px;--border: var(--border-width) var(--border-style) var(--color-border);--font-size-base: 16px;--font-size-lg: 22px;--bar-height: 12px}@font-face{font-family:NeueBit;src:url(/fonts/PPNeueBit-Regular.woff2) format("woff2"),url(/fonts/PPNeueBit-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NeueBit;src:url(/fonts/PPNeueBit-Bold.woff2) format("woff2"),url(/fonts/PPNeueBit-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}aside h2{font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;border-bottom:var(--border);padding-bottom:var(--space-xs)}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.audio-play-pause{animation:pulse 2s linear infinite}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(transparent var(--scanline-size),rgba(0,0,0,.05) calc(var(--scanline-size) + 1px));background-size:100% calc(var(--scanline-size) * 2);animation:scanline 10s linear infinite;pointer-events:none;z-index:2}.bars{width:100%;display:flex;flex-direction:column;gap:var(--space-sm);border:var(--border);border-radius:var(--border-radius);padding:var(--space-sm)}.bar-container{display:flex;flex-direction:column;gap:var(--space-xs)}.bar{width:100%;height:var(--bar-height);background-color:var(--color-bg);border:var(--border);overflow:hidden}.bar-fill{height:100%;background-color:var(--color-text);transition:width .3s ease-in-out;transform-origin:left;box-shadow:0 0 4px var(--color-text)}.bar:hover .bar-fill{opacity:.8;box-shadow:0 0 8px var(--color-text)}.clock{display:flex;flex-direction:column;gap:var(--space-sm);border:var(--border);border-radius:var(--border-radius);padding:var(--space-sm);height:150px;width:100%;aspect-ratio:1 / 1}.clock-time{font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;display:flex;gap:var(--space-xs)}.data-text{padding:var(--space-sm);width:100%;height:100%;background-color:var(--color-bg);border:var(--border);border-radius:var(--border-radius);font-size:var(--font-size-lg);overflow-y:auto}@media (max-width: 724px){.info{max-height:230px}}.info p{color:var(--color-text);font-size:var(--font-size-lg);line-height:1;font-weight:700}.info::-webkit-scrollbar{width:10px;background-color:var(--color-text);border-radius:var(--border-radius);border:var(--border);opacity:.7}.info::-webkit-scrollbar-thumb{background-color:var(--color-bg);border-radius:var(--border-radius);border:var(--border)}.audio-container{display:flex;gap:var(--space-sm)}.audio,.test-canvas{aspect-ratio:1 / 1}.test-canvas{height:150px}@media (max-width: 368px){.audio-container{flex-direction:column}.clock{width:100%}.audio{width:100%;height:270px}}.test-canvas{border:var(--border);border-radius:var(--border-radius)}.audio{display:flex;justify-content:center;align-items:center;position:relative;flex-grow:1}.audio-play-pause{cursor:pointer;position:absolute;font-family:NeueBit,system-ui,-apple-system,sans-serif;text-transform:uppercase;font-weight:700;font-size:var(--font-size-lg);width:100%;height:100%;display:flex;justify-content:center;align-items:center}.audio-buttons{display:flex;gap:var(--space-xs)}.audio-button{font-family:NeueBit,system-ui,-apple-system,sans-serif;text-transform:uppercase;font-weight:700;line-height:1;display:flex;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-text);border:var(--border);border-radius:var(--border-radius);padding:var(--space-sm);cursor:pointer;width:100%}.audio-button:hover{background-color:var(--color-text);color:var(--color-bg)}.audio-visualizer{width:100%;height:100%;background-color:var(--color-bg);border:var(--border);border-radius:var(--border-radius)}body{font-family:NeueBit,system-ui,-apple-system,sans-serif;line-height:1;background-color:var(--color-bg);color:var(--color-text);width:100vw;height:100vh;padding:var(--space-sm);text-shadow:var(--text-shadow);display:flex;gap:var(--space-sm);justify-content:center;align-items:center}main{display:flex;gap:var(--space-sm);width:100%;max-width:fit-content}.right-side{width:100%}.data{display:flex;flex-direction:column;gap:var(--space-sm);max-width:420px}.ramaining{padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);width:100%;height:100%;background-color:var(--color-bg);border:var(--border);border-radius:var(--border-radius)}@media (prefers-color-scheme: light){:root{--color-bg: #000;--color-text: #ffb300}}@media (max-width: 600px){main{flex-direction:column}}@media (max-width: 440px){.audio-container{flex-direction:column}}@media (max-width: 724px){body{flex-direction:column-reverse;height:auto;width:auto;min-height:100vh}aside{width:100%}}