.synth-container.svelte-16quqtb{z-index:1;background:radial-gradient(ellipse 100% 70% at 50% 50%,rgba(42,42,42,.3) 0%,transparent 60%),linear-gradient(135deg,#121212,#161616,#0f0f0f);background-size:100% 100%,100% 100%;background-repeat:no-repeat,no-repeat;border-radius:1rem;position:relative;box-shadow:0 8px 16px #00000080,0 2px 4px #0006,inset 0 3px 6px #0009,inset 0 -3px 6px #0006,inset 0 1px 2px #ffffff08;border:1px solid rgba(0,0,0,.8);border-top-color:#ffffff14;border-left-color:#ffffff0d;border-right-color:#000000e6;border-bottom-color:#000000e6;will-change:transform;transform:translateZ(0);contain:layout style paint;isolation:isolate}.synth-container.svelte-16quqtb:before{content:"";position:absolute;inset:0;border-radius:1rem;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grainFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.2' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grainFilter)'/%3E%3C/svg%3E");background-size:100px 100px;background-repeat:repeat;filter:contrast(300%) brightness(2000%);mix-blend-mode:overlay;opacity:.7;pointer-events:none;z-index:-1}@media(max-width:768px){.synth-container.svelte-16quqtb:before{opacity:.3}}.synth-container.svelte-16quqtb:after{content:"";position:absolute;inset:2px;border-radius:calc(.5rem - 2px);background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.3) 100%);pointer-events:none;box-shadow:inset 0 1px 2px #ffffff0a,inset 0 -1px 2px #00000080;z-index:-1}.hardware-card-title.svelte-16quqtb{font-family:Bahnschrift,Franklin Gothic Medium,Arial Narrow,Helvetica Neue Condensed,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:1.25rem;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase;text-align:center}.hardware-card-content.svelte-16quqtb{position:relative;z-index:1;color:#fffc}.key-seeker-btn.svelte-7rz6k9{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:9999px;cursor:pointer;font-family:Bahnschrift,Franklin Gothic Medium,Arial Narrow,Helvetica Neue Condensed,Helvetica Neue,Arial,sans-serif;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffffe6;text-decoration:none;border:2px solid rgba(0,0,0,.6);background:linear-gradient(135deg,#2a2a2a,#1a1a1a,#0d0d0d 60%,#1a1a1a);box-shadow:inset 0 2px 3px #ffffff1a,inset 0 -2px 3px #000c,inset 2px 0 2px #ffffff0d,inset -2px 0 2px #0009,0 3px 6px #00000080}.key-seeker-btn.svelte-7rz6k9 svg{color:inherit}.key-seeker-btn-disabled.svelte-7rz6k9 svg{color:#64646499!important}.key-seeker-btn-sm.svelte-7rz6k9{padding:.375rem .75rem;font-size:.75rem;letter-spacing:.05em;color:#c8c8c8}.key-seeker-btn-md.svelte-7rz6k9{height:3rem;padding:0 1.5rem;font-size:1rem}.key-seeker-btn-lg.svelte-7rz6k9{height:4rem;padding:0;font-size:1.25rem;border:2px solid rgba(0,0,0,.6);box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #000c,inset 2px 0 2px #ffffff0d,inset -2px 0 2px #0009,0 4px 8px #00000080}.key-seeker-btn-wrapper.svelte-7rz6k9{display:inline-flex;padding:3px;border-radius:9999px;border:3px solid rgba(255,255,255,.6);box-shadow:0 0 8px #ffffff1a}.key-seeker-btn-wrapper-selected.svelte-7rz6k9{border-color:var(--color-primary)!important}.key-seeker-btn-wrapper-correct.svelte-7rz6k9{border-color:var(--color-success)!important}.key-seeker-btn-wrapper-incorrect.svelte-7rz6k9{border-color:var(--color-error)!important}.key-seeker-btn-wrapper-disabled.svelte-7rz6k9{border-color:#64646499!important}.key-seeker-btn-selected.svelte-7rz6k9{color:var(--color-primary)!important;box-shadow:inset 0 2px 3px #ffffff1a,inset 0 -2px 3px #000c,inset 2px 0 2px #ffffff0d,inset -2px 0 2px #0009,0 4px 12px #0006,0 0 20px #ff6b3599!important}.key-seeker-btn-selectable.key-seeker-btn-selected.svelte-7rz6k9{border-color:#0009!important}.key-seeker-btn-lg.key-seeker-btn-selected.svelte-7rz6k9{box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #000c,inset 2px 0 2px #ffffff0d,inset -2px 0 2px #0009,0 4px 12px #0006,0 0 20px #ff6b3599!important}.key-seeker-btn-selected.svelte-7rz6k9:hover:not(.key-seeker-btn-disabled){color:var(--color-primary)!important;box-shadow:inset 0 2px 3px #ffffff26,inset 0 -2px 3px #000000e6,inset 2px 0 2px #ffffff14,inset -2px 0 2px #000000b3,0 6px 16px #0006,0 0 30px #ff6b35cc!important}.key-seeker-btn-lg.key-seeker-btn-selected.svelte-7rz6k9:hover:not(.key-seeker-btn-disabled){box-shadow:inset 0 2px 4px #ffffff26,inset 0 -2px 4px #000000e6,inset 2px 0 2px #ffffff14,inset -2px 0 2px #000000b3,0 6px 16px #0006,0 0 30px #ff6b35cc!important}.key-seeker-btn-correct.svelte-7rz6k9{color:var(--color-success)!important;box-shadow:inset 0 2px 3px #ffffff1a,inset 0 -2px 3px #000c,inset 2px 0 2px #ffffff0d,inset -2px 0 2px #0009,0 4px 12px #0006,0 0 25px #22c55e99!important}.key-seeker-btn-selectable.key-seeker-btn-correct.svelte-7rz6k9{border-color:#0009!important}.key-seeker-btn-lg.key-seeker-btn-correct.svelte-7rz6k9{box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #000c,inset 2px 0 2px #ffffff0d,inset -2px 0 2px #0009,0 4px 12px #0006,0 0 20px #22c55e99!important}.key-seeker-btn-correct.svelte-7rz6k9:hover:not(.key-seeker-btn-disabled){color:var(--color-success)!important;box-shadow:inset 0 2px 3px #ffffff26,inset 0 -2px 3px #000000e6,inset 2px 0 2px #ffffff14,inset -2px 0 2px #000000b3,0 6px 16px #0006,0 0 35px #22c55ecc!important}.key-seeker-btn-lg.key-seeker-btn-correct.svelte-7rz6k9:hover:not(.key-seeker-btn-disabled){box-shadow:inset 0 2px 4px #ffffff26,inset 0 -2px 4px #000000e6,inset 2px 0 2px #ffffff14,inset -2px 0 2px #000000b3,0 6px 16px #0006,0 0 30px #22c55ecc!important}.key-seeker-btn-incorrect.svelte-7rz6k9{color:var(--color-error)!important;box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #000c,inset 2px 0 2px #ffffff0d,inset -2px 0 2px #0009,0 4px 12px #0006,0 0 20px #ef444499!important}.key-seeker-btn-selectable.key-seeker-btn-incorrect.svelte-7rz6k9{border-color:#0009!important}.key-seeker-btn-incorrect.svelte-7rz6k9:hover:not(.key-seeker-btn-disabled){color:var(--color-error)!important;box-shadow:inset 0 2px 4px #ffffff26,inset 0 -2px 4px #000000e6,inset 2px 0 2px #ffffff14,inset -2px 0 2px #000000b3,0 6px 16px #0006,0 0 30px #ef4444cc!important}.key-seeker-btn.svelte-7rz6k9:hover:not(:disabled):not(.key-seeker-btn-disabled){background:linear-gradient(135deg,#3a3a3a,#2a2a2a,#1d1d1d 60%,#2a2a2a);box-shadow:inset 0 2px 3px #ffffff26,inset 0 -2px 3px #000000e6,inset 2px 0 2px #ffffff14,inset -2px 0 2px #000000b3,0 4px 12px #0006}.key-seeker-btn-lg.svelte-7rz6k9:hover:not(:disabled):not(.opacity-50){box-shadow:inset 0 2px 4px #ffffff26,inset 0 -2px 4px #000000e6,inset 2px 0 2px #ffffff14,inset -2px 0 2px #000000b3,0 6px 16px #0006}.key-seeker-btn.svelte-7rz6k9:active:not(.key-seeker-btn-disabled){box-shadow:inset 0 2px 3px #0009,inset 0 -1px 2px #ffffff0d,inset 1px 0 2px #00000080,inset -1px 0 2px #00000080,0 2px 4px #0006}.key-seeker-btn-lg.svelte-7rz6k9:active:not(.key-seeker-btn-disabled){box-shadow:inset 0 2px 4px #0009,inset 0 -1px 2px #ffffff0d,inset 1px 0 2px #00000080,inset -1px 0 2px #00000080,0 2px 4px #0006}.key-seeker-btn-disabled.svelte-7rz6k9{color:#64646499!important;cursor:not-allowed}.key-seeker-btn-disabled.key-seeker-btn-selected.svelte-7rz6k9,.key-seeker-btn-disabled.key-seeker-btn-correct.svelte-7rz6k9,.key-seeker-btn-disabled.key-seeker-btn-incorrect.svelte-7rz6k9{color:#64646499!important}.key-seeker-btn-lg.key-seeker-btn-selected.key-seeker-btn-disabled.svelte-7rz6k9{color:#64646499!important;box-shadow:inset 0 2px 4px #ffffff0d,inset 0 -2px 4px #0009,inset 2px 0 2px #ffffff08,inset -2px 0 2px #00000080,0 2px 4px #0000004d!important}