.page-module-scss-module__qnDekq__page{min-height:100dvh;font-family:var(--font-geist-mono,"SF Mono",monospace);-webkit-user-select:none;user-select:none;background:#080808;justify-content:center;align-items:center;padding:1rem;display:flex}.page-module-scss-module__qnDekq__device{background:linear-gradient(#5f6368 0%,#54585d 50%,#4d5156 100%);border-radius:14px;width:100%;max-width:400px;position:relative;overflow:hidden;box-shadow:0 40px 100px #000000b3,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}.page-module-scss-module__qnDekq__display{background:#0a0a0a;flex-direction:column;justify-content:space-between;align-items:center;min-height:310px;padding:1.5rem 1.5rem 1.25rem;display:flex;box-shadow:inset 0 -2px 10px #0009}.page-module-scss-module__qnDekq__visualizer{flex-shrink:0;width:150px;height:150px;display:block}.page-module-scss-module__qnDekq__displayTop{flex-direction:column;align-items:center;gap:4px;display:flex}.page-module-scss-module__qnDekq__displayDate{letter-spacing:.18em;color:#ffffff4d;text-transform:uppercase;font-size:.65rem}.page-module-scss-module__qnDekq__displayTime{color:#ffffff80;letter-spacing:.12em;font-size:1.6rem;font-weight:300;line-height:1}.page-module-scss-module__qnDekq__displayContent{flex-direction:column;align-items:center;gap:2px;display:flex}.page-module-scss-module__qnDekq__volLabel{letter-spacing:.3em;color:#ffffff40;text-transform:uppercase;font-size:.6rem}.page-module-scss-module__qnDekq__volValue{color:#ffffff8c;letter-spacing:.05em;font-size:2.2rem;font-weight:300;line-height:1}.page-module-scss-module__qnDekq__statusBar{z-index:2;align-items:center;gap:6px;display:flex;position:absolute;top:16px;right:20px}.page-module-scss-module__qnDekq__statusDot{background:#444;border-radius:50%;width:6px;height:6px;transition:all .4s}.page-module-scss-module__qnDekq__statusDot.page-module-scss-module__qnDekq__active{background:#4ade80;box-shadow:0 0 8px #4ade8099}.page-module-scss-module__qnDekq__statusText{letter-spacing:.15em;color:#ffffff73;text-transform:uppercase;font-size:.6rem}.page-module-scss-module__qnDekq__knobSection{justify-content:center;padding:2.5rem 2rem 1.5rem;display:flex}.page-module-scss-module__qnDekq__knobWrapper{justify-content:center;align-items:center;width:260px;height:260px;display:flex;position:relative}.page-module-scss-module__qnDekq__scaleDot{background:#ffffff2e;border-radius:50%;width:5px;height:5px;transition:background .15s;position:absolute;transform:translate(-50%,-50%)}.page-module-scss-module__qnDekq__scaleDot.page-module-scss-module__qnDekq__scaleDotActive{background:#fff9}.page-module-scss-module__qnDekq__knob{cursor:grab;touch-action:none;background:radial-gradient(at 42% 36%,#ffffff12 0%,#0000 55%),radial-gradient(circle,#6d7176 0%,#5c6065 30%,#4f5358 65%,#45494e 100%);border-radius:50%;width:200px;height:200px;position:relative;box-shadow:0 0 0 6px #3a3e43,0 0 0 7px #ffffff0d,0 0 0 10px #52565b,0 0 0 11px #00000040,0 10px 30px #00000073,inset 0 2px 6px #ffffff0d,inset 0 -3px 8px #0000001f}.page-module-scss-module__qnDekq__knob.page-module-scss-module__qnDekq__knobGrabbing{cursor:grabbing}.page-module-scss-module__qnDekq__knobIndicator{background:#ffffffd9;border-radius:2px;width:22px;height:2.5px;position:absolute;top:50%;left:22px;transform:translateY(-50%);box-shadow:0 0 8px #fff3}.page-module-scss-module__qnDekq__controls{justify-content:center;padding:.25rem 2rem 2rem;display:flex}.page-module-scss-module__qnDekq__playBtn{color:#ffffffbf;cursor:pointer;background:radial-gradient(circle at 50% 38%,#5a5e63 0%,#4a4e53 55%,#3f4348 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex;box-shadow:0 0 0 2px #3a3e43,0 0 0 3px #ffffff0a,0 4px 14px #00000059,inset 0 1px #ffffff0f}.page-module-scss-module__qnDekq__playBtn:hover{color:#fffffff2;box-shadow:0 0 0 2px #3a3e43,0 0 0 3px #ffffff0f,0 4px 18px #00000073,inset 0 1px #ffffff14}.page-module-scss-module__qnDekq__playBtn:active{transform:scale(.94);box-shadow:0 0 0 2px #3a3e43,0 2px 6px #0000004d,inset 0 2px 4px #0003}.page-module-scss-module__qnDekq__playBtn svg{width:22px;height:22px}.page-module-scss-module__qnDekq__bottomBar{border-top:1px solid #0000001f;justify-content:space-between;align-items:flex-end;padding:1.25rem 1.5rem;display:flex}.page-module-scss-module__qnDekq__bottomLeft{flex-direction:column;gap:6px;display:flex}.page-module-scss-module__qnDekq__grille{grid-template-columns:repeat(3,1fr);gap:3px 4px;display:grid}.page-module-scss-module__qnDekq__grille span{background:#3a3e43;border-radius:1px;width:14px;height:2px;box-shadow:inset 0 1px #0000004d}.page-module-scss-module__qnDekq__brand{letter-spacing:.25em;color:#ffffff4d;text-transform:uppercase;margin-top:2px;font-size:.55rem}.page-module-scss-module__qnDekq__bottomRight{text-align:right;align-items:flex-end;display:flex}.page-module-scss-module__qnDekq__statusLoading{letter-spacing:.1em;color:#fff6;font-size:.65rem;animation:1.5s ease-in-out infinite page-module-scss-module__qnDekq__blink}.page-module-scss-module__qnDekq__statusLive{letter-spacing:.1em;color:#4ade80;font-size:.7rem;font-weight:500}.page-module-scss-module__qnDekq__statusError{color:#ef4444;letter-spacing:.05em;font-size:.65rem}@keyframes page-module-scss-module__qnDekq__blink{0%,to{opacity:1}50%{opacity:.3}}.page-module-scss-module__qnDekq__hiddenAudio{display:none}@media (max-width:440px){.page-module-scss-module__qnDekq__page{align-items:stretch;height:100dvh;min-height:0;padding:0;overflow:hidden}.page-module-scss-module__qnDekq__device{border-radius:0;flex-direction:column;max-width:100%;height:100%;min-height:0;display:flex}.page-module-scss-module__qnDekq__display{flex-shrink:0;min-height:0;padding:1rem 1.25rem .75rem}.page-module-scss-module__qnDekq__visualizer{width:min(120px,15dvh);height:min(120px,15dvh)}.page-module-scss-module__qnDekq__knobSection{flex:1 1 0;justify-content:center;align-items:center;min-height:0;padding:0 1.5rem;display:flex}.page-module-scss-module__qnDekq__controls{flex-shrink:0;padding:.25rem 2rem .75rem}.page-module-scss-module__qnDekq__playBtn{width:46px;height:46px}.page-module-scss-module__qnDekq__bottomBar{flex-shrink:0;padding:.75rem 1.25rem}}@media (max-width:440px) and (max-height:680px){.page-module-scss-module__qnDekq__knobWrapper{transform:scale(.78)}.page-module-scss-module__qnDekq__display{padding:.75rem 1.25rem .5rem}.page-module-scss-module__qnDekq__displayTime{font-size:1.2rem}.page-module-scss-module__qnDekq__volValue{font-size:1.6rem}}@media (max-width:440px) and (max-height:550px){.page-module-scss-module__qnDekq__knobWrapper{transform:scale(.62)}.page-module-scss-module__qnDekq__visualizer{width:80px;height:80px}.page-module-scss-module__qnDekq__displayTime{font-size:1rem}.page-module-scss-module__qnDekq__volValue{font-size:1.3rem}}