@keyframes page-module-scss-module__WHQNAW__modal-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-module-scss-module__WHQNAW__page{background:#f4f2ed;min-height:100vh;padding-bottom:80px}.page-module-scss-module__WHQNAW__hero{text-align:center;background-image:linear-gradient(#00c4ad12 1px,#0000 1px),linear-gradient(90deg,#00c4ad12 1px,#0000 1px);background-size:40px 40px;padding:64px 0 48px}@media (max-width:768px){.page-module-scss-module__WHQNAW__hero{padding:40px 0 32px}}.page-module-scss-module__WHQNAW__heroInner{max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:768px){.page-module-scss-module__WHQNAW__heroInner{padding:0 16px}}.page-module-scss-module__WHQNAW__heroBadge{letter-spacing:-.02em;letter-spacing:.08em;color:var(--color-primary,#00c4ad);background:color-mix(in srgb,var(--color-primary,#00c4ad)10%,white);text-transform:uppercase;border-radius:9999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-family:Orbitron,DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1.1;display:inline-flex}.page-module-scss-module__WHQNAW__heroTitle{letter-spacing:-.02em;color:#0c0c0c;margin-bottom:16px;font-family:Orbitron,DM Sans,sans-serif;font-size:48px;font-weight:900;line-height:1.1}.page-module-scss-module__WHQNAW__heroTitle span{background:linear-gradient(135deg,var(--color-primary,#00c4ad),var(--color-accent,#f0356a));-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.page-module-scss-module__WHQNAW__heroTitle{font-size:32px}}.page-module-scss-module__WHQNAW__heroDesc{color:#3d3c38;max-width:560px;margin:0 auto;font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.65}.page-module-scss-module__WHQNAW__gridSection{max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:768px){.page-module-scss-module__WHQNAW__gridSection{padding:0 16px}}.page-module-scss-module__WHQNAW__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:768px){.page-module-scss-module__WHQNAW__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.page-module-scss-module__WHQNAW__grid{grid-template-columns:1fr}}.page-module-scss-module__WHQNAW__card{background:var(--card-bg,#fff);border:1px solid var(--border,#0c0c0c17);border-radius:4px;position:relative;overflow:hidden}.page-module-scss-module__WHQNAW__card:before{content:"";background:linear-gradient(90deg,var(--color-primary,#00c4ad),var(--color-accent,#f0356a));height:2.5px;position:absolute;top:0;left:0;right:0}.page-module-scss-module__WHQNAW__card{transition:transform .18s,box-shadow .18s}.page-module-scss-module__WHQNAW__card:hover{box-shadow:0 12px 40px #0000001f,0 0 0 1px var(--color-primary,#00c4ad);transform:translateY(-2px)}.page-module-scss-module__WHQNAW__card{text-align:left;cursor:pointer;background:#fff;border:1px solid #0c0c0c17;flex-direction:column;gap:12px;padding:24px;display:flex}.page-module-scss-module__WHQNAW__card:hover .page-module-scss-module__WHQNAW__cardAction{color:var(--color-primary,#00c4ad)}.page-module-scss-module__WHQNAW__card h3{letter-spacing:-.02em;color:#0c0c0c;font-family:Orbitron,DM Sans,sans-serif;font-size:16px;font-weight:700;line-height:1.1}.page-module-scss-module__WHQNAW__card p{color:#7a7870;flex:1;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;line-height:1.65}.page-module-scss-module__WHQNAW__cardIcon{background:color-mix(in srgb,var(--color-primary,#00c4ad)10%,white);width:48px;height:48px;color:var(--color-primary,#00c4ad);border-radius:6px;justify-content:center;align-items:center;display:flex}.page-module-scss-module__WHQNAW__cardAction{letter-spacing:-.02em;letter-spacing:.08em;color:#7a7870;text-transform:uppercase;font-family:Orbitron,DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1.1;transition:all .15s}.page-module-scss-module__WHQNAW__testSection{max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:768px){.page-module-scss-module__WHQNAW__testSection{padding:0 16px}}.page-module-scss-module__WHQNAW__backBtn{letter-spacing:-.02em;letter-spacing:.08em;cursor:pointer;white-space:nowrap;border:none;border-radius:2px;justify-content:center;align-items:center;gap:8px;font-family:Orbitron,DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1.1;text-decoration:none;transition:all .15s;display:inline-flex}.page-module-scss-module__WHQNAW__backBtn:disabled,.page-module-scss-module__WHQNAW__backBtn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.page-module-scss-module__WHQNAW__backBtn{color:#3d3c38;background:#eceae3;margin-bottom:16px;padding:7px 14px;font-size:11px}.page-module-scss-module__WHQNAW__backBtn:hover{background:#e2dfd6}.page-module-scss-module__WHQNAW__testPanel{background:var(--card-bg,#fff);border:1px solid var(--border,#0c0c0c17);border-radius:4px;position:relative;overflow:hidden}.page-module-scss-module__WHQNAW__testPanel:before{content:"";background:linear-gradient(90deg,var(--color-primary,#00c4ad),var(--color-accent,#f0356a));height:2.5px;position:absolute;top:0;left:0;right:0}.page-module-scss-module__WHQNAW__testPanel{background:#fff;overflow:visible}.page-module-scss-module__WHQNAW__testHeader{border-bottom:1px solid #0c0c0c17;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.page-module-scss-module__WHQNAW__testHeader h2{letter-spacing:-.02em;color:#0c0c0c;align-items:center;gap:8px;font-family:Orbitron,DM Sans,sans-serif;font-size:18px;font-weight:700;line-height:1.1;display:flex}.page-module-scss-module__WHQNAW__testBody{flex-direction:column;gap:20px;padding:24px;display:flex}.page-module-scss-module__WHQNAW__testHint{color:#7a7870;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;line-height:1.65}.page-module-scss-module__WHQNAW__testActions{flex-wrap:wrap;gap:12px;display:flex}.page-module-scss-module__WHQNAW__btnCyan{letter-spacing:-.02em;letter-spacing:.08em;cursor:pointer;white-space:nowrap;border:none;border-radius:2px;justify-content:center;align-items:center;gap:8px;font-family:Orbitron,DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1.1;text-decoration:none;transition:all .15s;display:inline-flex}.page-module-scss-module__WHQNAW__btnCyan:disabled,.page-module-scss-module__WHQNAW__btnCyan[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.page-module-scss-module__WHQNAW__btnCyan{background:var(--color-primary,#00c4ad);color:#fff;padding:10px 22px;font-size:12px}.page-module-scss-module__WHQNAW__btnCyan:hover{background:color-mix(in srgb,var(--color-primary,#00c4ad)80%,black)}.page-module-scss-module__WHQNAW__btnMagenta{letter-spacing:-.02em;letter-spacing:.08em;cursor:pointer;white-space:nowrap;border:none;border-radius:2px;justify-content:center;align-items:center;gap:8px;font-family:Orbitron,DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1.1;text-decoration:none;transition:all .15s;display:inline-flex}.page-module-scss-module__WHQNAW__btnMagenta:disabled,.page-module-scss-module__WHQNAW__btnMagenta[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.page-module-scss-module__WHQNAW__btnMagenta{background:var(--color-accent,#f0356a);color:#fff;padding:10px 22px;font-size:12px}.page-module-scss-module__WHQNAW__btnMagenta:hover{background:color-mix(in srgb,var(--color-accent,#f0356a)80%,black)}.page-module-scss-module__WHQNAW__btnGhost{letter-spacing:-.02em;letter-spacing:.08em;cursor:pointer;white-space:nowrap;border:none;border-radius:2px;justify-content:center;align-items:center;gap:8px;font-family:Orbitron,DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1.1;text-decoration:none;transition:all .15s;display:inline-flex}.page-module-scss-module__WHQNAW__btnGhost:disabled,.page-module-scss-module__WHQNAW__btnGhost[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.page-module-scss-module__WHQNAW__btnGhost{color:#3d3c38;background:0 0;border:1px solid #0c0c0c29;padding:10px 22px;font-size:12px}.page-module-scss-module__WHQNAW__btnGhost:hover{background:#eceae3}.page-module-scss-module__WHQNAW__badge{letter-spacing:-.02em;letter-spacing:.08em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:4px;padding:4px 12px;font-family:Orbitron,DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1.1;display:inline-flex}.page-module-scss-module__WHQNAW__badgeRunning{color:#f0a500;background:#fef4dc}.page-module-scss-module__WHQNAW__badgePass{color:#1db96a;background:#e8faf0}.page-module-scss-module__WHQNAW__badgeFail{color:#e53e3e;background:#fef0f0}.page-module-scss-module__WHQNAW__videoContainer{aspect-ratio:16/9;background:#0c0c0c;border-radius:8px;max-width:640px;overflow:hidden}.page-module-scss-module__WHQNAW__video{object-fit:cover;width:100%;height:100%;display:block}.page-module-scss-module__WHQNAW__capturedPhoto{border:2px solid var(--color-primary,#00c4ad);border-radius:8px;max-width:320px}.page-module-scss-module__WHQNAW__vuMeter{background:#eceae3;border-radius:9999px;height:40px;position:relative;overflow:hidden}.page-module-scss-module__WHQNAW__vuMeter span{color:#0c0c0c;z-index:1;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;line-height:1.5;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.page-module-scss-module__WHQNAW__vuFill{background:linear-gradient(135deg,var(--color-primary,#00c4ad),var(--color-accent,#f0356a));border-radius:9999px;height:100%;transition:width 50ms linear}.page-module-scss-module__WHQNAW__audioPlayer{width:100%;max-width:480px}.page-module-scss-module__WHQNAW__audioGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:480px){.page-module-scss-module__WHQNAW__audioGrid{grid-template-columns:1fr}}.page-module-scss-module__WHQNAW__uploadSection{flex-direction:column;gap:16px;margin-top:16px;display:flex}.page-module-scss-module__WHQNAW__divider{background:#0c0c0c17;width:100%;height:1px}.page-module-scss-module__WHQNAW__uploadControls{flex-direction:column;align-items:stretch;gap:16px;display:flex}.page-module-scss-module__WHQNAW__btnGroup{flex-wrap:wrap;gap:8px;display:flex}.page-module-scss-module__WHQNAW__btnSystem{letter-spacing:-.02em;letter-spacing:.08em;cursor:pointer;white-space:nowrap;border:none;border-radius:2px;justify-content:center;align-items:center;gap:8px;font-family:Orbitron,DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1.1;text-decoration:none;transition:all .15s;display:inline-flex}.page-module-scss-module__WHQNAW__btnSystem:disabled,.page-module-scss-module__WHQNAW__btnSystem[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.page-module-scss-module__WHQNAW__btnSystem{letter-spacing:-.02em;background:var(--color-primary,#00c4ad);color:#0c0c0c;flex:1;min-width:200px;padding:10px 22px;font-family:Orbitron,DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1.1}.page-module-scss-module__WHQNAW__btnSystem:hover{background:color-mix(in srgb,var(--color-primary,#00c4ad)80%,black)}.page-module-scss-module__WHQNAW__uploadLabel{letter-spacing:-.02em;letter-spacing:.08em;cursor:pointer;white-space:nowrap;border:none;border-radius:2px;justify-content:center;align-items:center;gap:8px;font-family:Orbitron,DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1.1;text-decoration:none;transition:all .15s;display:inline-flex}.page-module-scss-module__WHQNAW__uploadLabel:disabled,.page-module-scss-module__WHQNAW__uploadLabel[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.page-module-scss-module__WHQNAW__uploadLabel{letter-spacing:-.02em;color:#3d3c38;cursor:pointer;background:0 0;border:1px solid #0c0c0c29;flex:1;min-width:160px;padding:10px 22px;font-family:Orbitron,DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1.1;transition:all .15s}.page-module-scss-module__WHQNAW__uploadLabel:hover{background:#eceae3}.page-module-scss-module__WHQNAW__playerWrapper{background:#f4f2ed;border:1px solid #0c0c0c17;border-radius:6px;flex-direction:column;gap:20px;padding:16px;display:flex}.page-module-scss-module__WHQNAW__playerHeader{flex-direction:column;gap:8px;display:flex}.page-module-scss-module__WHQNAW__pannerControl{background:#fff;border-radius:4px;flex-direction:column;gap:12px;padding:16px;display:flex}.page-module-scss-module__WHQNAW__pannerLabels{letter-spacing:-.02em;color:#7a7870;letter-spacing:.08em;justify-content:space-between;font-family:Orbitron,DM Sans,sans-serif;font-size:10px;font-weight:700;line-height:1.1;display:flex}.page-module-scss-module__WHQNAW__pannerSlider{appearance:none;background:#eceae3;border-radius:9999px;outline:none;width:100%;height:6px}.page-module-scss-module__WHQNAW__pannerSlider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary,#00c4ad);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000012}.page-module-scss-module__WHQNAW__pannerValues{color:#3d3c38;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;line-height:1.5;display:flex}.page-module-scss-module__WHQNAW__quickPan{gap:8px;margin-top:8px;display:flex}@media (max-width:480px){.page-module-scss-module__WHQNAW__quickPan{flex-direction:column}}.page-module-scss-module__WHQNAW__panBtn{letter-spacing:-.02em;letter-spacing:.08em;cursor:pointer;white-space:nowrap;border:none;border-radius:2px;justify-content:center;align-items:center;gap:8px;font-family:Orbitron,DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1.1;text-decoration:none;transition:all .15s;display:inline-flex}.page-module-scss-module__WHQNAW__panBtn:disabled,.page-module-scss-module__WHQNAW__panBtn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.page-module-scss-module__WHQNAW__panBtn{color:#3d3c38;background:#f4f2ed;border:1px solid #0c0c0c17;flex:1;padding:7px 14px;font-size:10px}.page-module-scss-module__WHQNAW__panBtn:hover{background:#eceae3}.page-module-scss-module__WHQNAW__panBtn.page-module-scss-module__WHQNAW__panActive{background:color-mix(in srgb,var(--color-primary,#00c4ad)10%,white);color:var(--color-primary,#00c4ad);border-color:var(--color-primary,#00c4ad)}.page-module-scss-module__WHQNAW__playingHint{color:var(--color-primary,#00c4ad);align-items:center;gap:4px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;line-height:1.65;display:flex}.page-module-scss-module__WHQNAW__playingHint:before{content:"●";animation:1s infinite page-module-scss-module__WHQNAW__blink}@keyframes page-module-scss-module__WHQNAW__blink{0%,to{opacity:1}50%{opacity:0}}.page-module-scss-module__WHQNAW__hiddenInput{display:none}.page-module-scss-module__WHQNAW__fullscreenColor{z-index:9999;cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-module-scss-module__WHQNAW__fullscreenHint{letter-spacing:-.02em;background:#0000004d;border-radius:9999px;padding:12px 24px;font-family:Orbitron,DM Sans,sans-serif;font-size:16px;font-weight:700;line-height:1.1}.page-module-scss-module__WHQNAW__infoGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.page-module-scss-module__WHQNAW__infoItem{background:#f4f2ed;border-radius:6px;padding:16px}.page-module-scss-module__WHQNAW__infoItem span{color:#7a7870;margin-bottom:4px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;line-height:1.65;display:block}.page-module-scss-module__WHQNAW__infoItem strong{color:#0c0c0c;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;line-height:1.5}.page-module-scss-module__WHQNAW__colorGrid{flex-wrap:wrap;gap:12px;display:flex}.page-module-scss-module__WHQNAW__colorBtn{cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:80px;height:80px;transition:all .15s;display:flex}.page-module-scss-module__WHQNAW__colorBtn span{letter-spacing:-.02em;letter-spacing:.08em;font-family:Orbitron,DM Sans,sans-serif;font-size:10px;font-weight:700;line-height:1.1}.page-module-scss-module__WHQNAW__colorBtn:hover{transform:scale(1.08)}.page-module-scss-module__WHQNAW__keyboardFull{-webkit-user-select:none;user-select:none;scrollbar-width:thin;scrollbar-color:#e2dfd6 #0000;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.page-module-scss-module__WHQNAW__keyboardFull::-webkit-scrollbar{width:4px;height:4px}.page-module-scss-module__WHQNAW__keyboardFull::-webkit-scrollbar-track{background:0 0}.page-module-scss-module__WHQNAW__keyboardFull::-webkit-scrollbar-thumb{background:#e2dfd6;border-radius:9999px}@media (max-width:768px){.page-module-scss-module__WHQNAW__keyboardFull{gap:8px}}.page-module-scss-module__WHQNAW__kbMain{flex-direction:column;gap:4px;display:flex}.page-module-scss-module__WHQNAW__kbNav{flex-direction:column;gap:4px;margin-top:0;display:flex}.page-module-scss-module__WHQNAW__kbNav .page-module-scss-module__WHQNAW__kbRow:first-child{margin-bottom:8px}.page-module-scss-module__WHQNAW__kbArrows{flex-direction:column;align-items:center;gap:4px;margin-top:auto;display:flex}.page-module-scss-module__WHQNAW__kbNumpad{flex-direction:column;gap:4px;display:flex}.page-module-scss-module__WHQNAW__kbRow{gap:4px;display:flex}.page-module-scss-module__WHQNAW__keyGap{flex-shrink:0;width:20px}@media (max-width:768px){.page-module-scss-module__WHQNAW__keyGap{width:10px}}.page-module-scss-module__WHQNAW__key{color:#3d3c38;background:#eceae3;border:1px solid #0c0c0c29;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;line-height:1.5;transition:all .15s;display:flex}@media (max-width:768px){.page-module-scss-module__WHQNAW__key{min-width:28px;height:30px;padding:0 3px;font-size:9px}}.page-module-scss-module__WHQNAW__keyWide{min-width:72px}@media (max-width:768px){.page-module-scss-module__WHQNAW__keyWide{min-width:48px}}.page-module-scss-module__WHQNAW__keySpace{flex:1;min-width:240px}@media (max-width:768px){.page-module-scss-module__WHQNAW__keySpace{min-width:140px}}.page-module-scss-module__WHQNAW__keyNum0{min-width:84px}@media (max-width:768px){.page-module-scss-module__WHQNAW__keyNum0{min-width:60px}}.page-module-scss-module__WHQNAW__keyTall{height:84px}@media (max-width:768px){.page-module-scss-module__WHQNAW__keyTall{height:64px}}.page-module-scss-module__WHQNAW__keyPressed{background:color-mix(in srgb,var(--color-primary,#00c4ad)10%,white);border-color:var(--color-primary,#00c4ad);color:var(--color-primary,#00c4ad)}.page-module-scss-module__WHQNAW__keyActive{background:var(--color-primary,#00c4ad);color:#fff;border-color:var(--color-primary,#00c4ad);transform:scale(.95);box-shadow:0 0 0 3px #00c4ad33}